@media (max-width: 1199.98px) {
    .main-nav-menu {
        gap: 18px;
    }

    .brand-logo {
        font-size: 1.5rem;
    }

    .footer-newsletter-box {
        padding: 30px;
    }
}

@media (max-width: 991.98px) {
    .header-main {
        padding: 12px 0;
    }

    .header-actions {
        gap: 12px;
    }

    .cart-widget-text {
        display: none;
    }

    .cart-widget-box {
        padding: 6px;
        background: transparent;
    }

    .header-nav-bar {
        display: none;
    }

    .product-box--purchase .product__items--content__title,
    .product-box--purchase:hover .product__items--content__title {
        min-height: 0;
        font-size: 1.6rem;
        line-height: 1.35;
    }

    .product-box--purchase .current__price {
        font-size: 1.8rem;
    }

    .product-box--purchase .product-box__quantity {
        line-height: 1.35;
    }

    .product-box--purchase .current__price {
        font-size: 1.8rem;
    }

    .product-box--purchase .product-box__quantity {
        bottom: 0.8rem;
        width: 9.8rem;
        height: 3.2rem;
    }
}

@media only screen and (max-width: 991px) {
    .product-box--purchase .product__items--thumbnail {
        height: 19.5rem;
    }

    .product-box--purchase .product__items--content__title,
    .product-box--purchase:hover .product__items--content__title {
        font-size: 1.5rem;
    }

    .product-box--purchase .current__price {
        font-size: 1.65rem;
    }
}

@media only screen and (max-width: 768px) {
    .product-box--purchase .product-box__quantity {
        display: none;
    }

    .catalog-group-products__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .product-breadcrumb__list {
        min-height: 4.3rem;
        gap: 0.7rem;
    }

    .product-breadcrumb__item,
    .product-breadcrumb__link {
        font-size: 1.35rem;
    }

    .product-breadcrumb__current {
        font-size: 1.32rem;
        padding: 0.38rem 1.05rem;
    }

    .catalog-filter-sidebar {
        position: static;
    }

    .catalog-group-products__grid {
        gap: 1rem;
    }
}

@media only screen and (max-width: 575px) {
    .product-box--purchase .product__items--thumbnail {
        height: 17rem;
        padding: 10px;
    }

    .product-box--purchase .product__items2--content {
        min-height: 14.2rem;
        padding: 10px;
    }

    .product-box--purchase .product__items--content__title,
    .product-box--purchase:hover .product__items--content__title {
        min-height: 0;
        font-size: 1.5rem;
    }

    .product-box--purchase .product__items--price {
        gap: 0.5rem;
    }

    .product-box__purchase-selector {
        margin: 0 0 0.6rem;
    }

    .product-box--purchase .current__price {
        font-size: 1.7rem;
    }

    .product-box--purchase .old__price {
        font-size: 1.2rem;
    }

    .product-box--purchase .product-box__quantity {
        bottom: 0.8rem;
        width: 9.8rem;
        height: 3.2rem;
    }

    .product-action-button {
        min-height: 3.8rem;
        padding: 0 1rem;
        font-size: 1.3rem;
    }
}

@media only screen and (max-width:991px){body{font-size:16px;line-height:25px}}

@media only screen and (min-width:480px){.h1,h1{font-size:2.8rem;line-height:3.8rem}}

@media only screen and (min-width:576px){.h1,h1{font-size:3.2rem;line-height:4rem}}

@media only screen and (min-width:768px){.h1,h1{font-size:3.5rem;line-height:4.2rem}}

@media only screen and (min-width:992px){.h1,h1{font-size:4rem;line-height:5.2rem}}

@media only screen and (min-width:1200px){.h1,h1{font-size:4.2rem;line-height:5.2rem}}

@media only screen and (min-width:1366px){.h1,h1{font-size:4.5rem;line-height:5.5rem}}

@media only screen and (min-width:1600px){.h1,h1{font-size:5rem;line-height:6rem}}

@media only screen and (min-width:768px){.h2,h2{font-size:2.4rem;line-height:2.6rem}}

@media only screen and (min-width:992px){.h2,h2{font-size:2.6rem;line-height:2.8rem}}

@media only screen and (min-width:1600px){.h2,h2{font-size:2.8rem;line-height:3rem}}

@media only screen and (min-width:768px){.h3,h3{font-size:1.8rem;line-height:2.5rem}}

@media only screen and (min-width:992px){.h3,h3{font-size:2rem;line-height:2.8rem}}

@media only screen and (min-width:1600px){.h3,h3{font-size:2.3rem;line-height:3rem}}

@media only screen and (min-width:480px){.h4,h4{font-size:1.6rem;line-height:3rem}}

@media only screen and (min-width:768px){.h4,h4{font-size:1.7rem;line-height:3rem}}

@media only screen and (min-width:768px){.col-md{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-md-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}}

@media only screen and (min-width:992px){.col-lg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-lg-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}}

@media only screen and (min-width:1200px){.col-xl{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}}

@media only screen and (min-width:1600px){.col-xxl{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.row-cols-xxl-auto>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.row-cols-xxl-1>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.row-cols-xxl-2>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.row-cols-xxl-3>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.row-cols-xxl-5>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:20%}.row-cols-xxl-6>*{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.6666666667%}}

@media only screen and (min-width:576px){.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}

@media only screen and (min-width:768px){.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}

@media only screen and (min-width:992px){.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}}

@media only screen and (min-width:768px){.mb-60{margin-bottom:4rem}}

@media only screen and (min-width:992px){.mb-60{margin-bottom:6rem}}

@media only screen and (min-width:768px){.mb-55{margin-bottom:3.5rem}}

@media only screen and (min-width:992px){.mb-55{margin-bottom:4rem}}

@media only screen and (min-width:1600px){.mb-55{margin-bottom:5.5rem}}

@media only screen and (min-width:768px){.mb-50{margin-bottom:4rem}}

@media only screen and (min-width:992px){.mb-50{margin-bottom:5rem}}

@media only screen and (min-width:768px){.mb-40{margin-bottom:3rem}}

@media only screen and (min-width:992px){.mb-40{margin-bottom:3.2rem}}

@media only screen and (min-width:1600px){.mb-40{margin-bottom:4rem}}

@media only screen and (min-width:768px){.mb-35{margin-bottom:2.8rem}}

@media only screen and (min-width:992px){.mb-35{margin-bottom:3rem}}

@media only screen and (min-width:1200px){.mb-35{margin-bottom:3.5rem}}

@media only screen and (min-width:992px){.mb-25{margin-bottom:2.5rem}}

@media only screen and (min-width:768px){.mb-20{margin-bottom:2rem}}

@media only screen and (min-width:768px){.mb-15{margin-bottom:1.5rem}}

@media only screen and (min-width:992px){.mb-12{margin-bottom:1.2rem}}

@media only screen and (min-width:992px){.mb-10{margin-bottom:1rem}}

@media only screen and (max-width:991px){.offcanvas__header--menu__open{display:block}}

@media only screen and (min-width:480px){.offcanvas__header{max-width:320px}}

@media only screen and (min-width:500px){.offcanvas__stikcy--toolbar{padding:10px 40px}}

@media only screen and (min-width:768px){.offcanvas__stikcy--toolbar{padding:10px 60px}}

@media only screen and (max-width:991px){.offcanvas__stikcy--toolbar{display:block}}

@media only screen and (max-width:991px){.header__sticky.sticky .header__menu.header__sticky--block{display:none!important}}

@media only screen and (min-width:768px){.header__topbar{padding:10px 0}}

@media only screen and (max-width:480px){.header__topbar--inner{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}}

@media only screen and (max-width:767px){.header__shipping{margin-right:0}}

@media only screen and (max-width:767px){.header__shipping--icon{margin-right:5px;max-width:26px}}

@media only screen and (max-width:767px){.header__shipping--text{text-align:center}}

@media only screen and (min-width:768px){.header__shipping--text{font-size:1.5rem}}

@media only screen and (max-width:767px){.header__topbar--countdown{display:none!important}}

@media only screen and (min-width:768px){.main__header{padding:6px 0}}

@media only screen and (min-width:1600px){.main__header{padding:16px 0}}

@media only screen and (min-width:480px){.main__logo--img{max-width:155px}}

@media only screen and (min-width:768px){.main__logo--img{max-width:100%}}

@media only screen and (min-width:1200px){.header__select--inner{padding:0 43px 0 20px}}

@media only screen and (min-width:1200px){.header__search--box{width:462px}}

@media only screen and (min-width:1200px){.header__search--input{padding:0 142px 0 22px}}

@media only screen and (min-width:1200px){.header__search--button{padding:0 40px}}

@media only screen and (min-width:480px){.header__account--items{margin-right:16px}}

@media only screen and (min-width:1200px){.header__account--items{margin-right:20px}}

@media only screen and (min-width:992px){.header__account--search__items.mobile__d--block{display:none}}

@media only screen and (min-width:768px){.predictive__search--title{margin-bottom:22px}}

@media only screen and (min-width:1200px){.predictive__search--title{margin-bottom:30px}}

@media only screen and (min-width:576px){.predictive__search--box__inner{padding:22px 50px}}

@media only screen and (min-width:768px){.predictive__search--box__inner{padding:30px 80px}}

@media only screen and (min-width:992px){.predictive__search--box__inner{padding:30px 100px}}


@media only screen and (max-width:576px){.predictive__search--close__btn{right:15px}}

@media only screen and (min-width:1200px){.categories__menu{width:260px}}

@media only screen and (max-width:991px){.categories__menu{width:100%}}

@media only screen and (min-width:768px){.categories__menu--header{height:50px}}

@media only screen and (min-width:992px){.categories__menu--header{height:55px}}

@media only screen and (min-width:1600px){.categories__menu--header{height:65px}}

@media only screen and (min-width:768px){.categories__menu--title{font-size:1.6rem;margin-left:22px}}

@media only screen and (max-width:991px){.categories__menu--items:hover .categories__submenu{top:100%}}

@media only screen and (max-width:767px){.categories__list--icon{width:18px}}

@media only screen and (min-width:992px){.categories__submenu{width:65rem}}

@media only screen and (min-width:1200px){.categories__submenu{width:70rem}}

