@media screen and (max-width : 576px){
    .listView-xl {
        display: none;
    }
    .listView-sm {
        display: block;
    }
}

@media screen and (min-width : 577px){
    .listView-xl {
        display: block;
    }
    .listView-sm {
        display: none;
    }
}