/* Small and Up */

@media only screen and (min-width: 0px) {
    .sm0         { width:0%; max-width:0%; }
    .sm1         { width:8.3333333333%; max-width:8.3333333333%; }
    .sm2         { width:16.66666666667%; max-width:16.66666666667%; }
    .sm3         { width:25%; max-width:25%; }
    .sm4         { width:33.3333333333%; max-width:33.3333333333%; }
    .sm5         { width:41.66666666667%; max-width:41.66666666667%; }
    .sm6         { width:50%; max-width:50%; }
    .sm7         { width:58.3333333333%; max-width:58.3333333333%; }
    .sm8         { width:66.66666666667%; max-width:66.66666666667%; }
    .sm9         { width:75%; max-width:75%; }
    .sm10        { width:83.3333333333%; max-width:83.3333333333%; }
    .sm11        { width:91.66666666667%; max-width:91.66666666667%; }
    .sm12        { width:100%; max-width:100%; }
}


/* Medium and Up */

@media only screen and (min-width: 601px) {
    .md0         { width:0%; max-width:0%; }
    .md1         { width:8.3333333333%; max-width:8.3333333333%; }
    .md2         { width:16.66666666667%; max-width:16.66666666667%; }
    .md3         { width:25%; max-width:25%; }
    .md4         { width:33.3333333333%; max-width:33.3333333333%; }
    .md5         { width:41.66666666667%; max-width:41.66666666667%; }
    .md6         { width:50%; max-width:50%; }
    .md7         { width:58.3333333333%; max-width:58.3333333333%; }
    .md8         { width:66.66666666667%; max-width:66.66666666667%; }
    .md9         { width:75%; max-width:75%; }
    .md10        { width:83.3333333333%; max-width:83.3333333333%; }
    .md11        { width:91.66666666667%; max-width:91.66666666667%; } 
    .md12        { width:100%; max-width:100%; }
}


/* Large and Up */

@media only screen and (min-width: 993px) {
    .lg0         { width:0%; max-width:0%; }
    .lg1         { width:8.3333333333%; max-width:8.3333333333%; }
    .lg2         { width:16.66666666667%; max-width:16.66666666667%; }
    .lg3         { width:25%; max-width:25%; }
    .lg4         { width:33.3333333333%; max-width:33.3333333333%; }
    .lg5         { width:41.66666666667%; max-width:41.66666666667%; }
    .lg6         { width:50%; max-width:50%; }
    .lg7         { width:58.3333333333%; max-width:58.3333333333%; }
    .lg8         { width:66.66666666667%; max-width:66.66666666667%; }
    .lg9         { width:75%; max-width:75%; }
    .lg10        { width:83.3333333333%; max-width:83.3333333333%; }
    .lg11        { width:91.66666666667%; max-width:91.66666666667%; }
    .lg12        { width:100%; max-width:100%; }
}