@media (max-width:1600px) {
    .header{
        .header__title, .header__subtitle{
            font-size: 42px;
        }
        .header__pattern .header__pattern_first,
        .header__pattern .header__pattern_second{
            width: 100%;
        }
    }
}

@media (max-width:1300px) {
    .wrapper{
        max-width: 1300px;
    }
    .header{
        .header__title, .header__subtitle{
            font-size: 36px;
        }
        .header__pattern .header__pattern_first,
        .header__pattern .header__pattern_second{
            width: 100%;
        }
        .header__bright{
            width: 80%;
            left: 16%;
        }
    }
}

@media (max-width:1200px) {
    .header{
        .header__nav{
            padding: 36px 100px;
        }
        .header__block{
            padding-left: 135px;
            padding-right: 134px;
            margin-top: 42px;
        }
        .header__title, .header__subtitle{
            font-size: 36px;
        }
        .header__bright{
            width: 80%;
            left: 16%;
        }
         .header__pattern .header__pattern_second{
            display: none;
         }
    }
    .footer{
        .upper__footer{
            flex-direction: column;
        }
        .upper__footer_inner{
            align-items: center;
        }
        form{
            width: 100%;
            gap: 21px;
        }
    }
}

@media (max-width: 1150px) {
    .footer{
        .form__group{
            width: 100%;
        }
        .footer__btn{
            width: 310px;
        }
        form{
            flex-direction: column;
            height: 100%;
        }
        input{
            width: 100%;
        }
    }
}

@media (max-width: 850px) {
    body.lock{
        overflow: hidden;
    }
     .wrapper{
        max-width: 850px;
    }
    .header{
        padding: 36px 0 0 0;
        .header__title, .header__subtitle{
            font-size: 32px;
        }
        .header__text{
            font-size: 14px;
            max-width: 300px;
            margin-top: 40px;
        }
        .header__block_link{
            margin-left: 0;
            margin-top: 42px;
        }
        .header__nav{
            padding: 0 42px 42px 27px;
        }
        .header__nav.active{
            justify-content: flex-end;
            gap: 28px;
        }
        .header__block{
            padding-left: 61px;
            padding-right: 59px;
            margin-top: 0;
        }

        .header__burger{
            display: block;
            position: relative;
            width: 30px;
            height: 20px;
            z-index: 6;
            cursor: pointer;
            z-index: 11;
            margin-bottom: 5px;
        }

        .header__burger:before,
        .header__burger:after{
            content: '';
            background-color: #fff;
            display: block;
            position: absolute;
            border-radius: 10px;
            width: 51px;
            height: 7px;
            left: 0;
            transition: all 0.3s ease 0s;
        }

        .header__burger:before{
            top: -1px;
        }

        .header__burger:after{
            bottom: -6px;
        }

        .header__burger span{
            background-color:  #00b2e2;
            position: absolute;
            border-radius: 10px;
            width: 43px;
            height: 7px;
            left: 8px;
            top: 9px;
            transition: all 0.3s ease 0s;
        }
        .nav{
            position: fixed;
            top: -100%;
            right: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            display: block;
            background-color: #061E3D;
            transition: all 0.3s ease 0s;
            z-index: 2;
            padding-top: 116px;
            margin: 0;
        }

        .nav.active{
            top: 0;
            z-index: 10;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 20px;
        }

        .header__logo{
            z-index: 11;
        }

        .nav li{
            margin-bottom: 20px;
            margin-right: 21px;
        }

        .header__burger.active:before{
            transform: rotate(45deg);
            top: 6px;
        }

        .header__burger.active:after{
            transform: rotate(-45deg);
            bottom: 7px;
        }

        .header__burger.active span{
            transform: scale(0);
        }
        .header__bright{
            width: 100%;
            left: 0;
        }
    }
    .footer{
        .footer__form {
            padding: 0 25px;
        }
        form{
            padding: 42px 29px 42px 32px;
            .form__group_1{
                order: 1;
            }
            .form__group_2{
                order: 2;
            }
            .form__group_3{
                order: 3;
            }
            .form__group_4{
                order: 5;
            }
            .form__group_5{
                order: 4;
            }
        }
        .footer__btn{
            margin-top: 0;
        }
        .policy{
            margin-top: 34px;
            margin-bottom: 62px;
            margin-left: 0;
            text-align: center;
        }
        .footer__title{
            margin-right: 0;
        }
    }
}

@media (max-width: 768px) {
    .header{
        .header__block{
            padding-left: 23px;
            padding-right: 23px;
            margin-top: 60px;
        }
        .header__block_link{
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            gap: 12px;
        }
    }
    .btn{
        width: 100%;
        padding: 18px 40px 16px 40px;
    }
    .footer{
        .footer__title{
            margin-right: 0;
        }
        .footer__btn{
            width: 100%;
        }
        .upper__footer{
            gap: 0;
        }
        .upper__footer_second{
            flex-direction: column;
            align-items: flex-start;
            gap: 0;    
        }
         .upper__footer_second span{
            margin-top: 31px;
        }
    }
     
}

@media (max-width: 480px){
    .footer{
        .footer__form {
            padding: 0;
        }
       .footer__title{
        text-align: center;
       }
       .policy{
           margin: 52px auto 62px; 
       }
    }
}