@media (max-width: 1009px) {

}
@media (max-width:991px){
    .main{
        padding-bottom: 60px;
    }
    .main .container{
        align-items: center;
    }
    .main__img{
        max-width: 450px;
    }
    .info__left{
        margin: 0 30px 0 0;
    }
    .info.pink .info__img{
        max-width: 400px;
        margin: 0;
    }
    .mainAbout{
        padding-bottom: 105px;
    }
    .mainAbout__wrapper .main__img{
        max-width: 400px;
        margin: 0 0 0 20px;
    }
    .section__img{
        max-width: 40% !important;
    }
    .mainSupport{
        padding: 60px 0 120px 0;
    }
    .contacts__left{
        margin: 0 30px 0 0;
    }

}
@media (max-width:833px){
    .main__img{
        max-width: 400px;
    }
    .nav ul li a{
        font-size: 17px;
    }
    .main__title{
        font-size: 36px;
    }
    .main__text p{
        font-size: 18px;
    }
    .info .container{
        align-items: center;
    }
    .info{
        padding: 40px 0;
    }
    .title__item{
        font-size: 28px;
    }
    .desc{
        min-height: auto;
        padding: 40px 0;
    }
    .info.pink .info__left{
        margin: 0 15px 0 0;
    }
    .info.pink .info__img{
        max-width: 340px;
    }
    .footer{
        padding: 30px 0 40px 0;
    }
    .footer .container{
        flex-wrap: wrap;
    }
    .footer__nav {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
    }
    .footer .header__right-top{
        flex-grow: 1;
    }
    .section , .section__green , .section__lightGreen , .section__yellow{
        padding: 40px 0;
    }
    .contacts__left{
        max-width: 50%;
    }
    .contacts__form{
        padding: 40px 20px;
    }
}
@media (max-width:767px){
    .header{
        position: relative;
        padding: 5px 0;
    }
    .nav{
        margin: 0;
    }
    .nav ul{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px 0;
    }
    .header__right-row{
        flex-direction: column;
        gap: 15px 0;
        margin: 0 0 20px 0;
    }
    .header__right-top{
        flex-direction: column;
        gap: 15px 0;
    }
    .header__content .container{
        align-items: center;
    }
    .header__right{
        display: flex;
        flex-direction: column-reverse;
        background: #fff9e3;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 40px 15px 30px 15px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: 0.3s;
        z-index: -1;
    }
    .header__right.active{
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        z-index: 5;
    }


    .b-mobile {
        display: block;
        margin: 0 0 0 10px;
    }
    .menu-icon {
        position: relative;
        z-index: 10001;
        cursor: pointer;
        width: 50px;
        height: 50px;
        transition: 0.3s;
    }
    .menu-icon__wrapper {
        position: relative;
        margin: 0 auto 0;
        top: 15px;
        width: 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: #000;
        border-radius: 2px;
        -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: 8px;
    }
    .menu-icon .b-menu__line_3 {
        top: 16px;
        width: 100%;
    }
    .menu-icon.active .b-menu__line {
        background: #0a343e;
    }
    .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%;
    }

    .main{
        padding: 40px 0 60px 0;
    }
    .main .container{
        flex-direction: column-reverse;
    }
    .main__text{
        padding: 0 0 15px 0;
    }
    .main:after{
        bottom: 20px;
    }
    .info .container{
        flex-direction: column;
    }
    .info__left{
        margin: 0 0 30px 0;
    }
    .desc{
        background: #b6e7b7;
    }
    p strong{
        font-size: 18px;
    }
    .footer .container{
        flex-direction: column;
    }
    .footer__nav{
        margin: 30px 0;
    }
    .footer .header__right-top{
        gap: 15px 0;
    }
    .footer__nav ul li a{
        font-size: 16px;
    }
    .header__top-item{
        font-size: 16px;
    }
    .mainAbout__wrapper{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .mainAbout__wrapper .main__img{
        max-width: 300px;
        margin: 0 auto 20px;
        padding: 0;
    }
    .mainAbout .main__title{
        margin: 0 0 20px 0;
    }
    .mainAbout{
        padding: 40px 0 80px 0;
    }
    .section .container{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px 0;
    }
    .section__img{
        max-width: 300px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .section__left{
        max-width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }
    .section .xs-flex-column{
        flex-direction: column-reverse;
    }
    .mainSupport{
        padding: 40px 0 80px 0;
    }
    .mainSupport .main__img{
        margin: 0 0 30px 0;
    }
    .contacts__left{
        max-width: 100%;
        margin: 0;
    }
    .contactsBlock__img{
        width: 100px;
        margin: 0 0 0 15px;
    }
    .contactsBlock__title{
        font-size: 20px;
    }
    .contactsBlock__left p{
        font-size: 15px;
    }

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

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