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

    .lock{
        overflow: hidden;
    }

    .parent {
        padding: 50px 0px 0px 0px;
    }

    .header_body {
        height: 50px;
    }

    .header_logo {
        flex: 0 0 40px;
    }

    .header_burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        z-index: 3;
    }

    .header_burger span {
        position: absolute;
        background-color: white;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all 0.3s ease 0s;
    }

    .header_burger:before,
    .header_burger:after {
        content: '';
        background-color: white;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.3s ease 0s;
    }

    .header_burger:before {
        top: 0;
    }

    .header_burger:after {
        bottom: 0;
    }

    .header_burger.active2:before{
        transform: rotate(45deg);
        top: 9px;
    }
    .header_burger.active2:after{
        transform: rotate(-45deg);
        bottom: 9px;
    }

    .header_burger.active2 span{
        transform: scale(0);
        bottom: 9px;
    }

    .header_menu{
        font-family: "Gotham Pro";
        position: fixed;
        top: -120%;
        right: 0;
        width: 60%;
        height: 100%;
        transition: all 0.5s ease 0s;
        background-color: rebeccapurple;
        padding: 70px 10px 20px 10px;
        overflow: auto;
    }

    .header_menu.active2{
        top:0;
    }

    .header_list{
        display: block;
    }

    .header_list li{
        margin: 0px 0px 20px 0px;
    }

}

