.row {margin:0 auto;}
.row.full-width {width:100%;}
.row::after {content:""; clear:both; display:block;}

[class*="col-"] {float:left;}
.col-1 {width:8.33%;}
.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%;}

.col-push-1 {margin-left:8.33%;}
.col-push-2 {margin-left:16.66%;}
.col-push-3 {margin-left:25%;}
.col-push-4 {margin-left:33.33%;}
.col-push-5 {margin-left:41.66%;}
.col-push-6 {margin-left:50%;}
.col-push-7 {margin-left:58.33%;}
.col-push-8 {margin-left:66.66%;}
.col-push-9 {margin-left:75%;}
.col-push-10 {margin-left:83.33%;}
.col-push-11 {margin-left:91.66%;}

.col-pull-1 {margin-left:-8.33%;}
.col-pull-2 {margin-left:-16.66%;}
.col-pull-3 {margin-left:-25%;}
.col-pull-4 {margin-left:-33.33%;}
.col-pull-5 {margin-left:-41.66%;}
.col-pull-6 {margin-left:-50%;}
.col-pull-7 {margin-left:-58.33%;}
.col-pull-8 {margin-left:-66.66%;}
.col-pull-9 {margin-left:-75%;}
.col-pull-10 {margin-left:-83.33%;}
.col-pull-11 {margin-left:-91.66%;}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
  .row {width:calc(100vw - 60px);}
  [class*="col-"] {width:100%;}
  [class*="col-push"] {margin:0 !important;}
  .col-xs-6 {width:50%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  .row {width:calc(100vw - 60px);}
  [class*="col-push"] {margin:0 !important;}
  
  .col-s-1 {width:8.33%;}
  .col-s-2 {width:16.66%;}
  .col-s-3 {width:25%;}
  .col-s-4 {width:33.33%;}
  .col-s-5 {width:41.66%;}
  .col-s-6 {width:50%;}
  .col-s-7 {width:58.33%;}
  .col-s-8 {width:66.66%;}
  .col-s-9 {width:75%;}
  .col-s-10 {width:83.33%;}
  .col-s-11 {width:91.66%;}
  .col-s-12 {width:100%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .row {width:750px;}
  [class*="col-push"] {margin:0 !important;}
  
  .col-m-1 {width:8.33%;}
  .col-m-2 {width:16.66%;}
  .col-m-3 {width:25%;}
  .col-m-4 {width:33.33%;}
  .col-m-5 {width:41.66%;}
  .col-m-6 {width:50%;}
  .col-m-7 {width:58.33%;}
  .col-m-8 {width:66.66%;}
  .col-m-9 {width:75%;}
  .col-m-10 {width:83.33%;}
  .col-m-11 {width:91.66%;}
  .col-m-12 {width:100%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) /* and (max-width:1199px)*/ {
  .row {width:980px;}
}

/* Extra large devices (desktops, 1200px and up)
@media (min-width: 1200px) {
  .row {width:1200px;}
}*/