.row{
    clear: both;
    margin: 0;
}
.col{
    padding-left: 0;
}
.col-12{
    width: 100%;
}
.col-1{
    width: 8.333333333%;
}
.col-7th{
    width: 14.2857142857%;
}
.col-2{
    width: 16.666666666%;
}
.col-5th{
    width: 20%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.333333333%;
}
.col-5{
    width: 41.666666667%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.333333333%;
}
.col-8{
    width: 66.666666667%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.333333333%;
}
.col-11{
    width: 91.666666667%;
}
@media (max-width: 959px) and (min-width: 481px) {
    .col-tablet-12{
        width: 100%;
    }
    .col-tablet-1{
        width: 8.333333333%;
    }
    .col-tablet-2{
        width: 16.666666666%;
    }
    .col-tablet-3{
        width: 25%;
    }
    .col-tablet-4{
        width: 33.333333333%;
    }
    .col-tablet-5{
        width: 41.666666667%;
    }
    .col-tablet-6{
        width: 50%;
    }
    .col-tablet-7{
        width: 58.333333333%;
    }
    .col-tablet-8{
        width: 66.666666667%;
    }
    .col-tablet-9{
        width: 75%;
    }
    .col-tablet-10
    {
        width: 83.333333333%;
    }
    .col-tablet-11
    {
        width: 91.666666667%;
    }
}
@media (max-width: 480px) {
    .col-mobile-12{
        width: 100%;
    }
    .col-mobile-1{
        width: 8.333333333%;
    }
    .col-mobile-2{
        width: 16.666666666%;
    }
    .col-mobile-3{
        width: 25%;
    }
    .col-mobile-4{
        width: 33.333333333%;
    }
    .col-mobile-5{
        width: 41.666666667%;
    }
    .col-mobile-6{
        width: 50%;
    }
    .col-mobile-7{
        width: 58.333333333%;
    }
    .col-mobile-8{
        width: 66.666666667%;
    }
    .col-mobile-9{
        width: 75%;
    }
    .col-mobile-10{
        width: 83.333333333%;
    }
    .col-mobile-11{
        width: 91.666666667%;
    }
}