Issue removing slider from mobile and narrow browser

I have attempted to add the lines to the custom CSS portion, however they don't seem to make a difference. If I edit in the inspect element window, it works....if I simply put

Code:

.flexslider .slides img { display:none;}

in the custom css it works for everything.

I just can't get

Code:

@media only screen and (max-width: 767px) and (min-width: 480px)
.flexslider .slides img {
display: none;
}

(which is the element that i edited in the browser) to work.

Any ideas.
My site is here. if that hekps

thanks,
Rob

 

Hello Rob,

You are doing a small mistake.
use this code.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.flexslider .slides img {
display: none;
}}