Layer Slider broken and mobile/desktop only css not working.

Hi!

I’m having some trouble getting everything working with the Enfold theme.

I’ve created this page to show you what I mean: http://seattledevicerepair.com/test/

I noticed the problem recently, everything worked perfectly for a few months. I can’t figure out why it suddenly quit.

I’ve used the default Layer Slider, as you can see, it isn’t functioning normally and doesn’t disappear when the window is scaled down to mobile size.

Also, the 4 buttons across the bottom should appear only on mobile.

The 4 buttons look like this:

`<span class = “mobile”>
4 Buttons Code Block Here
</span>`

Also, I have this in my Custom.css

.mobile { display: none; }
.desktop { display: block; }
@media only screen and (max-width: 479px) {
.mobile { display: block !important; }
.desktop { display: none !important; }
}

And this to hide the Layer Slider on Mobile

@media only screen and (max-width: 479px) {
.avia-layerslider { display: block !important; }
}

Thanks!
Matt