@media screen and (max-width:480px) {
    .parent {
        width: 100%;
    }

    .button_form1{
        width: 70%;
    }

    .button_form{
        width: 70%;
    }

    .button_form3{
        width: 65%;
        margin-left: 18%;
    }

    .img_main_page{
        width:40%;
        height:40%;
        float: right;
    }

    .h1_main_page{
        padding-top: 7%;
        margin-left: 2%;
        font-size: 26px;
    }

    .p_main_page1{
        font-size: 18px
    }

    .img_main_page1{
        padding-top: 4%;
        margin-left: 12%;
        width: 55px;
        height: 55px;
    }

    .p_main_page2{
        margin-top: auto;
        color: #F6E5E5FF;
        font-size: 18px;
    }

    .img_main_page2{
        margin-left: 25%;
        width:55px;
        height:55px;
    }

    /* основная инфа */

    .img_gen_info_l{
        width: 45%;
        height: 120%;
        margin-top: 10%;
        margin-left: -15%;
        float: left;
    }

    .img_gen_info_r{
        width: 40%;
        height: 100%;
        margin-top: 12%;
        margin-left: 2%;
        box-shadow: -0.4em 0.4em 5px rgba(122,122,122,0.5);
        float: right;
    }

    .text_gen_info_title1{
        margin-bottom: auto;
        font-size: 24px;
    }

    .text_gen_info1{
        margin-left: 4%;
        margin-right: 4%;
        margin-top: 2%;
        margin-bottom: 1%;
        font-size: 18px;
    }

    /*голубые кнопки*/

    .text_gen_info_title2{
        margin-top: 4%;
        font-size: 26px;
    }

    .text_gen_info2{
        font-size: 18px;
    }

    .td_cost1{
        display: block;
        width: 95%;
    }

    .h1_cost1{
        font-size: 24px;
    }

    .text_gen_info_title12{
        font-size: 24px;
    }

    /*характеристики*/
    .char_icons1 {
        height: 40px;
        width: 40px;
    }

    .td_main_chars1{
        display: block;
        margin-bottom: 5%;
        text-align: justify;
        width: 100%;
    }
    .char_icons1{
        display: inline-block;
    }

    .text_char_info1{
        font-size: 16px;
        padding-left: 7%;
    }

    .text_char_title1{
        font-size: 24px;
        display: inline-block;
    }
    /*  экспертность  */
    .td_exp1{
        font-weight: 500;
        padding: 5px;
        font-size:24px;
    }
    .p_exp1{
        margin-top: -15%;
        margin-bottom: auto;
        font-size: 20px;
    }
    .td_exp2{
        font-weight: 500;
        padding: 5px;
        font-size:24px;
        vertical-align: 0px;
    }
    .p_exp2{
        margin-top: -15%;
        margin-bottom: auto;
        font-size: 20px;
    }
    .td_exp2:not(:last-child){
        display:inline-block;
    }
    /* слайдер */
    .close{
        top: 5%;
        right: 10%;
    }
    /* отрасли */
    .td_branches1{
        display: inline-block;
        width: 40%;
        padding: 15px;
        margin: auto;
    }
    .img_branch1 {
        width: 100%;
        height: 70%;
        margin: auto;
    }
    .text_branches1{
        font-size: 14px;
        margin-top: 2%;
        margin-bottom: 5%;
    }
    .text_gen_info_title3{
        font-size: 26px;
    }
    .text_main_title1{
        font-size: 24px;
    }
    /*  ramki  */
    .td_branches3{
        display: inline-block;
    }
    .td_branches3:nth-child(3n){
        display: block;
        margin: auto;
    }
    .td_leftcol2{
        display: none;
    }
    .td_branches2{
        display: none;
        margin-top: -20px;
    }
    .text_main_title2{
        font-size: 24px;
    }
    /*  dgd  */
    .text_gen_info_title4 {
        font-size: 16px;
    }
    .img_branch2{
        width: 90%;
        height: 40%;
    }
    .text_branches2{
        font-family: "Gotham Pro Medium";
        font-size: 16px;
    }
    .td_branches4{
        display: inline-block;
        width: 40%;
    }
    .td_branches4:nth-child(2n) {
        margin-left:25px;
    }
    .td_branches4:nth-child(3n) {
        display: block;
        margin-left:30%;
    }
    .text_gen_info_title5{
        font-size: 18px;
    }
    .text_gen_info5{
        font-size: 16px;
    }
    /*  clients  */
    .text_gen_info_title6{
        font-size: 26px;
    }

    .table_clients1{
        width: 100%;
    }

    .img_clients1{
        width: 90%;
        height: 90%;
    }
    .text_gen_info_title7{
        font-size: 30px;
    }
    .review-card{
        margin:auto;
    }
    .slider-desc{
        width: 90%;
    }
    .review-card:not(:first-child) {
        display: none;
    }
    .p_clients2{
        font-size: 12px;
    }
    .p_text_branches{
        font-size: 16px;
    }

    /* за что клиенты */
    .tr_clients3{
        position: relative;
    }
    .td_clients3{
        vertical-align: center;
        font-size: 14px;
        height: 60%;
    }
    .text_gen_info_title8{
        font-size: 20px;
        margin-left: 28%;
    }
    /* комфортный переход */
    .text_gen_info_title9{
        font-size: 25px;
    }
    .text_char_info2{
        font-size: 16px;
    }
    /* экономия */
    .td_text_digits1{
        vertical-align: top;
        horiz-align: center;
        width: 40%;
        display: inline-block;
    }
    .td_text_digits1:nth-child(2n){
        margin-left:25px;
    }
    .td_text_digits1:nth-child(3n){
        margin-left:30%
    }
    .p_text_digits1{
        font-size: 16px;
    }
    .h1_text_digits1{
        font-size: 20px;
    }
    .h1_text_gen_info_title10{
        font-size: 22px;
    }
    .bracket{
        margin-left: 20%;
        width: 60%;
    }
    .secret {
        font-size: 5px;
    }
    /* форма */
    .text_gen_info_title11{
        font-size: 24px;
    }
    .analys{
        width: 60%;
        margin-left: 2%;
    }
    .text_char_info3{
        font-size: 16px;
    }
    .div_analys_cost{
        width: 30%;
        margin-bottom: 34px
    }
    .text_char_info3{
        font-size: 14px;
    }
    .text_gen_info6{
        font-weight: 600;
        font-size: 16px;
    }
    .h1_analys_cost{
        font-size: 22px;
    }
    .img_forma{
         display: none;
    }
    .div_forma{
        padding-bottom: 25px;
        display: inline-block;
        margin-top:2%;
        width: 100%;
        background: linear-gradient(#214B9A 1%,#565FAD 90%, #7985F3)
    }
    .h1_forma {
        font-size: 24px;
    }
    .p_forma {
        font-size: 24px;
    }
    .form-control1{
        width: 80%;
    }
    .form-control-description1{
        width: 80%;
    }
    .bnt-form1{
        width: 60%;
        margin-right: 25px;
    }
    .div_cur-cost1 {
        float: left;
        margin-bottom: 15px;
    }
    .h1_cur-cost1{
        font-size: 18px
    }
    .cur-cost{
        vertical-align: top;
        width: 30%;
        margin-right: 65px;
    }
    .cur-cost:nth-child(2n){
        margin-right: 0px;
    }
    .cost_title{
        font-size: 18px;
    }

    .cost_block{
        margin-top: 15px;
        font-size: 16px;
        width: 90%;
    }
    .text_main_title3{
        margin-left: 15%;
        font-size: 32px;
    }
    .cost_block1{
        font-size: 16px;
    }
    .cost-block2{
        font-size: 16px;
        width: 90%;
    }

    .text_main_title4{
        font-size: 24px;
    }

    .td_steps {
        font-size: 14px;
    }

    .td_steps-digits{
        font-size: 52px;
        width: 15%;
    }

    /* костыль с видосами */
    .video{
        display: none;
    }

}

@media (min-width: 1360px){
    .parent{
        margin: auto;
        align-self: center;
        justify-self: center;
    }
    .content_main_page{
        padding-left: 10%;
    }
    .img_main_page{
        display: flex;
        padding-right: 10%;
    }

    .h1_main_page{
        padding-left: 12%;
    }

    .img_main_page2{
        padding-left: 12%;
        margin-top: -1%;
    }

    .img_main_page1{
        padding-left: 7%;
        margin-top: -1%;
    }

    .img_gen_info_r {
        width: 40%;
        margin-top:2%;
    }

    .button_form1 {
        margin-left:7%;
    }


    .text_gen_info_title1{
        padding-right: 15%;
        padding-left: 15%;
    }
    .text_gen_info1{
        padding-right: 12%;
        padding-left: 12%;
    }

    .td_cost1 {
        width: 30%;
    }

    .nije:first-of-type{
        padding-left: 10%;
    }

    .button_form3{
        font-size: 36px;
        margin-left: 37%;
        width: 25%;
        height: 65px;
    }

    .table_main_chars1 {
        width: 75%;
    }

    .td_exp1{
        font-size: 30px;
    }

    .td_exp2{
        font-size: 30px;
    }

    .img_branch1 {
        width: 90%;
        height: 30%;
        margin: auto;
    }

    .table_branches1{
        width: 75%;
    }

    .table_ramki{
        width: 80%;
    }

    .td_branches2 {
        font-size: 26px;
        vertical-align: top;
    }

    .td_branches3 {
        font-size: 26px;
    }

    .text_gen_info_title3{
        font-size: 30px;
    }

    .table_dgd{
        width: 70%;
    }

    .img_branch2{
        width: 65%;
    }

    .slider-desc{
        padding-left: 10%;
    }
    
    .text_char_info2 {
        font-size: 26px;
    }

    .review-card:not(:nth-child(-n+3)){
        display: none;
    }

    .text_gen_info_title4{
    font-size:26px;
    }

    .review-card{
        margin: auto;
        display: block;
        width: 30%;
    }

    .prev-desc{
        padding-left: 10%;
    }

    .next-desc{
        padding-right: 10%;
    }

    section video{
        width: 65%;
        height: 60%;
        object-fit: cover;
    }

    .text_gen_info_title8{
        margin-top: -10%;
        margin-left: 40%;
        font-size: 40px;
    }

    .table_clients3{
        width: 85%;
        font-size:24px;
        border-spacing: 20px 20px;
    }

    .text_gen_info_title9 {
        margin-top: 5%;
    }

    .div_perehod1{
        padding-left: 10%;
        padding-right:10%;
    }

    .img_perehod1{
        margin-top: -4%;
    }

    .img_forma{
        width:80%;
    }

    .analys{
        padding-left: 5%;
    }

    .div_analys_cost{
        margin-left: -5%;
    }

    .div_forma{
        padding-left: 10%;
    }

    .h1_forma {
        position: absolute;
        top: 205px;
        font-size: 32px;
    }
    .p_forma {
        position: absolute;
        top: 330px;
        font-size: 32px;
    }
    .mail-form1{
        position: absolute;
    }

    .cur-cost{
        width: 20%;
    }

    .cost_text{
        font-size: 22px;
    }

    .cost_block2{
        margin-left: 17%;
    }

}

@media (min-width: 768px) and (max-width: 1360px){
    .header{
        height:80px;
    }
    .parent {
        width: 100%;
    }
    .h1_main_page{
        padding-left:10%;
    }
    .button_form{
        width: 15%;
    }
    .button_form1 {
        margin-left:17%;
    }
    .img_main_page1 {
        margin-left: 13%;
    }
    .img_main_page2 {
        margin-left: 18%;
    }
    .td_cost1{
        width: 15%;
    }

    .td_main_chars1{
        width: 30%;
    }

    .td_exp1{
        width: 50%;
        font-size:28px;
    }
    .p_exp1{
        margin-top: -12%;
        font-size: 34px;
    }
    .td_cost2{
        width: 50%;
    }
    .td_exp2{
        width: 30%;
        font-size:28px;
    }
    .p_exp2{
        vertical-align: top;
        margin-top: -12%;
        font-size: 34px;
    }
    .close{
        top: 5%;
        right: 15%;
    }
    .img_branch1 {
        width: 90%;
        height: 30%;
        margin: auto;
    }
    .td_leftcol1 {
        width: 27%;
    }
    .td_branches2 {
        width: 20%;
    }
    .text_gen_info_title1{
        padding-top:15px;
    }
    .text_gen_info_title3{
        font-size: 34px;
    }
    .text_main_title2{
        font-size: 48px;
    }
    .text_gen_info_title4 {
        font-size: 32px;
    }
    .img_branch2{
        width: 70%;
        height: 80%;
    }
    .text_branches2{
        font-family: "Gotham Pro Medium";
        font-size: 20px;
    }
    .text_gen_info_title5{
        font-size: 34px;
    }
    .text_gen_info5{
        font-size: 26px;
    }
    .text_gen_info_title6{
        font-size: 38px;
    }
    .img_clients1{
        width: 65%;
        height: 65%;
    }
    .text_gen_info_title7{
        font-size: 38px;
    }
    .review-card{
        margin-left:25px;
    }
    .slider-desc{
        width: 70%;
    }
    .review-card:not(:nth-child(-n+3)) {
        display: none;
    }
    .p_clients2{
        font-size: 18px;
    }
    .td_clients3{
        font-size: 24px;
        height: 120px;
    }
    .text_gen_info_title8{
        font-size: 42px;
    }
    .table_clients3{
        width: 95%;
        border-spacing: 75px 30px;
    }
    .text_gen_info_title9{
        font-size: 34px;
    }
    .text_char_info2{
        font-size: 24px;
    }
    .text_digits1{
        font-size: 20px;
    }
    .text_gen_info_title10{
        font-size: 30px;
    }
    .secret {
        font-size: 10px;
    }
    .text_gen_info_title11{
        font-size: 32px;
    }
    .h1_forma{
        position: absolute;
    }
    .p_forma{
        position:absolute;
    }
    .div_forma{
        margin-left: 60px;
    }
    .h1_forma {
        top: 205px;
        font-size: 32px;
    }
    .p_forma {
        top: 330px;
        font-size: 32px;
    }
    .mail-form1{
        position: absolute;
    }
    .cur-cost{
        height: 100px;
        width: 100px;
        margin-left: 80px;
        margin-right: 80px;
    }
    .cost-block{
        width: 45%;
        margin-right: 15px;
        margin-left: 15px;
        float: left;
    }
    .cost_block1{
        font-size: 22px;
    }
    .text_main_title3{
        margin-left: 15%;
        font-size: 48px;
    }

    .cost_block2{
        margin-left:20%;
        font-size: 22px;
    }
    .text_main_title4{
        font-size: 45px;
    }

    .main_page{
        margin-left: 18%;
        font-size: 54px;
    }

    .button_form3{
        font-size: 36px;
        margin-left: 37%;
        width: 25%;
        height: 65px;
    }

    .text_gen_info7{
        font-size: 26px;
    }

    .text_gen_info_title12{
        font-size: 36px;
    }

    .review-card {
        width: 270px;
    }
}