/***********m MEDIA QUERIES ****************/

@media (max-width: 575.99px) {
  
    .col-sm-12 {
       width: 100% !important;
        float: left;
    }
    .col-sm-11 {
       width: 91.66666% !important;
        float: left;
    }
    .col-sm-10 {
       width: 83.33333% !important;
        float: left;
    }
    .col-sm-9 {
       width: 75% !important;
        float: left;
    }
    .col-sm-8 {
       width: 66.6666% !important;
        float: left;
    }
    .col-sm-7 {
       width: 58% !important;
        float: left;
    }
    .col-sm-6 {
       width: 50% !important;
        float: left;
    }
    .col-sm-5 {
       width: 41.6666% !important;
        float: left;
    }
    .col-sm-4 {
       width: 33.33333333% !important;
        float: left;
    }
    .col-sm-3 {
       width: 25% !important;
        float: left;
    }
    .col-sm-2 {
       width: 16.6666666666% !important;
        float: left;
    }
    .col-sm-1 {
        width: 8.3333333333% !important;
        float: left;
    }
}

@media (min-width: 576px) and (max-width: 820px) {
    .col-md-12 {
        width: 100% !important;
        float: left;
    }
    .col-md-11 {
        width: 91.66666666% !important;
        float: left;
    }
    .col-md-10 {
        width: 83.333333333% !important;
        float: left;
    }
    .col-md-9 {
        width: 75% !important;
        float: left;
    }
    .col-md-8 {
        width: 66.66666666% !important;
        float: left;
    }
    .col-md-7 {
        width: 58.3333333% !important;
        float: left;
    }
    .col-md-6 {
        width: 50% !important;
        float: left;
    }
    .col-md-5 {
        width: 41.66636666666666% !important;
        float: left;
    }
    .col-md-4 {
        width: 33.3333333333% !important;
        float: left;
    }
    .col-md-3 {
        width: 25% !important;
        float: left;
    }
    .col-md-2 {
        width: 16.6666% !important;
        float: left;
    }
    .col-md-1 {
        width: 8.333333333% !important;
        float: left;
    }
}





/* larger devices (large desktops, 1200px and up)**/

@media (min-width: 820px) and (max-width: 1439.9px) {
    .col-lg-12 {
        width: 100% !important;
        float: left;
    }
    .col-lg-11 {
        width: 91.6666% !important;
        float: left;
    }
    .col-lg-10 {
        width: 83.3333% !important;
        float: left;
    }
    .col-lg-9 {
        width: 75% !important;
        float: left;
    }
    .col-lg-8 {
        width: 66.666% !important;
        float: left;
    }
    .col-lg-7 {
        width: 58% !important;
        float: left;
    }
    .col-lg-6 {
        width: 50% !important;
        float: left;
    }
    .col-lg-5 {
        width: 41.666% !important;
        float: left;
    }
    .col-lg-4 {
        width: 33.33333333% !important;
        float: left;
    }
    .col-lg-3 {
        width: 25% !important;
        float: left;
    }
    .col-lg-2 {
        width: 16.6666% !important;
        float: left;
    }
    .col-lg-1 {
        width: 8.3333333% !important;
        float: left;
    }
}


/* largest devices (large desktops, 1920px and up)**/

@media (min-width: 1919.9px) {
    .col-lg-12 {
        width: 100% !important;
        float: left;
    }
    .col-lg-11 {
        width: 91.6666% !important;
        float: left;
    }
    .col-lg-10 {
        width: 83.3333% !important;
        float: left;
    }
    .col-lg-9 {
        width: 75% !important;
        float: left;
    }
    .col-lg-8 {
        width: 66.666% !important;
        float: left;
    }
    .col-lg-7 {
        width: 58% !important;
        float: left;
    }
    .col-lg-6 {
        width: 50% !important;
        float: left;
    }
    .col-lg-5 {
        width: 41.66666666% !important;
        float: left;
    }
    .col-lg-4 {
        width: 33.333333% !important;
        float: left;
    }
    .col-lg-3 {
        width: 25% !important;
        float: left;
    }
    .col-lg-2 {
        width: 16.6666% !important;
        float: left;
    }
    .col-lg-1 {
        width: 8.33333333% !important;
        float: left;
    }
}