@media (max-width: 767px) { #pageHandler {-webkit-overflow-scrolling:touch;height: 100%;overflow:auto;overflow-x: hidden;} .navbar {border:0;} .hide-scroll {position: absolute;top: 0;bottom: 0;overflow-y: hidden;} #page-wrapper { position: relative; } #main-header { background-color: #eceaeb; color: #000; } .navbar .row { padding: 10px 0; border-bottom: 2px solid #fff; } .header-search { position: relative; } .header-search input { width: 100%; color: #666; font-weight: bold; font-size: 16px; padding: 6px; } .header-search .glyphicon-search { position: absolute; color: #666; font-size: 20px; font-weight: bold; right: 20px; top:10px; } #rootNavigation .container {padding: 0;width: auto;} #slidePanel { position: absolute; left: 0; width: 100%; top: 40px; bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease all; transition: .3s ease all; z-index: 100; } #navigationMenus { position: relative; } #menuBack { position: absolute; top: -30px; left: 10px; font-size: 15px; font-weight: bold; cursor: pointer; } .rootNavigationMenu, .ads, #footerNavigationMenu { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease all; transition: .3s ease all; } .slide-nav-out { -webkit-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } .slide-nav-hidden { display: none !important; } .rootNavigationMenu.pending-slide-in { -webkit-transform: translateX(100%); transform: translateX(100%); } .rootNavigationMenu, #footerNavigationMenu { font-family: 'Roboto', Arial, sans-serif !important; font-size: 22px;list-style: none;padding: 0;margin: 0; } #slidePanel.show-sub-menu { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .rootNavigationMenu a, #footerNavigationMenu a{ color: #343434; display: inline-block; } .rootNavigationMenu > li > a{ font-size: 18px; font-weight: 700; float: left; text-transform: uppercase; line-height: 25px; padding: 12px 0; } #footerNavigationMenu > li > a{ font-size: 16px; font-weight: 700; float: left; text-transform: uppercase; line-height: 25px; padding: 12px 0; } #rootNavigation { width: 90%; bottom: 0; position: absolute; top: 0; right: 100%; background-color: #f1f1f1; text-align: left; overflow-y:auto; overflow-x: hidden; } .rootNavigationMenu > li { display: block; padding: 0 0 0 10px; text-align: left; border-bottom: 1px solid #d7d7d7; clear: both; height: 50px; } .rootNavigationMenu > li.child, .rootNavigationMenu > li.child a, .rootNavigationMenu > li.child .menu-toggle, .rootNavigationMenu > li.child .menu-toggle i { background-color: #8f8f8f; color: #eceaeb; } .rootNavigationMenu > li > div.menu-toggle { background-color: rgb(241, 241, 241); } .rootNavigationMenu .menu-toggle i { color: rgb(143, 143, 143); } #footerNavigationMenu > li { display: block; height: auto; min-height: 49px; padding: 0; text-align: left; border-top: 1px solid #d7d7d7; clear: both; } #footerNavigationMenu > li.root-menu-item > a { padding-left: 10px; } .sub-menu {display: none;position: absolute;width: 100%;top: 0;overflow-y: auto;overflow-x: hidden;left: 100%;} .sub-menu-vertical {display: block;position: static;} .img-bin,.featured-bin {display: none} .sub-menu .columns .column {float: none;margin-right: 0} .sub-category {display: none;} .sub-menu .columns .column ul li.sub-category > a{font-size: 16px;} .sub-menu .columns .column ul li.sub-category {padding-left: 10px;height: 40px;line-height: 40px;margin-bottom: 0;border-bottom: 1px solid #333;} .sub-menu .columns .column ul li.main-category {background-color: #8f8f8f;padding-left: 10px;height: 50px;line-height: 49px;margin-bottom: 0;border-bottom: 1px solid #eceaeb;} .sub-menu .columns .column ul ,.sub-menu .columns .column ul li {float: none;} .sub-menu .columns .column ul li.main-category > a{color: #eceaeb !important;font-size: 18px;} .sub-menu .columns .column ul li.main-category > div.arrow {float: right;color: #eceaeb;font-weight: bold;font-size: 18px;line-height: 50px;padding-right: 14px; } .sub-menu .columns .column ul li.spacer {display: none;} .full-block {display: block !important;position: relative;} .full-block .sub-menu-toggle{position: absolute;top: 0;right: 0;}
}
@media (min-width: 768px) and (max-width: 991px) { .container { width: 100%; }
}
@media (min-width: 768px) { #rootNavigation { width: 100%; background: rgba(255,255,255,0.9); height: 38px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #ECEAEB; position: relative; top: -10px; } .sub-menu { background:#FFF; border: 1px solid #d9d9d9;padding: 20px;position: absolute;visibility: hidden;box-shadow: 1px 1px 1px #000;font-family: 'Roboto', Arial, sans-serif;top:37px;z-index: 1000;} .column .heading {display: none;} .rootNavigationMenu, #footerNavigationMenu{ display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row nowrap;justify-content: space-around; -webkit-box-pack:center;position: relative;text-align: center; } .rootNavigationMenu > li > div.menu-toggle, #footerNavigationMenu > li > div.menu-toggle{ display: none; } .rootNavigationMenu > li, #footerNavigationMenu > li{ text-transform: uppercase;display: inline-block;padding: 0 10px;flex-grow:1;text-align: center; } #slidePanel {width: 855px;margin-left: auto;margin-right: auto;display: table;position: relative;} .rootNavigationMenu {float: none;display: table-row;text-align: center;list-style: none;} .rootNavigationMenu > li {float: none;display: table-cell;margin: 0;text-align: center;padding-right: 15px;padding-left: 15px;} .rootNavigationMenu > li > a, #footerNavigationMenu > li > a{ color: #333; text-decoration: none; } #main-header { background-color: #eceaeb; min-height: 105px; } .navbar .row { border-bottom-width: 0; padding: 0; } .header-search { text-align: center; margin-top: 30px; } .header-search .glyphicon-search { font-size: 24px; font-weight: bold; color: #000; margin-right: 10px; position: static; } .header-search input { background-color: transparent; border: 0; border-bottom: 3px solid #000; font-size: 16px; font-weight: bold; width: 330px; padding: 6px; outline: none; color: #333; } .sub-menu-toggle {display: none}
}
@media (min-width: 992px) and (max-width: 1199px) {
}