@media(min-width:1200px)
{
    .hide-xl {
        display:none !important;
    }
}
@media(min-width:992px) and (max-width:1199px)
{
    .hide-lg {
        display:none !important;
    }
}
@media(min-width:768px) and (max-width:991px)
{
    .hide-md {
        display:none !important;
    }
}
@media(min-width:575px) and (max-width:767px)
{
    .hide-sm {
        display:none !important;
    }
}
@media(max-width:574px)
{
    .hide-xs {
        display:none !important;
    }
}