Advanced Layerslider – Cannot Hide on Desktop

Hello,

I have looked through threads on the topic of hiding an Advanced Layerslider on a desktop and plugged in the CSS suggested. However, it is not working. The page that I have two sliders on is: https://meridianhealthcare.net/test/

I have the top slider hidden on mobile using the settings in Advanced Layerslider. The bottom slider, which should only be show on mobile has the shortcode [layerslider id=”7″]. Based on previous threads on this topic AND another website I have achieved this on, I believe the CSS code should be:

@media only screen and (min-width: 767px) {
#layerslider_7 {
display: none !important;
}
}

However, when I reload the page, the bottom slider still appears on desktop. Any guidance on how to adjust the code would be appreciated. Thank you.

Becky