





.container {
  .container-fixed();
  @media (min-width: @screen-xxxs-min) {
    width: 90%;
  }
  @media (min-width: @screen-xxs-min) {
    width: 90%;
  }
  @media (min-width: @screen-xs-min) {
    width: 90%;
  }
  @media (min-width: @screen-sm-min) {
    width: 90%;
  }
  @media (min-width: @screen-md-min) {
    width: 90%;
  }
  @media (min-width: @screen-lg-min) {
    width: @container-lg;
  }
}




.container-fluid {
  .container-fixed();
}



.row {
  .make-row();
}



.make-grid-columns();
@md:~"@{grid-prefix}-md";
@xxxs:~"@{grid-prefix}-xxxs";
@xxs:~"@{grid-prefix}-xxs";
@xs:~"@{grid-prefix}-xs";
@sm:~"@{grid-prefix}-sm";
@lg:~"@{grid-prefix}-lg";
@media (min-width: @screen-xxxs-min) and (max-width: @screen-lg-max)   {
  .make-grid(@md);
}
@media (min-width: @screen-xxxs-min) and (max-width: @screen-xxxs-max)   {
  .make-grid(@xxxs);
}
@media (min-width: @screen-xxs-min)  and (max-width: @screen-xxs-max)   {
  .make-grid(@xxs);
}
@media (min-width: @screen-xs-min)  and (max-width: @screen-xs-max)   {
  .make-grid(@xs);
}
@media (min-width: @screen-sm-min)  and (max-width: @screen-sm-max)   {
  .make-grid(@sm);
}

@media (min-width: @screen-md-min)  and (max-width: @screen-md-max)   {
  .make-grid(@md);
}
@media (min-width: @screen-lg-min) and (max-width: @screen-lg-max)   {
  .make-grid(@lg);
}
