@media (min-width: 1366px) {
  .container {
    max-width: 1300px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1380px;
  }
}

@media (min-width: 1680px) {
  .container {
    max-width: 1600px;
  }
}

.col-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xl-20{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-20 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 576px) {
  .col-sm-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 768px) {
  .col-md-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  .col-lg-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-xl-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}