.col{width:100%;height:auto;float:left;}
.float-none{float: none;}
/*-------extra small screen-------*/
@media screen and (max-width:450px)
    {
    .col.es0{width:0%}.col.es1{width:5%}.col.es2{width:10%}.col.es3{width:15%}.col.es4{width:20%}.col.es5{width:25%}.col.es6{width:30%}.col.es7{width:35%}.col.es8{width:40%}.col.es9{width:45%}.col.es10{width:50%}.col.es11{width:55%}.col.es12{width:60%}.col.es13{width:65%}.col.es14{width:70%}.col.es15{width:75%}.col.es16{width:80%}.col.es17{width:85%}.col.es18{width:90%}.col.es19{width:95%}.col.es20{width:100%}
    .col.es0-5{width:2.5%}.col.es1-5{width:7.5%}.col.es2-5{width:12.5%}.col.es3-5{width:17.5%}.col.es4-5{width:22.5%}.col.es5-5{width:27.5%}.col.es6-5{width:32.5%}.col.es7-5{width:37.5%}.col.es8-5{width:42.5%}.col.es9-5{width:47.5%}.col.es10-5{width:52.5%}.col.es11-5{width:57.5%}.col.es12-5{width:62.5%}.col.es13-5{width:67.5%}.col.es14-5{width:72.5%}.col.es15-5{width:77.5%}.col.es16-5{width:82.5%}.col.es17-5{width:87.5%}.col.es18-5{width:92.5%}.col.es19-5{width:97.5%}
    .hide-mini{display: none;}
    }
/*---- small screen----*/
@media screen and (min-width:450px) and (max-width:749px)
    {
    .col.s0{width:0%}.col.s1{width:5%}.col.s2{width:10%}.col.s3{width:15%}.col.s4{width:20%}.col.s5{width:25%}.col.s6{width:30%}.col.s7{width:35%}.col.s8{width:40%}.col.s9{width:45%}.col.s10{width:50%}.col.s11{width:55%}.col.s12{width:60%}.col.s13{width:65%}.col.s14{width:70%}.col.s15{width:75%}.col.s16{width:80%}.col.s17{width:85%}.col.s18{width:90%}.col.s19{width:95%}.col.s20{width:100%}
    .col.s0-5{width:2.5%}.col.s1-5{width:7.5%}.col.s2-5{width:12.5%}.col.s3-5{width:17.5%}.col.s4-5{width:22.5%}.col.s5-5{width:27.5%}.col.s6-5{width:32.5%}.col.s7-5{width:37.5%}.col.s8-5{width:42.5%}.col.s9-5{width:47.5%}.col.s10-5{width:52.5%}.col.s11-5{width:57.5%}.col.s12-5{width:62.5%}.col.s13-5{width:67.5%}.col.s14-5{width:72.5%}.col.s15-5{width:77.5%}.col.s16-5{width:82.5%}.col.s17-5{width:87.5%}.col.s18-5{width:92.5%}.col.s19-5{width:97.5%}
    .hide-small{display: none;}
    }

/*---- medium screen----*/
@media screen and (min-width:750px) and (max-width:1175px)
    {
    .col.m0{width:0%}.col.m1{width:5%}.col.m2{width:10%}.col.m3{width:15%}.col.m4{width:20%}.col.m5{width:25%}.col.m6{width:30%}.col.m7{width:35%}.col.m8{width:40%}.col.m9{width:45%}.col.m10{width:50%}.col.m11{width:55%}.col.m12{width:60%}.col.m13{width:65%}.col.m14{width:70%}.col.m15{width:75%}.col.m16{width:80%}.col.m17{width:85%}.col.m18{width:90%}.col.m19{width:95%}.col.m20{width:100%}
    .col.m0-5{width:2.5%}.col.m1-5{width:7.5%}.col.m2-5{width:12.5%}.col.m3-5{width:17.5%}.col.m4-5{width:22.5%}.col.m5-5{width:27.5%}.col.m6-5{width:32.5%}.col.m7-5{width:37.5%}.col.m8-5{width:42.5%}.col.m9-5{width:47.5%}.col.m10-5{width:52.5%}.col.m11-5{width:57.5%}.col.m12-5{width:62.5%}.col.m13-5{width:67.5%}.col.m14-5{width:72.5%}.col.m15-5{width:77.5%}.col.m16-5{width:82.5%}.col.m17-5{width:87.5%}.col.m18-5{width:92.5%}.col.m19-5{width:97.5%}
    .hide-medium{display: none;}
    }

/*---- large screen----*/
@media screen and (min-width:1176px) and (max-width: 1439px)
    {
    .col.l0{width:0%}.col.l1{width:5%}.col.l2{width:10%}.col.l3{width:15%}.col.l4{width:20%}.col.l5{width:25%}.col.l6{width:30%}.col.l7{width:35%}.col.l8{width:40%}.col.l9{width:45%}.col.l10{width:50%}.col.l11{width:55%}.col.l12{width:60%}.col.l13{width:65%}.col.l14{width:70%}.col.l15{width:75%}.col.l16{width:80%}.col.l17{width:85%}.col.l18{width:90%}.col.l19{width:95%}.col.l20{width:100%}
    .col.l0-5{width:2.5%}.col.l1-5{width:7.5%}.col.l2-5{width:12.5%}.col.l3-5{width:17.5%}.col.l4-5{width:22.5%}.col.l5-5{width:27.5%}.col.l6-5{width:32.5%}.col.l7-5{width:37.5%}.col.l8-5{width:42.5%}.col.l9-5{width:47.5%}.col.l10-5{width:52.5%}.col.l11-5{width:57.5%}.col.l12-5{width:62.5%}.col.l13-5{width:67.5%}.col.l14-5{width:72.5%}.col.l15-5{width:77.5%}.col.l16-5{width:82.5%}.col.l17-5{width:87.5%}.col.l18-5{width:92.5%}.col.l19-5{width:97.5%}
    .hide-large{display: none;}
    }

/*----extra large screen----*/
@media screen and (min-width:1440px)
    {
    .col.xl1{width:0%}.col.xl1{width:5%}.col.xl2{width:10%}.col.xl3{width:15%}.col.xl4{width:20%}.col.xl5{width:25%}.col.xl6{width:30%}.col.xl7{width:35%}.col.xl8{width:40%}.col.xl9{width:45%}.col.xl10{width:50%}.col.xl11{width:55%}.col.xl12{width:60%}.col.xl13{width:65%}.col.xl14{width:70%}.col.xl15{width:75%}.col.xl16{width:80%}.col.xl17{width:85%}.col.xl18{width:90%}.col.xl19{width:95%}.col.xl20{width:100%}
    .col.xl0-5{width:2.5%}.col.xl1-5{width:7.5%}.col.xl2-5{width:12.5%}.col.xl3-5{width:17.5%}.col.xl4-5{width:22.5%}.col.xl5-5{width:27.5%}.col.xl6-5{width:32.5%}.col.xl7-5{width:37.5%}.col.xl8-5{width:42.5%}.col.xl9-5{width:47.5%}.col.xl10-5{width:52.5%}.col.xl11-5{width:57.5%}.col.xl12-5{width:62.5%}.col.xl13-5{width:67.5%}.col.xl14-5{width:72.5%}.col.xl15-5{width:77.5%}.col.xl16-5{width:82.5%}.col.xl17-5{width:87.5%}.col.xl18-5{width:92.5%}.col.xl19-5{width:97.5%}
    .hide-xlarge{display: none;}
    }