@media (min-width: 576px) {
    .div_sm {
        display:none;
    }

    .div_md {
        display:block;
    }

}

@media (max-width: 575px) {
    .div_sm {
        display:block;
    }

    .div_md {
        display:none;
    }

    .xs-col-1{
        flex: 0 0 auto;
        width: 8.33333333%!important;
    }

    .xs-col-2 {
        flex:0 0 auto;
        width:16.66666667%!important;
    }

    .xs-col-3 {
        flex:0 0 auto;
        width:25%!important;
    }

    .xs-col-4{
        flex: 0 0 auto;
        width:33.33%!important;
    }
    
    .xs-col-5{
        flex: 0 0 auto;
        width:41.66%!important;
    }

    .xs-col-6{
        flex: 0 0 auto;
        width:50%!important;
    }

    .xs-col-7{
        width:58.33%!important;
    }

    .xs-col-8{
        flex: 0 0 auto;
        width:66.66%!important;
    }

    .xs-col-9 {
        flex:0 0 auto;
        width:75%!important;
    }

    .xs-col-10 {
        flex:0 0 auto;
        width:83.33333333%!important;
    }

    .xs-col-11 {
        flex:0 0 auto;
        width:91.66666667%!important;
    }

    .xs-col-12{
        flex: 0 0 auto;
        width:100%!important;
    }

/***************head****************************/

}