Hi,

I have a zc155e and my template is a clone of Responsive Classic.
https://002mc.justmedical.biz/Produc...-Test-1-Images

In the file responsive_default.css, here are all the target groups:
Code:
@media (min-width:0px) and (max-width:480px){}
@media (min-width:481px) and (max-width:767px){}
@media (min-width:768px) and (max-width:1500px) {}
@media (min-width:1500px) and (max-width:1800px) {}
@media (min-width:1500px) {}
Are these set in stone?

In stylesheet.css, I have #mainWrapper set to 1200px (site max width). The last two @media statements seem superfluous to me since I've already limited my site to 1200px max.

Additionally, the third @media has a range of 768-1500px. Again, my site is set at a max of 1200 so I'd rather not have changes applied until a browser size is under it.

So I've been considering removing the last two @media and altering the third @media to go like this
Code:
@media (min-width:0px) and (max-width:480px){}
@media (min-width:481px) and (max-width:767px){}
@media (min-width:768px) and (max-width:1199px) {}
@media (min-width:1200px) {}
That way, I can target changes more cleanly... particularly those I want to aim at the Desktop version only. Like this:
Code:
@media (min-width:1200px) {
#some_important_object {float:right;}
}
So are the @media min/max statements contained within responsive_default.css set in stone? Or can they be altered without need to make further changes to:
/responsive_mobile.css
/responsive_tablet.css
/responsive.css

Your insight would be greatly appreciated, thanks!