//
// Grid system
// --------------------------------------------------

// Set the container width, and override it for fixed navbars in media queries
.container {

  @media (min-width: @screen-xl-min) {
    width: @container-xl;
  }
  @media (min-width: @screen-xxl-min) {
    width: @container-xxl;
  }
  @media (min-width: @screen-xxxl-min) {
    width: @container-xxxl;
  }
}

@media (min-width: @screen-xl-min) {
  .make-grid-columns-float(xl);
  .make-grid(@grid-columns, xl, width);
  .make-grid(@grid-columns, xl, pull);
  .make-grid(@grid-columns, xl, push);
  .make-grid(@grid-columns, xl, offset);
}


@media (min-width: @screen-xxl-min) {
  .make-grid-columns-float(xxl);
  .make-grid(@grid-columns, xxl, width);
  .make-grid(@grid-columns, xxl, pull);
  .make-grid(@grid-columns, xxl, push);
  .make-grid(@grid-columns, xxl, offset);
}

@media (min-width: @screen-xxxl-min) {
  .make-grid-columns-float(xxxl);
  .make-grid(@grid-columns, xxxl, width);
  .make-grid(@grid-columns, xxxl, pull);
  .make-grid(@grid-columns, xxxl, push);
  .make-grid(@grid-columns, xxxl, offset);
}