@media (max-width: 1024px){
    .header{
        background: linear-gradient(212.67deg, #0073A6 31.01%, #432A53 66.28%);
        padding-left: 0;
    }
    .header__logo span {
        font-size: 17px;
    }
    .header__logo {
        font-size: 35px;
        text-align: center;
    }
    .header__input{
        margin: 0 auto;
    }
    
    .open__title {
        flex-wrap: wrap;
    }
    
}
@media (max-width: 1080px){
    .score__title{
        flex-wrap: wrap;
    }
    
    .score__title-text{
        margin: 0 auto;
    }
}
@media (max-width: 800px){
    .score__comment-text{
        margin-top: 30px;
        padding: 20px;
    }
    .score__comments{
        padding: 30px;
    }
    .score__box{
        padding: 0 45px;
    }
    .autopilot__title{
        text-align: center;
    }
    .open__title img{
        width: 80px;
        margin-left: 10px;
    }
    .open__title-text{
        font-size: 48px;
    }
    .open__title{
        flex-wrap: nowrap;
    }
    .header__input-input{
        max-width: none;
    }
    .header__input-button{
        max-width: none;
    }
    .footer__box{
        font-size: 25px;
    }
}
@media (max-width: 635px){
    .score__comment-top{
        flex-wrap: wrap;
    }
    .comment__score img{
        margin: 0 auto;
        margin-top: 20px;
    }
    .score__comments {
        padding: 80px 10px 48px 10px;
        flex-wrap: wrap;
    }

    .score__button-prev {
        left: 10px;
        top: -67px;
    }
    .score__button-next {
        right: auto;
        left: 70px;
        top: -67px;
    }
    .score__comments-nav{
        display: flex;
        justify-content: space-between;
        max-width: 200px;
        width: 100%;
        margin: 0 auto 20px;
    }
    .button__score{
        max-width: 555px;
        width: 100%;
    }
}
@media (max-width: 550px){    
    .button__score{
        width: 95%;
    }
    .open__box{
        width: 100%;
    }
    .score__box{
        padding: 10px;
    }
    .footer__box p {
        font-size: 53px;
    }
    .footer__box {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .score__title-img{
        background-image: url(../images/main-score-a.svg);
        width: 260px;
        height: 46px;
    }
    .score__comments-nav-adaptive{
        display: block;
    }
    .score__comments-nav-adaptive-h{
        display: none;
    }
    .header___input-title{
        line-height: 60px;
    }
}

@media (max-width: 490px){
    .autopilot__title{
        font-size: 30px;
    }
    .autopilot__subtitle{
        font-size: 24px;
    }
    .open{
        padding-top: 40px;
    }
    .open__title img{
        display: none;
    }
    .open__bottom-text{
        margin-top: 30px;
        font-size: 30px;
    }
    .cntrs__title{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .button__score{
        font-size: 20px;
    }
    .footer__above-btn{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer__box-a{
        padding: 0 10px;
    }
    .footer__cntrs-flags img{
        width: 70px;
    }
    .score__comments{
        padding-bottom: 0;
    }
    .fd__title {
        font-size: 33px;
    }
    .fd__subtitle p {
        font-size: 40px;
    }
    .fd__subtitle {
        font-size: 18px;
    }
    .fd__bottom-text {
        font-size: 21px;
        margin-top: 20px;
    }
    .fd__telegram-btn{
        width: 95%;
        font-size: 20px;
    }
    .score__comment-text{
        font-size: 20px;
    }
    .autopilot{
        padding: 30px 0;
    }
    .header__input-button{
        padding: 10px;
        font-size: 24px;
    }
}
@media (max-width: 380px) {
    .score__comment-text{
        padding: 5px 10px;
    }
    .open__title-text {
        font-size: 57px;
    }    
    .header__logo span {
        display: block;
        text-align: start;
        margin-left: 0;
    }
    /* .header__logo {
        text-align: start;
    } */
    .header___input-title {
        font-size: 42px;
    }
    .header___input-title p {
        font-size: 41px;
    }
    .header__input-button{
        padding: 0;
    }
    .header__input-input {
        font-size: 12px;
    }
    .header {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .fd__title{
        padding: 0;
    }
    .score__comments{
        padding: 80px 0 10px;
    }
    .score__comment-text{
        font-size: 17px;
    }
    .header__input-input{
        padding-left: 20px;
    }
}

@media(max-width: 359px){
    

}
@media(max-width: 332px){
   
}
@media(max-width: 310px){
    
}