
@media all and (max-width:1000px) {

    .header-bottom .search-box {
        display: none;
    }
    .flyout-cart {
        display: none !important;
    }

/* HEADER */


/* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper-parent {
        height: auto;
    }
    .responsive-nav-wrapper {
        position: relative;
 /*       width: 100%; 
        text-align: center;*/
        font-size:0; float:right; padding-top:30px;
        height:auto;
        overflow: hidden;
		margin-top:0px;
    }
    .responsive-nav-wrapper.nav-down {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .responsive-nav-wrapper.nav-up {
        -webkit-transform: translateY(-55px);
        -ms-transform: translateY(-55px);
        transform: translateY(-55px);
    }
    .stick {
  /*      position: fixed;*/
        top: 0; padding-top:5px; padding-bottom:5px;
        z-index: 10000;
    }
        .responsive-nav-wrapper:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;            
        }
        .responsive-nav-wrapper > div > span{
            display: block;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            height:auto;
            /*width: 85px;*/
            overflow: hidden;
       /*     text-indent: -9999px;*/
            cursor: pointer;
        }
    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url(../images/menu.png) no-repeat center;
    }


/* RESPONSIVE MENU */

    .ps-container > .ps-scrollbar-y-rail {
        visibility: hidden !important;
    }
    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        z-index: 1000000;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }
        .overlayOffCanvas.show {
            background: rgba(0,0,0,0.4);
        }

    #headerMenuParent {
        height: 0;
    }
    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
       background:#143369 !important;
        overflow: hidden;
        z-index: 2147483647;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .notAndroid23 .justAFixingDivBefore,
    .notAndroid23 .header-menu {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }
    .android23 .justAFixingDivBefore,
    .android23 .header-menu {
        left: -320px;
    }        
    .header-menu.open {
 top:0%; 
    }
    .notAndroid23 .header-menu.open {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .android23 .header-menu.open {
        left: 0;
    }

    .header-menu .close-menu {
        background:#143369;
        cursor: pointer;
    }
    .close-menu span {
        display: block;
        padding: 15px 20px;
        background:url(../images/bullet.png) no-repeat left center;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
    }

    .header-menu > ul li {
        background: #fff;  border-bottom:solid 1px #666666; 
    }
        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;text-transform:uppercase;
            line-height: 0;
            font-size: 0;
        }
    .header-menu > ul li > a,
    .header-menu > ul li > span {
        display: block;
     padding:8px 18px 7px !important;
        line-height:26px;
        color: #666666;
        font-size: 13px; text-decoration:none;
        text-transform: uppercase;
        position: relative; 
        z-index: 1;
		background:
    }
	   .header-menu > ul li > a:hover{ color:#143369;}
        .header-menu > ul li > .with-subcategories {
            width: 270px;
            float: left;   
        }
		
    .plus-button {
        position:relative;
        float: right;
        background:url(../images/bullet1.png) no-repeat right bottom; height:30px;
        width: 50px;        z-index: 2;
        cursor: pointer;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background:#143369 !important;
     /*   box-shadow: 1px 0 5px rgba(0,0,0,0.5);*/
        z-index: 3;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: hidden;
    }
        .notAndroid23 .header-menu .sublist-wrap {
            -webkit-transform: translate(-320px);
            -ms-transform: translate(-320px);
            transform: translate(-320px);
        }
        .android23 .header-menu .sublist-wrap {
            left: -320px;
        }
        .notAndroid23 .header-menu .sublist-wrap.active {
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0);
        }
        .android23 .header-menu .sublist-wrap.active {
            left: 0;
        }

    .header-menu ul li.back-button {
        background:#143369;
    }
        .header-menu .back-button span {
            background:url(../images/bullet.png) no-repeat left center;
            text-transform: none;
            color: #fff;
            text-align: right;
            padding: 14px 18px 15px !important;
			cursor: pointer;
        }

/* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-page,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;        
    }
    .notAndroid23 .move-right {
/*        -webkit-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);  */      
    }



/* CATEGORY PAGE & ITEM GRIDS */

    .product-viewmode,
    .product-page-size {
        display: none !important;
    }

/* SEARCH */

 

/* FOOTER */

    .footer-bottom .footer-centering > * {
        margin-bottom: 10px;
    }
        .footer-bottom .footer-centering > *:last-child {
            margin: 0;
        }
