.col-sm-1th, -col-sm-2th, -col-sm-3th, -col-sm-4th, -col-sm-5th, -col-sm-6th, -col-sm-7th, -col-sm-8th, -col-sm-9th, -col-sm-10th, -col-sm-11th, -col-sm-12th,
.col-md-1th, -col-md-2th, -col-md-3th, -col-md-4th, -col-md-5th, -col-md-6th, -col-md-7th, -col-md-8th, -col-md-9th, -col-md-10th, -col-md-11th, -col-md-12th,
.col-lg-1th, -col-lg-2th, -col-lg-3th, -col-lg-4th, -col-lg-5th, -col-lg-6th, -col-lg-7th, -col-lg-8th, -col-lg-9th, -col-lg-10th, -col-lg-11th, -col-lg-12th,
.col-xl-1th, -col-xl-2th, -col-xl-3th, -col-xl-4th, -col-xl-5th, -col-xl-6th, -col-xl-7th, -col-xl-8th, -col-xl-9th, -col-xl-10th, -col-xl-11th, -col-xl-12th,
.col-lg-1fx, -col-lg-2fx, -col-lg-3fx, -col-lg-4fx, -col-lg-5fx, -col-lg-6fx, -col-lg-7fx, -col-lg-8fx, -col-lg-9fx, -col-lg-10fx, -col-lg-11fx, -col-lg-12fx {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;

}


@media (min-width: 576px) {

  .col-sm-1th {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-sm-2th {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-3th {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-sm-6th {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-7th {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
  }

  .col-sm-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-sm-9th {
    flex: 0 0 11.1111111111%;
    max-width :11.1111111111%;
  }

  .col-sm-10th {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-sm-11th {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }

 .col-sm-12th {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

}

@media (min-width: 768px) {

  .col-md-1th {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-2th {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-3th {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-md-6th {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-7th {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
  }

  .col-md-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-md-9th {
    flex: 0 0 11.1111111111%;
    max-width :11.1111111111%;
  }

  .col-md-10th {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-md-11th {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }

 .col-md-12th {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

}

@media (min-width: 992px) {

   .col-lg-1th {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-lg-2th {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-3th {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-lg-6th {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-7th {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
  }

  .col-lg-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-lg-9th {
    flex: 0 0 11.1111111111%;
    max-width :11.1111111111%;
  }

  .col-lg-10th {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-lg-11th {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }

 .col-lg-12th {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

}

@media (min-width: 1200px) {

   .col-xl-1th {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-xl-2th {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-3th {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-4th {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xl-6th {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-7th {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
  }

  .col-xl-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-xl-9th {
    flex: 0 0 11.1111111111%;
    max-width :11.1111111111%;
  }

  .col-xl-10th {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-xl-11th {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%;
  }

 .col-xl-12th {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

}

@media (min-width: 768px) {

   .col-lg-1fx {
    flex: 0 0 768px;
    max-width: 768px;
  }

  .col-lg-2fx {
    flex: 0 0 496px;
    max-width: 496px;
  }

  .col-lg-3fx {
    flex: 0 0 330.6666666667px;
    max-width: 330.6666666667px;
  }

  .col-lg-4fx {
    flex: 0 0 248px;
    max-width: 240px;
  }

  .col-lg-5fx {
    flex: 0 0 198.4px;
    max-width: 198.4px;
  }

  .col-lg-6fx {
    flex: 0 0 165.333333333px;
    max-width: 165.333333333px;
  }

  .col-lg-7fx {
    flex: 0 0 141.7142857142px;
    max-width: 141.7142857142px;
  }

  .col-lg-8fx {
    flex: 0 0 124px;
    max-width: 124px;
  }

  .col-lg-9fx {
    flex: 0 0 110.2222222222px;
    max-width :110.2222222222px;
  }

  .col-lg-10fx {
    flex: 0 0 99.2px;
    max-width: 99.2px;
  }

  .col-lg-11fx {
    flex: 0 0 90.1818181818px;
    max-width: 90.1818181818px;
  }

 .col-lg-12fx {
    flex: 0 0 82.6666666667px;
    max-width: 82.6666666667px;
  }

}