.container {
  margin-right: auto;
  margin-left: auto;
  font-size: 0;
}

  .container.cols_pd10,
  .container.cols_pd10 > .cols {
    padding: 5px;
  }

  .container.cols_pd15,
  .container.cols_pd15 > .cols {
    padding: 7.5px;
  }

  .container.cols_pd20,
  .container.cols_pd20 > .cols {
    padding: 10px;
  }

/* --- */

.cols {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}

/* --- */

.col_100 {
  width: 100%;
}

.col_90 {
  width: 90%;
}

.col_80 {
  width: 80%;
}

.col_75 {
  width: 75%;
}

.col_70 {
  width: 70%;
}

.col_66 {
  width: 66.7%;
}

.col_60 {
  width: 60%;
}

.col_50 {
  width: 50%;
}

.col_40 {
  width: 40%;
}

.col_33 {
  width: 33.3%;
}

.col_30 {
  width: 30%;
}

.col_25 {
  width: 25%;
}

.col_20 {
  width: 20%;
}

.col_16 {
  width: 16.66%;
}

.col_14 {
  width: 14.28%;
}

.col_12 {
  width: 12.5%;
}

.col_11 {
  width: 11.1%;
}

.col_10 {
  width: 10%;
}

/* --- */

.divTstCol .cols {
  border: 1px dashed #CCC;
}

/* --- */

@media(max-width: 1400px) {
  .col_100_1400 {
    width: 100%;
  }

  .col_75_1400 {
    width: 75%;
  }

  .col_66_1400 {
    width: 66.6%;
  }

  .col_50_1400 {
    width: 50%;
  }

  .col_33_1400 {
    width: 33.3%;
  }

  .col_25_1400 {
    width: 25%;
  }

  .col_20_1400 {
    width: 20%;
  }
}

@media(max-width: 1300px) {
  .col_100_1300 {
    width: 100%;
  }

  .col_75_1300 {
    width: 75%;
  }

  .col_66_1300 {
    width: 66.6%;
  }

  .col_50_1300 {
    width: 50%;
  }

  .col_33_1300 {
    width: 33.3%;
  }

  .col_25_1300 {
    width: 25%;
  }

  .col_20_1300 {
    width: 20%;
  }
}

@media(max-width: 1200px) {
  .col_100_1200 {
    width: 100%;
  }

  .col_75_1200 {
    width: 75%;
  }

  .col_66_1200 {
    width: 66.6%;
  }

  .col_50_1200 {
    width: 50%;
  }

  .col_33_1200 {
    width: 33.3%;
  }

  .col_25_1200 {
    width: 25%;
  }

  .col_20_1200 {
    width: 20%;
  }
}

@media(max-width: 1100px) {
  .col_100_1100 {
    width: 100%;
  }

  .col_75_1100 {
    width: 75%;
  }

  .col_66_1100 {
    width: 66.6%;
  }

  .col_50_1100 {
    width: 50%;
  }

  .col_33_1100 {
    width: 33.3%;
  }

  .col_25_1100 {
    width: 25%;
  }

  .col_20_1100 {
    width: 20%;
  }
}

@media(max-width: 1000px) {
  .col_100_1000 {
    width: 100%;
  }

  .col_75_1000 {
    width: 75%;
  }

  .col_66_1000 {
    width: 66.6%;
  }

  .col_50_1000 {
    width: 50%;
  }

  .col_33_1000 {
    width: 33.3%;
  }

  .col_25_1000 {
    width: 25%;
  }

  .col_20_1000 {
    width: 20%;
  }
}

@media(max-width: 900px) {
  .col_100_900 {
    width: 100%;
  }

  .col_75_900 {
    width: 75%;
  }

  .col_66_900 {
    width: 66.6%;
  }

  .col_50_900 {
    width: 50%;
  }

  .col_33_900 {
    width: 33.3%;
  }

  .col_25_900 {
    width: 25%;
  }

  .col_20_900 {
    width: 20%;
  }
}

@media(max-width: 800px) {
  .col_100_800 {
    width: 100%;
  }

  .col_75_800 {
    width: 75%;
  }

  .col_66_800 {
    width: 66.6%;
  }

  .col_50_800 {
    width: 50%;
  }

  .col_33_800 {
    width: 33.3%;
  }

  .col_25_800 {
    width: 25%;
  }

  .col_20_800 {
    width: 20%;
  }
}

@media(max-width: 700px) {
  .col_100_700 {
    width: 100%;
  }

  .col_75_700 {
    width: 75%;
  }

  .col_66_700 {
    width: 66.6%;
  }

  .col_50_700 {
    width: 50%;
  }

  .col_33_700 {
    width: 33.3%;
  }

  .col_25_700 {
    width: 25%;
  }

  .col_20_700 {
    width: 20%;
  }
}

@media(max-width: 600px) {
  .col_100_600 {
    width: 100%;
  }

  .col_75_600 {
    width: 75%;
  }

  .col_66_600 {
    width: 66.6%;
  }

  .col_50_600 {
    width: 50%;
  }

  .col_33_600 {
    width: 33.3%;
  }

  .col_25_600 {
    width: 25%;
  }

  .col_20_600 {
    width: 20%;
  }
}

@media(max-width: 500px) {
  .col_100_500 {
    width: 100%;
  }

  .col_75_500 {
    width: 75%;
  }

  .col_66_500 {
    width: 66.6%;
  }

  .col_50_500 {
    width: 50%;
  }

  .col_33_500 {
    width: 33.3%;
  }

  .col_25_500 {
    width: 25%;
  }

  .col_20_500 {
    width: 20%;
  }
}

@media(max-width: 400px) {
  .col_100_400 {
    width: 100%;
  }

  .col_75_400 {
    width: 75%;
  }

  .col_66_400 {
    width: 66.6%;
  }

  .col_50_400 {
    width: 50%;
  }

  .col_33_400 {
    width: 33.3%;
  }

  .col_25_400 {
    width: 25%;
  }

  .col_20_400 {
    width: 20%;
  }

  .container.cols_pd10_400,
  .container.cols_pd10_400 > .cols {
    padding: 5px;
  }
}