/* customize */


}
@media all and (max-width:598px) and (min-width:240px) {

    .header-bottom .search-box {
        display: none;
    }
    .flyout-cart {
        display: none !important;
    }

/* HEADER */


/* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper-parent {
        height: auto;
    }
    .responsive-nav-wrapper {
        position: relative;
 /*       width: 100%; 
        text-align: center;*/
        font-size:0; float:right; padding-top:0px !important;  
        height:auto;
        overflow: hidden;
		margin-top: -25px;
    }
    .responsive-nav-wrapper.nav-down {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .responsive-nav-wrapper.nav-up {
        -webkit-transform: translateY(-55px);
        -ms-transform: translateY(-55px);
        transform: translateY(-55px);
    }
    .stick {
  /*      position: fixed;*/
        top: 0; padding-top:5px; padding-bottom:5px;
        z-index: 10000;
    }
        .responsive-nav-wrapper:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;            
        }
        .responsive-nav-wrapper > div > span{
            display: block;
            color: #fff;
            font-size: 20px;
            text-transform: uppercase;
            height:auto;
            /*width: 85px;*/
            overflow: hidden;
       /*     text-indent: -9999px;*/
            cursor: pointer;
        }
    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url(../img/icon-menu.png) no-repeat center;
    }


/* RESPONSIVE MENU */

    .ps-container > .ps-scrollbar-y-rail {
        visibility: hidden !important;
    }
    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        z-index: 1000000;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }
        .overlayOffCanvas.show {
            background: rgba(0,0,0,0.4);
        }

    #headerMenuParent {
        height: 0;
    }
    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
       background:#143369 !important;
        overflow: hidden;
        z-index: 2147483647;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .notAndroid23 .justAFixingDivBefore,
    .notAndroid23 .header-menu {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }
    .android23 .justAFixingDivBefore,
    .android23 .header-menu {
        left: -320px;
    }        
    .header-menu.open {
        box-shadow: 1px 0 5px rgba(0,0,0,.5); top:0%; 
    }
    .notAndroid23 .header-menu.open {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .android23 .header-menu.open {
        left: 0;
    }

    .header-menu .close-menu {
        background:#143369;
        cursor: pointer;
    }
    .close-menu span {
        display: block;
        padding: 15px 20px;
        background:url(../images/bullet.png) no-repeat left center;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
    }

    .header-menu > ul li {
        background: #fff;  border-bottom:solid 1px #666666; 
    }
        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;text-transform:uppercase;
            line-height: 0;
            font-size: 0;
        }
    .header-menu > ul li > a,
    .header-menu > ul li > span {
        display: block;
     padding:8px 18px 7px !important;
        line-height:26px;
        color: #666666;
        font-size: 14px; text-decoration:none;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }
	   .header-menu > ul li > a:hover{ color:#143369;}
        .header-menu > ul li > .with-subcategories {
            width: 270px;
            float: left;   
        }
		
    .plus-button {
        position:relative;
        float: right;
        background:url(../images/bullet1.png) no-repeat right bottom; height:30px;
        width: 50px;        z-index: 2;
        cursor: pointer;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background:#143369 !important;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        z-index: 3;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: hidden;
    }
        .notAndroid23 .header-menu .sublist-wrap {
            -webkit-transform: translate(-320px);
            -ms-transform: translate(-320px);
            transform: translate(-320px);
        }
        .android23 .header-menu .sublist-wrap {
            left: -320px;
        }
        .notAndroid23 .header-menu .sublist-wrap.active {
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0);
        }
        .android23 .header-menu .sublist-wrap.active {
            left: 0;
        }

    .header-menu ul li.back-button {
        background:#404040;
    }
        .header-menu .back-button span {
            background:url(../images/bullet.png) no-repeat left center;
            text-transform: none;
            color: #fff;
            text-align: right;
            padding: 14px 18px 15px !important;
			cursor: pointer;
        }

/* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-page,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;        
    }
    .notAndroid23 .move-right {
/*        -webkit-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);  */      
    }



/* CATEGORY PAGE & ITEM GRIDS */

    .product-viewmode,
    .product-page-size {
        display: none !important;
    }

/* SEARCH */

 

/* FOOTER */

    .footer-bottom .footer-centering > * {
        margin-bottom: 10px;
    }
        .footer-bottom .footer-centering > *:last-child {
            margin: 0;
        }
/* customize */


}


