@media (max-width: 767px) {
    #pageHandler {-webkit-overflow-scrolling:touch;height: 100%;overflow-y:auto;}
    .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: 'Helvetica Neue', Helvetica, 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%;
        padding: 15px 0;
        background: rgba(255,255,255,0.9);
        height: 60px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .sub-menu {        background:#FFF; border: 1px solid #d9d9d9;padding: 20px;position: absolute;visibility: hidden;box-shadow: 1px 1px 1px #000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;top:45px;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: 100%;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;}
    .rootNavigationMenu > li > a, #footerNavigationMenu > li > a{
        color: #333;
        text-decoration: none;
    }
    #main-header {
        background-color: #eceaeb;
        min-height: 115px;
    }
    .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) {

}