@media only screen and (max-width:991px){.categories__submenu{width:100%;left:0;top:125%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:991px){.categories__submenu--items{width:100%;margin-right:0;position:relative}}

@media only screen and (min-width:1200px){.categories__submenu--items__text{font-size:1.6rem}}

@media only screen and (max-width:991px){.categories__submenu--items__text{padding:1.1rem 3.5rem 1.1rem 3.5rem;background:var(--gray-color2);border-bottom:1px solid var(--border-color2);margin-bottom:0}}

@media only screen and (max-width:991px){.categories__submenu--child__items{padding:0}}

@media only screen and (min-width:1200px){.categories__submenu--child__items--link{font-size:1.5rem}}

@media only screen and (max-width:991px){.categories__submenu--child__items--link{padding:1.1rem 3.5rem 1.1rem 4.5rem;background:var(--gray-color2);border-bottom:1px solid var(--border-color2);margin-bottom:0;display:block;color:var(--black-color)}}

@media only screen and (max-width:991px){.category__mobile--menu{display:block;max-height:360px;overflow-y:auto}}

@media only screen and (min-width:992px){.header__right--area{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}

@media only screen and (min-width:1200px){.header__right--area{width:calc(100% - 260px)}}

@media only screen and (min-width:992px) and (max-width:1199px){.header__menu{padding-left:12px!important}.header__menu--items{margin-right:14px!important;white-space:nowrap!important}.header__menu--link{font-size:1.35rem!important;padding:12px 0!important;white-space:nowrap!important}}
@media only screen and (min-width:1200px) and (max-width:1399px){.header__menu{padding-left:22px!important}.header__menu--items{margin-right:20px!important;white-space:nowrap!important}.header__menu--link{font-size:1.5rem!important;padding:15px 0!important;white-space:nowrap!important}}
@media only screen and (min-width:1400px){.header__menu{padding-left:35px!important}.header__menu--items{margin-right:28px!important;white-space:nowrap!important}.header__menu--link{font-size:1.6rem!important;padding:18px 0!important;white-space:nowrap!important}}

@media only screen and (min-width:1200px){.account__currency{margin-right:32px}}

@media only screen and (min-width:1600px){.dropdown__currency.active{margin-top:19px}}

@media only screen and (min-width:480px){.offCanvas__minicart{width:375px}}

@media only screen and (min-width:480px){.minicart__header--desc{font-size:1.7rem}}

@media only screen and (min-width:480px){.minicart__thumb{width:120px}}

@media only screen and (min-width:480px){.minicart__text{width:calc(100% - 120px);padding-left:13px}}

@media only screen and (min-width:480px){.minicart__subtitle{font-size:1.6rem}}

@media only screen and (max-width:991px){.language__currency{margin-right:0;padding:5px 20px}}

@media only screen and (max-width:480px){.header__widget--social{display:none!important}}

@media only screen and (max-width:575px){.header__topbar4{padding:12px 0}}

@media only screen and (max-width:991px){.header__topbar4--inner{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}}

@media only screen and (max-width:767px){.header__topbar4--inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:991px){.header__topbar4--contact__info--flex{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}}

@media only screen and (max-width:575px){.header__topbar4--contact__info--flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:575px){.header__topbar4--contact__info--list{margin-right:0;margin-bottom:15px}.header__topbar4--contact__info--list:last-child{margin-bottom:0}}

@media only screen and (min-width:768px){.header__topbar4--contact__info--list{margin-right:30px}}

@media only screen and (min-width:992px){.header__topbar4--contact__info--list{margin-right:35px}}

@media only screen and (min-width:1200px){.header__topbar4--contact__info--list{margin-right:55px}}

@media only screen and (min-width:1200px){.header4__widget--social{margin-left:45px}}

@media only screen and (max-width:991px){.header4__widget--social{margin-left:0;padding:20px 22px 0}}

@media only screen and (min-width:380px){.hero__slider--items{height:600px}}

@media only screen and (min-width:576px){.hero__slider--items{height:645px}}

@media only screen and (min-width:768px){.hero__slider--items{height:380px}}

@media only screen and (min-width:992px){.hero__slider--items{height:450px}}

@media only screen and (min-width:1200px){.hero__slider--items{height:470px}}

@media only screen and (min-width:1600px){.hero__slider--items{height:680px}}

@media only screen and (min-width:1600px){.slider__items--container{max-width:1600px}}

@media only screen and (max-width:767px){.hero__slider--layer{margin-bottom:20px}}

@media only screen and (max-width:767px){.hero__slider--items__inner{padding:0 0 30px}}

@media only screen and (max-width:767px){.hero__api-banner--image{min-height:unset;height:auto;width:100%;object-fit:contain;object-position:center}}

@media only screen and (max-width:767px){.hero__slider--section{min-height:unset;height:auto}}

@media only screen and (max-width:480px){.hero__api-banner--image{min-height:unset;height:auto;width:100%;object-fit:contain;object-position:center}}

@media only screen and (min-width:1200px){.slider__layer--img{max-width:500px;margin:0 auto}}

@media only screen and (min-width:1366px){.slider__layer--img{max-width:520px}}

@media only screen and (min-width:1600px){.slider__layer--img{max-width:600px}}

@media only screen and (min-width:1800px){.slider__layer--img{max-width:700px}}

@media only screen and (max-width:767px){.slider__layer--img{max-width:400px;margin:0 auto}}

@media only screen and (max-width:479px){.slider__layer--img{max-width:100%;padding:0 30px}}

@media only screen and (max-width:379px){.slider__layer--img{padding:0 15px}}

@media only screen and (max-width:767px){.home1__slider--layer2__img{max-width:288px}}

@media only screen and (max-width:380px){.home1__slider--layer2__img{max-width:100%;padding:0 30px}}

@media only screen and (max-width:767px){.slider__content{text-align:center}}

@media only screen and (min-width:1600px){.slider__content--padding__left{padding-left:200px}}

@media only screen and (min-width:576px){.slider__content--subtitle{font-size:2rem;line-height:2.2rem;margin-bottom:13px}}

@media only screen and (min-width:992px){.slider__content--subtitle{font-size:2.2rem;line-height:2.5rem;margin-bottom:13px}}

@media only screen and (min-width:1600px){.slider__content--subtitle{font-size:2.5rem;line-height:2.8rem;margin-bottom:15px}}

@media only screen and (min-width:768px){.slider__content--maintitle{margin-bottom:15px}}

@media only screen and (min-width:992px){.slider__content--maintitle{margin-bottom:1.8rem}}

@media only screen and (min-width:1600px){.slider__content--maintitle{margin-bottom:2.2rem}}

@media only screen and (min-width:768px){.slider__content--desc{margin-bottom:18px}}

@media only screen and (min-width:992px){.slider__content--desc{font-size:1.7rem;line-height:2.8rem;margin-bottom:25px}}

@media only screen and (min-width:1200px){.slider__content--desc{font-size:1.8rem;line-height:3rem;margin-bottom:28px}}

@media only screen and (min-width:1600px){.slider__content--desc{font-size:2rem;line-height:3.3rem;margin-bottom:40px}}

@media only screen and (min-width:768px){.btn.slider__btn{padding:0 28px}}

@media only screen and (min-width:992px){.btn.slider__btn{padding:0 30px}}

@media only screen and (min-width:1200px){.btn.slider__btn{padding:0 35px}}

@media only screen and (min-width:768px){.slider__pagination{bottom:20px!important}}

@media only screen and (min-width:1600px){.slider__pagination{bottom:40px!important}}

@media only screen and (max-width:767px){.slider__2--bg{height:570px}}

@media only screen and (max-width:479px){.slider__2--bg{height:510px}}

@media only screen and (max-width:379px){.slider__2--bg{height:490px}}

@media only screen and (max-width:1365px){.slider__content2{padding-left:4rem}}

@media only screen and (max-width:767px){.slider__content2{text-align:center;padding-left:0}}

@media only screen and (min-width:992px){.slider__content2--subtitle{font-size:1.8rem;margin-bottom:15px}}

@media only screen and (min-width:480px){.slider__content2--maintitle{font-size:2.5rem;line-height:3.2rem;margin-bottom:18px}}

@media only screen and (min-width:768px){.slider__content2--maintitle{font-size:3.2rem;line-height:4.2rem;margin-bottom:22px}}

@media only screen and (min-width:992px){.slider__content2--maintitle{font-size:3.8rem;line-height:5rem;margin-bottom:30px}}

@media only screen and (min-width:1200px){.slider__content2--maintitle{font-size:4rem;line-height:5.2rem}}

@media only screen and (min-width:1600px){.slider__content2--maintitle{font-size:4.5rem;line-height:5.8rem;margin-bottom:37px}}

@media only screen and (max-width:767px){.home2__slider--layer__img2{max-width:320px}}

@media only screen and (max-width:379px){.home2__slider--layer__img2{max-width:100%}}

@media only screen and (max-width:575px){.slider__3--bg{background-position:25%}}

@media only screen and (min-width:768px){.slider__3--bg{height:265px}}

@media only screen and (min-width:992px){.slider__3--bg{height:340px}}

@media only screen and (min-width:1200px){.slider__3--bg{height:430px}}

@media only screen and (max-width:991px){.hero__slider--navigation svg{width:10px}}

@media only screen and (min-width:768px){.hero__slider--navigation.swiper-button-next{right:20px}}

@media only screen and (min-width:992px){.hero__slider--navigation.swiper-button-next{right:30px}}

@media only screen and (min-width:768px){.hero__slider--navigation{right:68px;bottom:17px;width:3.8rem;height:3.8rem;line-height:3.8rem}}

@media only screen and (min-width:992px){.hero__slider--navigation{right:85px;bottom:30px;width:4.5rem;height:4.5rem;line-height:4.5rem}}

@media only screen and (max-width:767px){.slider__content3{padding-left:30px;text-align:center;padding-right:30px}}

@media only screen and (min-width:768px){.slider__content3{padding-left:30px}}

@media only screen and (min-width:992px){.slider__content3{padding-left:40px}}

@media only screen and (min-width:768px){.slider__content3--subtitle{font-size:1.7rem;line-height:2.4rem}}

@media only screen and (min-width:992px){.slider__content3--subtitle{font-size:1.8rem;margin-bottom:8px}}

@media only screen and (min-width:1200px){.slider__content3--subtitle{font-size:2rem;line-height:2.6rem}}

@media only screen and (min-width:768px){.slider__content3--maintitle{font-size:2.5rem;line-height:3.2rem;margin-bottom:16px}}

@media only screen and (min-width:992px){.slider__content3--maintitle{font-size:2.8rem;line-height:3.6rem}}

@media only screen and (min-width:1200px){.slider__content3--maintitle{font-size:3rem;line-height:3.8rem}}

@media only screen and (min-width:1366px){.slider__content3--maintitle{font-size:3.5rem;line-height:4.3rem}}

@media only screen and (min-width:1600px){.slider__content3--maintitle{font-size:4rem;line-height:5rem}}

@media only screen and (min-width:768px){.slider__content3--subtitle2{font-size:1.7rem;line-height:2.4rem}}

@media only screen and (min-width:992px){.slider__content3--subtitle2{font-size:1.8rem}}

@media only screen and (min-width:1200px){.slider__content3--subtitle2{font-size:2rem;line-height:2.6rem}}

@media only screen and (max-width:767px){.slider__4--bg{background-position:13%}}

@media only screen and (max-width:575px){.slider__4--bg{background-position:25%}}

@media only screen and (min-width:576px){.slider__4--bg{height:370px}}

@media only screen and (min-width:768px){.slider__4--bg{height:400px}}

@media only screen and (min-width:992px){.slider__4--bg{height:470px}}

@media only screen and (min-width:1200px){.slider__4--bg{height:515px}}

@media only screen and (min-width:1600px){.slider__4--bg{height:700px}}

@media only screen and (max-width:767px){.slider__4--bg.two{background-position:13%}}

@media only screen and (max-width:575px){.slider__4--bg.two{background-position:25%}}

@media only screen and (max-width:767px){.slider__4--bg.three{background-position:13%}}

@media only screen and (max-width:575px){.slider__4--bg.three{background-position:25%}}

@media only screen and (max-width:767px){.slider__content4{text-align:center}}

@media only screen and (min-width:576px){.slider__content4--subtitle{font-size:2rem;line-height:2.5rem}}

@media only screen and (min-width:1200px){.slider__content4--subtitle{font-size:2rem;line-height:2.2rem;margin-bottom:1.3rem}}

@media only screen and (min-width:1600px){.slider__content4--subtitle{font-size:2.2rem;line-height:2.5rem;margin-bottom:1.5rem}}

@media only screen and (min-width:576px){.slider__content4--maintitle{margin-bottom:15px}}

@media only screen and (min-width:1600px){.slider__content4--maintitle{margin-bottom:18px}}

@media only screen and (min-width:768px){.slider__content4--desc{font-size:1.6rem;margin-bottom:2rem}}

@media only screen and (min-width:992px){.slider__content4--desc{font-size:1.7rem;line-height:2.8rem;margin-bottom:2.2rem}}

@media only screen and (min-width:1200px){.slider__content4--desc{font-size:1.8rem;line-height:3rem;margin-bottom:2.5rem}}

@media only screen and (min-width:1600px){.slider__content4--desc{font-size:2rem;line-height:3.3rem;margin-bottom:3.2rem}}

@media only screen and (min-width:1200px){.product__categories--content{padding:20px 25px}}

@media only screen and (min-width:992px){.product__categories--content{padding:15px}}

@media only screen and (max-width:479px){.product__categories--content{padding:15px 15px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}

@media only screen and (min-width:992px){.product__categories--content__maintitle{font-size:2rem}}

@media only screen and (max-width:479px){.product__categories--icon{margin-top:8px}}

@media only screen and (max-width:767px){.swiper__nav--btn{width:3.5rem;height:3.5rem}}

@media only screen and (max-width:767px){.product__tab--btn{-ms-flex-wrap:wrap;flex-wrap:wrap}}

@media only screen and (max-width:575px){.product__tab--btn__list{line-height:22px;margin:5px 10px}}

@media only screen and (min-width:768px){.product__tab--btn__list{margin-right:25px}}

@media only screen and (min-width:992px){.product__tab--btn__list{margin-right:35px}}

@media only screen and (min-width:1200px){.product__tab--btn__list{margin-right:40px}}

@media only screen and (min-width:1600px){.product__tab--btn__list{margin-right:45px}}

@media only screen and (min-width:576px){.product__items:hover .product__items--action{right:20px}}

@media only screen and (max-width:575px){.product__items--content{padding:42px 4px 0}}

@media only screen and (min-width:992px){.add__to--cart__btn{font-size:17px;line-height:28px}}

@media only screen and (min-width:576px){.product__items--action{top:20px}}

@media only screen and (max-width:575px){.product__items--action{opacity:1;visibility:visible;right:10px}}

@media only screen and (min-width:768px){.product__items--action__list{margin-bottom:6px}}

@media only screen and (min-width:1200px){.product__items--action__list{margin-bottom:8px}}

@media only screen and (min-width:576px){.product__items--action__btn{width:3.2rem;height:3.2rem;padding:5px;line-height:2.7rem}}

@media only screen and (min-width:1200px){.product__items--action__btn{width:3.5rem;height:3.5rem;padding:7px;line-height:2.9rem}}

@media only screen and (min-width:576px){.product__badge{top:20px;left:20px}}

@media only screen and (max-width:575px){.product__badge--items{font-size:1.3rem}}

@media only screen and (max-width:479px){.product__items--sold__stocks{padding:6px 0 10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:479px){.product__items--sold__stocks--text{margin-bottom:4px}.product__items--sold__stocks--text:last-child{margin-bottom:0}}

@media only screen and (max-width:575px){.section__heading{text-align:center}}

@media only screen and (min-width:768px){.product__categories--content2__maintitle{font-size:1.8rem;line-height:2.8rem}}

@media only screen and (min-width:992px){.product__categories--content2__maintitle{font-size:1.8rem;line-height:3rem}}

@media only screen and (min-width:1200px){.product__categories--content2__maintitle{font-size:2rem;line-height:3rem}}

@media only screen and (min-width:1200px){.product__banner--content{left:40px}}

@media only screen and (max-width:500px){.product__banner--content{left:25px}}

@media only screen and (max-width:767px){.product__banner--content__title{line-height:30px}}

@media only screen and (min-width:992px){.product__banner--content__title{line-height:3.2rem}}

@media only screen and (min-width:1200px){.product__banner--content__title{line-height:3.5rem}}

@media only screen and (min-width:1200px){.product__banner--content__desc{margin-bottom:25px}}

@media only screen and (max-width:767px){.product__banner--content__desc{margin-bottom:20px}}

@media only screen and (max-width:500px){.product__banner--content__desc{margin-bottom:15px}}

@media only screen and (max-width:767px){.product__section--topbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (max-width:575px){.product__section--topbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}

@media only screen and (max-width:767px){.product__section--topbar .section__heading{margin-bottom:15px}}

@media only screen and (max-width:767px){.product__section--topbar .section__heading3{margin-bottom:20px}}

@media only screen and (max-width:767px){.product__section--topbar.mb-50{margin-bottom:35px}}

@media only screen and (max-width:575px){.product__section--topbar .product__tab--btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (max-width:767px){.deals__product--countdown{bottom:15px}}

@media only screen and (min-width:1200px){.deals__product--countdown{bottom:14px}}

@media only screen and (max-width:500px){.deals__product--countdown{display:none!important}}

@media only screen and (min-width:768px){.deals__product--countdown .countdown__item{margin-right:8px}}

@media only screen and (min-width:992px){.deals__product--countdown .countdown__item{margin-right:6px}}

@media only screen and (min-width:1200px){.deals__product--countdown .countdown__item{margin-right:10px}}

@media only screen and (min-width:768px){.deals__product--countdown .countdown__number{width:4rem;height:3rem;line-height:3rem}}

@media only screen and (min-width:992px){.deals__product--countdown .countdown__number{width:4.2rem;height:3rem;line-height:3rem;font-size:1.5rem}}

@media only screen and (min-width:1200px){.deals__product--countdown .countdown__number{font-size:1.6rem;width:4.3rem;height:3.2rem;line-height:3.2rem}}

@media only screen and (min-width:992px){.deals__product--countdown .countdown__text{font-size:1.2rem;margin-top:4px}}

@media only screen and (min-width:1200px){.deals__product--countdown .countdown__text{font-size:1.3rem;margin-top:5px}}

@media only screen and (max-width:991px){.product__grid--wrapper{margin-bottom:30px}}

@media only screen and (min-width:992px){.product__grid--heading{margin-bottom:30px}}

@media only screen and (min-width:1600px){.product__grid--heading{margin-bottom:40px}}

@media only screen and (max-width:991px){.product__grid--heading__title{padding-bottom:18px}}

@media only screen and (max-width:991px){.product__banner2{text-align:center;margin-top:30px}}

@media only screen and (max-width:575px){.product__banner2--thumbnail{width:100%}}

@media only screen and (max-width:575px){.product__banner2--thumbnail__img{width:100%}}

@media only screen and (min-width:576px){.product__banner2--content__subtitle{font-size:1.6rem;line-height:2.2rem;margin-bottom:19px}}

@media only screen and (min-width:768px){.section__heading3--maintitle{font-size:2.2rem;line-height:2.8rem}}

@media only screen and (min-width:992px){.section__heading3--maintitle{font-size:2.5rem;line-height:3rem}}

@media only screen and (min-width:1200px){.section__heading3--maintitle{font-size:2.5rem;line-height:3.2rem}}

@media only screen and (min-width:1600px){.section__heading3--maintitle{font-size:3rem;line-height:3.5rem}}

@media only screen and (max-width:499px){.product__categories--grid__items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:499px){.product__categories--grid__thumbnail{width:100%;text-align:center}}

@media only screen and (min-width:768px){.product__categories--grid__thumbnail{width:95px}}

@media only screen and (min-width:992px){.product__categories--grid__thumbnail{width:125px}}

@media only screen and (min-width:1200px){.product__categories--grid__thumbnail{width:135px}}

@media only screen and (max-width:499px){.product__categories--grid__content{width:100%;text-align:center;padding-left:0}}

@media only screen and (min-width:768px){.product__categories--grid__content{width:calc(100% - 95px)}}

@media only screen and (min-width:992px){.product__categories--grid__content{width:calc(100% - 125px)}}

@media only screen and (min-width:1200px){.product__categories--grid__content{width:calc(100% - 135px)}}

@media only screen and (min-width:992px){.product__categories--grid__content--maintitle{font-size:1.7rem;line-height:2.2rem}}

@media only screen and (min-width:1200px){.product__categories--grid__content--maintitle{font-size:1.8rem}}

@media only screen and (min-width:1366px){.product__categories--grid__content--maintitle{font-size:2rem;line-height:2.5rem}}

@media only screen and (max-width:991px){.product__categories--grid__icon{position:inherit;bottom:inherit;right:inherit;padding:2px 5px 0 0}}

@media only screen and (max-width:991px) and (max-width:499px){.product__categories--grid__icon{padding:5px 5px 0 0}}

@media only screen and (max-width:991px){.product__categories--grid__icon--link{width:3rem;height:3rem;line-height:3rem}}

@media only screen and (min-width:1200px){.deals3__banner--section__inner{max-width:85%;margin:0 auto}}

@media only screen and (max-width:991px){.deals3__banner--section__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}}

@media only screen and (max-width:575px){.deals3__banner--section__inner{padding:20px}}

@media only screen and (max-width:479px){.deals3__banner--section__inner{padding:15px}}

@media only screen and (min-width:576px){.deals3__section--heading__maintitle{font-size:2.6rem;line-height:3.2rem}}

@media only screen and (min-width:768px){.deals3__section--heading__maintitle{font-size:3rem;line-height:3.5rem}}

@media only screen and (min-width:992px){.deals3__section--heading__maintitle{font-size:3.2rem;line-height:3.8rem}}

@media only screen and (min-width:1200px){.deals3__section--heading__maintitle{font-size:3.5rem;line-height:4rem}}

@media only screen and (min-width:1600px){.deals3__section--heading__maintitle{font-size:4rem;line-height:4.5rem}}

@media only screen and (max-width:767px){.deals3__product--tab{margin-bottom:2.5rem}}

@media only screen and (min-width:768px){.deals3__product--countdown .countdown__item{margin-right:8px}}

@media only screen and (min-width:992px){.deals3__product--countdown .countdown__item{margin-right:6px}}

@media only screen and (min-width:1200px){.deals3__product--countdown .countdown__item{margin-right:10px}}

@media only screen and (min-width:992px){.deals3__product--countdown .countdown__number{width:4.2rem;height:3rem;line-height:3rem;font-size:1.5rem}}

@media only screen and (min-width:1200px){.deals3__product--countdown .countdown__number{font-size:1.7rem;width:4.7rem;height:3.5rem;line-height:3.5rem}}

@media only screen and (min-width:992px){.deals3__product--countdown .countdown__text{font-size:1.2rem;margin-top:2px;line-height:2.2rem}}

@media only screen and (min-width:1200px){.deals3__product--countdown .countdown__text{font-size:1.3rem;margin-top:5px}}

@media only screen and (max-width:575px){.banner__items--thumbnail{width:100%}}

@media only screen and (max-width:575px){.banner__items--thumbnail__img{width:100%}}

@media only screen and (max-width:767px){.banner__items--content{left:20px}}

@media only screen and (min-width:768px){.banner__items--content{width:60%}}

@media only screen and (min-width:992px){.banner__items--content{width:59%}}

@media only screen and (min-width:1200px){.banner__items--content{width:48%;left:34px}}

@media only screen and (min-width:992px){.banner__items--content__title{margin-bottom:11px}}

@media only screen and (max-width:991px){.banner__items--content__desc{display:none}}

@media only screen and (min-width:992px){.banner__items--content__desc{margin-bottom:20px}}

@media only screen and (min-width:1200px){.banner__items--content__desc{margin-bottom:23px}}

@media only screen and (min-width:1366px){.banner__items--content__desc{margin-bottom:28px}}

@media only screen and (min-width:768px){.deals__banner--section{padding:40px 0}}

@media only screen and (max-width:767px){.deals__banner--content{text-align:center;margin-bottom:23px}}

@media only screen and (min-width:992px){.deals__banner--content__subtitle{font-size:2rem;line-height:2.2rem;margin-bottom:15px}}

@media only screen and (min-width:480px){.deals__banner--content__maintitle{font-size:2.2rem;line-height:3rem}}

@media only screen and (min-width:576px){.deals__banner--content__maintitle{font-size:2.5rem}}

@media only screen and (min-width:768px){.deals__banner--content__maintitle{font-size:2.6rem;line-height:3.4rem;margin-bottom:14px}}

@media only screen and (min-width:992px){.deals__banner--content__maintitle{font-size:2.8rem;line-height:3.8rem;margin-bottom:15px}}

@media only screen and (min-width:1200px){.deals__banner--content__maintitle{font-size:3rem;line-height:4rem}}

@media only screen and (min-width:1366px){.deals__banner--content__maintitle{font-size:3.2rem;line-height:4.2rem}}

@media only screen and (min-width:1600px){.deals__banner--content__maintitle{font-size:3.6rem;line-height:4.8rem}}

@media only screen and (max-width:991px){.deals__banner--content__desc{display:none}}

@media only screen and (min-width:992px){.deals__banner--content__desc{font-size:1.6rem;line-height:2.7rem;margin-bottom:20px}}

@media only screen and (min-width:1200px){.deals__banner--content__desc{font-size:1.7rem;line-height:2.3rem}}

@media only screen and (min-width:1366px){.deals__banner--content__desc{line-height:2.8rem}}

@media only screen and (max-width:767px){.deals__banner--countdown{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px}}

@media only screen and (min-width:992px){.deals__banner--countdown{margin-bottom:20px}}

@media only screen and (min-width:1366px){.deals__banner--countdown{margin-bottom:22px}}

@media only screen and (min-width:1200px){.deals__banner--countdown{margin-bottom:25px}}

@media only screen and (max-width:991px){.deals__banner--countdown .countdown__item{padding-right:6px;margin-right:6px}.deals__banner--countdown .countdown__item:last-child{margin-right:0;padding-right:0}}

@media only screen and (min-width:768px){.deals__banner--countdown .countdown__number{width:4.2rem;height:4.2rem;line-height:4.2rem;font-size:1.6rem}}

@media only screen and (min-width:992px){.deals__banner--countdown .countdown__number{width:5rem;height:5rem;line-height:5rem;font-size:1.7rem}}

@media only screen and (min-width:1200px){.deals__banner--countdown .countdown__number{width:5.2rem;height:5.2rem;line-height:5.2rem;font-size:1.8rem}}

@media only screen and (min-width:992px){.deals__banner--countdown .countdown__text{font-size:1.5rem;line-height:2.2rem}}

@media only screen and (min-width:1200px){.deals__banner--countdown .countdown__text{font-size:1.6rem}}

@media only screen and (max-width:767px){.banner__two--content{left:20px;-webkit-transform:translatey(-50%);transform:translatey(-50%)}}

@media only screen and (min-width:768px){.banner__two--content{top:12%}}

@media only screen and (min-width:992px){.banner__two--content{top:16%;left:25px}}

@media only screen and (max-width:1199px){.banner__two--content__desc{font-size:1.4rem}}

@media only screen and (max-width:767px){.banner__two--content__title{font-size:2rem}}

@media only screen and (min-width:992px){.banner__two--content__title{font-size:1.8rem;margin-bottom:10px;line-height:2.5rem}}

@media only screen and (min-width:1200px){.banner__two--content__title{font-size:2rem;margin-bottom:15px;line-height:2.8rem}}

@media only screen and (max-width:575px){.counterup__banner--inner{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:60px 0 38px}}

@media only screen and (min-width:768px){.counterup__banner--inner{padding:70px 0}}

@media only screen and (min-width:992px){.counterup__banner--inner{padding:80px 0}}

@media only screen and (min-width:1200px){.counterup__banner--inner{padding:120px 0}}

@media only screen and (max-width:575px){.counterup__banner--items{width:50%;margin-bottom:22px}}

@media only screen and (min-width:768px){.counterup__banner--items__text{font-size:1.5rem;line-height:2.4rem;margin-bottom:9px}}

@media only screen and (min-width:992px){.counterup__banner--items__text{font-size:1.6rem;line-height:2.5rem}}

@media only screen and (min-width:1200px){.counterup__banner--items__text{font-size:1.7rem;line-height:2.6rem}}

@media only screen and (min-width:1366px){.counterup__banner--items__text{font-size:1.8rem;line-height:2.8rem}}

@media only screen and (min-width:480px){.counterup__banner--items__number{font-size:3rem;line-height:4rem}}

@media only screen and (min-width:768px){.counterup__banner--items__number{font-size:3.2rem}}

@media only screen and (min-width:992px){.counterup__banner--items__number{font-size:3.5rem;line-height:4rem}}

@media only screen and (min-width:1200px){.counterup__banner--items__number{font-size:4rem;line-height:4.5rem}}

@media only screen and (min-width:1366px){.counterup__banner--items__number{font-size:4.2rem;line-height:5rem}}

@media only screen and (max-width:767px){.slider__sidebar--banner{text-align:center}}

@media only screen and (max-width:767px){.sidebar__banner--thumbnail__img{margin:0 auto;width:100%}}

@media only screen and (max-width:575px){.banner__img--max__height{height:200px;-o-object-fit:cover;object-fit:cover}}

@media only screen and (min-width:768px){.sidebar__banner--content{top:25px}}

@media only screen and (min-width:992px){.sidebar__banner--content{top:38px}}

@media only screen and (max-width:575px){.sidebar__banner--content{top:30%;text-align:left}}

@media only screen and (min-width:768px){.sidebar__banner--content__title{font-size:2rem;line-height:2.2rem;margin-bottom:11px}}

@media only screen and (min-width:992px){.sidebar__banner--content__title{font-size:2.2rem;line-height:2.5rem}}

@media only screen and (min-width:768px){.sidebar__banner--content__desc{font-size:1.6rem;line-height:2.2rem;margin-bottom:12px}}

@media only screen and (min-width:992px){.sidebar__banner--content__desc{font-size:1.7rem;margin-bottom:13px}}

@media only screen and (min-width:1200px){.sidebar__banner--content__desc{font-size:1.8rem;margin-bottom:17px}}

@media only screen and (min-width:768px){.banner__items--content3{left:30px}}

@media only screen and (min-width:1200px){.banner__items--content3{left:35px}}

@media only screen and (min-width:768px){.banner__items--content3__title{font-size:1.8rem;line-height:2.6rem;margin-bottom:12px}}

@media only screen and (min-width:992px){.banner__items--content3__title{font-size:2rem;line-height:2.8rem;margin-bottom:14px}}

@media only screen and (min-width:1200px){.banner__items--content3__title{font-size:2.2rem;line-height:3rem}}

@media only screen and (min-width:1600px){.banner__items--content3__title{font-size:2.5rem;line-height:3.2rem;margin-bottom:15px}}

@media only screen and (min-width:768px){.banner__bideo--play__icon{width:8rem;height:8rem}}

@media only screen and (max-width:767px){.banner__bideo--play__icon svg{width:20px}}

@media only screen and (min-width:992px){.banner4__items--content{top:12%}}

@media only screen and (min-width:992px){.banner4__items--content.content__style2{left:30px}}

@media only screen and (max-width:575px){.banner4__items--content.content__style2{top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%)}}

@media only screen and (min-width:992px){.banner4__items--content__title{font-size:2rem;line-height:3rem;margin-bottom:13px}}

@media only screen and (min-width:1200px){.banner4__items--content__title{font-size:2.2rem;margin-bottom:15px}}

@media only screen and (min-width:1600px){.banner4__items--content__title{font-size:2.4rem;line-height:3.2rem;margin-bottom:18px}}

@media only screen and (min-width:768px){.banner4__items--content__title.style2{font-size:1.7rem;line-height:2.3rem}}

@media only screen and (min-width:992px){.banner4__items--content__title.style2{font-size:1.8rem;line-height:2.5rem}}

@media only screen and (min-width:1200px){.banner4__items--content__title.style2{font-size:2rem;line-height:2.8rem}}

@media only screen and (max-width:767px){.blog__items--link{width:100%}}

@media only screen and (max-width:767px){.blog__items--img{width:100%}}

@media only screen and (min-width:768px){.blog__items--content{padding:22px 15px 20px}}

@media only screen and (min-width:992px){.blog__items--content{padding:25px 15px 22px}}

@media only screen and (min-width:1200px){.blog__items--content{padding:25px 20px 22px}}

@media only screen and (min-width:768px){.blog__items--meta{margin-bottom:15px}}

@media only screen and (min-width:992px){.blog__items--meta{margin-bottom:16px}}

@media only screen and (min-width:1200px){.blog__items--meta{margin-bottom:19px}}

@media only screen and (min-width:768px){.blog__items--meta__list{margin-right:18px}}

@media only screen and (max-width:575px){.blog__items--meta__list{margin-right:10px}}

@media only screen and (min-width:768px){.blog__items--meta__icon{margin-right:10px}}

@media only screen and (max-width:575px){.blog__items--meta__icon{margin-right:5px;width:12px}}

@media only screen and (min-width:768px){.blog__items--meta__text{font-size:1.3rem}}

@media only screen and (min-width:1200px){.blog__items--meta__text{font-size:1.4rem}}

@media only screen and (max-width:575px){.blog__items--meta__text{font-size:1.1rem}}

@media only screen and (min-width:768px){.blog__items--title{margin-bottom:12px}}

@media only screen and (min-width:992px){.blog__items--title{margin-bottom:15px;font-size:1.8rem;line-height:2.6rem}}

@media only screen and (min-width:1600px){.blog__items--title{font-size:2rem;line-height:2.8rem}}

@media only screen and (min-width:768px){.blog__items--desc{margin-bottom:10px}}

@media only screen and (min-width:992px){.blog__items--desc{margin-bottom:14px}}

@media only screen and (min-width:1200px){.blog__section--container{max-width:1220px}}

@media only screen and (min-width:992px){.testimonial__section--inner{padding:0 90px}}

@media only screen and (min-width:1200px){.testimonial__section--inner{padding:0 130px}}

@media only screen and (min-width:1400px){.testimonial__section--inner{padding:0 100px}}

@media only screen and (min-width:1600px){.testimonial__section--inner{padding:0 130px}}

@media only screen and (max-width:991px){.testimonial__items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (min-width:1200px){.testimonial__items{padding:25px 24px}}

@media only screen and (min-width:1400px) and (max-width:1600px){.testimonial__items{padding:25px 18px}}

@media only screen and (min-width:768px){.testimonial__items--thumbnail{width:105px}}

@media only screen and (min-width:992px){.testimonial__items--thumbnail{width:115px;margin-bottom:0}}

@media only screen and (min-width:1366px){.testimonial__items--thumbnail{width:124px}}

@media only screen and (max-width:991px){.testimonial__items--content{text-align:center;padding-left:0}}

@media only screen and (min-width:992px){.testimonial__items--content{width:calc(100% - 115px)}}

@media only screen and (min-width:1366px){.testimonial__items--content{width:calc(100% - 124px)}}

@media only screen and (min-width:1200px){.testimonial__items--content{padding-left:28px}}

@media only screen and (min-width:1400px) and (max-width:1600px){.testimonial__items--content{padding-left:18px}}

@media only screen and (min-width:992px){.testimonial__items--title{font-size:1.8rem}}

@media only screen and (min-width:1366px){.testimonial__items--title{font-size:2rem}}

@media only screen and (min-width:992px){.testimonial__items--subtitle{font-size:1.6rem;line-height:2.2rem;margin-bottom:1rem}}

@media only screen and (min-width:768px){.testimonial__items--desc{line-height:2.5rem;margin-bottom:18px}}

@media only screen and (min-width:992px){.testimonial__items--desc{margin-bottom:25px}}

@media only screen and (min-width:1366px){.testimonial__items--desc{margin-bottom:20px}}

@media only screen and (max-width:991px){.testimonial__chat--icon{display:none}}

@media only screen and (min-width:992px){.testimonial__chat--icon svg{width:38px}}

@media only screen and (min-width:1200px){.testimonial__chat--icon svg{width:40px}}

@media only screen and (max-width:991px){.testimonial__ratting--inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (min-width:1200px){.testimonial__ratting--list{margin-right:3px}}

@media only screen and (min-width:992px){.testimonial__ratting--icon svg{width:20px}}

@media only screen and (max-width:767px){.shipping__section.section--padding{padding-bottom:32px}}

@media only screen and (min-width:768px) and (max-width:991px){.shipping__section.section--padding{padding-bottom:53px}}

@media only screen and (max-width:991px){.shipping__section--inner{-ms-flex-wrap:wrap;flex-wrap:wrap}}

@media only screen and (max-width:991px){.shipping__items{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 15px;margin-bottom:27px}}

@media only screen and (max-width:575px){.shipping__items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (min-width:576px){.shipping__items{width:50%}}

@media only screen and (min-width:992px){.shipping__items{width:25%}.shipping__items::before{position:absolute;content:"";width:1px;height:100%;background:#aeaebf;right:0;top:0;opacity:.25}}

@media only screen and (min-width:992px){.shipping__items--icon{width:4.8rem;height:4.8rem;margin:0 auto 20px}}

@media only screen and (min-width:1600px){.shipping__items--icon{width:5.2rem;height:5.2rem;margin:0 auto 20px}}

@media only screen and (min-width:992px){.shipping__items--icon svg{width:24px}}

@media only screen and (min-width:1600px){.shipping__items--icon svg{width:30px}}

@media only screen and (max-width:991px){.shipping__items--content{text-align:left!important;padding-left:20px}}

@media only screen and (min-width:992px){.shipping__items--title{font-size:2rem;line-height:2.2rem;margin-bottom:8px}}

@media only screen and (min-width:1600px){.shipping__items--title{font-size:2.2rem;line-height:2.6rem;margin-bottom:10px}}

@media only screen and (min-width:1200px){.shipping__items--desc{font-size:1.6rem}}

@media only screen and (max-width:1599px){.footer__position--shape__one{max-width:15rem}}

@media only screen and (max-width:1365px){.footer__position--shape__one{max-width:12rem}}

@media only screen and (max-width:1199px){.footer__position--shape__one{max-width:11rem}}

@media only screen and (max-width:991px){.footer__position--shape__one{max-width:10rem}}

@media only screen and (max-width:767px){.footer__position--shape__one{max-width:8rem}}

@media only screen and (max-width:1599px){.footer__position--shape__two{max-width:9.5rem}}

@media only screen and (max-width:1365px){.footer__position--shape__two{max-width:8rem}}

@media only screen and (max-width:1199px){.footer__position--shape__two{max-width:7.5rem}}

@media only screen and (max-width:991px){.footer__position--shape__two{max-width:7rem}}

@media only screen and (max-width:991px){.footer__position--shape__two{max-width:4rem}}

@media only screen and (min-width:768px) and (max-width:991px){.footer__top{padding:70px 0 32px}}

@media only screen and (max-width:767px){.footer__top{padding:20px 0 25px !important}}

@media only screen and (min-width:1366px){.footer__top--row{margin:0 -25px}}

@media only screen and (min-width:768px) and (max-width:991px){.footer__col--order{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}

@media only screen and (min-width:1200px){.footer__col--padding{padding:0 1px}}

@media only screen and (min-width:768px) and (max-width:991px){.footer__widget{margin-bottom:30px}}

@media only screen and (min-width:992px){.footer__widget--logo{margin-bottom:20px}}

@media only screen and (min-width:768px){.footer__widget--desc{font-size:1.5rem;line-height:2.9rem}}

@media only screen and (min-width:992px){.footer__widget--social{margin-top:30px}}

@media only screen and (max-width:767px){.footer__widget--title{position:relative;font-size:1.7rem}}

@media only screen and (min-width:992px){.footer__widget--title{margin-bottom:22px}}

@media only screen and (max-width:767px){.footer__widget--title__arrowdown--icon{display:block}}

@media only screen and (max-width:1199px){.footer__widget--menu__text{line-height:2.8rem;font-size:1.4rem}}

@media only screen and (max-width:767px){.sm__footer--widget__bock{display:block}}

@media only screen and (max-width:767px){.footer__widget{margin-bottom:24px !important}}

@media only screen and (max-width:767px){.footer__widget--inner{display:block !important;visibility:visible !important;opacity:1 !important}}

@media only screen and (min-width:1200px){.newsletter__subscribe--input{padding:0 100px 0 18px}}

@media only screen and (min-width:1200px){.newsletter__subscribe--button{padding:0 12px;font-size:1.3rem}}

@media only screen and (min-width:768px){.footer__bottom{padding:20px 0}}

@media only screen and (min-width:1600px){.footer__bottom{padding:20px 0}}

@media only screen and (max-width:767px){.footer__payment--inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:15px}}

@media only screen and (max-width:767px){.copyright__content{text-align:center}}

@media only screen and (max-width:991px){.footer__style4{padding-bottom:66px}}

@media only screen and (max-width:767px){.accordion__banner{text-align:center}}

@media only screen and (max-width:767px){.banner__items--thumbnail__img{margin:0 auto}}

@media only screen and (max-width:767px){.accordion__wrapper{margin-bottom:30px}}

@media only screen and (min-width:576px){.accordion__items--button{padding:13px 60px 13px 25px}}

@media only screen and (min-width:992px){.accordion__items--button{padding:15px 70px 15px 35px}}

@media only screen and (min-width:1200px){.accordion__items--button{padding:24px 80px 24px 40px}}

@media only screen and (min-width:768px){.accordion__items--button__icon{right:15px}}

@media only screen and (min-width:992px){.accordion__items--button__icon{right:35px}}

@media only screen and (min-width:992px){.instagram__social--icon{width:4rem;height:4rem}}

@media only screen and (min-width:1200px){.instagram__social--icon{width:5rem;height:5rem}}

@media only screen and (max-width:1199px){.instagram__social--icon svg{width:1.8rem}}

@media only screen and (max-width:767px){.brand__logo--section.section--padding{padding-bottom:25px}}

@media only screen and (max-width:767px){.brand__logo--section__inner{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}}

@media only screen and (max-width:767px){.brand__logo--items{margin:0 30px 30px}}

@media only screen and (max-width:480px){.brand__logo--items{margin:0 23px 30px}}

@media only screen and (max-width:480px){.brand__logo--items__thumbnail--img{max-width:90px}}

@media only screen and (min-width:768px){.breadcrumb__bg{height:200px}}

@media only screen and (min-width:992px){.breadcrumb__bg{height:230px}}

@media only screen and (min-width:1200px){.breadcrumb__bg{height:280px}}

@media only screen and (min-width:1366px){.breadcrumb__bg{height:320px}}

@media only screen and (min-width:768px){.breadcrumb__content--title.mb-25{margin-bottom:15px}}

@media only screen and (min-width:992px){.breadcrumb__content--title.mb-25{margin-bottom:20px}}

@media only screen and (min-width:1200px){.breadcrumb__content--title.mb-25{margin-bottom:25px}}

@media only screen and (min-width:768px){.breadcrumb__content--menu__items{font-size:18px}}

@media only screen and (max-width:991px){.team__section.section--padding{padding-bottom:6rem}}

@media only screen and (max-width:767px){.team__section.section--padding{padding-bottom:4rem}}

@media only screen and (max-width:991px){.about__thumb{margin-bottom:3rem}}

@media only screen and (max-width:767px){.about__thumb{margin-bottom:2.5rem}}

@media only screen and (max-width:991px){.about__thumb--items:first-child{margin-top:0}}

@media only screen and (max-width:575px){.about__content{text-align:center}}

@media only screen and (min-width:992px){.about__content--subtitle{font-size:2rem;line-height:2.4rem}}

@media only screen and (min-width:992px){.about__content--maintitle{font-size:2.5rem;line-height:3.5rem}}

@media only screen and (min-width:1200px){.about__content--maintitle{font-size:3rem;line-height:4rem}}

@media only screen and (min-width:1600px){.about__content--maintitle{font-size:3.5rem;line-height:4.4rem}}

@media only screen and (max-width:991px){.team__items{margin-bottom:2.5rem}}

@media only screen and (max-width:575px){.team__social--list{margin-right:.8rem}}

@media only screen and (max-width:575px){.team__social--icon{width:2.8rem;height:2.8rem}}

@media only screen and (max-width:991px){.team__content{padding:1rem 0 0}}

@media only screen and (min-width:767px){.team__content--subtitle{font-size:1.6rem;line-height:2.2rem}}

@media only screen and (min-width:992px){.team__content--title{font-size:1.8rem;margin-bottom:1.2rem}}

@media only screen and (min-width:1200px){.team__content--title{font-size:2rem;line-height:2.2rem}}

@media only screen and (max-width:479px){.shop__header{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (min-width:992px){.product__view--mode__list{margin-right:2rem}}

@media only screen and (min-width:1200px){.product__view--mode__list{margin-right:2.5rem}}

@media only screen and (min-width:1366px){.product__view--mode__list{margin-right:3.5rem}}

@media only screen and (max-width:991px){.product__view--mode__list{margin-right:0}}

@media only screen and (min-width:992px){.product__view--label{margin-right:1rem}}

@media only screen and (min-width:1200px){.product__view--label{margin-right:2.5rem}}

@media only screen and (min-width:1366px){.product__view--label{margin-right:3.5rem}}

@media only screen and (min-width:992px){.product__view--search__form{width:190px}}

@media only screen and (min-width:1200px){.product__view--search__form{width:260px}}

@media only screen and (min-width:1366px){.product__view--search__form{width:300px}}

@media only screen and (min-width:992px){.product__view--search__input{font-size:1.5rem}}

@media only screen and (min-width:992px){.product__showing--count{font-size:1.5rem;line-height:2.6rem;margin-left:20px}}

@media only screen and (min-width:1200px){.product__showing--count{font-size:1.7rem;line-height:2.8rem;margin-left:20px}}

@media only screen and (max-width:479px){.product__showing--count{text-align:center;width:100%;margin-top:1.2rem}}

@media only screen and (min-width:480px){.offcanvas__filter--sidebar{max-width:320px}}

@media only screen and (max-width:479px){.widget__filter--btn{margin-right:2.5rem}}

@media only screen and (min-width:992px){.single__widget{margin-bottom:4rem}}

@media only screen and (min-width:992px){.widget__title{padding-bottom:1.2rem;margin-bottom:2.5rem}}

@media only screen and (min-width:992px){.widget__search--form__input{font-size:1.5rem}}

@media only screen and (min-width:992px){.price__filter--label{font-size:1.5rem}}

@media only screen and (max-width:991px){.shop__product--wrapper .product__items--link{width:100%}}

@media only screen and (max-width:991px){.shop__product--wrapper .product__items--img{width:100%}}

@media only screen and (max-width:767px){.product__list--items{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}

@media only screen and (min-width:480px){.product__list--items__thumbnail{width:200px}}

@media only screen and (min-width:768px){.product__list--items__thumbnail{width:270px}}

@media only screen and (min-width:480px){.product__list--items__content{width:calc(100% - 200px);padding-left:2rem}}

@media only screen and (min-width:768px){.product__list--items__content{width:calc(100% - 270px)}}

@media only screen and (min-width:1200px){.product__list--items__content{padding-left:3rem}}

@media only screen and (min-width:992px){.product__list--items__content--title{font-size:2rem;line-height:2.8rem}}

@media only screen and (max-width:991px){.product__list--items__content--title.mb-10{margin-bottom:3px}}

@media only screen and (min-width:992px){.product__list--items__content--desc{font-size:1.6rem;line-height:2.8rem}}

@media only screen and (max-width:767px){.product__list--items__content--desc{display:none}}

@media only screen and (max-width:991px){.product__list--items__content--desc.mb-20{margin-bottom:13px}}

@media only screen and (min-width:992px){.product__list--items__content .current__price{font-size:1.8rem;line-height:2.6rem}}

@media only screen and (min-width:992px){.product__list--items__content .old__price{font-size:1.6rem;line-height:2.6rem}}

@media only screen and (min-width:768px){.pagination__area{margin-top:5rem}}

@media only screen and (max-width:767px){.product__details--media{margin-bottom:5.7rem}}

@media only screen and (min-width:768px){.product__details--info{font-size:1.6rem}}

@media only screen and (min-width:992px){.product__details--info__price .current__price{font-size:2.2rem}}

@media only screen and (min-width:992px){.product__details--info__price .old__price{font-size:2rem}}

@media only screen and (min-width:992px){.product__details--info__desc{font-size:1.6rem;line-height:2.8rem}}

@media only screen and (min-width:768px){.variant__buy--now__btn{font-size:1.6rem}}

@media only screen and (min-width:768px){.product__details--tab__section.sidebar__tab--section{padding:2.5rem}}

@media only screen and (min-width:1200px){.product__details--tab__section.sidebar__tab--section{padding:3.5rem}}

@media only screen and (min-width:992px) and (max-width:1199px){.sidebar__tab--section .product__details--tab__list{margin-right:3rem}.sidebar__tab--section .product__details--tab__list:last-child{margin-right:0}}

@media only screen and (min-width:768px){.product__details--tab__inner{padding:2rem}}

@media only screen and (min-width:992px){.product__details--tab__inner{padding:3rem}}

@media only screen and (max-width:767px){.product__details--tab{-ms-flex-wrap:wrap;flex-wrap:wrap}.product__details--tab.mb-30{margin-bottom:1.5rem}}

@media only screen and (max-width:575px){.product__details--tab{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (min-width:768px){.product__details--tab__list{font-size:1.7rem}}

@media only screen and (min-width:1200px){.product__details--tab__list{font-size:1.8rem}}

@media only screen and (max-width:767px){.product__details--tab__list{margin:0 1rem 1.3rem}}

@media only screen and (min-width:992px){.product__tab--content__title{font-size:1.8rem}}

@media only screen and (min-width:992px){.product__tab--content__desc{font-size:1.5rem;line-height:2.8rem}}

@media only screen and (min-width:992px){.product__tab--content__list{font-size:1.5rem;line-height:2.8rem}}

@media only screen and (min-width:768px){.product__reviews--header{padding-bottom:2.5rem;margin-bottom:3.5rem}}

@media only screen and (max-width:575px){.product__reviews--header{text-align:center}}

@media only screen and (max-width:575px){.reviews__ratting{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

@media only screen and (max-width:575px){.actions__newreviews--btn{position:inherit;bottom:inherit;margin-top:1rem}}

@media only screen and (max-width:767px){.reviews__comment--area{padding:0}}

@media only screen and (max-width:575px){.reviews__comment--thumb{margin-bottom:1rem}}

@media only screen and (min-width:576px){.reviews__comment--content{width:calc(100% - 85px);padding-left:1.5rem}}

@media only screen and (min-width:768px){.reviews__comment--content{padding-left:2.5rem}}

@media only screen and (min-width:768px){.reviews__comment--content__date{height:4.2rem;line-height:4rem}}

@media only screen and (max-width:479px){.reviews__comment--content__date{padding:0 .8rem;font-size:1.3rem}}

@media only screen and (min-width:992px){.reviews__comment--content__desc{font-size:1.5rem;line-height:2.8rem}}

@media only screen and (max-width:575px){.reviews__comment--content .reviews__ratting{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}

@media only screen and (min-width:768px){.reviews__comment--list{padding-bottom:2.5rem;margin-bottom:2.5rem}}

@media only screen and (max-width:575px){.reviews__comment--list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (min-width:480px){.reviews__comment--list.margin__left{margin-left:3rem}}

@media only screen and (min-width:992px){.reviews__comment--list.margin__left{margin-left:5rem}}

@media only screen and (max-width:575px){.reviews__comment--reply__title{text-align:center}}

@media only screen and (min-width:768px){.reviews__comment--reply__textarea{height:150px}}

@media only screen and (min-width:992px){.reviews__comment--reply__textarea{font-size:1.5rem}}

@media only screen and (min-width:992px){.reviews__comment--reply__input{font-size:1.5rem}}

@media only screen and (max-width:991px){.blog__sidebar--widget.left{margin-top:8rem}}

@media only screen and (max-width:767px){.blog__sidebar--widget.left{margin-top:6rem}}

@media only screen and (min-width:992px){.post__header--title{line-height:4rem}}

@media only screen and (min-width:992px){.blog__post--meta{font-size:1.5rem}}

@media only screen and (max-width:767px){.blog__thumbnail.mb-30{margin-bottom:2rem}}

@media only screen and (min-width:992px){.blog__details--content__subtitle{line-height:3.2rem}}

@media only screen and (min-width:1200px){.blog__details--content__subtitle{line-height:3.5rem}}

@media only screen and (min-width:992px){.blockquote__content{padding:30px 40px}}

@media only screen and (min-width:1200px){.blockquote__content{padding:40px 70px}}

@media only screen and (max-width:767px){.blockquote__content{margin:0 0 2.5rem;padding:1.5rem 2rem}}

@media only screen and (min-width:768px){.blockquote__content--desc{font-size:2rem;line-height:3.4rem}}

@media only screen and (max-width:1199px){.blog__tags--social__media{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (max-width:1199px){.blog__tags--media{margin-bottom:2rem}}

@media only screen and (max-width:575px){.blog__tags--media{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (min-width:992px){.blog__tags--media__title{font-size:1.6rem}}

@media only screen and (max-width:575px){.blog__tags--media__title{margin-right:0;margin-bottom:1rem}}

@media only screen and (max-width:575px){.blog__tags--media__link{padding:.4rem .8rem}}

@media only screen and (min-width:992px){.blog__social--media__title{font-size:1.6rem}}

@media only screen and (max-width:575px){.related__post--text{text-align:center}}

@media only screen and (min-width:992px){.related__post--title{font-size:1.8rem}}

@media only screen and (min-width:992px){.related__post--deta{font-size:1.5rem}}

@media only screen and (min-width:768px){.comment__reply--btn{height:4rem;line-height:4rem;padding:0 2.5rem}}

@media only screen and (max-width:575px){.reviews__comment--reply__title.style2{text-align:center}}

@media only screen and (min-width:576px){.contact__form{padding:3rem}}

@media only screen and (min-width:768px){.contact__form{padding:4rem}}

@media only screen and (min-width:992px){.contact__form{margin-left:36rem;padding:5.5rem 3.5rem 5.5rem 10rem}}

@media only screen and (min-width:1200px){.contact__form{margin-left:40rem}}

@media only screen and (max-width:1199px){.contact__form--title.mb-30{margin-bottom:2rem}}

@media only screen and (min-width:992px){.contact__form--textarea{height:120px}}

@media only screen and (min-width:1200px){.contact__form--textarea{height:160px}}

@media only screen and (max-width:575px){.contact__info{width:100%}}

@media only screen and (min-width:576px){.contact__info{padding:3rem}}

@media only screen and (min-width:768px){.contact__info{padding:4rem}}

@media only screen and (min-width:992px){.contact__info{width:42rem;padding:4rem 3rem}}

@media only screen and (min-width:1200px){.contact__info{width:46rem;padding:5rem 6rem}}

@media only screen and (max-width:991px){.contact__info{position:inherit;top:inherit;-webkit-transform:inherit;transform:inherit;margin:3rem auto 0;width:100%}}

@media only screen and (max-width:575px){.contact__info--items{margin-bottom:2rem}}

@media only screen and (min-width:1200px){.contact__info--icon{margin-right:2rem}}

@media only screen and (max-width:575px){.contact__info--icon svg{width:2.5rem}}

@media only screen and (min-width:992px){.contact__info--content__title{font-size:2rem;line-height:2.8rem}}

@media only screen and (min-width:1200px){.contact__info--content__desc{font-size:1.6rem;line-height:2.7rem}}

@media only screen and (min-width:768px){.contact__map--iframe{height:320px}}

@media only screen and (min-width:992px){.contact__map--iframe{height:400px}}

@media only screen and (min-width:1200px){.contact__map--iframe{height:500px}}

@media only screen and (max-width:575px){.cart__title{text-align:center}}

@media only screen and (max-width:575px){.cart__table--header{display:none}}

@media only screen and (min-width:992px){.cart__table--header__list{font-size:1.5rem}}

@media only screen and (max-width:575px){.cart__table--body__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (max-width:575px){.cart__table--body__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem 0}}

@media only screen and (max-width:767px){.cart__thumbnail{max-width:8rem}}

@media only screen and (min-width:1200px){.cart__content{padding-left:2rem}}

@media only screen and (min-width:992px){.cart__price{font-size:1.6rem}}

@media only screen and (min-width:992px){.continue__shopping--link{font-size:1.7rem}}

@media only screen and (min-width:992px){.continue__shopping--clear{font-size:1.7rem}}

@media only screen and (max-width:991px){.cart__summary{margin-top:7.5rem}}

@media only screen and (max-width:767px){.cart__summary{margin-top:5.5rem}}

@media only screen and (min-width:992px){.coupon__code--title{font-size:2rem}}

@media only screen and (min-width:768px){.coupon__code--field__input{width:160px}}

@media only screen and (min-width:992px){.coupon__code--field__input{width:140px}}

@media only screen and (min-width:1200px){.coupon__code--field__input{width:160px}}

@media only screen and (min-width:1200px){.coupon__code--field__btn{margin-left:3rem}}

@media only screen and (min-width:992px){.cart__note--title{font-size:2rem}}

@media only screen and (min-width:992px){.cart__summary--footer__btn{padding:0 2rem}}

@media only screen and (min-width:1200px){.cart__summary--footer__btn{padding:0 2.5rem}}

@media only screen and (max-width:767px){.wishlist__cart--btn{padding:.5rem 1.2rem;height:auto;line-height:2.4rem;border-radius:5px}}

@media only screen and (max-width:767px){.checkout__page--inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (min-width:992px){.checkout__mian{padding:4rem 5rem 0 0}}

@media only screen and (max-width:767px){.checkout__mian{width:100%;padding:3rem 0 0}}

@media only screen and (min-width:992px){.checkout__sidebar{padding:3rem 0 0 4.5rem}}

@media only screen and (max-width:767px){.checkout__sidebar{width:100%;padding:3rem 0 0;display:none}}

@media only screen and (max-width:767px){.checkout__breadcrumb{margin-top:2.5rem}}

@media only screen and (max-width:767px){.order__summary--mobile__version{display:block}}

@media only screen and (max-width:575px){.checkout__section--header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (min-width:1200px){.section__header--title{font-size:2rem;line-height:2.4rem}}

@media only screen and (max-width:575px){.section__header--title{margin-bottom:.8rem}}

@media only screen and (min-width:992px){.section__shipping--address{padding:4rem 0 3rem}}

@media only screen and (max-width:575px){.checkout__review--inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (min-width:768px){.checkout__review--label{width:8rem}}

@media only screen and (min-width:576px){.checkout__review--content{margin-left:1rem}}

@media only screen and (min-width:768px){.checkout__review--content{margin-left:1.5rem}}

@media only screen and (min-width:1199px){.my__account--section__inner{padding:5rem 4rem}}

@media only screen and (max-width:991px){.my__account--section__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

@media only screen and (min-width:1199px){.account__left--sidebar{padding-right:5rem;margin-right:5rem;width:23rem}}

@media only screen and (max-width:991px){.account__left--sidebar{width:100%;padding-right:0;margin-right:0;border-right:0;border-bottom:1px solid var(--border-color2);padding-bottom:2.5rem;margin-bottom:2.5rem}}

@media only screen and (min-width:1199px){.account__wrapper{width:calc(100% - 23rem)}}

@media only screen and (max-width:991px){.account__wrapper{width:100%}}

@media only screen and (max-width:991px){.account__menu{width:250px;margin-right:3rem}}

@media only screen and (max-width:479px){.account__menu{margin-right:0}}

@media only screen and (min-width:992px){.account__menu--list{font-size:1.6rem}}

@media only screen and (min-width:992px){.account__details{padding-top:3rem}}

@media only screen and (max-width:479px){.account__details{padding-top:3rem}}

@media only screen and (min-width:992px){.new__address--btn{font-size:1.5rem}}

@media only screen and (min-width:992px){.account__welcome--text{font-size:1.8rem;margin-bottom:3rem}}

@media only screen and (max-width:479px){.account__table{border:0}}

@media only screen and (max-width:767px){.account__table--header{display:none}}

@media only screen and (min-width:1200px){.account__table--header__child--items{font-size:1.6rem;padding:1.7rem 1.5rem}}

@media only screen and (max-width:767px){.account__table--body.mobile__none{display:none}}

@media only screen and (max-width:767px){.account__table--body.mobile__block{display:block}}

@media only screen and (max-width:767px){.account__table--body__child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:2rem;border-bottom:1px solid #ddd;padding-bottom:2rem}.account__table--body__child:last-child{margin-bottom:0}}

@media only screen and (max-width:767px){.account__table--body__child--items{padding:.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:0}}

@media only screen and (max-width:479px){.account__table--body__child--items{padding:.5rem 0}}

@media only screen and (max-width:1199px){.error__content--img{max-width:600px}}

@media only screen and (max-width:767px){.error__content--img{max-width:450px;margin:0 auto 3rem}}

@media only screen and (max-width:575px){.error__content--img{max-width:100%;padding:0 3rem;margin:0 auto 2.5rem}}

@media only screen and (min-width:576px){.error__content--title{margin-bottom:1.5rem;font-size:2.2rem;line-height:2.6rem}}

@media only screen and (min-width:768px){.error__content--title{margin-bottom:1.8rem;font-size:2.8rem;line-height:3.2rem}}

@media only screen and (min-width:992px){.error__content--title{font-size:3rem;line-height:3.5rem;margin-bottom:2rem}}

@media only screen and (min-width:1200px){.error__content--title{font-size:3.5rem;line-height:4rem;margin-bottom:2rem}}

@media only screen and (min-width:1366px){.error__content--title{font-size:3.7rem}}

@media only screen and (min-width:768px){.error__content--desc{font-size:1.6rem;line-height:2.2rem;margin-bottom:2rem}}

@media only screen and (min-width:992px){.error__content--desc{font-size:1.7rem;line-height:2.3rem;margin-bottom:2.5rem}}

@media only screen and (min-width:1200px){.error__content--desc{font-size:1.8rem;line-height:2.5rem;margin-bottom:3rem}}

@media only screen and (min-width:992px){.error__content--btn{font-size:1.6rem}}

@media only screen and (min-width:576px){.account__login{padding:2.5rem}}

@media only screen and (min-width:992px){.account__login{padding:3rem}}

@media only screen and (min-width:768px){.account__login--input{height:5.2rem}}

@media only screen and (min-width:992px){.account__login--input{font-size:1.5rem}}

@media only screen and (min-width:992px){.account__login--btn{font-size:1.7rem}}

@media only screen and (max-width:767px){.account__login--btn{height:4.5rem;line-height:4.5rem}}

@media only screen and (max-width:575px){.account__login--forgot{margin-top:.6rem}}

@media only screen and (max-width:767px){.account__login.register{margin-top:3rem}}

@media only screen and (max-width:575px){.account__login--remember__forgot{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

@media only screen and (max-width:575px){.account__login--remember .checkout__checkbox--checkmark{top:0;top:5px;-webkit-transform:inherit;transform:inherit}}

@media only screen and (min-width:992px){.login__remember--label{font-size:1.5rem}}

@media only screen and (min-width:992px){.account__login--divide__text{font-size:1.5rem}}

@media only screen and (min-width:768px){.account__social--link{padding:0 2rem}}

@media only screen and (min-width:992px){.account__social--link{padding:0 3.2rem;margin-right:1.2rem;font-size:1.5rem}}

@media only screen and (min-width:1200px){.account__social--link{padding:0 4.5rem;margin-right:2rem}}

@media only screen and (max-width:575px){.account__social--link{height:4rem;line-height:4rem;padding:0 1.4rem}}

@media only screen and (max-width:991px){.compare__table--items__child{min-width:200px}}

@media only screen and (max-width:1199px){.compare__table--items__child--header{font-size:1.4rem}}

@media only screen and (min-width:992px){.compare__cart--btn{height:4.2rem;line-height:4.2rem;padding:0 2.5rem}}

@media only screen and (max-width:767px){.face__step--title.mb-30{margin-bottom:2.2rem}}

@media only screen and (min-width:992px){.face__step--title{font-size:2.2rem}}

@media only screen and (max-width:767px){.faq__accordion--btn .accordion__items--button__icon{margin-bottom:1.2rem}}

@media only screen and (min-width:768px){.faq__accordion--btn{font-size:1.6rem}}

@media screen and (max-width:767px){.ctn-preloader .animation-preloader .spinner{height:8em;width:8em}.ctn-preloader .animation-preloader .txt-loading{font-size:2.5rem}}

@media screen and (max-width:500px){.ctn-preloader .animation-preloader .spinner{height:7em;width:7em}}

@media only screen and (min-width:768px){.privacy__policy--content__title{font-size:2.2rem;line-height:2.5rem}}

@media only screen and (min-width:1600px){.privacy__policy--content__title{font-size:2.5rem;line-height:2.8rem;margin-bottom:1.2rem}}

@media only screen and (min-width:1600px){.privacy__policy--content__subtitle{font-size:2.2rem;line-height:2.5rem;margin-bottom:1rem}}

@media only screen and (min-width:1200px){.privacy__policy--content__desc{font-size:1.6rem;line-height:2.8rem}}

@media only screen and (min-width:576px){.newsletter__popup--inner{width:80%}}

@media only screen and (min-width:768px){.newsletter__popup--inner{width:655px}}

@media only screen and (min-width:992px){.newsletter__popup--inner{width:720px}}

@media only screen and (min-width:1200px){.newsletter__popup--inner{width:760px}}

@media only screen and (min-width:992px){.newsletter__popup--close__btn{width:3.2rem;height:3.2rem}}

@media only screen and (min-width:992px){.newsletter__popup--thumbnail{width:320px}}

@media only screen and (min-width:1200px){.newsletter__popup--thumbnail{width:330px}}

@media only screen and (max-width:767px){.newsletter__popup--thumbnail{display:none}}

@media only screen and (min-width:576px){.newsletter__popup--box__right{padding:4rem 2rem 3rem}}

@media only screen and (min-width:768px){.newsletter__popup--box__right{width:calc(100% - 280px);padding:3rem 2rem}}

@media only screen and (min-width:992px){.newsletter__popup--box__right{width:calc(100% - 320px);padding:4rem 2.5rem}}

@media only screen and (min-width:1200px){.newsletter__popup--box__right{width:calc(100% - 330px);padding:4rem 3rem}}

@media only screen and (min-width:992px){.newsletter__popup--title{margin-bottom:2rem}}

@media only screen and (min-width:768px){.newsletter__popup--content--desc{line-height:2.6rem;font-size:1.6rem}}

@media only screen and (min-width:992px){.newsletter__popup--content--desc{font-size:1.7rem;margin-bottom:2.2rem}}

@media only screen and (min-width:768px){.newsletter__popup--subscribe__input{height:4.5rem}}

@media only screen and (min-width:768px){.newsletter__popup--subscribe__btn{height:4.5rem}}


@media only screen and (min-width:768px) {
    .account-modal__form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width:991px) {
    .account-modal {
        padding: 6.5rem 0 8.5rem;
    }

    .account-modal.modal-dialog-centered,
    .account-modal .modal-dialog-centered {
        min-height: calc(100vh - 15rem);
    }

    .account-modal .modal-dialog,
    .account-modal .modal-content {
        max-height: calc(100vh - 15rem);
    }

    .account-modal .modal-body {
        padding: 1.8rem 1.6rem;
        max-height: calc(100vh - 15rem);
        overflow-y: auto;
    }

    .account-toast-container {
        right: 0 !important;
        bottom: 7.8rem !important;
        left: 0 !important;
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 1.2rem 1.6rem !important;
        z-index: 1000001 !important;
        pointer-events: none;
    }

    .account-toast {
        max-width: 48rem;
        pointer-events: auto;
    }
}

@media only screen and (max-width: 991px) {
    .promotion-program__banner {
        padding: 3rem;
    }

    .promotion-program__banner--listing {
        min-height: 0;
    }

    .promotion-detail-page .promotion-program__banner {
        min-height: 23rem;
        padding: 3.5rem;
    }

    .promotion-program__gift {
        margin-right: 1rem;
        font-size: 9rem;
    }

    .dogifood-checkout__grid,
    .dogifood-order-success__shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .dogifood-checkout__summary-column,
    .dogifood-order-success__summary-column {
        border-top: 1px solid var(--df-gray-300);
        border-left: 0;
    }

    .dogifood-checkout__summary,
    .dogifood-order-success__summary {
        position: static;
    }
}

@media only screen and (max-width: 767px) {
    .dogifood-checkout,
    .dogifood-order-success {
        padding: 2.8rem 0 5rem;
    }

    .dogifood-checkout__form-column,
    .dogifood-order-success__content,
    .dogifood-checkout__summary-column,
    .dogifood-order-success__summary-column {
        padding: 3rem 2.6rem;
    }
}

@media only screen and (max-width: 575px) {
    .promotion-page__heading {
        margin-bottom: 2.4rem;
    }

    .promotion-program + .promotion-program {
        margin-top: 4rem;
        padding-top: 4rem;
    }

    .promotion-program__banner,
    .promotion-detail-page .promotion-program__banner {
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        padding: 2.6rem 2.2rem;
    }

    .promotion-countdown {
        gap: .5rem;
    }

    .promotion-countdown__item {
        width: 5.4rem;
        height: 6rem;
    }

    .promotion-countdown__item strong {
        font-size: 2.3rem;
    }

    .promotion-countdown__separator {
        padding-top: 1.2rem;
        font-size: 2rem;
    }

    .promotion-program__content h1,
    .promotion-program__content h2 {
        font-size: 2.4rem;
    }

    .promotion-program__content p {
        align-items: flex-start;
        font-size: 1.4rem;
    }

    .promotion-program__document,
    .promotion-detail-page__button {
        width: 100%;
    }

    .promotion-program__gift {
        display: none;
    }

    .promotion-detail-page__actions {
        width: 100%;
        flex-direction: column;
    }

    .dogifood-checkout,
    .dogifood-order-success {
        padding-top: 2rem;
    }

    .dogifood-checkout__shell,
    .dogifood-order-success__shell {
        border-radius: 1rem;
    }

    .dogifood-checkout__form-column,
    .dogifood-order-success__content,
    .dogifood-checkout__summary-column,
    .dogifood-order-success__summary-column {
        padding: 2.4rem 1.8rem;
    }

    .dogifood-checkout__heading,
    .dogifood-order-success__hero {
        align-items: flex-start;
        margin-bottom: 2.6rem;
    }

    .dogifood-checkout__brand-mark {
        flex-basis: 9rem;
        width: 9rem;
        height: auto;
    }

    .dogifood-checkout__heading h1,
    .dogifood-order-success__hero h1 {
        font-size: 2.2rem;
    }

    .dogifood-checkout__fields,
    .dogifood-checkout__invoice-fields,
    .dogifood-order-success__customer-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .dogifood-checkout__actions {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 1.4rem;
    }

    .dogifood-checkout__back,
    .dogifood-checkout__submit,
    .dogifood-order-success__continue {
        width: 100%;
        text-align: center;
    }

    .dogifood-checkout__back {
        min-height: 4.5rem;
        padding: 1rem;
        border: 1px solid var(--df-primary);
        border-radius: 0.7rem;
    }

    .dogifood-checkout .checkout__product,
    .dogifood-order-success__item {
        grid-template-columns: 5.4rem minmax(0, 1fr);
    }

    .dogifood-order-success__item-image {
        width: 5.4rem;
        height: 5.4rem;
    }

    .dogifood-checkout .checkout__product--image {
        width: 5.4rem;
        height: 5.4rem;
    }

    .dogifood-checkout .checkout__product--price,
    .dogifood-order-success__item > strong {
        grid-column: 2;
        justify-self: start;
        margin-top: 0.4rem;
        white-space: normal;
    }

    .dogifood-checkout__total-row span,
    .dogifood-checkout__total-row strong,
    .dogifood-order-success__total span,
    .dogifood-order-success__total strong {
        font-size: 1.7rem;
    }
}

@media only screen and (max-width: 991px) {
    .dogifood-cart__summary {
        position: static;
        margin-top: 3rem;
    }
}

@media only screen and (max-width: 575px) {
    .dogifood-cart {
        padding: 2rem 0 5rem;
    }

    .dogifood-cart__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .dogifood-cart__heading h1 {
        font-size: 2.4rem;
    }

    .dogifood-cart__empty {
        padding: 5rem 1.8rem;
    }

    .dogifood-cart .cart__table--body__list {
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        padding: 1.4rem 1.8rem;
        text-align: right;
    }

    .dogifood-cart .cart__table--body__list::before {
        content: attr(data-label);
        color: var(--df-dark-muted);
        font-weight: 700;
        text-align: left;
    }

    .dogifood-cart .cart__table--body__list:first-child {
        justify-content: center;
    }

    .dogifood-cart .cart__table--body__list:first-child::before {
        display: none;
    }

    .dogifood-cart .cart__product {
        width: 100%;
    }

    .dogifood-cart__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
    }

    .dogifood-cart__summary {
        padding: 2.2rem 1.8rem;
    }
}

/* ── Predictive Search Modal Mobile Overrides ── */
@media only screen and (max-width: 767.98px) {
    .predictive-search-panel {
        padding: 16px 0 !important;
    }

    .predictive__search--close__btn,
    .search-panel-close {
        top: 10px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 1rem !important;
        z-index: 10 !important;
    }

    .search-modal-title {
        font-size: 1.4rem !important;
        line-height: 1.35 !important;
        margin-top: 12px !important;
        padding: 0 30px !important;
    }

    .search-modal-sub {
        font-size: 0.95rem !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .dofi-modal-search-box {
        height: 48px !important;
        padding: 0 4px 0 14px !important;
        gap: 6px !important;
        border-width: 2px !important;
    }

    .dofi-modal-search-input,
    .predictive__search--input {
        font-size: 1.15rem !important;
    }

    .dofi-modal-search-input::placeholder,
    .predictive__search--input::placeholder {
        font-size: 1.05rem !important;
    }

    .dofi-modal-search-btn,
    .predictive__search--button {
        height: 40px !important;
        padding: 0 14px !important;
        font-size: 1.1rem !important;
        gap: 4px !important;
    }

    .search-suggest-dropdown {
        max-height: 320px !important;
        border-radius: 12px !important;
    }

    .search-suggest-item {
        padding: 8px 12px !important;
        gap: 10px !important;
    }

    .search-suggest-item__img {
        width: 42px !important;
        height: 42px !important;
    }

    .search-suggest-item__name {
        font-size: 1.15rem !important;
    }

    .search-popular-tags {
        gap: 6px !important;
        margin-top: 14px !important;
    }

    .search-tag-label {
        width: 100% !important;
        text-align: center !important;
        font-size: 0.95rem !important;
        margin-bottom: 4px !important;
        display: block !important;
    }

    .search-tag-chip {
        font-size: 0.9rem !important;
        padding: 4px 12px !important;
    }
}

/* ── Mobile Header Layout: Logo on Left, Menu Button on Right, Hide Top Header Actions ── */
@media only screen and (max-width: 991.98px) {
    .main__header--inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .main__logo {
        order: 1 !important;
        margin-right: auto !important;
    }

    .header__account {
        display: none !important;
    }

    .offcanvas__header--menu__open {
        order: 2 !important;
        margin-left: auto !important;
        display: block !important;
    }
}

/* ── Mobile Sticky Toolbar Fix: High Z-Index & Interactive Pointer Events ── */
.offcanvas__stikcy--toolbar {
    z-index: 999999 !important;
    pointer-events: auto !important;
}

.offcanvas__stikcy--toolbar,
.offcanvas__stikcy--toolbar *,
.offcanvas__stikcy--toolbar__btn,
.offcanvas__stikcy--toolbar__btn * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ── Mobile Offcanvas Minicart: Full-height, seamless layout & bottom toolbar padding ── */
@media (max-width: 991px) {
    .offCanvas__minicart {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        height: 100% !important;
        max-height: 100vh !important;
        width: 330px !important;
        max-width: 88vw !important;
        background: #ffffff !important;
        box-shadow: -4px 0 25px rgba(0, 0, 0, 0.15) !important;
        z-index: 100002 !important;
    }

    .minicart__header {
        padding: 1.5rem 1.6rem !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--border-color2, #f0f0f0) !important;
    }

    .minicart__product {
        padding: 1.2rem 1.6rem !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
    }

    .minicart__footer {
        padding: 1.4rem 1.6rem calc(72px + env(safe-area-inset-bottom, 0px)) 1.6rem !important;
        background: #ffffff !important;
        border-top: 1px solid var(--border-color2, #eee) !important;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05) !important;
    }

    .minicart__amount_list {
        font-size: 1.45rem !important;
        margin-bottom: 0.6rem !important;
    }

    .minicart__button {
        padding-top: 1.2rem !important;
        margin: 0 !important;
    }

    .minicart__button--link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 4.6rem !important;
        line-height: 1 !important;
        font-size: 1.5rem !important;
        gap: 1.5rem;
        text-align: center;
    }

    .dogifood-cart__summary {
        padding: 2.2rem 1.8rem;
    }
}

/* ── Predictive Search Modal Mobile Overrides ── */
@media only screen and (max-width: 767.98px) {
    .predictive-search-panel {
        padding: 16px 0 !important;
    }

    .predictive__search--close__btn,
    .search-panel-close {
        top: 10px !important;
        right: 12px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 1rem !important;
        z-index: 10 !important;
    }

    .search-modal-title {
        font-size: 1.4rem !important;
        line-height: 1.35 !important;
        margin-top: 12px !important;
        padding: 0 30px !important;
    }

    .search-modal-sub {
        font-size: 0.95rem !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .dofi-modal-search-box {
        height: 48px !important;
        padding: 0 4px 0 14px !important;
        gap: 6px !important;
        border-width: 2px !important;
    }

    .dofi-modal-search-input,
    .predictive__search--input {
        font-size: 1.15rem !important;
    }

    .dofi-modal-search-input::placeholder,
    .predictive__search--input::placeholder {
        font-size: 1.05rem !important;
    }

    .dofi-modal-search-btn,
    .predictive__search--button {
        height: 40px !important;
        padding: 0 14px !important;
        font-size: 1.1rem !important;
        gap: 4px !important;
    }

    .search-suggest-dropdown {
        max-height: 320px !important;
        border-radius: 12px !important;
    }

    .search-suggest-item {
        padding: 8px 12px !important;
        gap: 10px !important;
    }

    .search-suggest-item__img {
        width: 42px !important;
        height: 42px !important;
    }

    .search-suggest-item__name {
        font-size: 1.15rem !important;
    }

    .search-popular-tags {
        gap: 6px !important;
        margin-top: 14px !important;
    }

    .search-tag-label {
        width: 100% !important;
        text-align: center !important;
        font-size: 0.95rem !important;
        margin-bottom: 4px !important;
        display: block !important;
    }

    .search-tag-chip {
        font-size: 0.9rem !important;
        padding: 4px 12px !important;
    }
}

/* ── Mobile Header Layout: Logo on Left, Menu Button on Right, Hide Top Header Actions ── */
@media only screen and (max-width: 991.98px) {
    .main__header--inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .main__logo {
        order: 1 !important;
        margin-right: auto !important;
    }

    .header__account {
        display: none !important;
    }

    .offcanvas__header--menu__open {
        order: 2 !important;
        margin-left: auto !important;
        display: block !important;
    }
}

/* ── Mobile Sticky Toolbar Fix: High Z-Index & Interactive Pointer Events ── */
.offcanvas__stikcy--toolbar {
    z-index: 999999 !important;
    pointer-events: auto !important;
}

.offcanvas__stikcy--toolbar,
.offcanvas__stikcy--toolbar *,
.offcanvas__stikcy--toolbar__btn,
.offcanvas__stikcy--toolbar__btn * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ── Mobile Offcanvas Minicart: Full-height, seamless layout & bottom toolbar padding ── */
@media (max-width: 991px) {
    .offCanvas__minicart {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        height: 100% !important;
        max-height: 100vh !important;
        width: 330px !important;
        max-width: 88vw !important;
        background: #ffffff !important;
        box-shadow: -4px 0 25px rgba(0, 0, 0, 0.15) !important;
        z-index: 100002 !important;
    }

    .minicart__header {
        padding: 1.5rem 1.6rem !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--border-color2, #f0f0f0) !important;
    }

    .minicart__product {
        padding: 1.2rem 1.6rem !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
    }

    .minicart__footer {
        padding: 1.4rem 1.6rem calc(72px + env(safe-area-inset-bottom, 0px)) 1.6rem !important;
        background: #ffffff !important;
        border-top: 1px solid var(--border-color2, #eee) !important;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05) !important;
    }

    .minicart__amount_list {
        font-size: 1.45rem !important;
        margin-bottom: 0.6rem !important;
    }

    .minicart__button {
        padding-top: 1.2rem !important;
        margin: 0 !important;
    }

    .minicart__button--link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 4.6rem !important;
        line-height: 1 !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        background: var(--df-primary, #008744) !important;
        border: none !important;
        border-radius: 0.8rem !important;
        box-shadow: 0 4px 14px rgba(0, 135, 68, 0.3) !important;
    }
}

/* Floating Pill Bar for Mobile Bottom Navigation */
@media only screen and (max-width: 991px) {
    .offcanvas__stikcy--toolbar {
        position: fixed !important;
        bottom: 14px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 24px) !important;
        max-width: 420px !important;
        background: #ffffff !important;
        border-radius: 35px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        padding: 6px 16px !important;
        z-index: 100001 !important;
    }

    .offcanvas__stikcy--toolbar ul {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .offcanvas__stikcy--toolbar__list {
        flex: 1 !important;
        text-align: center !important;
    }

    .offcanvas__stikcy--toolbar__btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px 8px !important;
        border-radius: 20px !important;
        transition: all 0.2s ease !important;
    }

    .offcanvas__stikcy--toolbar__icon {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .offcanvas__stikcy--toolbar__icon .items__count {
        position: absolute !important;
        top: -6px !important;
        right: -8px !important;
        margin: 0 !important;
    }
}

/* === Sales support bar responsive === */
@media (max-width: 1199px) {
    .sales-support-bar__title {
        flex-basis: 5rem;
        justify-content: center;
        margin-right: 0.6rem;
        padding: 0;
    }

    .sales-support-bar__title span {
        display: none;
    }
}

@media (max-width: 991px) {
    .sales-support-bar {
        display: none;
    }

    .sales-support-bar__inner {
        padding: 0 0.8rem;
    }

    .sales-contact {
        flex-basis: 16.5rem;
        justify-content: flex-start;
    }

    .sales-contact__avatar {
        flex-basis: 3.8rem;
        width: 3.8rem;
        height: 3.8rem;
    }

    .customer-support-float {
    }
}

/* ── Mobile Header Layout: Logo on Left, Menu Button on Right, Hide Top Header Actions ── */
@media only screen and (max-width: 991.98px) {
    .main__header--inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .main__logo {
        order: 1 !important;
        margin-right: auto !important;
    }

    .header__account {
        display: none !important;
    }

    .offcanvas__header--menu__open {
        order: 2 !important;
        margin-left: auto !important;
        display: block !important;
    }
}

/* ── Mobile Sticky Toolbar Fix: High Z-Index & Interactive Pointer Events ── */
.offcanvas__stikcy--toolbar {
    z-index: 999999 !important;
    pointer-events: auto !important;
}

.offcanvas__stikcy--toolbar,
.offcanvas__stikcy--toolbar *,
.offcanvas__stikcy--toolbar__btn,
.offcanvas__stikcy--toolbar__btn * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* ── Mobile Offcanvas Minicart: Full-height, seamless layout & bottom toolbar padding ── */
@media (max-width: 991px) {
    .offCanvas__minicart {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        height: 100% !important;
        max-height: 100vh !important;
        width: 330px !important;
        max-width: 88vw !important;
        background: #ffffff !important;
        box-shadow: -4px 0 25px rgba(0, 0, 0, 0.15) !important;
        z-index: 100002 !important;
    }

    .minicart__header {
        padding: 1.5rem 1.6rem !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--border-color2, #f0f0f0) !important;
    }

    .minicart__product {
        padding: 1.2rem 1.6rem !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
    }

    .minicart__footer {
        padding: 1.4rem 1.6rem calc(72px + env(safe-area-inset-bottom, 0px)) 1.6rem !important;
        background: #ffffff !important;
        border-top: 1px solid var(--border-color2, #eee) !important;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.05) !important;
    }

    .minicart__amount_list {
        font-size: 1.45rem !important;
        margin-bottom: 0.6rem !important;
    }

    .minicart__button {
        padding-top: 1.2rem !important;
        margin: 0 !important;
    }

    .minicart__button--link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 4.6rem !important;
        line-height: 1 !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        background: var(--df-primary, #008744) !important;
        border: none !important;
        border-radius: 0.8rem !important;
        box-shadow: 0 4px 14px rgba(0, 135, 68, 0.3) !important;
    }
}

/* Floating Pill Bar for Mobile Bottom Navigation */
@media only screen and (max-width: 991px) {
    .offcanvas__stikcy--toolbar {
        position: fixed !important;
        bottom: 14px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 24px) !important;
        max-width: 420px !important;
        background: #ffffff !important;
        border-radius: 35px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        padding: 6px 16px !important;
        z-index: 100001 !important;
    }

    .offcanvas__stikcy--toolbar ul {
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .offcanvas__stikcy--toolbar__list {
        flex: 1 !important;
        text-align: center !important;
    }

    .offcanvas__stikcy--toolbar__btn {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 4px 8px !important;
        border-radius: 20px !important;
        transition: all 0.2s ease !important;
    }

    .offcanvas__stikcy--toolbar__icon {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .offcanvas__stikcy--toolbar__icon .items__count {
        position: absolute !important;
        top: -6px !important;
        right: -8px !important;
        margin: 0 !important;
    }
}

/* === Sales support bar responsive === */
@media (max-width: 1199px) {
    .sales-support-bar__title {
        flex-basis: 5rem;
        justify-content: center;
        margin-right: 0.6rem;
        padding: 0;
    }

    .sales-support-bar__title span {
        display: none;
    }
}

@media (max-width: 991px) {
    .sales-support-bar {
        display: none;
    }

    .sales-support-bar__inner {
        padding: 0 0.8rem;
    }

    .sales-contact {
        flex-basis: 16.5rem;
        justify-content: flex-start;
    }

    .sales-contact__avatar {
        flex-basis: 3.8rem;
        width: 3.8rem;
        height: 3.8rem;
    }

    .customer-support-float {
        bottom: calc(9rem + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 575px) {
    .sales-support-bar__title {
        display: none;
    }

    .sales-contact {
        flex-basis: 15.8rem;
    }

    .sales-contact__details > strong {
        font-size: 1.1rem;
    }

    .sales-contact__phone {
        font-size: 1.2rem;
    }
}

/* ── Footer Responsive Top Padding ── */
@media (max-width: 991px) {
    .footer__section3.footer__bg {
        margin-top: 0 !important;
        padding-top: 45px !important;
    }
}

@media (max-width: 768px) {
    .footer__section3.footer__bg {
        margin-top: 0 !important;
        padding-top: 35px !important;
    }

    .footer__widget--intro {
        margin-top: 10px !important;
    }
}

@media (max-width: 575px) {
    .footer__section3.footer__bg {
        margin-top: 0 !important;
        padding-top: 30px !important;
    }

    .footer__widget--intro {
        margin-top: 10px !important;
    }
}