@media (max-width: 1046px) {
.hero .container{
    overflow: hidden;
}
}
@media (max-width: 1011px){
    .header{
        padding: 17px 0;
    }
    .header__logo svg{
        width: 122px;
        height: 24.345px;
    }
    .header__btn{
        width: 100px;
        height: 32px;
        font-size: 12px;
        letter-spacing: 0.24px;
    }
    .hero .container{
        padding-top: 27px;
    }
    .hero__left h1{
        width: 205.662px;
        font-size: 48.491px;
        letter-spacing: -0.97px;
    }
    .hero__left h1 span{
        font-size: 79.404px;
        letter-spacing: -1.588px;
    }
     .hero__center img{
        width: 277.396px;
        height: 373px;
    }
    .hero__right {
        justify-content: flex-end;
    }
    .hero__right img{
        width: 274px;
        height: 441px;
        margin: 0 -31px 0 0;
    }
    .green__block{
        padding: 19px 0;
    }
    .green__block ul{
        gap: 43px;
    }
    .green__block ul li p{
        font-size: 12px;
    }
    .green__item-1 img{
        width: 97.949px;
        height: 15.958px;
    }
    .green__item-2 img{
        width: 56.843px;
        height: 19.972px;
    }
    .green__item-3 img{
        width: 86.539px;
        height: 19.119px
    }
    .green__item-4 img{
        width: 43.046px;
        height: 20.349px;
    }
    .green__item-5 img{
        width: 33.601px;
        height: 39.349px;
    }
    .green__item-6 img{
        width: 63.624px;
        height: 18.622px;
    }
    .benefits{
        padding: 43px 0 62px 0;
    }
    .benefits__left img{
        width: 458px;
        height: 615px;
        margin: 0 0 0 -70px;
    }
    .benefits__subtitle{
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 5px 0;
    }
    .benefits__title{
        font-size: 39px;
        line-height: 1.02564;
        letter-spacing: -0.78px;
        margin: 0 0 19px 0;
    }
    .benefits__right ul {
        gap: 6px;
        margin: 0 0 32px 0;
    }
    .benefits__item{
        gap: 17px;
    }
    .benefits__item img {
        width: 60px;
        height: 60px;
    }
    .benefits__item  p {
        font-size: 12px;
    }
    .benefits__item h3{
        font-size: 14px;
    }
    .discount__btn button{
        height: 50px;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.28px;
    }
    .benefits__link{
        margin: 13px 0 0 0;
    }
    .reviews .container .swiper{
        padding: 27.8px 0 64.87px 0;
        border-radius: 14.257px;
    }
    .swiper .swiper-slide{
        padding: 0 22.1px;
    }
    .slide__pink-text{
        font-size: 9.98px;
        margin: 0 0 10px 0;
    }
    .slide__title{
        max-width: 566px;
        font-size: 39px;
        line-height: 0.987;
        letter-spacing: -0.78px;
        margin: 0 0 11.41px 0;
    }
    .slide__s-text{
        max-width: 345px;
        font-size: 11.405px;
        margin: 0 0 20px 0;
    }
    .swiper-slide img{
        width: 128.31px;
        height: 128.31px;
        border-radius: 128.31px;
        margin: 0 0 15.68px 0;
    }
    .slide__m-text{
        max-width: 367px;
        font-size: 15.682px;
        margin: 0 0 12.12px 0;
    }
    .slide__name{
        font-size: 9.267px;
        padding: 0 0 34px 0;
    }
    .swiper .swiper-pagination {
        bottom: 31.36px;
    }
    .swiper-pagination-bullet {
        width: 12.118px;
        height: 12.118px;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0  5px;
    }
    .swiper-button-next,
    .swiper-button-prev{
        width: 39.79px;
        height: 39.79px;
    }
    .swiper-button-next{
        right: 37.07px;
        left: auto;
    }
    .swiper-button-prev{
        left: 37.07px;
        right: auto;
    }
    .reviews__info{
        padding: 43.27px 0 35px 0;
    }
    .reviews__info-pink-text{
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    .reviews__info-title{
        font-size: 39px;
        line-height: 1.02564;
        letter-spacing: -0.78px;
        margin: 0 0 30.89px 0;
    }
    .reviews__info img{
        width: 449.139px;
        height: 249.11px;
        margin: 0 0 31px 0;
    }
    .reviews__info-text{
        font-size: 16px;
        line-height:normal;
        max-width: 442px;
    }
    .reviews__block{
        padding: 39px 0 55px 0;
    }
    .reviews__block-img{
        width: 120px;
        height: 120px;
    }
    .reviews__block p{
        font-size: 16px;
        max-width: 477px;
    }
    .reviews__block h4{
        font-size: 12px;
        margin: 0 0 27px 0;
    }
    .reviews__block .discount__btn {
        width: 350px;
        height: 50px;
    }
    .ingredients{
        padding: 34px 0 57px 0;
        background: #F1EAE1;
    }
    .ingredients__pink-text{
        font-size: 12px;
        line-height: 1.5; 
        margin: 0 0 10px 0;
    }
    .ingredients__title{
        max-width: 394px;
        font-size: 39px;
        font-weight: 700;
        line-height: 1.02564;
        letter-spacing: -0.78px;
        margin: 0 0 12px 0;
    }
    .ingredients__s-pink-text{
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 36.82px 0;
    }
    .ingredients__subtitle{
        font-size: 12px;
        line-height: 1.78208;
        margin: 0 0 12.82px 0;
    }
    .igredients__list-top{
        gap: 14.26px;
        padding: 0 0 33.08px 0;
    }
    .ingredient__item img{
        width: 128.31px;
        height: 128.31px;
        margin: 0 0 12px 0;
    }
    .ingredient__item h4{
        font-size: 12px;
        letter-spacing: -0.24px;
        margin: 0 0 5px 0;
    }
    .ingredient__item p {
        font-size: 11px;
    }
    .igredients__list-bottom{
        gap: 4.62px;
        padding: 33.17px 0 0 0;
        margin: 0 0 35px 0;
    }
    .igredients__list-bottom li{
        gap: 7.71px;
    }
    .igredients__list-bottom li h4{
        font-size: 12px;
        line-height: 1.41289;
        letter-spacing:-0.24px;
    }
    .igredients__list-bottom li img{
        width: 92.48px;
        height: 92.48px;
    }
    .ingredients__btn{
        width: 214px;
        height: 50px;;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.28px;
    }
    .advantages{
        padding: 39px 0 71px 0;
    }
    .advantages__top{
        padding: 0 0 73.03px;
    }
    .advantages__title{
        max-width: 100%;
        font-size: 39px;
        line-height: 0.987;
        letter-spacing: -0.78px;
    }
    .advantages__top .advantages__title{
        margin: 0 0 24.9px 0;
    }
    .avantages__top-list{
        gap: 23.99px;
        margin: 0;
    }
    .avantages__top-list li{
        gap: 26.07px;
    }
    .advantages__img-1{
        width: 179.627px;
        height: 152.378px;
        margin: 0 0 9px 0;
    }
    .advantages__img-2 {
        width: 153.054px;
        height: 156.641px;
        margin: 13px 0 9px 0;
    }
    .advantages__img-3 {
        width: 162.96px;
        height: 162.96px;
    }
    .avantages__top-list li div h3{
        font-size: 14px;
        line-height: 1.51169;
        letter-spacing: -0.28px;
        margin: 0 0 7.05px 0;
    }
    .avantages__top-list li div p{
        font-size: 11px;
    }
    .advantages__top .discount__btn, .advantages__top .benefits__link{
        display: none;
    }

    .advantages__center{
        padding: 27.8px 0 39.95px 0;
        border-radius: 14.257px;
    }
    .advantages__center .advantages__title{
        max-width: 100%;
        margin: 0 0 15.68px 0;
    }
    .ingredients__b-text{
        font-size: 16px;
        line-height: 1.33656;
        margin:  0 0 20.67px 0;
    }
    .advantages__center a svg{
        width: 116.175px;
        height: 116.175px;
        margin: 0 0 25.23px 0;
    }
    .advantages__center-text{
        font-size: 16px;
        margin: 0 0 22.92px 0;
    }
    .advantages__center .discount__btn{
        width: 406px;
        height: 50px;    
    }
    .advantages__boottom{
        padding: 52.05px 0 0 0;
    }
    .advantages__boottom .advantages__title{
        margin: 0 0 35.89px 0;
    }
    .advantages__boottom-subtitle{
        font-size: 15.571px;
        margin: 0 0 26.9px 0;
    }
    .advantages__boottom ul{
        gap: 21.23px;
        padding: 0 0 36.37px 0;
    }
    .advantages__boottom ul li{
        gap: 14.16px;
    }
    .advantages__boottom ul li p{
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .advantages__boottom ul li p h4{
        font-size: 9.201px;
    }
    .advantages__star{
        gap: 3.96px;
        padding: 29.51px 0 0 0;
        margin: 0 0 2.83px 0;
    }
    .advantages__star svg{
        width: 24.772px;
        height: 24.772px;
    }
    .advantages__boottom-text{
        font-size: 16px;
        margin: 0 0 24.94px 0;
    }
    .advantages__boottom .discount__btn{
        width: 350px;
        height: 50px;
    }
    .info{
        padding: 52px 0 59px 0;
    }
    .info .ingredients__title{
        max-width: 100%;
        margin: 0 0 35.89px 0;
    }
    .info__list{
        gap: 23.46px;
        margin: 0 0 39.89px 0;
    }
    .info__item{
        gap: 20.61px;
    }
    .info__item img{
        width: 120.835px;
        height: 120.835px;
    }
    .info__item h3 {
        color: #004000;
        text-align: center;
        font-size: 15.637px;
        font-weight: 700;
        line-height: 1.36364;
        letter-spacing: -0.313px;       
    }
    .info .discount__btn{
        width: 350px;
        height: 50px;
    }
    .questions{
        padding: 55px 0 85px 0;
    }
    .questions .ingredients__title{
        margin: 0 0 45px 0;
    }
    .questions__list{
        gap: 16px;
    }
    .questions__item{
        gap: 0;
        padding: 0 0 16px 0;
    }
    .questions__item h3 {
        font-size: 16px;
        line-height: 1.875;
        letter-spacing: -0.32px;
    }
    .footer__left ul li a,
    .footer__center ul li a {
        font-size: 12px;
        line-height: 1.66667;
        letter-spacing: -0.24px;
    }
    .footer .container{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 44px;
    }
    .footer__right{
        width: 349px;
    }


}
@media (max-width:729px){
    .header{
        padding: 22.8px 0 22.45px 0;
    }
    .header .container{
        display: flex;
        justify-content: space-between;
    }
    .header__logo svg{
        width: 104px;
        height: 20.753px;
        margin-right: 0;
    }

    .hero .container{
        padding-top: 37px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        row-gap: 13px;
    }
    .hero__left{
        grid-row: 1;
        grid-column: 1/span2;
        padding-right: 15px;
    }
    .hero__left-text{
        display: flex;
        gap: 5px;
    }
    .hero__left p{
        font-size: 12px;
    }
    .hero__left h1{
        width: 100%;
        letter-spacing: -0.92px;
    }
    .hero__left h1 span{
        font-size: 77px;
        letter-spacing: -1.54px;
    }
    .hero__center{
        grid-row: 2;
        grid-column: 1;
    }
    .hero__center img{
        width: 231px;
        height: 310px;
        margin: 0 0 0 -25px;

    }
    .hero__right {
        grid-row: 2;
        grid-column: 2;
    }
    .hero__right img{
        width: 227px;
        height: 365px;
        margin: 0 0 0 -38px;
    }
    .green__block{
        padding: 32px 0;
    }
    .green__block ul{
        gap: 7px 32px;
    }
    .benefits{
        padding: 40px 0 42px 0;
    }
    .benefits .container{
        flex-direction: column;
    }
    .benefits__subtitle{
        display: none;
    }
    .benefits__title-2{
        color: #FF3874;
        font-size: 39px;
        font-weight: 700;
        line-height: 1.02564;
        letter-spacing: -0.78px;
        text-align: center;
    }
    .benefits__subtitle, .benefits__subtitle-2 {
        text-align: center;
    }
    .benefits__title{
        display: none;
    }
    .benefits__top{
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .benefits__title-2{
        margin: 0 0 22px 0;
    }
    .benefits__left{
        margin: 0 auto;
    }
    .benefits__left img{
        width: 273px;
        height: 367px;
        margin: 0 0 33px 0;
    }
    .benefits__right ul {
        margin: 0 0 24px 0;
        gap: 20px;
    }
    .reviews .container .swiper{
        padding: 28px 0 34.88px 0;
        border-radius: 14.257px;
    }
    .swiper-slide{
        padding: 0 16px;
        width: 100%;
    }
    .slide__pink-text{
        font-size: 12px;
        line-height: 1.06925;
        margin: 0 0 12px 0;
    }
    .slide__title{
        max-width: 100%;
        margin: 0 0 20px 0;
    }
    .slide__s-text{
        max-width: 237px;
        margin: 0 0 19px 0;
    }
    .swiper-slide img{
        margin: 0 0 23.69px 0;
    }
    .slide__m-text{
        max-width: 261px;
        margin: 0 0 23.69px 0;
    }
    .swiper .swiper-pagination {
        bottom: 34.88PX;
    }
    .swiper-pagination-bullet {
        width: 12.118px;
        height: 12.118px;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0  5px;
    }

    .swiper-button-next{
        right: 29.21px;
        left: auto;
    }
    .swiper-button-prev{
        left: 29.21px;
        right: auto;
    }
    .reviews__info{
        padding: 31px 0 33px 0;
    }

    .reviews__info-title{
        margin: 0 0 18px 0;
    }
    .reviews__info img{
        width: 320px;
        height: 177.485px;
        margin: 0 0 27.52px 0;
    }
    .reviews__info-text{
        max-width: 100%;
    }
    .reviews__block{
        padding: 33px 0 66px 0;
    }
    .reviews__block p{
        max-width: 100%;
    }
    .reviews__block h4{
        margin: 0 0 28px 0;
    }
    .reviews__block .discount__btn {
        width: 100%;
        height: 50px;
    }
    .ingredients{
        padding: 24px 0 76px 0;
    }
    .ingredients__title{
        max-width: 100%;
        margin: 0 0 15px 0;
    }
    .ingredients__s-pink-text{
        font-size: 14px;
        margin: 0 0 32px 0;
    }
    .ingredients__subtitle{
        margin: 0 0 24px 0;
    }
    .igredients__list-top{
        gap: 12px 15px;
        padding: 0 0 45.88px 0;
    }
    .ingredient__item h4{
        font-size: 12px;
        letter-spacing: -0.24px;
        margin: 0 0 5px 0;
    }
    .ingredient__item p {
        font-size: 11px;
    }
    .igredients__list-bottom{
        gap:  5.51px 4.62px;
        padding: 46px 0 0 0;
        margin: 0 0 38.14px 0;
    }
    .advantages{
        padding: 24px 0 49px 0;
    }
    .advantages__top{
        padding: 0 0 68.65px;
    }
    .advantages__title{
        line-height: 1.02564;
    }
    .advantages__top .advantages__title{
        margin: 0 0 30px 0;
        max-width: 320px;
    }
    .avantages__top-list{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 48px;
        margin: 0;
    }
    .avantages__top-list li{
        gap: 22px;
    }
    .avantages__top-list li .item__content{
        max-width: 182px;
    }
    
    .advantages__img-1{
        width: 195px;
        height: 154px;
    }
    .advantages__img-2 {
        width: 153.054px;
        height: 156.641px;
    }
    .advantages__img-3 {
        width: 162.96px;
        height: 162.96px;    
    }
    .advantages__center{
        padding: 28px 0 47px 0;
    }
    .advantages__center .advantages__title{
        max-width: 320px;
        margin: 0 0 10px 0;
    }
    .ingredients__b-text{
        max-width: 264px;
        margin:  0 0 22px 0;
    }
    .advantages__center a svg{
        margin: 0 0 21.82px 0;
    }
    .advantages__center-text{
        max-width: 191px;
        font-size: 16px;
        margin: 0 0 31px 0;
    }
    .advantages__center .discount__btn{
        width: 260px;
    }
    .advantages__center .discount__btn button{
        padding: 0 16px;
       
    }
    .advantages__boottom{
        padding: 45px 0 0 0;
    }
    .advantages__boottom .advantages__title{
        max-width: 311px;
        margin: 0 0 24px 0;
    }
    .advantages__boottom-subtitle{
        font-size: 15.571px;
    }
    .advantages__boottom ul{
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 26px;
        padding: 0 0 39.17px 0;
    }
    .advantages__boottom ul li p{
        max-width: 218px;
    }
    .advantages__star{
        padding: 29px 0 0 0;
    }
    .advantages__boottom-text{
        margin: 0 0 28.45px 0;
    }
    .advantages__boottom .discount__btn{
        width: 318px;
    }
    .info{
        padding: 49px 0 57px 0;
    }
    .info .ingredients__title{
        max-width: 240px;
        margin: 0 0 42px 0;
    }
    .info__list{
        flex-wrap: wrap;
        gap: 23px;
        margin: 0 0 34.32px 0;
    }
    .info__item{
        gap: 10.61px;
    }
    .info__item img{
        width: 120.835px;
        height: 120.835px;
    }
    .info .discount__btn{
        width: 318px;
    }
    .questions{
        padding: 77px 0 56px 0;
    }
    .questions .ingredients__title{
        margin: 0 0 24px 0;
    }
    .questions__list{
        width: 100%;
        gap: 20px;
    }
    .questions__item{
        gap: 10px;
        padding: 0 0 20px 0;
    }
    .questions__item h3 {
        font-size: 22px;
        line-height: 1.36364;
        letter-spacing: -0.44px;        
    }


}
@media (max-width: 499px) {

}
@media (max-width: 389px) {
    .container{
        padding: 0 15px;
    }
    .hero__left {
        max-width: 320px;
    }
}