/* GRID */

.row:after,
.module:after{
  content: ""; display: table; clear: both;
}

/*! Container */
.container{
    margin-right:auto;
    margin-left:auto;
    -webkit-box-sizing: border-box; 
           -moz-box-sizing: border-box; 
                box-sizing: border-box;
}

.row{
    margin-left:-12px;
    margin-right:-12px;
}

.module{
    padding-top:24px;
}

[class*='col-']{
    padding-left:12px;
    padding-right:12px;
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; 
            box-sizing: border-box;
    position: relative;
    min-height:1px;
}

/*! Media queries */
@media (max-width:767px)
{

}

@media (min-width: 768px) 
{
    .container {
        width: 750px;
    }
}

@media (min-width: 1050px)
{
    .container {
        width: 1000px;
    }
    
    [class*="col-"]{
        float:left;
    }
    
   
    
    .col-1{  width: 8.333%;}
    .col-2{  width: 16.66%;}
    .col-3{  width: 25%;}
    .col-4{  width: 33.33%;}
    .col-5{  width: 41.66%;}
    .col-6{  width: 50%;}
    .col-7{  width: 58.33%;}
    .col-8{  width: 66.66%;}
    .col-9{  width: 75%;}
    .col-10{ width: 83.33%;}
    .col-11{ width: 91.66%;}
    .col-12{ width: 100%;}
    
    /*! Push */
    .col-push-1{  left: 8.333%; } 
    .col-push-2{  left: 16.66%; } 
    .col-push-3{  left: 25%; } 
    .col-push-4{  left: 33.33%; } 
    .col-push-5{  left: 41.66%; } 
    .col-push-6{  left: 50%; } 
    .col-push-7{  left: 58.33%; } 
    .col-push-8{  left: 66.66%; } 
    .col-push-9{  left: 75%; } 
    .col-push-10{ left: 83.33%; } 
    .col-push-11{ left: 91.66%; } 
    .col-push-12{ left: 100% }
    
    /*! Pull */
    .col-pull-1{  right: 8.333%; } 
    .col-pull-2{  right: 16.66%; } 
    .col-pull-3{  right: 25%; } 
    .col-pull-4{  right: 33.33%; } 
    .col-pull-5{  right: 41.66%; } 
    .col-pull-6{  right: 50%; } 
    .col-pull-7{  right: 58.33%; } 
    .col-pull-8{  right: 66.66%; } 
    .col-pull-9{  right: 75%; } 
    .col-pull-10{ right: 83.33%; } 
    .col-pull-11{ right: 91.66%; } 
    .col-pull-12{ right: 100%; }
    
}

@media (min-width: 1350px)
{
    .container {
        width: 1320px;
    }
}