Remove Easy Slider Full-Width only on mobile devices

Hi Enfold Moderators,

I am using Enfold’s Easy Full Width Slider and I want to remove it on mobile devices because it’s always showing something I don’t want to see. I tried a lot of Quick CSS code’s from the forum questions. But it doesn’t work on my iPhone. Everytime I delete history and cookie’s but always the Easy Full Width Slider shows up on my mobile. I tried the code’s below. What am I doing wrong?

@media only screen and (max-width: 767px) {
.avia-fullwidth-slider { display: none; }}

@media only screen and (max-width: 767px) {
.avia-slideshow { display: none !important; }}

@media only screen and (max-width: 1024px) {
.avia-fullwidth-slider { display: none; }}

@media only screen and (max-width: 1024px) {
.avia-slideshow { display: none !important; }}

Greetings from Marcel