Hide EasySlider Caption on mobile devices

Hello, I’m trying to hide the Easy Slider on mobile devices as it looks ugly with the titles going over the important parts of the image

I’ve tried adding the following snippet to the Quick CSS in the General Styling in Enfold settings and also to the Custom.css file but it’s not working.

.avia-slideshow .avia-caption .slideshow_caption .avia-caption-content .slideshow_inner_caption .avia-caption-title {
display : none !important ;
}

What am I doing wrong?

I’ve checked the file permission on uploads folder and custom.css file and they are ‘755’.

Look forward to hearing from you.