@media (max-width: 1399.98px) {
    .nav li {
        margin: 0 24px;
    }

    .product-popup__window {
        width: 1110px;
    }
}

@media (max-width: 1199.98px) {
    body {
        font-size: 16px;
        line-height: 1.5;
    }

    h1, .h1 {
        font-size: 36px;
        line-height: 48px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 40px;
    }

    .header {
        flex-wrap: wrap;
        justify-content: center;
    }

    .header__logo-1,
    .header__logo-2 {
        min-width: 0;
    }

    .header__logo-2 {
        border-left: 1px solid rgba(73, 62, 56, .2);
        margin-left: 24px;
        padding-left: 24px;
    }

    .header__nav {
        width: 100%;
        order: 2;
        margin-top: 40px;
    }

    .nav li {
        margin: 0 36px;
    }

    .benefits {
        border-radius: 14px;
        box-shadow: 0 14px 76px rgb(62 49 24 / 8%);
        font-size: 5.9px;
        padding: 24px 35px 28px;
        margin-bottom: 127px;
    }

    .main .category-image {
        font-size: 8.5px;
        margin: 41px auto 20px;
        left: -9px;
    }

    .category .category-image {
        font-size: 5px;
    }

    .category._01 .category-image {
        font-size: 5.25px;
        margin: 20px 0 0 -11px;
    }

    .category._02 .category-image {
        font-size: 5.1px;
        margin: 28px 0 0 -6px;
    }

    .category._03 .category-image {
        font-size: 4.75px;
        margin: 19px 0 0 26px;
    }

    .category._04 .category-image {
        font-size: 5.4px;
        margin: 34px 0 0 69px;
    }

    .main__image-col {
        width: 100%;
    }

    .main__content-col {
        width: 100%;
    }

    .main__content {
        margin: 0;
    }

    .main__text {
        margin-right: 0;
    }

    .main__btn {
        font-size: 20px;
        line-height: 24px;
        border-radius: 16px;
        min-width: 240px;
    }

    .main {
        margin-bottom: 60px;
    }

    .category__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 9px;
    }

    .category__title br {
        display: none;
    }

    .category__text {
        margin-bottom: 0;
    }

    .category__btn {
        display: none;
    }

    .category__content {
        margin-top: 11px;
    }

    .category__main {
        margin-bottom: 48px;
    }

    .category__slider {
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: 57px;
    }

    .category__slider .slick-list {
        overflow: visible;
    }

    .category__slider_item {
        padding-left: 4px;
        padding-right: 4px;
        flex: 0 0 222px;
        max-width: 222px !important;
        min-width: 222px !important;
    }

    .product-thumb {
        border-radius: 12px;
        height: 126px;
        padding-right: 5px;
    }

    .product-thumb__image {
        font-size: 5.6px;
        top: -6px;
    }

    .product-thumb__title {
        font-size: 13px;
        line-height: 18px;
    }

    .about {
        margin-bottom: 42px;
    }

    .about__image {
        width: 29%;
        max-width: 29%;
    }

    .about__content {
        width: 71%;
        max-width: 71%;
    }

    .contact-form-section {
        margin-bottom: 46px;
    }

    .contact-form-section__title {
        margin: 0 auto 27px;
        font-size: 36px;
        line-height: 48px;
        max-width: 13em;
    }

    .footer {
        padding: 48px 0;
        display: block;
        text-align: center;
    }

    .footer__l {
        margin-bottom: 32px;
    }

    .footer__r {
        font-size: 16px;
        line-height: 24px;
    }

    .bg-circle {
        width: 652px;
        height: 652px;
    }

    .bg-circle-1 {
        top: -110px;
    }

    .bg-circle-2 {
        top: 172px;
        left: -340px;
    }

    .bg-circle-3 {
        top: 372px;
        left: -281px;
    }

    .bg-circle-4 {
        top: -134px;
        right: -300px;
    }

    .bg-circle-5 {
        width: 1042px;
        height: 1042px;
        margin-top: -95px;
        right: -579px;
    }

    .bg-circle-6 {
        width: 1120px;
        height: 1120px;
        top: 110px;
        right: -486px;
    }

    .bg-circle-7 {
        width: 1160px;
        height: 1160px;
        margin-bottom: 17px;
        left: -804px;
    }

    .bg-circle-8 {
        width: 765px;
        height: 765px;
        margin-bottom: 248px;
        left: -349px;
    }

    .bg-circle-9 {
        width: 1206px;
        height: 1206px;
        bottom: -61px;
        margin-left: -510px;
    }

    .bg-circle-10 {
        width: 1206px;
        height: 1206px;
        bottom: -595px;
        left: -465px;
    }

    .bg-image-1 {
        bottom: 77px;
        left: -35px;
        font-size: 4.5px;
    }

    .bg-image-2 {
        bottom: 630px;
        right: -75px;
        font-size: 4.5px;
    }

    .product-popup__window {
        width: 730px;
        border-radius: 29px;
        padding: 24px 56px 8px;
    }

    .close-btn {
        background-size: 14px 14px;
        width: 28px;
        height: 28px;
    }

    .product-popup__close {
        right: 24px;
        top: 24px;
    }

    .product-popup__title {
        max-width: 544px;
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
    }

    .product-popup__slider-item {
        padding-top: 28px;
    }

    .product-popup__slider .slick-arrow {
        width: 30px;
        height: 30px;
        margin-top: -50px;
    }

    .product-popup__slider .slick-arrow:before {
        width: 20px;
        height: 20px;
        margin: -10px;
    }

    .product-popup__slider .slick-prev {
        left: -13px;
    }

    .product-popup__slider .slick-next {
        right: -13px;
    }

    .product-popup__slider-item {
        padding-top: 28px;
    }

    .product__image-col {
        width: 43.8%;
    }

    .product__content-col {
        width: 56.2%;
    }

    .product__image {
        font-size: 6.1px;
        margin: 11px auto 15px;
    }

    .product__content {
        max-width: 482px;
    }

    .product__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 21px;
    }

    .product__data {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 16px;
    }

    .product__data li {
        padding-left: 32px;
        margin-bottom: 13px;
    }

    .product__data img {
        width: 20px;
        height: 20px;
    }

    .product__data strong {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .product__footer {
        font-size: 12px;
        line-height: 16px;
        min-height: 48px;
        margin-top: 11px;
    }
}

