/* For desktops and large laptops*/
.col-d-01 {width:6.25%;}
.col-d-02 {width:12.5%;}
.col-d-03 {width:18.75%;}
.col-d-04 {width:25%;}
.col-d-05 {width:31.25%;}
.col-d-06 {width:37.5%;}
.col-d-07 {width:43.75%;}
.col-d-08 {width:50%;}
.col-d-09 {width:56.25%;}
.col-d-10 {width:62.5%;}
.col-d-11 {width:68.75%;}
.col-d-12 {width:75%;}
.col-d-13 {width:81.25%;}
.col-d-14 {width:87.5%;}
.col-d-15 {width:93.75%;}
.col-d-16 {width:100%; }

@media only screen and (max-width:1024px) {
/* For laptops and landscape tablets*/
.col-l-01 {width:6.25%;}
.col-l-02 {width:12.5%;}
.col-l-03 {width:18.75%;}
.col-l-04 {width:25%;}
.col-l-05 {width:31.25%;}
.col-l-06 {width:37.5%;}
.col-l-07 {width:43.75%;}
.col-l-08 {width:50%;}
.col-l-09 {width:56.25%;}
.col-l-10 {width:62.5%;}
.col-l-11 {width:68.75%;}
.col-l-12 {width:75%;}
.col-l-13 {width:81.25%;}
.col-l-14 {width:87.5%;}
.col-l-15 {width:93.75%;}
.col-l-16 {width:100%;}
}
@media only screen and (max-width:768px) {
/* For portrait tablets*/
.col-t-01 {width:6.25%;}
.col-t-02 {width:12.5%;}
.col-t-03 {width:18.75%;}
.col-t-04 {width:25%;}
.col-t-05 {width:31.25%;}
.col-t-06 {width:37.5%;}
.col-t-07 {width:43.75%;}
.col-t-08 {width:50%;}
.col-t-09 {width:56.25%;}
.col-t-10 {width:62.5%;}
.col-t-11 {width:68.75%;}
.col-t-12 {width:75%;}
.col-t-13 {width:81.25%;}
.col-t-14 {width:87.5%;}
.col-t-15 {width:93.75%;}
.col-t-16 {width:100%;}
}
@media only screen and (max-width:769px) {
}
@media only screen and (max-width:600px) {
/* For many mobiles phones*/
/*[class*="col-"] {width:100%;}*/
.col-m-01 {width:6.25%;}
.col-m-02 {width:12.5%;}
.col-m-03 {width:18.75%;}
.col-m-04 {width:25%;}
.col-m-05 {width:31.25%;}
.col-m-06 {width:37.5%;}
.col-m-07 {width:43.75%;}
.col-m-08 {width:50%;}
.col-m-09 {width:56.25%;}
.col-m-10 {width:62.5%;}
.col-m-11 {width:68.75%;}
.col-m-12 {width:75%;}
.col-m-13 {width:81.25%;}
.col-m-14 {width:87.5%;}
.col-m-15 {width:93.75%;}
.col-m-16 {width:100%;}
}