@media screen and (min-width: 750px){
    .col-l-1{
        width: 8.3333333%;
        height: 100%;
        float: left;
    }
    .col-l-2{
        width: 16.6666666%;
        height: 100%;
        float: left;
    }
    .col-l-3{
        width: 25%;
        height: 100%;
        float: left;
    }
    .col-l-4{
        width: 33.3333333%;
        height: 100%;
        float: left;
    }
    .col-l-5{
        width: 41.6666666%;
        height: 100%;
        float: left;
    }
    .col-l-6{
        width: 50%;
        height: 100%;
        float: left;
    }
    .col-l-7{
        width: 58.3333333%;
        height: 100%;
        float: left;
    }
    .col-l-8{
        width: 66.6666666%;
        height: 100%;
        float: left;
    }
    .col-l-9{
        width: 75%;
        height: 100%;
        float: left;
    }
    .col-l-10{
        width: 83.3333333%;
        height: 100%;
        float: left;
    }
    .col-l-11{
        width: 91.6666666%;
        height: 100%;
        float: left;
    }
    .col-l-12{
        width: 100%;
        height: 100%;
        float: left;
    }
}

@media screen and (max-width: 750px){
    .col-m-1{
        width: 8.3333333%;
        height: 100%;
        float: left;
    }
    .col-m-2{
        width: 16.6666666%;
        height: 100%;
        float: left;
    }
    .col-m-3{
        width: 25%;
        height: 100%;
        float: left;
    }
    .col-m-4{
        width: 33.3333333%;
        height: 100%;
        float: left;
    }
    .col-m-5{
        width: 41.6666666%;
        height: 100%;
        float: left;
    }
    .col-m-6{
        width: 50%;
        height: 100%;
        float: left;
    }
    .col-m-7{
        width: 58.3333333%;
        height: 100%;
        float: left;
    }
    .col-m-8{
        width: 66.6666666%;
        height: 100%;
        float: left;
    }
    .col-m-9{
        width: 75%;
        height: 100%;
        float: left;
    }
    .col-m-10{
        width: 83.3333333%;
        height: 100%;
        float: left;
    }
    .col-m-11{
        width: 91.6666666%;
        height: 100%;
        float: left;
    }
    .col-m-12{
        width: 100%;
        height: 100%;
        float: left;
    }
}