@media screen and (min-width:576px){
    .sm-50{
        width: 50%;
    }
    .sm-33{
        width: 33.3333%;
    }
    .sm-25{
        width: 25%;
    }
    .sm-20{
        width: 20%;
    }
    .sm-16{
        width: 16%;
    }
}
@media screen and (min-width:768px){
    .md-50{
        width: 50%;
    }
    .md-33{
        width: 33.3333%;
    }
    .md-25{
        width: 25%;
    }
    .md-20{
        width: 20%;
    }
    .md-16{
        width: 16%;
    }
}
@media screen and (min-width:992px){
    .lg-50{
        width: 50%;
    }
    .lg-33{
        width: 33.3333%;
    }
    .lg-25{
        width: 25%;
    }
    .lg-20{
        width: 20%;
    }
    .lg-16{
        width: 16%;
    }
}
@media screen and (min-width:1200px){
    .xl-50{
        width: 50%;
    }
    .xl-33{
        width: 33.3333%;
    }
    .xl-25{
        width: 25%;
    }
    .xl-20{
        width: 20%;
    }
    .xl-16{
        width: 16%;
    }
}
@media screen and (min-width:1400px){
    .xxl-50{
        width: 50%;
    }
    .xxl-33{
        width: 33.3333%;
    }
    .xxl-25{
        width: 25%;
    }
    .xxl-20{
        width: 20%;
    }
    .xxl-16{
        width: 16%;
    }
}