@media all and (min-width: 240px) and (max-width: 1024px) {
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .page-title h1 {
        margin-left: 0;
        width: 100%;    
    }

    .desktop-header-right {
        display: block;
        position: absolute;
        top: 65px;
        width: 40%;
        right: 15px;
        z-index: 9999;
    }

    .admin-header-links {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 999;
    }

    .desktop-cart {
        display: none;
    }

    .header {
        z-index: 1002;
        margin: 12px auto 10px auto;
        text-align: center;
        width: 95%;
    }

    .header-links-wrapper {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1000001;
        text-align: center;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        .header-links-wrapper.open {
            display: block;
            top: 0;
            box-shadow: -1px 2px 1px rgb(0 0 0 / 0.3);
        }

    .header-centering {
        display: inline-block;
    }

    .header-links {
        display: inline-block;
        vertical-align: middle;
    }

        .header-links li {
            vertical-align: middle;
        }

        .header-links a {
            display: block;
            width: 36px;
            height: 36px;
            text-indent: -9999px;
        }

        .header-links .ico-register {
            background: #8E8CC3 url(../img/m-icon-plus.png) no-repeat center;
            border-radius: 100px;
            height: 40px;
            width: 40px;
        }

        .header-links .ico-login {
            background: #8E8CC3 url(../img/m-icon-lock.png) no-repeat center;
            border-radius: 100px;
            height: 40px;
            width: 40px;
        }

        .header-links .ico-account {
            background: #8E8CC3 url(../img/m-icon-account.png) no-repeat center;
            border-radius: 100px;
            height: 40px;
            width: 40px;
        }

        .header-links .ico-logout {
            background: #8E8CC3 url(../img/m-icon-logout.png) no-repeat center;
            border-radius: 100px;
            height: 40px;
            width: 40px;
        }

        .header-links .ico-wishlist {
            background: #8E8CC3 url(../img/m-icon-star.png) no-repeat center;
            border-radius: 100px;
            height: 40px;
            width: 40px;
        }

        .header-links .ico-inbox {
            background: #8E8CC3 url(../img/m-icon-inbox.png) no-repeat center;
        }

    .top-login {
        float: right;
        margin-left: 0;
        position: absolute;
        right: 10px;
        z-index: 9;
        top: 0;
    }

    .header-selectors-wrapper {
        display: inline-block;
        vertical-align: middle;
    }

    .search-box {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px 10px 10px;
        width: 100%;
        background: #8E8CC3;
        box-shadow: -1px 2px 1px rgb(0 0 0 / 0.3);
        z-index: 9999999;
        text-align: center;
        border-bottom: 5px solid rgb(255 255 255 / 0.4);
    }

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

        .search-box form {
            display: inline-block;
            position: relative;
        }

            .search-box form:after {
                content: ".";
                display: block;
                visibility: hidden;
                clear: both;
                height: 0;
                line-height: 0;
                font-size: 0;
            }

        .search-box input.search-box-text {
            float: left;
            width: 220px !important;
            height: 36px;
            border: 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            background: #fff0;
            color: #fff;
            opacity: 0.4;
            -webkit-transition: opacity 0.1s ease-in-out;
            transition: opacity 0.1s ease-in-out;
            padding-right: 30px !important;
        }

            .search-box input.search-box-text:focus {
                opacity: 1;
            }

        .search-box .search-box-button {
            float: right;
            width: 36px;
            height: 36px;
            border: 2px solid #fff;
            border-radius: 100%;
            overflow: hidden;
            background: url(../img/icon-search-button.png) center no-repeat;
            text-indent: 999px;
            position: absolute;
            right: -15px;
        }

        .search-box select {
            border-right: 1px solid #fff !important;
        }

        span.search-box-text,
        .search-box select {
            float: right !important;
            width: 100px !important;
        }

    .responsive-nav-wrapper-parent {
        position: relative;
        z-index: 99;
        height: 50px;
    }

    .responsive-nav-wrapper {
        position: relative;
        text-align: center;
        font-size: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 3px 3px rgb(0 0 0 / 0.15);
    }

    .stick {
        position: fixed;
        top: 0;
        z-index: 10000;
    }

    .responsive-nav-wrapper.nav-down {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .responsive-nav-wrapper.nav-up {
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px);
    }

    .responsive-nav-wrapper:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }

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

    .responsive-nav-wrapper .menu-title {
        float: left;
        background: url(../img/icon-menu.png) no-repeat center;
    }

    .responsive-nav-wrapper .search-wrap {
        display: inline-block;
    }

        .responsive-nav-wrapper .search-wrap span {
            background: #8E8CC3 url(../img/icon-search-opener.png) no-repeat center;
            border-radius: 100%;
        }

    .responsive-nav-wrapper .filters-button {
        display: none !important;
    }

        .responsive-nav-wrapper .filters-button span {
            background: #8E8CC3 url(../img/icon-filters.png) no-repeat center;
            border-radius: 100%;
        }

    .responsive-nav-wrapper .personal-button {
        float: right;
        background: url(../img/icon-personal.png) no-repeat center;
    }

    .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: #fff0;
        z-index: 1000000;
        -webkit-transition: background 0.3s ease-in-out;
        transition: background 0.3s ease-in-out;
    }

        .overlayOffCanvas.show {
            background: rgb(0 0 0 / 0.4);
        }

    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        background: #333;
        overflow: hidden;
        z-index: 2147483647;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.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 rgb(0 0 0 / 0.5);
    }

    .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: #8E8CC3;
        cursor: pointer;
    }

    .close-menu span {
        display: block;
        padding: 15px 20px;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
        background: url(../img/mobile-nav-close.png) no-repeat 15px center;
    }

    .header-menu > ul li {
        background: #f6f6f6;
    }

        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }

        .header-menu > ul li > a,
        .header-menu > ul li > span {
            display: block;
            padding: 16px 18px !important;
            line-height: 17px;
            color: #505050;
            font-size: 16px;
            text-transform: uppercase;
            position: relative;
            z-index: 1;
            border-bottom: 1px solid #e6e6e6;
        }

        .header-menu > ul li:last-child > a,
        .header-menu > ul li:last-child > span {
            border-bottom: 0;
        }

        .header-menu > ul li > .with-subcategories {
            width: 270px;
            float: left;
        }

    .plus-button {
        position: relative;
        float: right;
        width: 50px;
        height: 50px;
        z-index: 2;
        cursor: pointer;
        border-left: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        background: url(../img/mobile-nav-item-open.png) no-repeat center;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #333 !important;
        box-shadow: 1px 0 5px rgb(0 0 0 / 0.5);
        z-index: 3;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.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: #e87772;
    }

    .header-menu .back-button span {
        text-transform: none;
        color: #fff;
        text-align: right;
        padding: 14px 18px !important;
        background: url(../img/mobile-nav-close.png) no-repeat 15px center;
    }

    .admin-header-links,
    .header-links-wrapper,
    .header-logo,
    .search-box,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-content,
    .news-list-homepage,
    .topic-block,
    .footer {
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
    }

    .notAndroid23 .move-right {
        -webkit-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);
    }

    .product-selectors {
        margin-left: -2.6%;
        width: 105.3%;
    }

    .item-box .product-rating-box,
    .product-grid .item-box .prices {
        margin: 0 0 5px;
    }

    .center-1 > .product-name {
        margin-left: -2.6%;
        width: 105.3%;
    }
    .footer-block .footer-logobox img {
        width:100%;
    }
    .footer .footer-centering {
        padding:0px 20px;
    }
    .footer-centering .footer-block-group .footer-logobox {
        width: 230px;
        max-width: 100%;
        margin-bottom:15px;
    }
    .footer-block-group .social-link-list {
        text-align: left;
    }
    .footer-block-group .social-link-list li {
        display: inline-block;
        margin-right: 7px;
    }
    .footer-block-group .social-link-list li img {
        width: 30px;
    }
    .footer-middle .footer-block {
        width: 33.3%;
        margin-bottom: 20px;
    }
    .html-manufacturer-page .master-column-wrapper .side-2,
    .html-category-page .master-column-wrapper .side-2,
    .html-product-tag-page .master-column-wrapper .side-2,
    .html-search-page .master-column-wrapper .side-2,
    .html-account-page .master-column-wrapper .side-2 {
        float: left;
        width: 100%;
    }
    .html-manufacturer-page .master-column-wrapper .center-2,
    .html-category-page .master-column-wrapper .center-2,
    .html-product-tag-page .master-column-wrapper .center-2,
    .html-search-page .master-column-wrapper .center-2,
    .html-account-page .master-column-wrapper .center-2 {
        width: 100%;
    }
    .collection-name-section {
        height: 14vh;
    }
