@media screen and (max-width: 780px) {
    .header__menu {
        display: none;
    }

    .header__logo {
        left: 20px;
        width: 100px;
    }

    .header__menu__socials {
        right: 20px;
    }
}


@media screen and (max-width: 790px) {
    .section__hero__background__image {
        background-position: 75%;
    }

    .section__hero__content__line__2 {
        font-size: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width: 430px) {
    .section__hero__content__line__2__wrapper{
        margin-top: 10px;
    }
    .section__hero__content__line__3__wrapper{
        margin-top: 10px;
    }
    .section__hero__content__line__4__wrapper{
        margin-top: 15px;
    }
    .section__hero__content__line__5__wrapper{
         margin-top: 20px;
    }
    .section__hero__content__line__2 {
        font-size: 36px;
        line-height: 36px;
    }

    .section__hero__content__line__3 {
        font-size: 14px;
    }

    .section__hero__content__line__1 {
        height: 38px;
    }

    .section__hero__video__object svg{
        width: 44px;
    }
    .header__menu__cta{
        font-size: 10px;
    }
}


@media screen and (max-width: 756px) {
    .section__mission__content__wrapper{
        position: relative;
        top: unset;
        transform: none;
        padding: 0 20px;
    }
    .section__hero__content{
        padding: 0 20px;
    }
    .section__mission__content__block__item{
        width: 50%;
        padding: 0;
        padding-right: 10px;
    }
    .section__mission__content__block__item__b{
        padding-right: 0px;
        padding-left: 10px;
    }
    .section__mission__content__block__item__text__art svg path{
        fill: #cddce6;
    }
}


@media screen and (max-width: 710px) {
    

    .section__services__bottom__line__word__item{
        font-size: 10px;
    }

   

    .section__services__content__ring {
        height: 350px;
    }

    

   

    .section__services__content__ring__line {
        width: calc(50vw - 90px);
        height: calc(50vw - 90px);
        left: 90px;
    }

    .section__services__bottom__line{
        width: calc((50vw - 90px) * 2);
    }

    .section__services__bottom__line__words {}



    .section__services__content__ring__text {
        width: 180px;
        height: 180px;
        position: absolute;
        right: -90px;
        top: -90px
    }
}


@media screen and (max-width: 550px) {
     .header__logo {
        
        width: 90px;
    }
    .section__services__content__ring {
        height: 320px;
    }

    .section__mission {
        padding-top: 60px;
    }

    .section__mission__content__block__item__title, .section__mission__about__title{
        font-size: 28px;
        line-height: 28px;
        height: 28px;
    }

    .section__services__bottom__line__words{
        bottom: -17px;
    }
   
    .section__mission__about{
        position: relative;
        top: unset;
        padding: 0 20px;
        margin-bottom: 20px;
    }


    .section__mission__content__block__item__text__inner, .section__skills__item__info__text, .cases__item__tag, .cases__item__text, .section__contact__us__text, .section__hero__content__line__4{
        font-size: 13px;
        line-height: 18px;
    }
    .section__contact__us__text{
        margin-top: 12px;
    }

    .cases__item__title{
        font-size: 20px;
    }


    .section__services__title__number__item{
        font-size: 12px;
         font-family: 'AOK Buenos Aires Regular';
    }

    .section__hero__title__text__1, .section__hero__title__text__2, .section__cases__title__text__1, .section__contact__title__text__1 {
        font-size: 9px;
    }

    .input__block__value{
        font-size: 16px;
    }
    .input__block__title{
        font-size: 10px;
        line-height: 10px;
    }
    .section__footer{
        font-size: 8px;
    }

    .section__skills__item__info__title__art__center span{
        font-size: 15px;
        padding: 9px 0;
    }

  


}

@media screen and (max-width: 410px) {
    .section__services__content__ring__text {
        width: 90px;
        height: 90px;
        position: absolute;
        right: -45px;
        top: -45px
    }

    .section__services__bottom__line__inner {
        height: 1px;
    }
    .section__services__content__ring__line__arrow svg path{
        stroke-width: 5;
    }

    .section__services__content__ring {
        height: 185px;
    }

}







@media screen and (max-width: 900px) {
    .section__skills__wrapper__art__left{
        display: none;
    }
    .section__skills__wrapper{
        height: auto;
        padding: 0 45px;
          padding-bottom: 70px;
       
    }
    .section__skills__item__info__text{
        padding-left: 0;
    }
    .section__skills__item__number{
        width: 22px;
        font-size: 11px;
     line-height: 37px;
     
      text-align: left;
      border-top: 1px solid #ffff00;
    
      margin-top: 1px;
        
    }
    .section__skills__item__info__title__art__left{
        display: none;
    }
    .section__skills__item__info{
        width: calc(100% - 22px);
    }
        .section__skills__right{
            padding: 0;
          
            height: auto;
            position: relative;
            transform: none;
        }
        .section__skills{
            height: auto;
        }
        .section__services__title__number__item{
            display: none;
        }
        .section__skills__left{
            display: none;
        }
        .section__skills__item{
            opacity: 1;
            padding-bottom: 45px;
        }
        .section__skills__item__info__title span{
            color: #ffff00;
        }

        .section__skills__item__number, .section__skills__item__number__selected{
            color: #d800ff;           
        }


        .section__cases{
           
        }

        .cases__wrapper{
          
        }
        .cases__progress__wrapper{
             padding: 0 20px;
        }
        .cases__title{
            padding: 0 20px;
            font-size: 32px;
            line-height: 32px;
        }
        .gsap__typer, .gsap__rus{
            min-height: 32px;
        }
        .cases__progress__wrapper{
           
           
        }
        .cases__items__wrapper{
 padding: 0 20px;

 margin-top: 22px;
        }
        .cases__item{
           width: calc(100vw - 40px);
           margin-right: 20px;
        }

        .cases__item__last{
            margin-right: 0;
        }


        .section__contact__us__text{
            padding: 0 20px;
        }
        .section__contact__us__wrapper{
            padding: 0 20px;
        }

        .form__left, .form__right{
            width: 100%;
            padding: 0;
        }
        .form__right{
            margin-top: 20px;
        }
        .input__block__big{
            height: 80px;
        }
        .input__block{
            padding: 22px;
        }
        .cases__item{
            padding: 22px;
        }
        .sumbit__inner{
            height: 80px;
            line-height: 80px;
        }
        .section__contact__us{
            padding: 30px 0;
        }
}

@media screen and (max-width: 550px) {
    
    .cases__title{
        font-size: 24px;
       
    }
    .cases__items__wrapper{
        margin-top: 20px;
    }
    .cases__item__number{
        font-size: 16px;
    }
    .error__text, .success__text{
        font-size: 12px;
    }
}


/* PADDING */
@media screen and (max-width: 756px) {
    
}