@import (reference) '../extend.less';
@container-width: 1400px;
.container-base {
  margin: 0 auto;
  padding: 0 @padding-md;
}
.container {
  width: @container-width;

.container-base();
}
@media (max-width: 1400px) {
  .container {
    width: auto;
  }
}
.container-md {
  width: @container-width - 200px;

.container-base();
}
.container-sm {
  width: @container-width - 400px;

.container-base();
}
.container-xs {
  width: @container-width - 600px;

.container-base();
}
.container-xxs {
  width: @container-width - 700px;

.container-base();
}
.container-fluid {
  .container-base();
}
.container-flex {
  display: flex;
  justify-content: space-between;
}
