Custom CSS in external stylesheets for responsive dimensions?

Hello,

I’ve been using EasyRotator for over a year. It’s cool and easy to work with.

However, I’d like to be able to specify CSS changes for the layout of text, images, thumbnails, etc, in a Manually Edited template for responsive. I know many of the Templates already are responsive, but the positioning on the responsive templates cuts off image sizes and text. For instance, the template width the dark gray background, 3 thumbnails below, a larger image above to the left, and text/title top right. The text and image are cut off as the screen shrinks.

I’ve tried adding custom classes and internal CSS media queries and I’ve tried doing the same in my external responsive CSS. The rotator doesn’t seem to acknowledge my CSS.

What’s going on here? Is this an ER pro-only thing? Has anyone else worked around this?

Here’s an example of what I tried to put in that didn’t work:

@media only screen and (max-width: 480px) {
.erimgMain_slide { height:300px!important; }
.erimgMain_img { height:300px!important; }
.erimgMain_title { clear:both;display:block;height:300px!important;  }
.erimgMain_desc { clear:both;display:block;height:200px!important; }
}