@media all and (max-width: 1280px) {
    .home-product-blog-section .product-blog-itembox .nivo-caption h3,
    .home-product-blog-section .product-blog-itembox .product-blog-infobox h3,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .promotional-product .product-title a {
        font-size: 22px;
    }
    .home-product-blog-section .product-blog-itembox .nivo-caption .product-blog-btn,
    .home-product-blog-section .product-blog-itembox .product-blog-infobox .product-blog-btn {
        font-size: 14px;
        width: 115px;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details a {
        padding: 8px 12px;
        width: 150px;
        font-size: 14px;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .picture img {
        max-height: 406px;
    }
    .faq-section .Faq-questions-area h3 {
        font-size: 25px;
    }
    .faq-section .Faq-questions-area .accordion-section .group a {
        display: block;
        font-size: 16px;
    }
    .home-product-blog-section.first-section .product-blog-itembox .theme-custom .nivo-caption,
    .home-product-blog-section .product-blog-itembox .product-blog-infobox,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details {
        left: 2.2rem;
        bottom: 2.2rem;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .visible-details {
        left: 2.2rem;
        bottom: 4.4rem;
        width:70%;
    }
    
    .product-details-page .gallery {
        width: 55% !important;
    }

}
@media all and (min-width:992px) and (max-width:1024px) {
    .footer-centering .footer-block-group {
        display:flex;
        width:100%;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    
    .footer-centering .footer-block-group .footer-block {

    }
    .home-product-blog-section .product-blog-itembox .product-blog-bg-img {        
        width: auto;
        height: 100%;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .picture img {
        max-height: 378px;
    }
}
@media all and (max-width:991px) {
    .desktop-header-right .top-login {
        right:-3px;
    }
    .faq-section .Faq-questions-area {
        display: inline-flex;
        width: 62%;
    }
    .footer .footer-middle {
        display:flex;
        width:100%;
        flex-direction:column;
    }
    .footer .footer-middle .footer-block-group {
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }
    .footer .footer-middle .footer-block-group .footer-block {
        width:32% !important;
    }
    .footer .footer-middle .footer-block-group .footer-block:last-child h4 {
        margin-top:10px;
    }
    .product-grid .slick-slider {
        width: 98%;
        margin: 0px auto;
    }
    .slick-prev {
        left: -19px;
    }
    .slick-next {
        right: -19px;
    }
    .home-product-blog-section .product-blog-itembox .product-blog-bg-img {
        width: auto;
        height: 100%;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .picture img {
        max-height: max-content;
    }
    .home-product-blog-section.first-section .product-blog-itembox .theme-custom .nivo-caption, 
    .home-product-blog-section .product-blog-itembox .product-blog-infobox {
        left: 1.4rem;
        bottom: 1.4rem;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .visible-details {
        left: 1.4rem;
        bottom: 3.8rem;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details {
        left: 1.4rem;
        bottom: 1.4rem;
    }
    .home-product-blog-section .product-blog-itembox .nivo-caption h3,
    .home-product-blog-section .product-blog-itembox .product-blog-infobox h3,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .promotional-product .product-title a {
        font-size: 20px;
        max-width: 95%;
    }
}
@media all and (max-width:768px) {
    .header {
        position:relative;
    }
    .desktop-header-right {
        top:auto;
        bottom:30px;
    }
    .faq-section .Faq-questions-area .accordion-section .group .body-part {
        padding: 10px 15px;
    }
    .faq-section .Faq-questions-area h3 {
        font-size: 22px;
        width: 280px;
        margin: 30px 0px 30px 1.5rem;
    }
    .product-grid .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .product-grid .title strong {     
        font-size: 23px;
    }
    .home-product-blog-section {
        margin-bottom:20px;
    }
    .product-item {
        padding:15px 15px;
    }
    .product-details-page .gallery {
        width: 100% !important;
    }
}
@media all and (max-width:680px) {
    .faq-section .Faq-questions-area {
        display: inline-flex;
        width: 61%;
    }
    .faq-section .Faq-questions-area .accordion-section .group a {
        padding: 8px 15px;
    }
    
}
@media all and (max-width:576px) {
    .sale-advertise-section {
        width: 100%;
        padding: 20px 15px;
    }
    .sale-advertise-section .header-centering {
        gap:10px;
    }
    .sale-advertise-section .header-centering .sale-advertise-itembox {
        width:100%;
    }
    .sale-advertise-section .header-centering .sale-advertise-itembox .sale-iconbox {
        width: 29px;
    }
    .home-product-blog-section {
        flex-direction:column;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col,
    .home-product-blog-section.second-section .product-blog-itembox,
    .home-product-blog-section .product-blog-itembox.big-col {
        width:100%;
    }
    .home-product-blog-section .product-blog-itembox {
        width:100%;
        padding: 0px;
    }
    .home-product-blog-section .product-blog-itembox:before {
        content:unset;
    }
    .home-product-blog-section .product-blog-itembox .topic-block {
        width:100%;
    }
    .home-product-blog-section .product-blog-itembox .topic-block p {
        margin-bottom:0px;
    }
    .home-product-blog-section .product-blog-itembox .product-blog-bg-img {
        position:relative;
        width:100%;
        height:auto;
    }
    .product-grid .slick-slider {
        width: 100%;
        margin: 0px auto;
    }
    .slick-slider .slick-list {
        width:90%;
        margin:0px auto;
    }
    .slick-slider .slick-prev {
        left:2px;
    }
    .slick-slider .slick-next {
        right: 0px;
    }
    .home-product-blog-section .product-blog-itembox .nivo-caption h3, 
    .home-product-blog-section .product-blog-itembox .product-blog-infobox h3,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .promotional-product .product-title a {
        font-size: 19px;
    }
    .home-product-blog-section .product-blog-itembox .product-blog-infobox h3 {
        margin:5px 0px 8px;
    }
    .home-product-blog-section .product-blog-itembox .product-blog-infobox {
        position: absolute;
        left: 1.2rem;
        bottom: 1.2rem;
    }
    .home-product-blog-section .product-blog-itembox .nivo-caption .product-blog-btn, 
    .home-product-blog-section .product-blog-itembox .product-blog-infobox .product-blog-btn,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details a {
        padding: 7px 15px;
        width: 120px;
        font-size: 15px;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .visible-details {
        left: 1.3rem;
        bottom: 4.2rem;
    }
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details {
        left: 1.3rem;
        bottom: 1.5rem;
    }
    .footer .footer-middle .footer-block-group .footer-block {
        width:49% !important;
    }
    .footer .footer-middle .footer-block-group .footer-block:nth-child(3) h4 {
        margin-top:10px;
    }
    .product-grid .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .product-grid .title strong {
        font-size:21px;
    }
    .product-grid .title a {
        font-size:14px;
    }
    .faq-section .left-img-area {
        width:100%;
        justify-content:center;
    }
    .faq-section .left-img-area img {
        width:80%;
    }
    .faq-section .Faq-questions-area {
        width:100%;
    }
    .faq-section .Faq-questions-area h3 {
        font-size: 23px;
        max-width:85%;
    }
    .faq-section .accordion-section {
        width:100%;
        padding:0px 20px;
    }
}
@media all and (min-width:480px) and (max-width:1024px) {
    .side-2 .block {
        border:1px solid #cdcdcd;
    }
}
@media all and (max-width:480px) {
    .footer .footer-middle .footer-block-group .footer-block {
        width: 100% !important;
    }
    .footer-middle .footer-block-group .footer-block h4 {
        margin-top: 0px;
    }
    .footer-disclaimer {
        display:none;
    }
    .desktop-header-right {
        top: auto;
        bottom: 30px;
        right:0px;
    }
    .html-manufacturer-page .master-column-wrapper .side-2,
    .html-category-page .master-column-wrapper .side-2,
    .html-product-tag-page .master-column-wrapper .side-2,
    .html-search-page .master-column-wrapper .side-2,
    .html-account-page .master-column-wrapper .side-2 {
        padding-top: 10px;
        border: 1px solid #cdcdcd;
        background-color: #eee;
    }
    .html-manufacturer-page .master-column-wrapper .side-2 .block,
    .html-category-page .master-column-wrapper .side-2 .block,
    .html-product-tag-page .master-column-wrapper .side-2 .block,
    .html-search-page .master-column-wrapper .side-2 .block,
    .html-account-page .master-column-wrapper .side-2 .block {
        background-color:#fff;
    }
    .side-2 .block .list li:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }
}
@media all and (max-width:380px) {
    .home-product-blog-section .product-blog-itembox .nivo-caption .product-blog-btn,
    .home-product-blog-section .product-blog-itembox .product-blog-infobox .product-blog-btn,
    .home-product-blog-section.second-section .product-blog-itembox.big-col .hover-details a {
        padding: 6px 15px;
        width: 100px;
        font-size: 14px;
    }
    .desktop-header-right {
        top: auto;
        bottom: 43px;
    }
    .desktop-header-right .top-login {
        width: 142px;
    }
}