@media (max-width: 1699px) {
    section{
        margin: 0px 40px;
    }
    .container-fluid{
        padding: 0px 40px;
    }
    .main{
        height: 600px;
    }
    .white_block{
        top: 593px;
        right: 40px;
    }
    .main_text{
        padding: 0px 0px 40px 0px;
    }
    .btn_main{
        margin-top: 20px;
    }
    .team_row, .about_usludi_row{
        margin-left: 0;
    }
    .name_flex{
        justify-content: start;
    }
    .cifra{
        left: 0;
    }
}
@media (max-width: 1369px){
    .team_div{
        width: 30%;
        height: 400px;
    }
    .team_div_a{
        width: 30%;
    }
    .team_div_a .team_div{
        width: 100%;
    }
    .modal-content{
        width: 1000px;
    }
    .punct_pre_nav a, .punct_pre_nav p{
        font-size: 10px;
    }
    .nav-item{
        height: 80px;
    }
    .logo img{
        height: 80px;
    }
    .main{
        margin-top: 120px;
        background-attachment: scroll;
    }
    .white_block{
        display: none;
    }
    .gray_section{
        margin-top: 80px;
        padding: 80px 0px;
    }
    .big_text, .big_name{
        font-size: 48px;
    }
    .hover-text-one .effect-text-three img{
        height: 300px;
        width: 100%;
    }
    .team_div .effect-text-three img{
        height: 400px;
    }
    .about_picture{
        height: 600px;
    }
    .about{
        align-items: center;
    }
    .dropdown:hover>.dropdown-menu{
        top: 80px;
    }
}

@media (max-width: 1300px){
    h1{
        font-size: 36px;
    }
    .nav-link{
        font-size: 14px;
    }

    .logo a{
        font-size: 16px;
    }
    .logo p{
        font-size: 14px;
    }
    .button_header p{
        font-size: 14px;
    }
    .button_header img{
        height: 16px;
        width: 16px;
    }
    .button_header{
        padding: 10px 15px;
    }
    .mr{
        margin-right: 10px;
    }
    .button_header p{
        margin-left: 5px;
    }
    .text_slider_work h4{
        font-size: 24px;
        left: 20px;
        bottom: 20px;

    }
    .partners_numb_p{
        font-size: 16px;
        margin: 0px 20px;
    }
    .text_slider_work_hover{
        padding: 20px;
    }
    .text h3{
        font-size: 32px;
    }
    .text p{
        margin-top: 20px;
    }
    section{
        padding-top: 80px;
    }
    .dropdown:hover>.dropdown-menu{
        top: 80px;
        left: 0;
        display: block;
    }
}


@media (max-width: 1191px){
    .about_div{
        height: 400px;
    }
    .partners, .partners_imges{
        margin-top: 60px;
    }
    .team_div{
        width: 30%;
        height: 300px;
    }
    .team_div .effect-text-three img{
        height: 300px;
        width: 100%;
    }
}

