@media (min-width: 1270px) {
    /******** up main style ********/
    .container {
        width: 1240px;
    }
}



@media (max-width: 1199px) {
    .cat-product__items {
        --grid-column: 3;
    }


    .pr__row {
        gap: 36px;
    }
}



@media (max-width: 991px) {
    .footer__inner {
        flex-wrap: wrap;
        gap: 36px;
    }

    .footer__col--brand  { flex: 0 0 calc(50% - 20px); }
    .footer__col--nav    { flex: 0 0 calc(50% - 20px); align-items: flex-start; }
    .footer__col--center { flex: 0 0 100%; }

    .footer__nav { text-align: left; }





    .head__nav  {
        display: none;
    }
    .head__burger {
        display: flex;
    }
    /*#mobMenu {*/
    /*    display: block;*/
    /*}*/




    .about-us__section--brand {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .about-us__section--philosophy {
        grid-template-columns: 1fr;
        gap: 20px;
    }


}







@media (max-width: 767px) {
    .fm__title-wrap {
        flex-direction: column;
        gap: 16px;
    }

    .fm__catalog-btn {
        width: 100%;
    }

    .fm__arrow--prev { left: -15px; }
    .fm__arrow--next { right: -15px; }




    .home-info-section {
        padding: 40px 0;
    }

    .home-info-section__head {
        margin-bottom: 30px;
    }

    .home-info-section__grid--3 {
        grid-template-columns: 1fr;
    }



    .home-info-section__before-after {
        flex-direction: row;
    }
    .home-info-section__ba-img-wrap .home-info-section__card-img {
        aspect-ratio: 3 / 4;
    }
    .home-info-section__product-img {
        width: 200px;
    }
    .home-info-section__product-bg-text {
        font-size: 48px;
    }





    .footer__inner { flex-direction: column; gap: 28px; }

    .footer__col--brand,
    .footer__col--nav,
    .footer__col--center { flex: 0 0 100%; }

    .footer__payments {
        flex-wrap: wrap;
        gap: 12px;
    }

    .footer__nav { text-align: left; }



    header {
        height: 60px;
    }
    .head__logo img {
        height: 60px;
    }








    .home-banner__hint {
        display: none;
    }
    .home-banner {
        position: relative;
    }
    .home-banner:before {
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0,0,0,.2);
        z-index: 2;
    }
    .home-banner__slide {
        z-index: 3;
        position: relative;
    }

    .home-banner__inner {
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 30px;
    }
    .home-banner__cream {
        filter: brightness(0) saturate(100%) invert(92%) sepia(0%) saturate(30%) hue-rotate(130deg) brightness(106%) contrast(106%);
        width: 250px;
    }
    .home-banner__subtitle {
        color: #fff;
        text-align: center;
    }
    .home-banner__product .home-banner__cream  {
        display: none;
    }
    .home-banner__girl {
        max-height: 500px;
        object-fit: contain;
        object-position: center bottom;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .home-banner__logo {
        justify-content: center;
    }
    .home-banner__logo:after {
        display: none;
    }

    .home-banner__content {
        gap: 5px;
    }
    .home-banner__btn.btn {
        border-color: #fff;
        background: #fff;
        width: 240px;
        margin-left: auto;
        margin-right: auto;
    }





    .feature-module {
        margin: 40px 0 60px;
    }
    .fm__arrow {
        background: none;
    }

    .fm__card-btn-wrap {
        text-align: center;
    }
    .fm__btn.btn.btn-primary {
        width: calc(100% - 30px);
    }




    .home-info-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-info-section__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
    }

    .home-info-section__subtitle {
        font-size: 16px;
        line-height: 1.4;
    }



    .home-info-section__product {
        margin: -20px auto 20px;
    }
    .home-info-section__product-desc p,
    .home-info-section-about .home-info-section__subtitle {
        font-size: 14px;
        line-height: 1.5;
    }
    .home-info-section__product-desc {
        margin: 0 auto 30px;
    }
    .home-info-section-about {
        padding-bottom: 0;
    }



    .footer__inner {
        align-items: center;
        text-align: center;
    }
    .footer__nav {
        text-align: center;
    }
    .footer__nav a {
        text-align: center;
    }
    .footer {
        padding: 40px 0 50px;
    }



    .home-banner__slide-track span {
        font-size: 13px;
    }
    .home-banner__slide-track svg {
        width: 30px;
        height: 30px;
    }
    .home-banner__slide {
        padding: 5px 0;
    }




    /*.about-us .container,*/
    /*.about-us__bottom-banner .container {*/
    /*    padding: 0 20px;*/
    /*}*/
    .about-us__section {
        padding: 40px 0;
    }
    .about-us__hero-overlay {
        padding: 24px 0;
    }
    .about-us__bottom-img {
        max-height: 260px;
        border-radius: 10px;
    }

    .about-us__section-title {
        font-size: 20px;
    }


    .about-us__hero {
        max-height: 350px;
        border-radius: 0;
    }
    .about-us__hero-img {
        width: 130%;
        height: 130%;
    }
    .about-us__hero-text {
        font-size: 18px;
        max-width: 60%;
    }
    .about-us__hero-overlay .container {
        width: auto;
        margin: 0;
    }

    .about-us__section--philosophy {
        gap: 8px;
    }




    .page-info__description {
        padding: 0;
    }
    .page-info__description h2 {
        margin-top: 30px;
    }



    .breadcrumb-wrap {
        margin-bottom: 20px;
    }





    .cat-product__items {
        --grid-column: 2;
        --grid-gap-x: 16px;
        --grid-gap-y: 32px;
    }



    .pr__row {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .pr__main-img-wrap {
        /*aspect-ratio: 4 / 3;*/
    }
    .pr__title {
        font-size: 24px;
    }
    .pr__price {
        font-size: 24px;
    }
    .pr__price--old {
        font-size: 18px;
    }



    .breadcrumb-nav {
        flex-flow: nowrap;
        overflow: auto;
        white-space: nowrap;
        margin-right: -15px;
        padding-right: 15px;
    }
    .product-page .breadcrumb-wrap {
        display: block;
    }
    .product-page .breadcrumb-wrap .pr__prev-next {
        display: none;
    }
    .pr__prev-next {
        justify-content: center;
        margin-top: 15px;
    }


    .pr__description {
        border: none;
        margin-top: 0;
    }
    .pr__info {
        margin-top: 20px;
    }




    .home-banner__slider-swiper .fm__arrow {
        opacity: 0;
    }
    .home-banner__slider-swiper .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .home-banner__slider-swiper .swiper-pagination-bullet {
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .3);
    }
    .home-banner__slider-swiper .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
    }



    .home-info-section-adv__items {
        justify-content: center;
    }
    .home-info-section-adv__items {
        gap: 20px;
    }
    .home-info-section-adv__item {
        width: calc(100%/2 - 20px*1/2);
    }
    .home-info-section-adv__item-img {
        height: 80px;
    }
    .home-info-section-adv__item-img img {
        height: 80px;
    }
    .home-info-section-adv__item-img-1 img {
        height: 60px;
    }
    .home-info-section-adv__item-text {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 4px;
    }





    .info-page-slider {
        margin-left: -15px;
        margin-right: -15px;
    }
    .info-page-slider .home-banner__video-loader,
    .info-page-slider .home-banner__slider-slide,
    .info-page-slider.home-banner__slider img {
        border-radius: 0;
    }

    .about-us__block-1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .about-us__section {
        padding: 30px 0;
    }


}