@media (max-width: 1199.98px) and (min-width: 768px) {
    .product__btn {
        min-width: 88px;
        font-size: 14px;
        line-height: 16px;
        padding: 7px 20px;
        border-width: 1px;
        border-radius: 10px;
    }
}

@media (max-width: 767.98px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header {
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 12px 0 40px;
    }

    .menu-btn {
        display: block;
        position: relative;
        width: 32px;
        height: 32px;
        border: none;
        background: none;
        padding: 0;
        cursor: pointer;
        margin-right: auto;
    }

    .menu-btn:before,
    .menu-btn:after {
        content: '';
    }

    .menu-btn:before,
    .menu-btn:after,
    .menu-btn > span {
        position: absolute;
        width: 20px;
        height: 2px;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -12px;
        background: currentColor;
    }

    .menu-btn:before {
        transform: translateY(-6px);
    }

    .menu-btn:after {
        transform: translateY(6px);
    }

    .header__logo-1, .header__logo-2 {
        font-size: 5px;
    }

    .header__logo-2 {
        margin-left: 16px;
        padding-left: 16px;
    }

    .header__nav {
        display: none;
    }

    .menu {
        display: block;
    }

    .menu__inner {
        position: fixed;
        z-index: 90002;
        top: 0;
        bottom: 0;
        left: -100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: 0.25s ease-in-out;
    }

    html.is-menu-open .menu__inner {
        transform: translateX(100%);
    }

    .menu__close {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 1;
    }

    .menu__content {
        display: flex;
        flex-direction: column;
        height: 100%;
        background-color: #EFEDDE;
        background-image: radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%), radial-gradient(50% 50% at 50% 50%, #EFA663 0%, rgba(239, 237, 222, 0) 100%), radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%), radial-gradient(50% 50% at 50% 50%, #73BD55 0%, rgba(239, 237, 222, 0) 100%);
        background-position: right -35px top -136px, left -223px top 110px, left -190px top 223px, right -198px top -150px;
        background-size: 368px 368px;
        background-repeat: no-repeat;
        padding: 110px 16px 33px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .menu__main {
        flex-grow: 1;
    }

    .menu__nav li {
        margin-bottom: 48px;
    }

    .main {
        margin-bottom: 64px;
    }

    .main .category-image {
        font-size: 4.44px;
        margin: 46px auto 30px;
        left: 0;
    }

    .main__btn {
        width: 100%;
    }

    .benefits {
        border-radius: 24px;
        box-shadow: none;
        font-size: 10px;
        padding: 24px 15px 16px;
        margin-bottom: 94px;
        display: block;
        text-align: center;
    }

    .benefits__item {
        margin-bottom: 24px;
    }

    .category__main-image-col {
        width: 100%;
        margin-bottom: 41px;
    }

    .category__main-content-col {
        width: 100%;
    }

    .category .category-image {
        margin: 0 auto !important;
    }

    .category__content {
        margin-top: 0;
    }

    .category__text {
        margin: 0;
    }

    .category__main {
        padding-top: 32px;
        margin-bottom: 11px;
    }

    .category__slider {
        margin-bottom: 81px;
    }

    .about {
        display: block;
        margin-bottom: 96px;
    }

    .about__image {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .about__content {
        width: 100%;
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
    }

    .contact-form-section__title {
        margin: 0 auto 35px;
        font-size: 32px;
        line-height: 40px;
        max-width: 13em;
    }

    .form-group {
        margin-bottom: 16px;
    }

    .form-btn-row {
        margin-top: 16px;
    }

    .form-btn-row .btn {
        width: 100%;
    }

    .footer {
        padding: 32px 0 42px;
    }

    .bg-circle {
        width: 368px;
        height: 368px;
    }

    .bg-circle-1 {
        top: -136px;
        right: -35px;
    }

    .bg-circle-2 {
        top: 110px;
        left: -223px;
    }

    .bg-circle-3 {
        top: 223px;
        left: -190px;
    }

    .bg-circle-4 {
        top: -150px;
        right: -198px;
    }

    .bg-circle-5,
    .bg-circle-6,
    .bg-circle-7,
    .bg-circle-8 {
        display: none;
    }

    .bg-circle-9 {
        width: 827px;
        height: 827px;
        bottom: -88px;
        margin-left: -466px;
    }

    .bg-circle-10 {
        width: 827px;
        height: 827px;
        bottom: -454px;
        left: -435px;
    }

    .bg-image-1,
    .bg-image-2 {
        display: none;
    }

    .category {
        position: relative;
    }

    .category:before,
    .category:after {
        content: '';
        position: absolute;
        z-index: -1;
        border-radius: 50%;
        pointer-events: none;
    }

    .category._01:before {
        width: 457px;
        height: 457px;
        left: -50px;
        top: -88px;
        background: radial-gradient(50% 50% at 50% 50%, #73BD55 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._01:after {
        width: 694px;
        height: 694px;
        left: -322px;
        top: -187px;
        background: radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._03:before {
        width: 623px;
        height: 623px;
        left: -9px;
        top: -300px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(239, 134, 99, 0.62) 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._03:after {
        width: 669px;
        height: 669px;
        left: -110px;
        top: -178px;
        background: radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._02:before {
        width: 457px;
        height: 457px;
        left: -50px;
        top: -47px;
        background: radial-gradient(50% 50% at 50% 50%, #73BD55 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._02:after {
        width: 694px;
        height: 694px;
        left: -322px;
        top: -146px;
        background: radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._04:before {
        width: 623px;
        height: 623px;
        left: -9px;
        top: -319px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(239, 134, 99, 0.62) 0%, rgba(239, 237, 222, 0) 100%);
    }

    .category._04:after {
        width: 669px;
        height: 669px;
        left: -110px;
        top: -197px;
        background: radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%);
    }

    .product-popup__inner {
        padding: 0;
    }

    .product-popup__window {
        overflow: hidden;
        width: 100%;
        border-radius: 0;
        min-height: 100%;
        transform: translateX(-50px);
        backdrop-filter: none;
        background-color: #EFEDDE;
        background-image: 
            radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%),
            radial-gradient(50% 50% at 50% 50%, #EFA663 0%, rgba(239, 237, 222, 0) 100%),
            radial-gradient(50% 50% at 50% 50%, #F9D978 0%, rgba(239, 237, 222, 0) 100%),
            radial-gradient(50% 50% at 50% 50%, #73BD55 0%, rgba(239, 237, 222, 0) 100%);
        background-position: 
            right -35px top -136px,
            left -223px top 110px,
            left -190px top 223px,
            right -198px top -150px;
        background-size: 368px 368px;
        background-repeat: no-repeat;
        padding: 62px 16px 24px;
    }

    .product-popup__window.is-visible {
        transform: translateX(0px);
    }

    .close-btn {
        background: none;
        opacity: 1;
    }

    .close-btn:before {
            content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 20px;
        margin: -10px;
        background: url('../images/arrow.png') 0 0 no-repeat;
        background-size: 100% 100%;
        transition: 0.15s ease-in-out;
        transform: rotate(180deg);
    }

    .product-popup__close {
    right: auto;
        top: 16px;
        left: 16px;
    }

    .product-popup__slider .slick-arrow {
        display: none !important;
    }

    .product-popup__slider .slick-track {
        display: flex;
    }

    .product-popup__slider .slick-slide {
        flex-shrink: 0;
        display: flex;
            height: auto;
        min-height: 0;
    }

    .product-popup__slider .slick-slide > div {
        width: 100%;
        display: flex;
    }

    .product-popup__slider-item {
        width: 100%;
        display: flex !important;
    }

    .product {
        width: 100%;
        position: relative;
    }

    .product__row {
        display: block;
            margin: 0;
    }

    .product__image-col {
        width: auto;
            padding: 0;
    }

    .product__content-col {
        width: auto;
            padding: 0;
    }

    .product-popup__title {
        line-height: 32px;
    }

    .product__image {
        font-size: 5.55px;
        margin: 6px auto 20px;
    }

    .product__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 33px;
    }

    .product__data {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 23px;
    }

    .product__data li {
        padding-left: 47px;
        margin-bottom: 19px;
    }

    .product__data img {
        width: 32px;
        height: 32px;
    }

    .product__data strong {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .product__footer {
        font-size: 16px;
        line-height: 24px;
        min-height: 0;
        margin-top: 0;
    }

    .product__btn {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 70px;
    }

    .product__content {
        padding-bottom: 114px;
    }

    .product-popup__slider .slick-dots {
        /*bottom: 52px;
        height: 48px;*/
    }
    .category._02 .category-image .__02{
        left:94%
    }
    .main .category-image .__01 {
        left: 10%;
    }

    .main .category-image .__02 {
        right: 9%;
    }
    .product-thumb__image.wd{
        top:20px;
    }
}

@media (max-width: 575.98px) {

}