@media (max-width: 991px){
    .btn_form{
        flex-direction: column;
        align-items: center;
    }
    .btn_form button{
        margin-bottom: 20px;
    }
    p{
        font-size: 14px;
    }
    #pk{
        display: none;
    }
    #mobile{
        display: block;
    }
    .container-fluid, .container {
        padding: 0px 20px;
    }
    section{
        margin: 0;
        padding-top: 80px;
    }
    h1,h2,h3,h4,h5,h6{
        margin-bottom: 0;
    }
    .gray_section{
        padding: 80px 0px;
    }
    .navbar {
        padding: 20px;
    }
    .logo a{
        font-size: 14px;
    }
    .mr{
        margin-right: 0;
    }
    .nav-item{
        height: auto;
        align-items: start;
    }
    .line_bottom{
        display: none;
    }
    .button_header {
        max-width: 280px;
    }
    .navbar-collapse{
        margin-top: 30px;
    }
    .main{
        margin-top: 80px;
        height: 500px;
        background-attachment: scroll;
    }
    h1{
        font-size: 30px;
    }
    .button_black:hover::before{
        height: 600px;
        width: 600px;
    }
    .button_main:hover::before{
        height: 600px;
        width: 600px;
    }
    .white_block{
        position: relative;
        top: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
    }
    .white_block_text{
        padding: 20px;
    }
    .white_block_text .big_text{
        font-size: 36px;
    }
    .big_text{
        font-size: 36px;
    }
    .white_block_text p{
        font-size: 10px;
    }
    .button_main img{
        height: 18px;
    }
    .button_main p{
        font-size: 14px;
        font-weight: 500;
    }
    .button_black p{
        font-size: 14px;
        font-weight: 500;
    }
    .name h2{
        font-size: 24px;
        margin-left: 25px;
    }
    .name_square_name{
        height: 50px;
        width: 50px;
    }
    .text h3{
        font-size: 20px;
    }
    .about_img{
        width: 100%;
        justify-content: center;
        margin-top: 40px;
    }
    .about{
        flex-direction: column;
    }
    .about_picture{
        height: 500px;
        width: 300px;
    }
    .circle{
        right: 160px;
    }
    .partners_numb_p{
        font-size: 12px;
        font-weight: 500;
        margin-right: 20px;
        margin-left: 20px;
    }
    .partners_img_1, .partners_img_2, .partners_img_3, .partners_img_4{
        width: 20%;
    }
    .uslugi_nav .mr{
        margin-right: 20px;
    }
    .uslugi_nav p{
        font-size: 14px;
    }
    .swiper{
        height: auto;
    }
    .text_slider_work h4{
        font-size: 24px;
        left: 20px;
        bottom: 20px;
    }
    .text_slider_work_hover{
        padding: 20px;
    }
    .text_slider_work_hover h4{
        font-size: 20px;
    }
    .text_slider_work_hover p{
        font-size: 14px;
    }
    .slider_work_price{
        font-size: 20px;
        margin-top: 80%;
    }
    .swiper{
        margin-top: 20px;
    }
    .faq_div h4{
        font-size: 18px;
    }
    .name.white h2{
        font-size: 24px;
        margin-left: 25px;
    }
    .how_we_work_p{
        margin-top: 20px;
        font-size: 16px;
    }
    .big_name{
        font-size: 36px;
        margin-right: 15px;
    }
    .numb_how_we_work p{
        font-size: 10px;
    }
    .numb_how_we_work{
        width: 30%;
    }
    .swiper_1{
        height: 540px;
    }
    .name.white.mt{
        margin-top: 80px;
    }
    .bg_zayava{
        height: 300px;
    }
    .bg_zayava h3{
        text-align: center;
        font-size: 24px;
    }
    .zayava_btn_div{
        justify-content: center;
        margin-top: 30px;
    }
    footer{
        padding: 60px 0px;
    }
    .footer_flex{
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }
    .part_1{
        margin-top: 60px;
        text-align: center;
    }
    .part_1 p{
        text-align: center;
    }
    .part_1 a{
        text-align: left;
    }
    .part_2 h3{
        margin-bottom: 20px;
    }
    .name_about{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .about_div{
        background-attachment: scroll;
    }
    .navbar .container-fluid{
        padding: 0;
    }
    .about_text_cov{
        margin-top: 30px;
    }
    .about_text_cov{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about_usludi_row .col-lg-4{
        width: 45%;
        margin-bottom: 40px;
    }
    .team_div {
        height: 300px;
    }
    .gray_section{
        margin-top: 80px;
    }
    .modal-content{
        width: 700px;
    }
    input{
        width: 100%;
    }
    .otzyv_div{
        height: auto;
    }
    .abs_arrow{
        display: none;
    }
}
@media (max-width: 770px){
    .swiper{
        height: auto;
    }
    .slider_work_price{
        margin-top: 80%;
    }
    .uslugi_nav .mr{
        margin-right: 10px;
    }
    .uslugi_nav p{
        font-size: 12px;
    }
    .swiper.swiper_1 {
        height: auto;
    }
    .about_div{
        height: 300px;
    }
    .cifra{
        display: none;
    }
    .team_row, .about_usludi_row{
        margin-top: 40px;
    }
    .arrow_more{
        margin-top: 20px;
    }
    .team_div {
        width: 45%;
    }
    .team_div_a{
        width: 45%;
    }
    .modal-content{
        width: 500px;
    }
    input{
        max-width: 400px;
    }
    .qwiz_flex_input{
        max-width: 300px;
    }
}
@media (max-width: 600px){
    .about_usludi_row .col-lg-4{
        width: 100%;
        margin-bottom: 40px;
    }
    .about_usludi_div{
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 500px){
    .team_div {
        height: 200px;
    }
    .partners_img_1,.partners_img_2,.partners_img_3,.partners_img_4{
        width: 40%;
    }
    .ava{
        width: 80px;
        height: 80px;
        margin-top: -40px;
        left: 20px;
    }
    .cov{
        height: 30px;
    }
    .otzyv_div_text{
        padding: 60px 20px 20px 20px;
    }
    .modal-content{
        width: 100%;
    }
    input{
        max-width: 300px;
    }
    .qwiz_flex_input{
        max-width: 300px;
    }
    .flex_qwiz_tel{
        flex-direction: column;
    }
    .qwiz_input{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .modal_item{
        padding: 20px;
    }
    .thanks_flex img{
        height: 200px;
        margin-top: 60px;
    }
    .thanks_flex h2{
        font-size: 24px;
    }
}
@media (max-width: 460px){
    section{
        padding: 60px 0px 0px 0px;
    }
    .name_square{
        height: 40px;
        width: 40px;
    }
    .logo a{
        font-size: 16px;
        max-width: 200px;
    }
    .logo p{
        font-size: 12px;
    }
    .navbar{
        padding: 10px;
    }
    .main{
        margin-top: 60px;
    }
    .button_header{
        margin-top: 20px;
        display: inline-flex;
        max-width: 220px;
    }
    .nav-link{
        font-size: 14px;
    }
    .navbar-collapse{
        margin-top: 20px;
    }
    .main{
        padding: 0 40px;
        height: 400px;
    }
    .btn_main{
        margin-top: 40px;
        flex-direction: column;
        align-items: center;
    }
    .btn_main a{
        width: 260px;
    }
    .button_black{
        margin-top: 10px;
    }
    .button_black.ml{
        margin-left: 0;
    }
    .button_black p{
        text-align: center;
    }
    .white_block{
        flex-direction: column;
        margin: 40px 0px 0px 0px;
        padding: 0px 20px;
    }
    .white_block_text{
        padding: 20px 0px 0px 0px;
    }
    .white_block_text p{
        font-size: 14px;
        max-width: 260px;
    }
    .mr_15{
        margin-right: 30px;
    }
    .about_img{
        justify-content: start;
    }
    .sqr{
        left: 40px;
    }
    .circle{
        right: 0px;
        top: 80px;
    }
    .partners_numbs{
        flex-direction: column;
    }
    .gray_section{
        margin-top: 60px;
        padding: 60px 0px 60px 0px;
    }
    .partners_numb{
        flex-direction: column;
        margin-top: 20px;
    }
    .partners_numb_p{
        font-size: 14px;
        margin: 0;
        max-width: 220px;
        text-align: center;
    }
    .partners{
        margin-top: 60px;
    }
    .partners_imges{
        margin-top: 60px;
    }
    .partners_img_1, .partners_img_2, .partners_img_3, .partners_img_4, .partners_img_5, .partners_img_6, .partners_img_7, .partners_img_8{
        width: 40%;
    }
    .uslugi_title{
        flex-direction: column;
    }
    .uslugi_nav{
        margin: 20px 0px;
    }
    .uslugi_nav .mr{
        margin-right: 20px;
    }
    .uslugi_nav p{
        font-size: 14px;
    }
    .swiper{
        height: auto;
    }
    .text_slider_work_hover{
        padding: 30px 30px 0px 30px;
    }
    .faq_text{
        margin-bottom: 30px;
    }
    .numbs{
        margin: 0;
        flex-direction: column;
    }
    .how_we_work_p{
        margin-bottom: 30px;
    }
    .numb_how_we_work{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 40px;
    }
    .numb_how_we_work p{
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        max-width: 200px;
    }
    .name.white h2{
        text-align: left;
    }
    .ava{
        height: 80px;
        margin-top: -40px;
        left: 20px;
    }
    .cov{
        height: 40px;
        top: 20px;
        right: 20px;
    }
    .otzyv_div_text{
        padding: 60px 20px 20px 20px;
    }
    h1{
        font-size: 24px;
    }
    .slider_work_price{
        margin-top: 110%;
    }
    .text_slider_work h4{
        left: 30px;
        bottom: 40px;
    }
    .otzyv_div{
        height: auto;
    }
    .team_div {
        width: 100%;
        height: 300px;
    }
    .name_about h2{
        font-size: 24px;
    }
    .about_div{
        height: 200px;
    }
    .team_div_a{
        width: 100%;
    }
    .swiper.swiper_1{
        height: auto;
    }
    .logo img{
        height: 60px;
    }
    .quiz_form input{
        max-width: none;
        width: 100%;
    }
    .btn_form button{
        width: 100%;
    }
    .btn_form p{
        max-width: none;
    }
    .title h2{
        font-size: 24px;
        margin-top: 40px;
    }
    h1{
        text-align: center;
    }
    .swiper-navigation{
        margin-top: 40px;
    }
    #otz{
        padding-top: 60px;
    }
    .otzyv_div{
        margin-top: 40px;
    }
    .logo.white{
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about_picture{
        height: 400px;
    }
    .circle{
        right: auto;
        left: 0;
    }
    .dop_drop h4{
        min-height: none;
    }
    .team_div.one, .team_div.two, .team_div.three, .team_div.four{
        background-image: none;
    }
    .team_div .effect-text-three img{
        height: auto;
    }
}
@media (max-width: 360px){
    .sqr{
        left: 10px;
        bottom: -10px;
    }
    .circle{
        height: 60px;
        width: 60px;
    }
    .uslugi_nav .mr{
        margin-right: 15px;
    }
    .uslugi_nav p{
        font-size: 12px;
    }
    .swiper{
        height: auto;
    }
    .swiper.swiper_1{
        height: auto;
    }
    .otzyv_div{
        height: auto;
    }
}