.bd{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.bd .rw{
    margin: 0 -15px;
}

.bd,.rw::after {
  content: "";
  clear: both;
  display: table;
}

[class*="c-"] {
  width: 100%;
  float: left;
  padding: 15px;
}



@media only screen and  (min-width: 300px)
{
    .c-z1 {width: 8.33%;}
    .c-z2 {width: 16.66%;}
    .c-z3 {width: 25%;}
    .c-z4 {width: 33.33%;}
    .c-z5 {width: 41.66%;}
    .c-z6 {width: 50%;}
    .c-z7 {width: 58.33%;}
    .c-z8 {width: 66.66%;}
    .c-z9 {width: 75%;}
    .c-z10 {width: 83.33%;}
    .c-z11 {width: 91.66%;}
    .c-z12 {width: 100%;}
}

@media only screen and  (min-width: 600px)
{
    .c-x1 {width: 8.33%;}
    .c-x2 {width: 16.66%;}
    .c-x3 {width: 25%;}
    .c-x4 {width: 33.33%;}
    .c-x5 {width: 41.66%;}
    .c-x6 {width: 50%;}
    .c-x7 {width: 58.33%;}
    .c-x8 {width: 66.66%;}
    .c-x9 {width: 75%;}
    .c-x10 {width: 83.33%;}
    .c-x11 {width: 91.66%;}
    .c-x12 {width: 100%;}
}

@media only screen and  (min-width: 768px)
{
    .bd {
        width: 750px;
    }
    
    .c-s1 {width: 8.33%;}
    .c-s2 {width: 16.66%;}
    .c-s3 {width: 25%;}
    .c-s4 {width: 33.33%;}
    .c-s5 {width: 41.66%;}
    .c-s6 {width: 50%;}
    .c-s7 {width: 58.33%;}
    .c-s8 {width: 66.66%;}
    .c-s9 {width: 75%;}
    .c-s10 {width: 83.33%;}
    .c-s11 {width: 91.66%;}
    .c-s12 {width: 100%;}
}

@media only screen and (min-width: 992px)
{
    .bd {
        width: 970px;
    }
    
    .c-m1 {width: 8.33%;}
    .c-m2 {width: 16.66%;}
    .c-m3 {width: 25%;}
    .c-m4 {width: 33.33%;}
    .c-m5 {width: 41.66%;}
    .c-m6 {width: 50%;}
    .c-m7 {width: 58.33%;}
    .c-m8 {width: 66.66%;}
    .c-m9 {width: 75%;}
    .c-m10 {width: 83.33%;}
    .c-m11 {width: 91.66%;}
    .c-m12 {width: 100%;}
}

@media only screen and (min-width: 1200px)
{
    .bd {
        width: 1170px;
    }
    .c-l1 {width: 8.33%;}
    .c-l2 {width: 16.66%;}
    .c-l3 {width: 25%;}
    .c-l4 {width: 33.33%;}
    .c-l5 {width: 41.66%;}
    .c-l6 {width: 50%;}
    .c-l7 {width: 58.33%;}
    .c-l8 {width: 66.66%;}
    .c-l9 {width: 75%;}
    .c-l10 {width: 83.33%;}
    .c-l11 {width: 91.66%;}
    .c-l12 {width: 100%;}
}