@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.g3 {
    gap: 3px !important;
}

.g5 {
    gap: 5px !important;
}

.g10 {
    gap: 10px !important;
}

.g12 {
    gap: 12px !important;
}

.g15 {
    gap: 15px !important;
}

.g20 {
    gap: 20px !important;
}

.g22 {
    gap: 22px !important;
}

.g23 {
    gap: 23px !important;
}

.g40 {
    gap: 40px !important;
}

.g50 {
    gap: 50px !important;
}

.g83 {
    gap: 83px !important;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.j-start {
    justify-content: start;
}

.p0p20 {
    padding: 0px 20px;
}

@media screen and (max-width: 2440px) {
    .mmilk-main {
        margin-top: 0px;
    }
    .offer-slide .mat-mol-double {
        right: -310px;
        max-width: 870px;
        top: -30px;
    }
}
@media screen and (max-width: 1920px) {
    .mmilk-main {
        margin-top: 0px;
    }
    .offer-slide .mat-mol-double {
        width: 100%;
    }
}
@media screen and (max-width: 1440px) {
    .mmilk-main {
        margin-top: 0px;
    }
}
@media screen and (max-width: 1240px) {
    .mmilk-main {
        margin-top: 0px;
    }
}
@media (max-width: 992px) {
    .mmilk-main {
        margin-top: 0px;
    }
}
@media (max-width: 768px) {
    .mmilk-main {
        margin-top: 0px;
    }
}
@media (max-width: 768px) {
    .mmilk-main {
        margin-top: 0px;
    }
}
@media screen and (min-width: 481px) {
    
    .mmilk-main {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        color: #363029;
        background-color: #FFF6DB;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    
    .background-image {
        position: absolute;
        inset: 0;
        /* height: 100%; */
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .block1 {
        background-image: url(media/pc/first_block_background.png);
        box-sizing: border-box;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 100px 150px;
        /* height: 900px; */
        padding-bottom: 300px;
        margin-bottom: 150px;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
    
    .vertical-flex {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .block1-vflex {
        flex-direction: row;
        justify-content: start;
    }
    
    .horizontal-flex {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        flex-direction: row;
        gap: 20px;
    }
    
    .t-a-left {
        text-align: left;
    }
    
    .t-a-center {
        text-align: center;
    }
    
    .first-block-description {
        gap: 40px;
        width: 612px;
        position: relative;
        z-index: 1;
    }
    
    .w700 {
        font-weight: 700;
    }
    
    button.question-button {
        max-width: 300px;
        width: 100%;
        box-sizing: border-box;
        color: #FFF;
    }
    
    button.black-variant {
        outline: 1px solid #363029;
        color: #363029;
    }

    button.buy-button {
        max-width: 300px;
        width: 100%;
        box-sizing: border-box;
        background-color: #FFFFFF;
        color: #363029;
    }
    
    .h-padding {
        padding: 0px 150px;
    }
    
    .pos-rel {
        position: relative;
    }
    
    .pos-abs {
        position: absolute;
    }
    
    .block2 {
        gap: 20px;
        justify-content: stretch;
        margin-bottom: 200px;
    }
    
    .block2 > * {
        width: 100%;
        box-sizing: border-box;
        /* flex-grow: 1; */
    }

    .second-block2 {
        object-fit: cover;
        border-radius: 10px;
    }
    
    .second-block1-2 {
        gap: 20px;
    }
    
    .second-block1-2-1 {
        border-radius: 10px;
    }
    
    .v27 {
        color: #FEA700;
        font-size: 56px;
        font-weight: 700;
    }
    
    .v27-1 {
        font-size: 172px;
    }
    
    .second-block1-2-1 {
        object-fit: cover;
        /* height: 113px; */
    }
    
    .second-block1-2-2 {
        padding: 36px 43px;
    }
    
    .block3 {
        height: 680px;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 250px;
    }
    
    .third-block-1-2 {
        padding: 118px 69px 118px 467px;
        /* margin-top: 130px; */
    }

    .girl-nature {
        content: url(media/pc/girl_nature.png);
        left: 75px;
        /* top: 100px; */
        border-radius: 20px;
        object-fit: contain;
    }

    .mat-molochko-2 {
        content: url(media/pc/mat_molochko_2.png);
        transform: rotate(-9.878deg);
        left: 363px;
        top: 442px;
        border-radius: 20px;
		max-height: 280px;
    }
    
    .third-block-1-1-1 {
        left: -100px;
        top: -125px;
        border-radius: 20px;
        object-fit: contain;
    }
    
    .third-block-1-1-2 {
        left: 132px;
        top: 240px;
        border-radius: 20px;
    }
    
    .small-text {
        color: #363029;
        font-size: 24px;
        font-weight: 600;
        padding: 51px 47px;
    }
    
    .equal-blocks > * {
        flex: 1 1 0;
    }
    
    .abs-right-center {
        right: -55px;
        bottom: 0;
        top: 0;
        margin: auto;
    }
    
    .abs-left-center {
        left: -55px;
        bottom: 0;
        top: 0;
        margin: auto;
    }
    
    .image-block {
        padding: 76px 65px;
        background-color: #FDE53B;
        border-radius: 20px;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
    }

    button.buy-button-2 {
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        height: 92px;
        padding: 10px;
        justify-content: center;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 15px;
        background: #54A700;
    }
    
    .conclusion-text {
        color: #363029;
        text-align: center;
        font-size: 24px;
        font-style: italic;
        font-weight: 600;
        line-height: 150%; /* 36px */
        border-radius: 20px;
        background: #FEA700;
        padding: 45px 132px;
    }
    
    .block4 {
        z-index: 10;
    }

    .block4.mobile-version {
        display: none;
    }

    .block4-1 {
        gap: 50px;
    }

    .block4-1-h {
        margin-bottom: 10px;
    }

    .block4-1-1 {
        gap: 10px;
    }

    .block4-2-2 {
        gap: 20px;
    }

    .elements-svg {
        content: url(media/pc/elements.svg);
    }

    .vitamins-svg {
        content: url(media/pc/vitamins.svg);
    }  

    .ferments-svg {
        content: url(media/pc/ferments.svg);
    }

    .acids-svg {
        content: url(media/pc/acids.svg);
    }

    .aminoacids-svg {
        content: url(media/pc/aminoacids.svg);
    }

    .mat-molochko-2-2 {
        content: url(media/pc/mat_molochko_2.png);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .block5 {
        z-index: 5;
        /* height: 1450px; */
        background-image: url(media/pc/background5.png);
        background-repeat: no-repeat;
        margin-top: -150px;
        padding: 300px 95px 400px 95px;
    }

    .block5.mobile-version {
        display: none;
    }

    .block5-1 {
        gap: 50px;
    }

    .block5-1-1 {
        gap: 22px;
    }

    .block5-1-1-1 {
        gap: 13px;
        height: 209px;
    }

    .block5-1-1-2 {
        gap: 13px;
    }

    .block5 .image-element {
        min-height: 191px;
    }
    .image-element.iem-immunity {
        background-image: url(media/pc/iem-immunity.png);
        padding: 48px 22px 33px 107px;
        width: 480px;
    }

    .image-element.iem-dna {
        background-image: url(media/pc/iem-dna.png);
        padding: 48px 21px 33px 91px;
        width: 463px;
    }

    .image-element.iem-balance {
        background-image: url(media/pc/iem-balance.png);
        padding: 48px 0px 33px 92px;
        width: 443px;
    }

    .image-element.iem-youth {
        background-image: url(media/pc/iem-youth.png);
        padding: 48px 22px 33px 107px;
        width: 480px;
    }

    
    .image-element.iem-attention {
        background-image: url(media/pc/iem-attention.png);
        padding: 48px 21px 33px 91px;
        width: 463px;
    }

    .image-element.iem-sport {
        background-image: url(media/pc/iem-sport.png);
        padding: 48px 0px 33px 92px;
        width: 443px;
    }

    .image-element.iem-energy {
        background-image: url(media/pc/iem-energy.png);
        padding: 48px 22px 33px 107px;
        width: 480px;
    }

    
    .image-element.iem-reproduction {
        background-image: url(media/pc/iem-reproduction.png);
        padding: 48px 21px 33px 91px;
        width: 463px;
    }

    .image-element.iem-protection {
        background-image: url(media/pc/iem-protection.png);
        padding: 48px 0px 33px 92px;
        width: 443px;
    }
    
    .image-element {
        background: transparent;
        background-repeat: no-repeat;
        color: #363029;
        font-size: 24px;
        font-weight: 700;
        line-height: 132%; /* 31.68px */
        box-sizing: border-box;
    }
    
    .block6 {
        z-index: 1;
        /* height: 1450px; */
        background-image: url(media/pc/nature_background.png);
        background-repeat: no-repeat;
        margin-top: -360px;
        padding: 562px 95px 400px 95px;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        height: 100%;
        height: 500px;
        box-sizing: unset;
    }

    .b6-1 {
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

    .b6-2 {
        width: 643px;
    }
    
    h2.nature-header {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 43px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 987px;
    }
    
    .offer-slide {
        background-color: #FFF;
        border-radius: 20px;
        padding: 60px;
        position: absolute;
        z-index: 10;
        left: 150px;
        /* height: 464px; */
        width: 1020px;
    }

    .offer-slide h3 {
        color: #54575C;
        font-size: 30px;
        font-weight: 600;
    }

    .offer-body {
        width: 485px;
        gap: 20px;
    }
    
    .offer-header {
        color: #363029;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    
    .offer-header-accent {
        color: #FEA800;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    
    .offer-text {
        background: transparent;
        padding: 0px;
        color: #363029;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 28.8px */
    }
    
    .block7 {
        background-color: #FFED50;
        height: 886px;
        margin-top: -370px;
    }

    .offer-slide-btn-block {
        padding-top: 20px;
    }

    button.offer-button {
        color: #FFFFFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-radius: 10px;
        padding: 22px 40px;
        background-color: #54A700;
        width: 50%;
    }

    button.offer-button.transparent-button {
        padding: 0;
    }

    button.transparent-button {
        background-color: transparent;
        color: #363029;
        outline: 1px solid #363029;
    }
    
    .block8 {
        z-index: 5;
        /* height: 1450px; */
        background-image: url(media/pc/background_bees.png);
        background-repeat: no-repeat;
        margin-top: -400px;
        height: 1138px;
        padding: 0px 150px;
        /* padding: 300px 95px 400px 95px; */
    }

    .box-milk-image {
        display: none;
    }

    .box-milk-image-2 {
        content: url(media/pc/box-milk.png);
        width: 100%;
    }

    .block1-vflex {
        gap: 10px;
    }
    
    .bees-image {
        content: url(media/pc/bees.png);
        object-fit: cover;
    }

    .block-21 {
        gap: 20px;
    }

    .block2-1 {
        gap: 20px;
    }

    .block2-2 {
        padding: 14px 14px;
    }
    
    .action {
        padding: 0;
        background: transparent;
        padding-top: 22px;
        color: #363029;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        width: 371px;
        line-height: 132%; /* 31.68px */
    }
    
    .block9 {
        z-index: 5;
        /* height: 1450px; */
        margin-top: -50px;
        /* height: 1138px; */
        padding: 0px 150px 200px 150px;
        /* padding: 300px 95px 400px 95px; */
    }

    .block9.mobile-version {
        display: none;
    }

    .block10.mobile-version {
        display: none;
    }

    .block8.mobile-version {
        display: none;
    }

    .b81 {
        gap: 69px;
        margin-top: 208px;
    }

    .g12 {
        gap: 12px;
    }

    .g23 {
        gap: 23px;
    }

    .g83 {
        gap: 83px;
    }
    
    .faq-question {
        position: absolute;
        top: 0;
        padding: 30px 30px 30px 62px;
        background-color: #FFBD00;
        color: #363029;
        font-size: 32px;
        font-weight: 600;
        border-radius: 18px;
        width: 100%;
        box-sizing: border-box;
        pointer-events: none;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        user-select: none;
    }
    
    .expand-icon {
        right: 0px;
        margin: auto;
    }
    
    .minus-icon {
        opacity: 0;
    }
    
    .faq-body {
        pointer-events: all;
        cursor: pointer;
        position: relative;
        padding-top: 100px;
    }
    
    .faq-answer {
        z-index: 0;
        height: 100px;
        margin-top: -100px;
        overflow-y: hidden;
        clip-path: inset(0 0 100% 0);
        pointer-events: none;
        transition: all 0.1s ease;
    }
    
    .faq-body.open > .faq-answer.answer1 {
        height: 548px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-body.open > .faq-answer.answer2 {
        height: 515px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-body.open > .faq-answer.answer3 {
        height: 610px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-answer-content {
        position: relative;
        z-index: 15;
        /* margin-top: 100px; */
        padding: 0px 50px;
        padding-top: 160px;
        justify-content: flex-start;
    }
    .faq-answer-content ul {
        list-style: disc;
    }
    .faq-answer-content-text {
        color: #363029;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0px;
    }

    .g15 {
        gap: 15;
    }

    .g10 {
        gap: 10px;
    }

    .mat-mol-double {
        right: -228px;
        top: 20px;
        content: url(media/pc/mat_mol_double.png);
    }
    
    .block10 {
        padding: 0px 150px 150px 150px;
    }

    .block10-img {
        content: url(media/pc/block10_img.png);
    }

    .g20 {
        gap: 20px;
    }

    .g40 {
        gap: 40px;
    }
    
    .input-field {
        background-color: #F9F9F9;
        border: none;
        border-radius: 10px;
        padding: 23px;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 400;
    }
    
    button.send-request {
        padding: 20px;
        border-radius: 10px;
        background: #54A700;
        color: #FFF;
        font-family: Montserrat;
        font-size: 24px;
        font-weight: 600;
    }
    
    .agreement-note {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0px;
    }
    
    .block11 {
        padding: 0px 150px 9px;
        background-image: url(media/pc/block11_img.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
        border-radius: 40px;
        z-index: 10;
    }
    .block11 .image-element {
        font-weight: normal;
    }
    .block11 .buttons-block {
        padding-left: 20px;
    }
    .block11 .buttons-block button {
        width: 100%;
        max-width: 100%;
        padding: 22px 0;
    }

    .b111 {
        padding: 55px 30px;
        gap: 40px;
        width: 647px;
    }

    .block11 > .vertical-flex > .image-element.b111-1 {
        padding: 45px 16px 62px 82px; 
        background-image: url(media/pc/block11_img_frame.png);
        width: 647px;
        background-repeat: no-repeat;
    }

    .p10p5 {
        padding: 10px 5px;
    }
    
    .block11 > .image-element {
        color: #363029;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%; /* 36.4px */
    }
    
    .final-comment {
        color: #363029;
        font-family: Montserrat;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 32.4px */
        padding: 0px 20px;
        background: transparent;
    }
    
    .block12 {
        padding: 0px 150px;
        background-image: url(media/pc/block12_img.png);
        background-repeat: no-repeat;
        margin-top: -180px;
        padding-top: 280px;
        padding-bottom: 50px;
        z-index: 5;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
    }
    .block12.pc-version {
        margin-top: -248px;
    }
    .block12.pc-version .social-list,
    .block12.pc-version .contact-list {
        opacity: 0;
        height: 0;
    }

    .block12.mobile-version {
        display: none;
    }

    .g5 {
        gap: 5px;
    }
    
    a.big-info {
        color: #363029;
        text-align: right;
        font-family: Montserrat;
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 60px */
        text-decoration: none;
    }
    
    a.small-info {
        color: #363029;
        text-align: right;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 36px */
        text-decoration: none;
    }
    
    .hover1, .hover2, .hover3 {
        transition: all 0.1s ease;
    }

}

@media screen and (max-width: 480px) {
    
    .mmilk-main {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        font-family: 'Montserrat', sans-serif;
        color: #363029;
        background-color: #FFF6DB;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    
    .block1 {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 50px 20px 130px 20px;
        background-image: url(media/mobile/first_block_background.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100% auto;
        height: 560px;
    }
    
    .vertical-flex {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .horizontal-flex {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        flex-direction: row;
        gap: 20px;
    }
    
    .t-a-left {
        text-align: left;
    }
    
    .t-a-center {
        text-align: center;
    }
    
    button.question-button {
        box-sizing: border-box;
        color: #FFF;
    }
    
    button.black-variant {
        outline: 1px solid #363029;
        color: #363029;
        padding: 10px 5px;
        width: 50%;
    }

    button.buy-button {
        box-sizing: border-box;
        background-color: #FFFFFF;
        color: #363029;
        padding: 10px 5px;
    }
    
    .first-block-description {
        gap: 20px;
    }
    
    .w700 {
        font-weight: 700;
    }
    
    /* .h-padding {
        padding: 0px 150px;
    } */
    
    .pos-rel {
        position: relative;
    }
    
    .pos-abs {
        position: absolute;
    }
    
    .block2 {
        gap: 20px;
        justify-content: stretch;
        padding: 50px 10px;
    }
    
    .v27 {
        color: #FEA700;
        font-family: Montserrat;
        font-size: 23.995px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    
    .v27-1 {
        color: #FEA700;
        font-family: Montserrat;
        font-size: 70px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    
    .block3 {
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        padding: 0px 10px;
    }
    
    .third-block-1-2 {
        padding: 226px 22px 22px 22px;
        margin-top: 70px;
    }
    
    .small-text {
        color: #363029;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 28px 10px 18px 10px;
    }
    
    .equal-blocks > * {
        flex: 1 1 0;
    }
    
    .abs-top-left {
        left: 15px;
        top: -22px;
    }
    
    .abs-left-center {
        left: -55px;
        bottom: 0;
        top: 0;
        margin: auto;
    }
    
    .image-block {
        background-color: #FDE53B;
        border-radius: 10px;
        width: 100%;
        padding: 28px 5px 18px 10px;
    }

    .g15 {
        gap: 15;
    }

    .g10 {
        gap: 10px;
    }

    button.buy-button-2 {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        justify-content: center;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 5px;
        padding: 20px;
        width: 100%;
        background: #54A700;
    }
    
    .conclusion-text {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: italic;
        font-weight: 600;
        line-height: 140%; /* 16.797px */
        padding: 18px 15px;
        background: #FEA700;
    }
    
    .block4 {
        z-index: 10;
        margin-top: 100px;
        padding: 0px 10px;
        gap: 20px;
    }

    .block4.pc-version {
        display: none;
    }

    .block4-1 {
        gap: 33px;
    }

    .block4-1-h {
        margin-bottom: 10px;
    }

    .block4-1-1 {
        gap: 10px;
    }

    .elements-svg {
        content: url(media/mobile/elements.svg);
    }

    .vitamins-svg {
        content: url(media/mobile/vitamins.svg);
    }  

    .ferments-svg {
        content: url(media/mobile/ferments.svg);
    }

    .acids-svg {
        content: url(media/mobile/acids.svg);
    }

    .aminoacids-svg {
        content: url(media/mobile/aminoacids.svg);
    }

    .mat-molochko-2-2 {
        content: url(media/mobile/mat_molochko_2.png);
        width: 97px;
        height: 132px;
        bottom: 12px;
        left: 0;
        right: 0;
        margin: auto;
        object-fit: cover;
    }

    
    .block5 {
        z-index: 5;
        background-image: url(media/mobile/background5_mob.svg);
        background-repeat: no-repeat;
        margin-top: -50px;
        padding: 0px 20px;
        padding-top: 100px;
        height: 1410px;
    }

    .block5.pc-version {
        display: none;
    }

    .g20 {
        gap: 20px;
    }

    .g40 {
        gap: 40px;
    }

    .image-element.iem-immunity {
        background-image: url(media/mobile/iem-immunity.svg);
        padding: 27px 13px 24px 58px;
    }

    .image-element.iem-dna {
        background-image: url(media/mobile/iem-dna.svg);
        padding: 27px 13px 37px 58px;
    }

    .image-element.iem-balance {
        background-image: url(media/mobile/iem-balance.svg);
        padding: 27px 13px 32px 58px;
    }

    .image-element.iem-youth {
        background-image: url(media/mobile/iem-youth.svg);
        padding: 27px 13px 39px 58px;
    }

    
    .image-element.iem-attention {
        background-image: url(media/mobile/iem-attention.svg);
        padding: 27px 13px 31px 58px;
    }

    .image-element.iem-sport {
        background-image: url(media/mobile/iem-sport.svg);
        padding: 27px 13px 24px 58px;
    }

    .image-element.iem-energy {
        background-image: url(media/mobile/iem-energy.svg);
        padding: 27px 13px 43px 58px;
    }

    
    .image-element.iem-reproduction {
        background-image: url(media/mobile/iem-reproduction.svg);
        padding: 27px 13px 32px 58px;
    }

    .image-element.iem-protection {
        background-image: url(media/mobile/iem-protection.svg);
        padding: 27px 13px 32px 58px;
    }

    .gap22 {
        gap: 22px;
    }

    .gap50 {
        gap: 50px;
    }

    .b6-1 {
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

    .b6-2 {
        width: 217px;
    }
    
    .image-element {
        color: #363029;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 700;
        line-height: 132%; /* 18.476px */
        box-sizing: border-box;
    }
    
    .block6 {
        z-index: 1;
        /* height: 1450px; */
        background-image: url(media/mobile/nature_background.png);
        background-repeat: no-repeat;
        margin-top: -360px;
        padding: 170px 10px 400px 10px;
        display: -webkit-box;
display: -ms-flexbox;
display: flex;
        -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        height: 100%;
        /* height: 500px; */
        margin-top: -130px;
        background-size: cover;
        box-sizing: unset;
    }
    
    h2.nature-header {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 17.996px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 25.195px */
        width: 300px;
    }
    
    .offer-slide {
        background-color: #FFF;
        border-radius: 20px;
        padding: 150px 13px 37px 13px;
        position: absolute;
        z-index: 10;
        left: 10px;
        width: 300px;
        box-sizing: border-box;
    }
    
    .offer-body {
        /* width: 485px; */
        gap: 20px;
    }
    
    .offer-header {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 17.996px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        /* width: 274px; */
        box-sizing: border-box;
        margin: 0px;
    }
    
    .offer-header-accent {
        color: #FEA800;
        font-family: Montserrat;
        font-size: 17.996px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    
    .offer-text {
        background: transparent;
        padding: 0px;
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 19.196px */
        /* width: 274px; */
    }
    
    .block7 {
        background-color: #FFED50;
        height: 886px;
        margin-top: -270px;
    }

    .mat-mol-double {
        left: 0;
        right: 0;
        margin: auto;
        top: -110px;
        width: 301.937px;
        height: 221.054px;
        content: url(media/mobile/mat_mol_double.png);
    }
    
    button.offer-button {
        color: #FFFFFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 12.653px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-radius: 5px;
        padding: 10px 5px;
        background-color: #54A700;
    }
    
    button.transparent-button {
        background: transparent;
        color: #363029;
        outline: 1px solid #363029;
    }
    
    .block8 {
        z-index: 0;
        /* height: 1450px; */
        background-image: url(media/mobile/background_bees.svg);
        background-repeat: no-repeat;
        margin-top: -1135px;
        height: auto;
        /* padding: 0px 150px; */
        /* padding: 300px 95px 400px 95px; */
        padding-top: 519px;
        padding-bottom: 350px;
    }

    .b81 {
        gap: 42px;
        margin-top: 280px;
    }

    .b811 {
        gap: 70px;
        padding: 0px 30px;
    }

    .g12 {
        gap: 12px;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    }

    .g23 {
        gap: 23px;
    }

    .g83 {
        gap: 83px;
    }

    .block8.pc-version {
        display: none;
    }
    
    .action {
        padding: 0;
        background: transparent;
        /* padding-top: 22px; */
        color: #363029;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 700;
        line-height: 132%; /* 18.476px */
        line-height: 132%; /* 31.68px */
    }
    
    .block9 {
        z-index: 5;
        /* height: 1450px; */
        margin-top: -50px;
        /* height: 1138px; */
        padding: 0px 10px;
        /* padding: 300px 95px 400px 95px; */
    }

    .block9.pc-version {
        display: none;
    }

    .block10.pc-version {
        display: none;
    }
    
    .faq-question {
        position: absolute;
        top: 0;
        padding: 18px 65px 18px 15px;
        background-color: #FFBD00;
        color: #363029;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
        pointer-events: none;
        -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        user-select: none;
    }
    
    .expand-icon {
        right: 16px;
        margin: auto;
    }
    
    .minus-icon {
        opacity: 0;
    }
    
    .faq-body {
        pointer-events: all;
        cursor: pointer;
        position: relative;
        padding-top: 70px;
    }
    
    .faq-answer {
        z-index: 0;
        height: 70px;
        margin-top: -70px;
        overflow-y: hidden;
        clip-path: inset(0 0 100% 0);
        pointer-events: none;
        transition: all 0.1s ease;
    }
    
    .faq-body.open > .faq-answer.answer1 {
        height: 455px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-body.open > .faq-answer.answer2 {
        height: 390px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-body.open > .faq-answer.answer3 {
        height: 590px;
        clip-path: inset(0 0 0 0);
    }
    
    .faq-answer-content {
        position: relative;
        z-index: 15;
        /* margin-top: 100px; */
        padding: 0px 15px;
        padding-top: 85px;
        justify-content: flex-start;
    }
    
    .faq-answer-content-text {
        color: #363029;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 19.6px */
        padding: 0px;
    }
    
    .block10 {
        padding: 0px 10px;
        padding-top: 50px;
    }
    
    .input-field {
        background-color: #F9F9F9;
        border: none;
        border-radius: 5px;
        padding: 10px;
        color: #363029;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    button.send-request {
        padding: 15px;
        border-radius: 5px;
        background: #54A700;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        width: 100%;
    }
    
    .agreement-note {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 8.998px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0px;
    }

    .girl-nature {
        content: url(media/mobile/girl_nature.png);
        width: 164px;
        height: 240px;
        transform: rotate(11.853deg);
        top: 0px;
        left: 50px;
    }

    .mat-molochko-2 {
        content: url(media/mobile/mat_molochko_2.png);
        width: 97px;
        height: 132px;
        transform: rotate(-9.878deg);
        top: 100px;
        right: 30px;
    }
    
    .block11 {
        margin: 0px 10px;
        background-image: url(media/mobile/block11_img.png);
        background-repeat: no-repeat;
        background-position: top;
        /* background-clip: content-box; */
        border-radius: 10px;
        background-size: cover;
        z-index: 10;
        margin-top: 70px;
        height: 850px;
    }

    .b111 {
        padding: 20px 10px;
        gap: 40px;
    }

    .block11 > .vertical-flex > .image-element.b111-1 {
        padding: 20px 20px 26px 42px; 
        background-image: url(media/mobile/block11_img_frame.svg); 
        background-repeat: no-repeat;
        background-size: contain;
        font-weight: normal;
    }
    .block11 > .vertical-flex > .image-element.b111-1 b {
        font-weight: bold;
    }
    .p10p5 {
        padding: 10px 5px;
    }

    .block1-vflex {
        gap: 10px;
    }

    .box-milk-image {
        content: url(media/mobile/box-milk.png);
        width: 100%;
    }

    .second-block2 {
        display: none;
    }
    
    .bees-image {
        content: url(media/mobile/bees.png);
        width: 53px;
        height: 166px;
    }

    .block-21 {
        gap: 10px;
    }

    .block2-1 {
        gap: 10px;
    }

    .block2-2 {
        padding: 14px 14px;
    }
    
    .block11 > .vertical-flex > .image-element {
        color: #363029;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        padding: 0px;
        background: transparent;
    }
    
    .buttons-block > * {
        flex: 1 1 0;
    }
    
    .final-comment {
        color: #363029;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%; /* 21.596px */
        padding: 0px 5px;
        background: transparent;
    }
    
    .block12 {
        padding: 0px 10px;
        background-image: url(media/mobile/block12_img.png);
        background-repeat: no-repeat;
        margin-top: -90px;
        padding-top: 150px;
        padding-bottom: 60px;
        z-index: 5;
        gap: 40px;
        -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
        width: 100%;
        box-sizing: border-box;

    }

    .block12.pc-version {
        display: none;
    }

    .g5 {
        gap: 5px;
    }
    
    a.big-info {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 32.4px */
        text-decoration: none;
    }
    
    a.small-info {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 19.2px */
        text-decoration: none;
    }
    
    .hover1, .hover2, .hover3 {
        transition: all 0.1s ease;
    }

}

@media (hover:hover) {
    .hover1:hover {
        background-color: #54A700;
        color: #FFFFFF;
        outline: transparent;
    }
}

@media (hover:none) {
    .hover1:active {
        background-color: #54A700;
        color: #FFFFFF;
        outline: transparent;
    }
}

@media (hover:hover) {
    .hover2:hover {
        background-color: #FFBD00;
        color: #363029;
        outline: transparent;
    }
}

@media (hover:none) {
    .hover2:active {
        background-color: #FFBD00;
        color: #363029;
        outline: transparent;
    }
}

@media (hover:hover) {
    .hover3:hover {
        background-color: #FDE53B;
        color: #363029;
        outline: transparent;
    }
}

@media (hover:none) {
    .hover3:active {
        background-color: #FDE53B;
        color: #363029;
        outline: transparent;
    }
}

@media (hover:hover) {
    .vkhover:hover > svg > g > g > path {
        fill: #0066FF;
    }
}

@media (hover:none) {
    .vkhover:active > svg > g > g > path {
        fill: #0066FF;
    }
}

@media (hover:hover) {
    .wahover:hover > svg > g > path {
        fill: #48BC00;
    }
}

@media (hover:none) {
    .wahover:active > svg > g > path {
        fill: #48BC00;
    }
}

@media (hover:hover) {
    .ythover:hover > svg > g > g > path {
        fill: #FF0000;
    }
}

@media (hover:none) {
    .ythover:active > svg > g > g > path {
        fill: #FF0000;
    }
}

@media (hover:hover) {
    .sitehover:hover > svg > g > path {
        fill: #FF8900;
    }
}

@media (hover:none) {
    .sitehover:active > svg > g > path {
        fill: #FF8900;
    }
}

@media (hover:hover) {
    .faq-body:hover > .faq-question > .plus-icon > g> path:first-child {
        fill: #FDE53B;
    }
    .faq-body:hover > .faq-question > .plus-icon > g > path:nth-child(2) {
        stroke: #363029;
    }
}

@media (hover:hover) {
    .faq-body:hover > .faq-question > .minus-icon > g> path:first-child {
        fill: white;
        stroke: white;
    }
    .faq-body:hover > .faq-question > .minus-icon > g > path:nth-child(2) {
        stroke: #363029;
    }
}

@media (hover:none) {
    .faq-body:active > .faq-question > .plus-icon > g> path:first-child {
        fill: #FDE53B;
    }
    .faq-body:active > .faq-question > .plus-icon > g > path:nth-child(2) {
        stroke: #363029;
    }
}

@media (hover:none) {
    .faq-body:active > .faq-question > .minus-icon > g> path:first-child {
        fill: white;
        stroke: white;
    }
    .faq-body:active > .faq-question > .minus-icon > g > path:nth-child(2) {
        stroke: #363029;
    }
}
/* custom */

.block2-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0 !important;
}
.block2-1 .block2-bees-text {
    height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.bees-image-mobile {
    background-image: url(media/mobile/bees.png);
    min-width: 109px;
    background-size: cover;
    border-radius: 10px;
}
.bees-image {
    display: none;
}

@media (max-width: 480px) {
    p {
        font-size: 18px;
        line-height: 1.4;
    }
    .block1 {
        background-repeat: no-repeat !important;
        background-position: center -270px;
        background-size: 120% auto;
        height: 1057px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .block1-vflex {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .block1 .first-block-description h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .block1 .first-block-description h3 {
        font-size: 18px;
    }
    .block1 .block1-btn-container {
        padding-top: 420px;
    }
    .block1 .block1-btn-container button {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 16px;
    }
    .block2 {
        padding: 50px 10px 60px;
    }
    .block2 h2 {
        font-size: 34px;
    }
    .block2 .block2-content-block {
        gap: 20px;
    }
    .block3 .girl-nature {
        width: auto;
        height: 394px;
    }
    .block3 .mat-molochko-2 {
        width: auto;
        height: 215px;
        top: 134px;
        right: 40px;
    }
    .block3 .third-block-1-2 {
        padding: 370px 22px 30px 22px;
    }
    .block4 {
        margin-top: 50px;
    }
    .block4 h2 {
        margin-bottom: 30px;
        font-size: 34px;
    }
    .block4-1 {
        gap: 50px;
    }
    .block4 .mat-molochko-2-2 {
        width: auto;
        height: 150px;
    }
    .block4 .small-text {
        font-size: 16px;
    }
    .block4 .abs-top-left {
        left: 8px;
        width: 60px;
        top: -36px;
    }
    .block4 .conclusion-text {
        font-size: 16px;
    }
    .block4 .buy-button-2 {
        font-size: 16px;
    }
    .block5 {
        height: auto;
        background-size: cover;
        background-position: center bottom;
        padding-bottom: 130px;
    }
    .block5.mobile-version .image-element.iem-immunity,
    .block5.mobile-version .image-element.iem-dna,
    .block5.mobile-version .image-element.iem-reproduction,
    .block5.mobile-version .image-element.iem-balance,
    .block5.mobile-version .image-element.iem-youth,
    .block5.mobile-version .image-element.iem-attention,
    .block5.mobile-version .image-element.iem-sport,
    .block5.mobile-version .image-element.iem-energy,
    .block5.mobile-version .image-element.iem-protection
    {
        min-height: 196px;
        background-size: 100%;
        font-size: 15px;
        padding: 50px 70px 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-repeat: no-repeat;
    }
    .block5.mobile-version .image-element.iem-balance {
        min-height: 150px;
    }
    .block5.mobile-version .image-element.iem-youth,
    .block5.mobile-version .image-element.iem-energy,
    .block5.mobile-version .image-element.iem-sport
    {
        min-height: 166px;
    }
    .block5.mobile-version .image-element.iem-attention {
        min-height: 160px;
    }

    .block5.mobile-version .g22 {
        gap: 15px !important;
    }
    .block6 {
        margin-top: -140px;
        padding-top: 200px;
    }
    .block6 h4 {
        font-size: 20px;
        display: block;
        width: 90%;
    }
    .block6 h2.nature-header {
        font-size: 24px;
        display: block;
        width: 90%;
    }
    .block7 {
        height: auto;
    }
    .block7 .offer-slide {
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
        padding: 200px 13px 37px 13px;
    }
    .offer-slide h3 {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        color: #54575C;
    }
    .offer-slide h3 span {
        font-size: 20px;
    }
    .offer-slide .offer-text {
        font-size: 16px;
    }
    .offer-slide .mat-mol-double {
        right: 0;
        top: -110px;
        height: auto;
    }
    .offer-slide-btn-block button.offer-button {
        font-size: 16px;
    }
    .block8.mobile-version {
        margin-top: 0;
        padding-top: 335px;
        background-size: 100%;
        background-position: center bottom;
    }
    .block8.mobile-version h2 {
        font-size: 34px;
        margin: 50px 0;
    }
    .block8.mobile-version p.action {
        font-size: 18px;
    }
    .b811 {
        gap: 0;
        width: 90%;
        margin: -45px auto 0 auto;
    }.b811 {
        
        padding: 0px 10px;
    }
    .block8.mobile-version .horizontal-flex {
        margin-bottom: 50px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(1) {

    }
    .block8.mobile-version .horizontal-flex:nth-child(2) {
        margin-top: 75px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(3) {
        margin-top: 80px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(4) {
        margin-top: 220px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(5) {
        margin-top: 115px;
    }
    .block8.mobile-version svg {
        zoom:1.2;
    }
    .block9 {
        margin-top: 10px;
    }
    .block9 h2 {
        font-size: 34px;
    }
    .faq-body .pos-abs {
        height: auto;
    }
    .block9.mobile-version .faq-body .faq-answer .pos-abs {
        display: none;
    }
    .block9.mobile-version .faq-body .faq-answer {
        background-image: url(media/mobile/faq-bg.svg);
        background-size: cover;
        background-position: bottom;
    }
    .faq-body .faq-answer-content {
        gap: 15px;
    }
    .faq-body .faq-answer-content ul {
        list-style: disc;
        font-size: 16px;
    }
    .faq-answer-content-text {
        font-size: 16px;
    }
    .faq-question {
        font-size: 16px;
    }
    .block9.mobile-version .faq-body.open > .faq-answer.answer1,
    .block9.mobile-version .faq-body.open > .faq-answer.answer2,
    .block9.mobile-version .faq-body.open > .faq-answer.answer3 {
        height: auto;
        padding-bottom: 87px;
    }
    .block10 label {
        font-size: 32px;
    }
    .input-field {
        font-size: 14px;
    }
    button.send-request {
        font-size: 16px;
    }
    .block11 {
        background-position: center bottom -250px;
        height: auto;
        padding-bottom: 275px;
    }
    .block11 > .vertical-flex > .image-element.b111-1 {
        padding: 30px 70px;
        background-size: contain;
        min-height: 195px;
        font-size: 20px;
    }
    .block11 .b111 {
        gap: 20px;
    }
    .block11 .b111 .vertical-flex.g20 {
        gap: 10px !important;
    }
    .final-comment {
        font-size: 16px;
    }
    .block11 button.question-button,
    .block11 button.buy-button {
        font-size: 16px;
    }
    .header-top-full .header-top__wrap {
        display: none;
    }
}
@media (max-width: 428px) {
    .block1 {
        background-position: center -258px;
        background-size: 125% auto;
        height: 972px;
    }
    .block1 .first-block-description h1 {
        font-size: 34px;
    }
    .block1 .first-block-description h3 {
        font-size: 16px;
    }
    .block1 .block1-btn-container {
        padding-top: 353px;
    }
    p {
        font-size: 16px;
    }
    .mmilk button {
        border-radius: 5px;
    }
    .block2-1 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 0 !important;
    }
    .block2-1 .block2-bees-text {
        height: auto;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
    }
    .bees-image-mobile {
        background-image: url(media/mobile/bees.png);
        min-width: 60px;
        background-size: cover;
        border-radius: 10px;
    }
    .bees-image {
        display: none;
        height: auto;
        width: 18.5%;
        margin-right: 10px;
    }
    .block3 .girl-nature {
        height: 323px;
    }
    .block3 .mat-molochko-2 {
        height: 189px;
    }
    .block3 .third-block-1-2 {
        padding: 297px 22px 30px 22px;
    }
    .block4 .abs-top-left {
        width: 50px;
        top: -27px;
    }
    .block7 .offer-slide {
        padding: 175px 13px 37px 13px;
    }
    .block8.mobile-version {
        background-position: center top -415px;
        padding-bottom: 365px;
    }
    .block8.mobile-version h2 {
        margin: 45px 0px 20px;
    }
    .block8.mobile-version .horizontal-flex {
        margin-bottom: 0px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(5) {
        margin-top: 105px;
    }
    .block11 > .vertical-flex > .image-element.b111-1 {
        font-size: 15px;
    }
}
@media (max-width: 415px) {
    .block1 {
        background-position: center -170px;
        height: 955px;
    }
    .block1 .first-block-description h1 {
        margin-bottom: 0px;
    }
    .block2 {
        padding: 30px 10px 50px;
    }
    .block2 h2, .block4 h2, .block8.mobile-version h2, .block9 h2, .block10 label {
        font-size: 28px;
    }
    .block3 .girl-nature {
        height: 310px;
    }
    .block3 .mat-molochko-2 {
        height: 181px;
    }
    .block3 .third-block-1-2 {
        padding: 287px 22px 30px 22px;
    }
    .block4 {
        margin-top: 40px;
    }
    .block4 h2 {
        margin-bottom: 10px;
    }
    .block5.mobile-version .vertical-flex.g50 {
        gap: 40px !important;
    }
    .block5.mobile-version .image-element.iem-immunity, .block5.mobile-version .image-element.iem-dna,
    .block5.mobile-version .image-element.iem-reproduction, .block5.mobile-version .image-element.iem-balance,
    .block5.mobile-version .image-element.iem-youth, .block5.mobile-version .image-element.iem-attention,
    .block5.mobile-version .image-element.iem-sport, .block5.mobile-version .image-element.iem-energy,
    .block5.mobile-version .image-element.iem-protection {
        min-height: 140px;
        padding-top: 35px;
    }
    .block5.mobile-version .image-element.iem-immunity {
        min-height: 170px;
    }
    .block5.mobile-version .image-element.iem-dna {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    .block5.mobile-version .image-element.iem-balance {
        padding-top: 30px;
    }
    .block5.mobile-version .image-element.iem-youth {
        padding-top: 25px;
    }
    .block5.mobile-version .image-element.iem-reproduction {
        padding-bottom: 35px;
    }
    .block5.mobile-version .image-element.iem-energy {
        min-height: 145px;
    }
    .block5.mobile-version .image-element.iem-protection {
        padding-bottom: 50px;
    }
    .block8.mobile-version {
        background-position: center top -367px;
        padding-bottom: 160px;
    }
    .block11 {
        background-position: center bottom -140px;
        margin-top: 50px;
        padding-bottom: 275px;
    }
    .block11 > .vertical-flex > .image-element.b111-1 {
        padding-right: 31px;
        padding-bottom: 10px;
        min-height: 177px;
        background-size: 99%;
    }
}
@media (max-width: 384px) {
    .block1 {
        background-position: center -226px;
        height: 881px;
        padding-bottom: 0px;
    }
    .block1 .first-block-description h1 {
        font-size: 28px;
    }
    .block1 .block1-btn-container {
        padding-top: 348px;
    }
    .block2 {
        padding: 20px 10px 40px;
    }
    .block2 h2, .block4 h2, .block8.mobile-version h2, .block9 h2, .block10 label {
        font-size: 26px;
    }
    p {
        font-size: 14px;
    }
    .block3 .girl-nature {
        height: 273px;
    }
    .block3 .mat-molochko-2 {
        height: 166px;
    }
    .block3 .third-block-1-2 {
        padding: 253px 22px 30px 22px;
    }
    .block4 .small-text {
        font-size: 14px;
    }
    .block4-1 {
        gap: 40px;
    }
    .block4 .conclusion-text {
        font-size: 14px;
    }
    .block5 {
        padding-top: 90px;
    }
    .block5.mobile-version .vertical-flex.g50 {
        gap: 30px !important;
    }
    .block5.mobile-version .image-element.iem-immunity, .block5.mobile-version .image-element.iem-dna,
    .block5.mobile-version .image-element.iem-reproduction, .block5.mobile-version .image-element.iem-balance,
    .block5.mobile-version .image-element.iem-youth, .block5.mobile-version .image-element.iem-attention,
    .block5.mobile-version .image-element.iem-sport, .block5.mobile-version .image-element.iem-energy,
    .block5.mobile-version .image-element.iem-protection {
        font-size: 15px;
        padding-left: 70px;
        padding-right: 60px;
        min-height: 150px;
    }
    .block5.mobile-version .image-element.iem-immunity {
        min-height: 155px;
    }
    .block5.mobile-version .image-element.iem-dna {
        padding-top: 30px;
        padding-bottom: 36px;
    }
    .block5.mobile-version .image-element.iem-balance {
        min-height: 121px;
    }
    .block5.mobile-version .image-element.iem-youth {
        min-height: 130px;
    }
    .block5.mobile-version .image-element.iem-attention {
        min-height: 120px;
    }
    .block5.mobile-version .image-element.iem-sport,
    .block5.mobile-version .image-element.iem-energy
    {
        min-height: 140px;
    }
    .block6 h4 {
        font-size: 18px;
    }
    .block6 h2.nature-header {
        font-size: 22px;
    }
    .block7 .offer-slide {
        padding: 147px 13px 37px 13px;
    }
    .offer-slide h3 {
        font-size: 18px;
    }
    .offer-slide .offer-text {
        font-size: 14px;
    }
    .block8.mobile-version {
        background-position: center top -410px;
        padding-bottom: 330px;
    }
    .b81 {
        margin-top: 164px;
    }
    .block8.mobile-version p.action {
        font-size: 16px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(3) {
        margin-top: 96px;
    }
    .block8.mobile-version .horizontal-flex:nth-child(5) {
        margin-top: 77px;
    }
    .faq-answer-content-text {
        font-size: 14px;
    }
    .block11 {
        background-position: center bottom 70%;
        margin-top: 40px;
        padding-bottom: 220px;
    }
    .block11 > .vertical-flex > .image-element.b111-1 {
        min-height: 160px;
    }
    .block11 > .vertical-flex > .image-element.b111-1 {
        font-size: 16px;
    }
    .final-comment {
        font-size: 14px;
    }
}