@media screen and (min-width:576px){
    sm-50{
        width: 50%;
    }
    sm-33{
        width: 33.33%;
    }
    sm-25{
        width: 50%;
    }
    sm-50{
        width: 25%;
    }
    sm-20{
        width: 20%;
    }
    sm-16{
        width: 16.66%;
    }

}
@media screen and (min-width:768px){
    md-50{
        width: 50%;
    }
    md-33{
        width: 33.33%;
    }
    md-25{
        width: 50%;
    }
    md-50{
        width: 25%;
    }
    md-20{
        width: 20%;
    }
    md-16{
        width: 16.66%;
    }
    
}
@media screen and (min-width:992px){
    lg-50{
        width: 50%;
    }
    lg-33{
        width: 33.33%;
    }
    lg-25{
        width: 50%;
    }
    lg-50{
        width: 25%;
    }
    lg-20{
        width: 20%;
    }
    lg-16{
        width: 16.66%;
    }


    
}
@media screen and (min-width:1200px){
    xl-50{
        width: 50%;
    }
    xl-33{
        width: 33.33%;
    }
    xl-25{
        width: 50%;
    }
    xl-50{
        width: 25%;
    }
    xl-20{
        width: 20%;
    }
    xl-16{
        width: 16.66%;
    }

    
    
}
@media screen and (min-width:1400px){
    xxl-50{
        width: 50%;
    }
    xxl-33{
        width: 33.33%;
    }
    xxl-25{
        width: 50%;
    }
    xxl-50{
        width: 25%;
    }
    xxl-20{
        width: 20%;
    }
    xxl-16{
        width: 16.66%;
    }
    
}