@media all and (max-width: 1024px) {

    .admin-header-links {
        /*position: fixed;
	top: 0;*/
        z-index: 1001;
        width: 100%;
    }

    .responsive-nav-wrapper-parent {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height:fit-content;
    }

    .header {
        margin-top: 30px;
    }

    .admin-header-links ~ .header {
        margin-top: 50px;
        z-index: 2;
    }

    .shopping-icons {
        display: none;
    }

    .header-selectors-wrapper > div {
        height: 32px;
        line-height: 30px;
        margin: 0 5px;
        padding: 0;
        color: #666;
        background: url("../images/arrow-down.png") no-repeat scroll 92% center #ffffff;
        text-align: left;
        white-space: nowrap;
    }

    .styleSelect_item {
        width: 80px;
        background: #fff;
    }

    .jspPane li {
        padding: 0 0 0 5px;
    }

    .header-selectors-wrapper .activeSelect {
        display: inline-block;
        max-width: 100px;
        margin-right: 24px;
        overflow: hidden;
    }

    .header-selectors-wrapper .new_select {
        width: auto !important;
        min-width: 0 !important;
    }

    /* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper {
        position: relative;
        background: rgba(57,50,48,0.3);
        text-align: center;
        font-size: 0;
    }

        .responsive-nav-wrapper:after {
            content: "";
            display: block;
            clear: both;
        }

        /*
        .responsive-nav-wrapper.stick {
            position: fixed;
            top: 0; --top offset when NOT logged in
            width: 100%;
            background: rgba(57,50,48,.8);
            z-index: 1000;
        }
        .responsive-nav-wrapper.nav-down {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        .responsive-nav-wrapper.nav-up {
            -webkit-transform: translateY(-52px);
            transform: translateY(-52px);
        }
        */
    .admin-header-links ~ .responsive-nav-wrapper-parent .responsive-nav-wrapper.stick {
        /*top: 35px;*/ /*top offset when logged in*/
    }

    .responsive-nav-wrapper > div > span,
    .responsive-nav-wrapper > div > a {
        display: block;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        height: 50px;
        width: 50px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
    }

    .responsive-nav-wrapper > div {
        margin-right: 1px;
    }

    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url('../images/menu.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .search-wrap {
        display: inline-block;
        background: url('../images/search.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .shopping-cart-link {
        display: inline-block;
        background: url('../images/shopping-cart.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url('../images/filters.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .personal-button {
        display: inline-block;
        background: url('../images/personal.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .login-button {
        display: inline-block;
        background: url('../images/personal.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .logout-button {
        display: inline-block;
        background: url('../images/logout.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .register-button {
        display: inline-block;
        background: url('../images/register.png') no-repeat center rgba(57,50,48,.3);
    }

    .responsive-nav-wrapper .wishlist-button {
        display: inline-block;
        background: url('../images/wishlist-copy.png') no-repeat center rgba(57, 50, 48, 0.3);
    }


    /* 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: 1001;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

    .overlayOffCanvas.show {
        /*background: rgba(0,0,0,0.4);*/
    }

    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        max-width: 100%;
        height: 100%;
        text-align: left;
        background: #333 !important;
        overflow: hidden;
        z-index: 9999;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .notAndroid23 .justAFixingDivBefore,
    .notAndroid23 .header-menu {
        -webkit-transform: translate(-100%);
        -moz-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
    }

    .android23 .justAFixingDivBefore,
    .android23 .header-menu {
        left: -100%;
    }

    .header-menu.open {
        box-shadow: 1px 0 5px rgba(0,0,0,.5);
    }

    .notAndroid23 .header-menu.open {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu.open {
        left: 0;
    }

    .header-menu .close-menu {
        background: url('../images/arrow-left.png') no-repeat 6% center #282322;
        cursor: pointer;
    }

    .close-menu span {
        display: block;
        padding: 15px 20px;
        font-size: 20px;
        color: transparent;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
        background: url('../images/close-menu.png') no-repeat 94% center;
    }
    .header-menu > ul li {
        background-color: #393230;
        display: table;
        width: 100%;
    }

    .header-menu > ul li > a,
    .header-menu > ul li > span {
        display: block;
        line-height: 17px;
        color: #ddd;
        font-size: 16px;
        text-transform: uppercase;
        position: relative;
        z-index: 1;
    }

    .header-menu > ul li > .category-plus-button,
    .header-menu > ul li a {
        padding: 10px;
    }
    .header-menu > ul li > .category-plus-button,
    .header-menu > ul li > .category-title {
        display: table-cell;
    }


    .plus-button {
        z-index: 2;
        cursor: pointer;
        min-height:100%;
        width:49px;
        display:inline-block;
        background:url(../images/arrow-right.png) no-repeat center;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        max-width:100%;
        height: 100%;
        background: #333 !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(-100%);
        -moz-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
    }

    .android23 .header-menu .sublist-wrap {
        left: -100%;
    }

    .notAndroid23 .header-menu .sublist-wrap.active {
        -webkit-transform: translate(0);
        -moz-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: #282322;
    }

    .header-menu .back-button span {
        text-transform: none;
        color: #7e7d7d;
        text-align: right;
        padding: 14px 18px !important;
        text-transform: uppercase;
        cursor: pointer;
    }

    /* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-content,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    .notAndroid23 .move-right {
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
    }



    /* SEARCH BOX */

    .search-box {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px 10px 10px;
        width: 100%;
        background: #fff;
        box-shadow: -1px 2px 1px rgba(0,0,0,0.3);
        z-index: 999;
        text-align: center;
    }

        .search-box.open {
            display: block;
        }

    .admin-header-links ~ .search-box {
        top: 35px; /*top offset when logged in*/
    }

    .search-box .search-box-button {
        margin-right: -30px;
    }

    /* HEADER LINKS */

    .header-links-wrapper {
        display: none;
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        position: fixed;
        top: 0; /*top offset when NOT logged in*/
        left: 0;
        right: 0;
        z-index: 999;
        text-align: center;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    .admin-header-links ~ .header-links-wrapper {
        top: 35px; /*top offset when logged in*/
    }

    .header-links-wrapper.open {
        display: block;
        margin: 0;
    }

    .header-links-wrapper.open .header-links {
        z-index: 1010;
    }
}