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

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

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

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

}

.order-15 {
  -ms-flex-order: 15;
      order: 15;
}

@media (min-width: 576px) {

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

  .order-sm-15 {
    -ms-flex-order: 15;
        order: 15;
  }

}

@media (min-width: 768px) {

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

  .order-md-15 {
    -ms-flex-order: 15;
        order: 15;
  }

}

@media (min-width: 992px) {

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

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

  .order-lg-15 {
    -ms-flex-order: 15;
        order: 15;
  }

}

@media (min-width: 1200px) {

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

  .order-xl-15 {
    -ms-flex-order: 15;
        order: 15;
  }

}