Multiple @media sections

[richwingerter]

In the DefaultTemplate css folder I have screen.css which seems to have multiple segments for:

Code: [Select]

@media only screen and (min-width:800px) { ... }
Within that there are multiple specs for:

Code: [Select]

#allcssRes-wrapper nav
Example:

Code: [Select]

    #allcssRes-wrapper nav { display: block; }
    #allcssRes-wrapper label.open-menu-label { display: none; }
    #allcssRes-wrapper nav { display: block; position: relative; }
    #allcssRes-wrapper nav ul li { display:inline;  }
    #allcssRes-wrapper label.open-menu-label { display: none; }
    #allcssRes-wrapper .content { padding: 4px 10px 14px 10px; clear: right; /* width: 70%;*/

Does anyone know why there are two such sections and whether I can safely get rid of some of the duplication?

[dbs]

This are "Media Querys". If you do not know what you do, leave it like it is.

[doubledragonx7]

I would also like to add multiple multimedia sections to my website so that my visitors can see how the products perform before they go and buy them on their local stores.
What should i do with those Media queries? since like the op the .css has multiple segments. I won't delete any of the duplicates but the other sections seems redundant.