// Grid
///
[class*="col-"] {
    display: inline;
    float: left;
    padding-left: $padding-width;
    padding-right: $padding-width;
}

// Extra small 320
@for $i from 1 through $total-columns {
    .col-xs-#{$i} { width: x-gridsystem-width($i); }
}

@for $i from 1 through $total-columns {
    .col-xs-offset-#{$i} { margin-left: x-gridsystem-width($i); }
}

// Small 768
@media(min-width:$screen-tablet-portrait) {
  @for $i from 1 through $total-columns {
    .col-sm-#{$i} { width: x-gridsystem-width($i); }
  }

  @for $i from 1 through $total-columns {
    .col-sm-offset-#{$i} { margin-left: x-gridsystem-width($i); }
  }
}
// Medium 992
@media(min-width:$screen-desktop) {
  @for $i from 1 through $total-columns {
    .col-md-#{$i} { width: x-gridsystem-width($i); }
  }

  @for $i from 1 through $total-columns {
    .col-md-offset-#{$i} { margin-left: x-gridsystem-width($i); }
  }
}
// Large 1300
@media(min-width:$screen-wide) {
  @for $i from 1 through $total-columns {
    .col-lg-#{$i} { width: x-gridsystem-width($i); }
  }

  @for $i from 1 through $total-columns {
    .col-lg-offset-#{$i} { margin-left: x-gridsystem-width($i); }
  }
}