Roof Slating - Roofing

#main-nav .more.more-departments { display: inline; opacity: 1 !important; float: right; } #main-nav #no-js-nav { height: 100%; width: auto !important; margin: 0; position: relative; z-index: 60; float: left; } #main-nav #no-js-nav > li { float: left; text-align: center; border-right: 1px solid #FFF; } #main-nav #no-js-nav > li:nth-child(n+4) { display: none; } #main-nav #no-js-nav > li > a { display: block; padding: 6px 10px; text-decoration: none; color: #FFF; font-weight: 600; } #main-nav #no-js-nav > li.department-link:hover > div.mega-menu.hidden { display: block !important; } div.mega-menu.hidden { width: 900px !important; } .category.with-subcategories { width: 210px !important; } #main-nav-overflow ul li.department-link a { font-size: 13px !important; } /*main-nav-overflow { width: 1000px; }*/ @media only screen and (max-width:992px) { div.mega-menu.hidden { width: 600px !important; } .category.with-subcategories { width: 240px !important; } } @media only screen and (min-width:992px) { #main-nav-overflow > ul > li:nth-child(-n+3) { display: none !important; } } @media only screen and (max-width:992px) { #main-nav #no-js-nav > li:nth-child(n+3) { display: none; } #main-nav-overflow > ul > li:nth-child(-n+2) { display: none !important; } } @media only screen and (max-width:768px) { #main-nav #no-js-nav > li { display: none; } #main-nav-overflow > ul > li.department-link { display: block !important; } #main-nav .more.more-departments { float: left; } } @media only screen and (min-width:500px) { #main-nav #no-js-nav > li { width: auto; } } @media only screen and (min-width:780px),screen and (device-height:1024px) and (orientation:landscape) { #main-nav #no-js-nav .mega-menu { top: 36px; } } input[type="checkbox"].seeNavOverflow:checked ~ nav#main-nav-overflow.hidden { display: block !important; } input[type="checkbox"].seeNavOverflow:not(:checked) ~ nav#main-nav-overflow.hidden { display: none !important; }