.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 999px) {
    .visible-xs {
        display: block !important;
    }
}