@media (max-width: 1009px) {
    .container{
        max-width: 730px;
    }
    .nav{
        display: flex;
        flex-direction: column;
        background: #F7F5EA;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 125px 40px 30px 40px;
        height: calc(100vh - 90px);
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: 0.3s;
        z-index: -1;
    }
    .nav.active{
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        z-index: 5;
    }
    .nav ul{
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        gap: 40px 0;
    }
    .nav ul li a{
        display: block;
        font-weight: 800;
        font-size: 64px;
        line-height: 0.78125;
        text-align: right;
        color: #382727;
    }
    .nav ul li a.active{
        color: #EB4703;
    }

    .b-mobile {
        display: block;
        margin-left: 30px;
    }
    .menu-icon {
        position: relative;
        z-index: 10001;
        cursor: pointer;
        transition: 0.3s;
    }
    .menu-icon__wrapper {
        position: relative;
        margin: 0 auto 0;
        width: 40px;
        height: 26px;
    }
    .menu-icon.active b {
        transition: 0.5s;
    }
    .menu-icon .b-menu__line {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        background: #ffffff;
        border-radius: 6px;
        -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    .menu-icon .b-menu__line_1 {
        top: 0;
    }
    .menu-icon .b-menu__line_2 {
        top: 11px;
    }
    .menu-icon .b-menu__line_3 {
        top: 22px;
        width: 100%;
    }
    .menu-icon.active .b-menu__line {
        background: #ffffff;
    }
    .menu-icon.active .b-menu__line_1 {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
        top: 0px;
    }
    .menu-icon.active .b-menu__line_2 {
        opacity: 0;
    }
    .menu-icon.active .b-menu__line_3 {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
        top: 16px;
        width: 100%;
    }
    .header__right{
        gap: 0;
    }
    .header__right .header__btn{
        margin-left: 77px;
    }
    .main{
        padding: 90px 0 60px 0;
        height: auto;
        min-height: 335px;
    }
    .main__title{
        max-width: 309px;
        font-size: 50px;
        line-height: 1.08;
        padding: 57px 0 0 0;
    }
    .main__block{
        padding: 40px;
        right: -40px;
        border-radius: 0;
        max-width: 390px;
        bottom: -40px;
    }
    .title{
        margin-bottom: 20px;
    }
    .title__item{
        font-size: 28px;
        line-height: 1.07143;
    }
    .main__block .title{
        max-width: 309px;
    }
    .main__block img{
        margin-bottom: 20px;
    }
    p{
        font-weight: 500;
        font-size: 12px;
        line-height: 1.33333;
        color: #382727;
    }
    .section{
        padding: 40px 0;
    }
    .power .title {
        max-width: 302px;
    }
    .power svg{
        width: 190px;
        height: 100px;
        margin-bottom: 18px;
    }
    .power__wrapper{
        max-width: 318px;
    }
    .info img{
        max-width: 309px;
    }
    .info .title{
        max-width: 332px;
    }
    .desc__item{
        max-width: 220px;
    }
    .desc__item svg, .desc__item img{
        width: 100px;
        height: 100px;
        margin: 0 auto 20px;
    }
    .supplements .title{
        max-width: 272px;
    }
    .supplements__right{
        max-width: 310px;
    }
    .supplements__right img{
        margin-bottom: 20px;
    }
    .bottom{
        padding: 45px 0;
    }
    .footer__nav{
        display: none;
    }
    .footer{
        text-align: center;
        padding: 12px 0;
    }
    .footer .container{
        display: block;
    }
    .header{
        padding: 19.5px 0;
    }

    .mainTwo{
        min-height: auto;
        padding: 160px 0 99px 0;
    }
    .about__left{
        max-width: 313px;
    }
    .about__text{
        max-width: 310px;
    }
    .about__text svg{
        display: block;
        width: 189px;
        height: 100px;
        margin-bottom: 20px;
    }
    .about__left svg{
        display: none;
    }
    .info__text{
        max-width: 310px;
    }
    .contactText__left{
        max-width: 310px;
    }
    .contactText__right{
        max-width: 310px;
    }
    .infoContact .info__text{
        max-width: 310px;
    }
    .contact__left{
        max-width: 297px;
    }
    .contact__left img{
        max-width: 189px;
        margin-bottom: 20px;
    }
    .contact__right{
        max-width: 310px;
    }
    .contact__right p{
        margin-bottom: 17px;
    }
    .supplements .title{
        max-width: 304px;
    }
}
@media (max-width:991px){

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


}
@media (max-width:767px){
    .container{
        padding: 0 25px;
    }
    .nav{
        height: calc(100vh - 90px);
    }
    .nav ul{
        gap: 40px 0;
    }
    .nav ul li{
        width: 100%;
    }
    .nav ul li a{
        font-weight: 800;
        font-size: 50px;
        line-height: 1;
        text-align: right;
        color: #382727;
    }
    .header__right .header__contacts{
        display: none;
    }
    .header__right .header__btn{
        display: none;
    }

    .nav .header__right{
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 50px 0;
        margin-top: 50px;
    }
    .nav .header__contacts{
        display: block;
    }
    .nav .header__btn{
        display: flex;
        margin: 0;
    }
    .header__contacts-item{
        color: #382727;
    }
    .b-mobile{
        margin: 0;
    }

    .main{
        overflow: hidden;
        padding: 167px 0 84px 0;
    }
    .main__title{
        padding: 0;
        font-size: 34px;
        line-height: 1.11765;
        min-height: 183px;
    }
    .main .container{
        display: block;
    }
    .main__right{
        max-width: inherit;
        width: auto;
        border-bottom: 2px solid #6aa00c;
    }
    .main__block{
        position: static;
        right: 0;
        max-width: 100%;
        padding: 40px 25px;
    }
    .power{
        overflow: hidden;
        padding: 0;
        background: none;
    }
    .power .container{
        flex-direction: column-reverse;
        padding: 0;
        max-width: 100%;
    }
    .power__wrapper{
        max-width: 100%;
        padding: 40px 25px;
        background: url("../images/power_bg.jpg") left -388px center no-repeat;
        background-size: cover;
    }
    .info{
        background-position: left -749px center;
    }
    .info .container{
       display: block;
    }
    .info .title{
        max-width: 100%;
    }
    .info img{
        max-width: 320px;
    }
    .desc .title{
        text-align: left;
    }
    .desc__row{
        flex-direction: column;
        gap: 20px 0;
    }
    .desc__item{
        max-width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0 25px;
        text-align: left;
    }
    .desc__item svg , .desc__item img{
        flex-shrink: 0;
        margin: 0;
    }
    .supplements .container{
        display: block;
    }
    .supplements__right{
        max-width: 320px;
    }
    .bottom {
        padding: 50px 0;
    }
    .footer{
        padding: 13px 0;
    }
    .copyright{
        font-size: 12px;
    }
    .main__block img{
        max-width: 320px;
    }
    .mainTwo{
        padding: 147px 0 59px 0;
    }
    .about .container{
        display: block;
    }
    .supplements .title{
        max-width: 100%;
    }
    .contactText .container{
        display: block;
    }
    .contactText__left{
        margin-bottom: 20px;
    }
    .contactText__left , .contactText__right{
        max-width: 100%;
    }
    .contact .container{
        display: block;
    }
    .contact__left{
        max-width: 100%;
    }
    .contact__right{
        max-width: 100%;
    }
    .contact__item-title{
        font-size: 12px;
        margin-bottom: 7px;
    }
    .infoContact{
        background-position: left -675px center;
    }
    .supplementsContact{
        background-position: left -1025px center;
    }
}
@media (max-width: 600px) {

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

}