@media (max-width: 600px){
    /* bootstrap */

    .col-s-1{
        width: 8.333333333333333%;
    }
    .col-s-2{
        width: 16.66666666666667%;
    }
    .col-s-3{
        width: 25%;
    }
    .col-s-4{
        width: 33.33333333333333%;
    }
    .col-s-5{
        width: 41.66666666666667%;
    }
    .col-s-6{
        width: 50%;
    }
    .col-s-7{
        width: 58.33333333333333%;
    }
    .col-s-8{
        width: 66.66666666666667%;
    }
    .col-s-9{
        width: 75%;
    }
    .col-s-10{
        width: 83.33333333333333%;
    }
    .col-s-11{
        width: 91.66666666666667%;
    }
    .col-s-12{
        width: 100%;
    }


}
@media (min-width: 601px) and (max-width: 992px){
    /* bootstrap */

    .col-m-1{
        width: 8.333333333333333%;
    }
    .col-m-2{
        width: 16.66666666666667%;
    }
    .col-m-3{
        width: 25%;
    }
    .col-m-4{
        width: 33.33333333333333%;
    }
    .col-m-5{
        width: 41.66666666666667%;
    }
    .col-m-6{
        width: 50%;
    }
    .col-m-7{
        width: 58.33333333333333%;
    }
    .col-m-8{
        width: 66.66666666666667%;
    }
    .col-m-9{
        width: 75%;
    }
    .col-m-10{
        width: 83.33333333333333%;
    }
    .col-m-11{
        width: 91.66666666666667%;
    }
    .col-m-12{
        width: 100%;
    }


}
@media (min-width: 993px){
    /* bootstrap */

    .col-l-1{
        width: 8.333333333333333%;
    }
    .col-l-2{
        width: 16.66666666666667%;
    }
    .col-l-3{
        width: 25%;
    }
    .col-l-4{
        width: 33.33333333333333%;
    }
    .col-l-5{
        width: 41.66666666666667%;
    }
    .col-l-6{
        width: 50%;
    }
    .col-l-7{
        width: 58.33333333333333%;
    }
    .col-l-8{
        width: 66.66666666666667%;
    }
    .col-l-9{
        width: 75%;
    }
    .col-l-10{
        width: 83.33333333333333%;
    }
    .col-l-11{
        width: 91.66666666666667%;
    }
    .col-l-12{
        width: 100%;
    }


}

.mx_auto{
    margin: auto;
}
.d_flex{
    display: flex;
}
.hidden{
    display: none;
}






/* bootstrap */

.col-1{
    width: 8.333333333333333%;
}
.col-2{
    width: 16.66666666666667%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33333333333333%;
}
.col-5{
    width: 41.66666666666667%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33333333333333%;
}
.col-8{
    width: 66.66666666666667%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.33333333333333%;
}
.col-11{
    width: 91.66666666666667%;
}
.col-12{
    width: 100%;
}