@media (max-width: 640px) {
    #simplecheckout_cart .quantity input {
        border-radius: 4px 0 0 4px;
        min-width: 40px;
    }

    #simplecheckout_cart .name .image {
        margin-bottom: 5px;
    }
    #simplecheckout_cart .name {
        line-height: 1.2;
    }
    #simplecheckout_cart .name a {
        font-size: 13px;
    }




    .modal-up__btn-wrap {
        flex-flow: wrap;
        justify-content: center;
    }
    .modal-up__title {
        text-align: center;
        margin-top: 5px;
    }
    .modal-up__btn-wrap {
        margin-top: 20px;
    }
    .modal-up__link-close {
        order: 1;
        margin-top: 20px;
    }

}





@media (max-width: 480px) {
    .fm__title-text-1 { font-size: 22px; }
    .fm__title-text-2 { font-size: 14px; }




    .home-info-section__grid--3 {
        grid-template-columns: 1fr;
    }
    .home-info-section__before-after {
        flex-direction: column;
    }
    .home-info-section__btn {
        width: 100%;
    }




    .breadcrumb-nav {
        font-size: 13px;
    }
    .about-us__section-title {
        font-size: 22px;
    }



    .page-info__description h1,
    h1.cat-title {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .page-info__description h2 {
        font-size: 17px;
    }
    .page-info__description h3 {
        font-size: 16px;
    }



    .cat-product__items {
        --grid-column: 2;
        --grid-gap-x: 16px;
        --grid-gap-y: 40px;
    }
    .fm__card-name {
        /*display: block;*/
        /*overflow: visible;*/
        /*height: auto;*/
        /*-webkit-line-clamp: unset;*/
    }
    .fm__card-btn-wrap .fm__btn--cart.btn.btn-primary,
    .fm__card-btn-wrap .fm__btn--unavailable.btn.btn-primary {
        width: 100%;
        max-width: 100%;
    }



    .pr__row {
        display: block;
    }
    .pr__gallery {
        width: 100%;
    }
    .pr__info {
        width: 100%;
    }




    .home-banner__slider-swiper .fm__arrow {
        opacity: 1;
        border: none !important;
        background: none !important;
    }
    .home-banner__slider .fm__arrow--prev {
        left: 0;
    }
    .home-banner__slider .fm__arrow--next {
        right: 0;
    }


    .feature-module .swiper-wrap,
    .home-info-section-review .swiper-wrap,
    .home-info-section-bloger .swiper-wrap {
        padding-right: 0;
        margin-right: -15px;
    }
    .feature-module .fm__arrow--next,
    .home-info-section-review .fm__arrow--next,
    .home-info-section-bloger .fm__arrow--next {
        right: 0;
    }
    .home-info-section-review,
    .home-info-section-bloger {
        padding-bottom: 60px;
    }



    .bestseller-module .swiper-wrap {
        padding-left: 0;
        padding-right: 0;
    }



    .fm__card-btn-wrap .btn-primary.btn {
        font-size: 14px;
    }
    .fm__card-btn-wrap .fm__btn--unavailable.btn-primary.btn {
        font-size: 13px;
        height: 44px;
    }
    .fm__card-info {
        display: block;
    }
    .fm__card-price {
        text-align: left;
        margin-top: 6px;
    }
    .fm__card-name {
        -webkit-line-clamp: 3;
        line-height: 18px;
        height: calc(18px * 3);
        font-size: 14px;
    }

    .bestseller-module .fm__title-wrap {
        margin-bottom: 20px;
    }


    .fm__card-price {
        display: flex;
        align-items: center;
    }
    .fm__price-new {
        margin-right: 10px;
    }
    .fm__price-old {
        margin-top: 1px;
    }


}





@media (min-width: 640px) {
    #simplecheckout_cart .quantity input {
        border-left: unset;
        border-right: unset;
    }
}




@media (min-width: 1200px) {
    .home-banner__slider img,
    .home-banner__slider video {
        margin-left: auto;
        margin-right: auto;
        max-height: 900px;
    }

    .home-banner__slider-item-mobile img,
    .home-banner__slider-item-mobile video {
        margin-left: auto;
        margin-right: auto;
        max-height: 580px;
    }



    /*.info-page-slider .home-banner__slider-item {*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*    max-height: 500px;*/
    /*}*/
}