@media screen and (max-width: 1600px) {    
    .container {
        max-width: 1200px;
    }  
    h1 { 
        font-size: 60px;
        line-height: 70px; 
        max-width: 800px; 
    }
    .form__field { 
        font-size: 20px; 
    }
}
@media screen and (max-width: 1199px) {
    .container {
        max-width: 960px;
    } 
    .map__box iframe {
        height: 400px;
    }
    .contacts__title h2 {
        font-size: 60px;
        line-height: 70px; 
    }
    .first__form { 
        padding: 30px 25px 30px; 
    }
    .form__right {
        width: 240px;
        padding-left: 20px;
    }
    .form__left {
        width: calc(100% - 240px); 
    }
    .form__field {
        font-size: 18px;
        padding: 35px 0px 20px 0;
    }
    .contacts {
        padding: 80px 0 50px;
    }
}
@media screen and (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    .form__left {
        width: 100%;
    }
    .form__right {
        width: 240px;
        padding-left: 0;
        margin: 0 auto; 
    }
    .contacts__left {
        width: 100%; 
        order: 2;
    }
    .contacts__right {
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
}
@media screen and (max-width: 767px) {
    .container {
        max-width: 540px;
    }   
    .header__btn {
        display: none;
    }
    .header__logo a img {
        max-width: 120px;
    }
    .header__phone a {
        font-size: 17px; 
    }
    .first {
        order: 3;
    }
    .contacts {
        order: 1;
        padding: 0px 0 30px;
    }
    .map { 
        order: 2;
        padding: 0px 0 40px;
    }
    .contacts__title span { 
        display: none;
    }
    .contacts__title h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .contacts__title { 
        margin-bottom: 0; 
        border-bottom: 0;
    }
    .contacts__item {
        font-size: 18px; 
    }
    .contacts__work, .contacts__phone {
        display: block; 
        text-align: left; 
    }
    .contacts__item span { 
        display: block;
        padding-bottom: 15px;
    }
    .contacts__adress {
        margin-bottom: 15px;
    }
    .contacts__desc { 
        padding: 10px 0 20px;
    }
    .contacts__email { 
        border-bottom: 1px solid #DCDCDC;
        padding-bottom: 20px;
    }
    h1 {
        left: 15px;
        font-size: 26px;
        line-height: 40px;
        max-width: 800px;
        text-align: left;
        position: absolute;
        top: 15px;
    }
    footer .container { 
        flex-wrap: wrap; 
    }
    .footer__logo {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer__phone {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer__copyright {
        margin-left: 0; 
        text-align: center;
        width: 100%;
    }
    .first__inner {
        padding: 0;
        height: auto;
        max-height: initial;
        display: block;
        background-size: cover!important;
        border-radius: 0; 
        background: none!important;
        position: relative;
    }
    .first__inner-img {
        display: block;
    }
    .first__form {
        padding: 20px 0;
    }
    .form__left .form-group {
        width: 100%;
    }
    .form__right {
        width: 100%; 
    }
    .form-submit .btn { 
        width: 100%; 
    }
    .form-check { 
        line-height: 18px; 
    }
    #checkpolit-error {
        top: 55px;
        z-index: 1;
    }
    .title-box span { 
        font-size: 19px;
        line-height: 29px; 
    }
}
@media screen and (max-width: 575px) {
    .container {
        max-width: 100%;   
    } 
}