.container-100 {
  width: 100%;
}

.container-90 {
  width: 90%;
}

.container-80 {
  width: 80%;
}

.container-75 {
  width: 75%;
}

.container-70 {
  width: 70%;
}

.container-66 {
  width: 66%;
}

.container-60 {
  width: 60%;
}

.container-50 {
  width: 50%;
}

.container-40 {
  width: 40%;
}

.container-33 {
  width: calc(100% / 3);
}

.container-30 {
  width: 30%;
}

.container-25 {
  width: 25%;
}

.container-20 {
  width: 20%;
}

.container-10 {
  width: 10%;
}

@media (min-width: 480px) {
  .container-xs-100 {
    width: 100%;
  }
}

@media (min-width: 480px) {
  .container-xs-90 {
    width: 90%;
  }
}

@media (min-width: 480px) {
  .container-xs-80 {
    width: 80%;
  }
}

@media (min-width: 480px) {
  .container-xs-75 {
    width: 75%;
  }
}

@media (min-width: 480px) {
  .container-xs-70 {
    width: 70%;
  }
}

@media (min-width: 480px) {
  .container-xs-66 {
    width: 66%;
  }
}

@media (min-width: 480px) {
  .container-xs-60 {
    width: 60%;
  }
}

@media (min-width: 480px) {
  .container-xs-50 {
    width: 50%;
  }
}

@media (min-width: 480px) {
  .container-xs-40 {
    width: 40%;
  }
}

@media (min-width: 480px) {
  .container-xs-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 480px) {
  .container-xs-30 {
    width: 30%;
  }
}

@media (min-width: 480px) {
  .container-xs-25 {
    width: 25%;
  }
}

@media (min-width: 480px) {
  .container-xs-20 {
    width: 20%;
  }
}

@media (min-width: 480px) {
  .container-xs-10 {
    width: 10%;
  }
}

@media (min-width: 560px) {
  .container-sm-100 {
    width: 100%;
  }
}

@media (min-width: 560px) {
  .container-sm-90 {
    width: 90%;
  }
}

@media (min-width: 560px) {
  .container-sm-80 {
    width: 80%;
  }
}

@media (min-width: 560px) {
  .container-sm-75 {
    width: 75%;
  }
}

@media (min-width: 560px) {
  .container-sm-70 {
    width: 70%;
  }
}

@media (min-width: 560px) {
  .container-sm-66 {
    width: 66%;
  }
}

@media (min-width: 560px) {
  .container-sm-60 {
    width: 60%;
  }
}

@media (min-width: 560px) {
  .container-sm-50 {
    width: 50%;
  }
}

@media (min-width: 560px) {
  .container-sm-40 {
    width: 40%;
  }
}

@media (min-width: 560px) {
  .container-sm-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 560px) {
  .container-sm-30 {
    width: 30%;
  }
}

@media (min-width: 560px) {
  .container-sm-25 {
    width: 25%;
  }
}

@media (min-width: 560px) {
  .container-sm-20 {
    width: 20%;
  }
}

@media (min-width: 560px) {
  .container-sm-10 {
    width: 10%;
  }
}

@media (min-width: 688px) {
  .container-btw-100 {
    width: 100%;
  }
}

@media (min-width: 688px) {
  .container-btw-90 {
    width: 90%;
  }
}

@media (min-width: 688px) {
  .container-btw-80 {
    width: 80%;
  }
}

@media (min-width: 688px) {
  .container-btw-75 {
    width: 75%;
  }
}

@media (min-width: 688px) {
  .container-btw-70 {
    width: 70%;
  }
}

@media (min-width: 688px) {
  .container-btw-66 {
    width: 66%;
  }
}

@media (min-width: 688px) {
  .container-btw-60 {
    width: 60%;
  }
}

@media (min-width: 688px) {
  .container-btw-50 {
    width: 50%;
  }
}

@media (min-width: 688px) {
  .container-btw-40 {
    width: 40%;
  }
}

@media (min-width: 688px) {
  .container-btw-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 688px) {
  .container-btw-30 {
    width: 30%;
  }
}

@media (min-width: 688px) {
  .container-btw-25 {
    width: 25%;
  }
}

@media (min-width: 688px) {
  .container-btw-20 {
    width: 20%;
  }
}

@media (min-width: 688px) {
  .container-btw-10 {
    width: 10%;
  }
}

@media (min-width: 910px) {
  .container-md-100 {
    width: 100%;
  }
}

@media (min-width: 910px) {
  .container-md-90 {
    width: 90%;
  }
}

@media (min-width: 910px) {
  .container-md-80 {
    width: 80%;
  }
}

@media (min-width: 910px) {
  .container-md-75 {
    width: 75%;
  }
}

@media (min-width: 910px) {
  .container-md-70 {
    width: 70%;
  }
}

@media (min-width: 910px) {
  .container-md-66 {
    width: 66%;
  }
}

@media (min-width: 910px) {
  .container-md-60 {
    width: 60%;
  }
}

@media (min-width: 910px) {
  .container-md-50 {
    width: 50%;
  }
}

@media (min-width: 910px) {
  .container-md-40 {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .container-md-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 910px) {
  .container-md-30 {
    width: 30%;
  }
}

@media (min-width: 910px) {
  .container-md-25 {
    width: 25%;
  }
}

@media (min-width: 910px) {
  .container-md-20 {
    width: 20%;
  }
}

@media (min-width: 910px) {
  .container-md-10 {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .container-lg-100 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .container-lg-90 {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  .container-lg-80 {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .container-lg-75 {
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .container-lg-70 {
    width: 70%;
  }
}

@media (min-width: 1024px) {
  .container-lg-66 {
    width: 66%;
  }
}

@media (min-width: 1024px) {
  .container-lg-60 {
    width: 60%;
  }
}

@media (min-width: 1024px) {
  .container-lg-50 {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .container-lg-40 {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .container-lg-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 1024px) {
  .container-lg-30 {
    width: 30%;
  }
}

@media (min-width: 1024px) {
  .container-lg-25 {
    width: 25%;
  }
}

@media (min-width: 1024px) {
  .container-lg-20 {
    width: 20%;
  }
}

@media (min-width: 1024px) {
  .container-lg-10 {
    width: 10%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-100 {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-90 {
    width: 90%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-80 {
    width: 80%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-75 {
    width: 75%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-70 {
    width: 70%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-66 {
    width: 66%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-60 {
    width: 60%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-50 {
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-40 {
    width: 40%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 1280px) {
  .container-xlg-30 {
    width: 30%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-25 {
    width: 25%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-20 {
    width: 20%;
  }
}

@media (min-width: 1280px) {
  .container-xlg-10 {
    width: 10%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-100 {
    width: 100%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-90 {
    width: 90%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-80 {
    width: 80%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-75 {
    width: 75%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-70 {
    width: 70%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-66 {
    width: 66%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-60 {
    width: 60%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-50 {
    width: 50%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-40 {
    width: 40%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-33 {
    width: calc(100% / 3);
  }
}

@media (min-width: 1400px) {
  .container-xxl-30 {
    width: 30%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-25 {
    width: 25%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-20 {
    width: 20%;
  }
}

@media (min-width: 1400px) {
  .container-xxl-10 {
    width: 10%;
  }
}