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


/*.responsive-nav-wrapper-parent {
    margin-bottom: 30px;
}*/
.responsive-nav-wrapper.stick {
	position: fixed;
	top: 0;
	z-index: 1030;
	width: 100%;
}
.desktop-cart {
	display: none;
}
.page-title {
    margin: 0 0 50px;

}

    .registration-result-page .page-title, .registration-page .page-title{
        margin: 30px 0 30px 0;
    }
    .login-page .page-title {
        margin: 30px 0 20px 0
    }
    .shopping-cart-page .page-title {
        margin: 50px 0 20px;
    }
/* RESPONSIVE NAV WRAPPER */

.responsive-nav-wrapper {
	position: relative;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);*/
	background: #f3f3f3;
	text-align: center;
	font-size: 0;
}
.responsive-nav-wrapper.nav-down {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.responsive-nav-wrapper.nav-up {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}
.responsive-nav-wrapper:after {
	content: "";
	display: block;
	clear: both;           
}
.responsive-nav-wrapper > div > span,
.responsive-nav-wrapper > div > a {
	display: block;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	height: 40px;
	width: 45px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
    border-left: 1px solid #ddd;
    margin: 0; /*firefox margin fix*/
}
.responsive-nav-wrapper > div:last-child > span,
.responsive-nav-wrapper > div:last-child > a {
    border-right: 1px solid #ddd;
}
.responsive-nav-wrapper .menu-title {
	display: inline-block;
	background: url(../img/responsive-nav-sprite.png) no-repeat left center;
}
.responsive-nav-wrapper .search-wrap {
	display: inline-block;
	background: url(../img/responsive-nav-sprite.png) no-repeat left -44px center;
}
.responsive-nav-wrapper .wishlist-button {
	display: inline-block;
	background: url(../img/responsive-nav-sprite.png) no-repeat left -88px center;
}
.responsive-nav-wrapper .shopping-cart-link {
	display: inline-block;
	background: url(../img/responsive-nav-sprite.png) no-repeat left -133px center;
}
.responsive-nav-wrapper .personal-button {
	display: inline-block;
	background: url(../img/responsive-nav-sprite.png) no-repeat left -177px center;
}
.responsive-nav-wrapper .filters-button {
	background: url(../img/responsive-nav-sprite.png) no-repeat left -220px 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: 1060;
    -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;
        width: 320px;
        height: 100%;
        text-align: left;
        background: #fff;
        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;
}        
.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, .close-filters {
        background: var(--light-gray);
        cursor: pointer;
        box-shadow: 3px 0 3px rgba(0,0,0,.1);
        margin-bottom: 3px;
    }
.close-menu span {
	display: block;
	padding: 17.5px 40px 17.5px 20px;
	color: #666;
	text-transform: uppercase;
	line-height: 15px;
	text-align: left;
    background: url(../img/close-btn.png) no-repeat right 15px center;
}
.header-menu > ul li {
	background: #fff;
}
.header-menu > ul li:after {
	content: "";
	display: block;
	clear: both;
}
    .header-menu > ul li > a {
        display: block;
        /* width: 260px; */
        float: left;
        padding: 10px 0 10px 15px !important;
        /* margin: 0 50px 0 0; */
        line-height: 14px;
        color: #505050;
        font-size: 12px;
        position: relative;
        z-index: 1;
    }
    .mega-menu-responsive {
        border-bottom: 1px solid var(--light-gray);
/*        margin: 0 20px 0 20px;
*/    }

    .breadcrumb ul {
        /* font-size: 0; */
    }
    .mobile-header-links {
        border-bottom: 6px solid var(--blue);
        margin: 20px 20px 0 20px;
        padding-bottom:100px
    }
    /*.mobile-header-links li {
        padding: 0 0 0 18px !important;
    }*/
    .mobile-footer-line {
        margin: 2px 20px 0 20px;
        background-color: var(--light-green);
        height: 2px;
        border: none;
    }
    .mobile-header-links li a {
        font-size: 12px !important
    }
        .mobile-header-links li a i{
            margin-right:5px
        }

ul.sublist li > a:after{
    width: 96%;
}


    .plus-button .fa-chevron-down {
        opacity: 0.8;
        font-size: 16px;
        margin: 11px 0 0 8px;
        cursor: pointer;
    }

    .plus-button {
        min-width: 50px;
        float: right;
        text-align: right;
        font-weight: bold;
        color: #0C4269;
    }
   
.has-sublist {
    padding: 0px 15px 0px 0px;
}
    .with-subcategories {
        width: fit-content!important;
    }
        .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #fff !important;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        z-index: 3;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
.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: var(--light-gray);
}
.header-menu .back-button span {
    display: block;
	text-transform: none;
	color: #666;
	text-align: right;
	padding: 14px 18px !important; 
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 3px;
    cursor: pointer;
}

/* header menu functionality classes */

.admin-header-links,
.header,
.header-logo,
.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(320px);
    -ms-transform: translate(320px);
    transform: translate(320px);        
}

/* SEARCH BOX */

.search-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding: 15px 10px 10px;
	width: 100%;
	box-shadow: -1px 2px 1px rgba(0,0,0,0.1);
	z-index: 1070;
	text-align: center;
    background: #fff;
}
.search-box.open {
	display: block;
    background: var(--light-gray);
}
/*.search-box .search-box-button{
    background-color: #fff;
}*/
.search-box.forum-search-box {
    box-shadow: none !important;
}
.search-box.forum-search-box .basic input{
    background-color: #f3f3f3;
}

/* HEADER LINKS */

.header-options-wrapper {
	display: none;
	background: #f3f3f3;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1070;
	text-align: center;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.header-options-wrapper.open {
	display: block;
}
.header-right{
    display: none;
}
.customer-header-links li{
    display: inline-block
}
.customer-header-links li a {
    padding: 10px 10px 10px 20px;
    display: block;
    margin: 0 5px;
}
.customer-header-links .ico-account{
    background: url(../img/login-register-sprite.png) no-repeat top 10px left 2px;
}
.customer-header-links .ico-inbox{
    padding: 0;
}
.customer-header-links .ico-inbox span{
    display: inline-block;
}
.customer-header-links .inbox-unread{
    padding: 10px 0;
}
.customer-header-links .ico-logout,
.customer-header-links .ico-login{
    background: url(../img/login-register-sprite.png) no-repeat top -16px left 2px;
}
.customer-header-links .inbox-label{
    padding: 10px 5px 10px 20px;
    background: url(../img/login-register-sprite.png) no-repeat top -44px left;
}
.customer-header-links .ico-register{
    background: url(../img/login-register-sprite.png) no-repeat top -68px left 2px;
}

/* MY ACCOUNT BLOCK */

.block-account-navigation {
    margin: 0 auto 50px !important;
    width: 85% !important;
    float: none !important;
    max-width: 470px;
}
.block-account-navigation .title{
    text-align: center;
    padding: 10px 0;
    cursor: default;
    z-index: -1
}
.block-account-navigation .title strong:after{
    display: none;
}
.block-account-navigation .listbox{
    display: block !important;
}
.block-account-navigation .list li{
    text-align: center;
}
.block-account-navigation .list li a,
.block-account-navigation .list li a.active,
.block-account-navigation .list li a:hover{
    background: none;
}

/* CHECKOUT PAGE */
.checkout-page .address-item{
    padding: 0 0 30px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 30px;
}

}