.phone_bl.mob{
    display: none;
}

.intro .col_2.mob{
	display: none;
}
div.nav{
	display: none;
}
.callback_btn_mob{
	display: none;
}
/* Nav toggle*/
.nav-toggle{
    position: absolute;
    padding: 15px 0;
    display: none;    
    font-size: 0;
    color: transparent;
    border: 0;
    background: none;
    cursor: pointer;    
    width: 25px;
    top: 32px;
    right: 15px;
    z-index: 1000;
}
.nav-toggle:focus{
    outline: 0;
}
.nav-toggle_item{
    display: block;
    
    width: 100%;
    height: 3px;
    background-color: #383438;
    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    
    transition: background 0.2s linear; 
}
.header.black .nav-toggle_item{
   background-color: #fff;
}
.nav-toggle.active .nav-toggle_item{
    background: none;
}
.nav-toggle_item:before,
.nav-toggle_item:after{
    content: "";
    width: 100%;
    height: 3px;
    background-color: #383438;
    position: absolute;
    
    right: 0;
    
    left: 0;
    margin: auto;
    
    transition: transform 0.2s linear;
}
.header.black .nav-toggle_item:before,
.header.black .nav-toggle_item:after{
    background-color: #fff;
}
.nav-toggle.active .nav-toggle_item:before{
        transform-origin: left top;
    transform: rotate(45deg) translate3d(3px, 0px, 0);
}
.nav-toggle.active .nav-toggle_item:after{
    transform-origin: left bottom;
    transform: rotate(-45deg) translate3d(-1px, 3px, 0);
}
.nav-toggle_item:before{
    top: -8px;
}
.nav-toggle_item:after{
    bottom: -8px;
}

@media(max-width: 1670px){
	.header .nav .nav_link{
        font-size: 14px;
	} 

	.header .phone_block{
        width: 34%;
	}

	.help .items .item .desc{
        /*padding-left: 15px;
        padding-right: 15px;*/

		padding-top: 10%;
        padding-left: 10%;
        padding-right: 10%;
	}
}
@media(max-width: 1450px){
	.header .logo_block .logo_slogan{
        display: none;
	} 


	.footer {
        padding-top: 35px;
        padding-bottom: 35px;
    }

	.doing .tabs .tabs_head .tab_title{
       width: 100%;
	   margin-bottom: 20px;
	}

	.doing .tabs .tabs_head{
        flex-wrap: wrap;
	}

	.doing .tabs .tabs_head .tab_links{
        width: 100%;
		text-align: left;
	}

    .doing .tabs .tabs_body{
        padding-top: 30px;
	}

	.help .items .item .desc .ttl{
        font-size:  26px;
		height: 58px;
	}

	.help .items .item .desc {
    /*padding-top: 21px;
    padding-left: 15px;
    padding-right: 15px;*/
    padding-bottom: 22px;

	    padding-top: 10%;
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media(max-width: 1370px){
	.doing .tabs .tabs_body .tab_content .item .text .inn .p_img{
		right: -70px;
	}
	.contacts .adress .text{
		padding-left: 20px;
	}
	.header.black .phone_block .adress{
       display: none;
	}

	.header .phone_block{
       max-width: 255px;
	}

	.intro .title{
       font-size: 40px;
	}

	.intro ul li{
       font-size: 22px;
	}

	.header .nav{
       width: 35%;
	}

	.intro .btn{
       height: 60px;
	   font-size: 20px;
	}

	.header .logo_block{
       width: 20%;
	}


	.clients, .help, .services, .vozm, .about, .faq{
       padding-top: 50px;
       padding-bottom: 50px;
	}

	.doing .tabs .tabs_head .tab_title, .help .title, .services .serv_flex .text .ttl, .vozm .title, .about .about_1 .text .ttl, .about .about_2 .text .ttl, .about .about_3 .text .ttl, .faq .title, .contacts .adress .text .txt_title{
       font-size: 34px;
	}

	.services .serv_flex .text .ttl{
        width: 100%;
	}

	.services .serv_flex .text .item{
        margin-bottom: 20px;
	}

	.services .serv_flex .text .item .txt{
        font-size: 16px;
	}

	.services .serv_flex .img img{
        height: 100%;
	}

	.doing .tabs .tabs_body .tab_content .item .text .ttl{
        font-size: 32px;
	}
	.doing .tabs .tabs_body .tab_content .item .text .sttl{
        font-size: 16px;
	}

	.doing .tabs .tabs_body .tab_content .show_more{
        font-size: 16px;
        height: 60px;
	}

	.clients .our_clients{
        padding: 25px;
	}

	.clients .our_clients .items .item{
        width: 48%;
		margin-bottom: 20px;
		text-align: center;
	}

	.clients .our_clients .items .item img{
        max-width: 180px;
        margin-left: auto;
		margin-right: auto;
	}
.clients .our_clients .items .item img{
	width: auto;
}
.clients .our_clients .items{
	overflow-x:auto;
	        align-items: center;
}
.clients .our_clients .items .item{
	margin-right: 40px;
	display: block;
}
	.vozm .flex .item .desc{
       font-size: 24px;
	}

	.vozm .flex .item{
        width: 48%;
	}


	.blog .d_flex .desc .ttle, .blog .d_flex .desc .ttle a{
       font-size: 26px;
	}

	.blog_intro .title{
       font-size: 38px;
	}
}

@media(max-width: 1200px){

	.about .a_flex .img{
		display: none;
	}
}
@media(max-width: 1030px){
     .help .items .item .desc .ttl{
         font-size: 22px;
	 }


	 .header .phone_block{
        display: none;
	 }

	 .header .nav{
         width: 55%;
	 }

	 .doing .tabs .tabs_body .tab_content .item .text{
         padding-left: 15px;
		 padding-right: 90px;
	 }

	 .doing .tabs .tabs_head .tab_links{
        display: flex;
		justify-content: space-between;
		overflow-x: auto;
	 }

	 .doing .tabs .tabs_head .tab_link{
        width: 48%;
		margin-bottom: 8px;
	 }

	 .help .items .item{
         width: 48%;
		 margin-bottom: 20px;
	 }

	 .help .items .item .desc{
        min-height: 150px;
	 }

	 .about .a_flex .img{
        display: none;
	 } 

	 .about .about_1 .text, .about .about_2 .text, .about .about_3 .text{
        width: 100%;
	 }

     .about .a_flex .btn_block{
        width: 100%;
	 }

	 .about .a_flex .btn_block .btn{
         margin-top: 0px;
		 margin-bottom: 40px;
		 height: 50px;
		 font-size: 22px;
	 }

	 .about .a_flex{
        overflow: hidden;
		margin-bottom: 35px;
	 }

	 .about .about_1 ul li{
        font-size: 18px;
	 }

	 .block-title .title{
         font-size: 36px;
		 margin-bottom: 30px;
	 }

	 .block-title{
        padding-bottom: 10px;
	 }

	 .about_page .img{
        margin-bottom: 20px;
	 }

	 .about_page h1, .about_page h2, .about_page h3{
         font-size: 36px;
		 margin-bottom: 30px;
	 }

	 .about_page .text p, .about_page .text_h2 p, .about_page .block_h3 p{
         font-size: 20px;
		 margin-bottom: 10px;
	 }

	 .about_page .block_h3 .text_h3, .about_page .block_h4 .text_h4{
        width: 100%;
		margin-bottom: 10px;
	 }

	 .about_page .block_h3 .img, .about_page .block_h4 .img{
        width: 100%;
	 }

	 .about_page{
        padding-bottom: 5px;
	 }

	 .clients .our_clients .ttl{
        font-size: 30px;
	 }

	 .help .items .item .img img{
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
	 }

	 /*.help .items .item{
         border-radius: 10px;
	 }

	 .vozm .flex .item, .services .serv_flex, .clients .our_clients{
         border-radius: 10px;
	 }

	 .doing .tabs .tabs_body .tab_content .item img{
         border-radius: 10px;
	 }

	 .doing .tabs .tabs_body .tab_content .item .text{
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
	 }

	 .vozm .flex .item .desc{
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
	 }

	 .about .about_1, .about .about_2, .about .about_3{
         border-radius: 10px;
	 }*/
}
@media(max-width: 780px){
	.intro{
		min-height: auto;
		padding-bottom: 60px;
	}
    .phone_bl.mob{
        display: flex;
		width: 80px;
		justify-content: space-between;
		margin-right: 40px;
    }

	.phone_bl.mob a{
       text-decoration: none;
       display: block;
	}
    .phone_bl.mob a img{
       width: 20px;
	   height: 20px;
	}

	.intro ul li{
       font-size: 16px;
	}

	.header .nav{
        display: none;
	}

	.header .nav.active{
       display: block;
        max-width: 100%;
        top: 95px;
        position: absolute;
        left: 0;
        right: 0;
		background: #fff;
		width: 100%;
		min-height: 35vh;
	}
.header.black .nav.active{
	background: #383438;
}
	.header .nav .nav_link{
        display: block;
		margin-top: 12px;
		margin-bottom: 12px;
		text-align: center;
	}

	.nav-toggle{
        display: block;
	}

	    .intro .btn {
        height: 50px;
        font-size: 16px;
    }

	.intro .title{
        margin-top: 30px;
	}

	.header .logo_block{
       width: 40%;
	}

	.doing .tabs .tabs_head .tab_title, .help .title, .services .serv_flex .text .ttl, .vozm .title, .about .about_1 .text .ttl, .about .about_2 .text .ttl, .about .about_3 .text .ttl, .faq .title, .contacts .adress .text .txt_title{
       font-size: 26px;
	}

	.doing .tabs .tabs_body .tab_content .item{
        width: 100%;
	}

	.doing .tabs .tabs_body .tab_content .item .text .ttl{
       font-size: 26px;
	}

	.doing .tabs .tabs_body .tab_content .item .text .inn .p_img{
        width: 25px;
		height: 25px;
		right: -45px;
	}

	.services .serv_flex .img{
        display: none;
	}

	.services .serv_flex .text {
padding-top: 45px;
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 25px;
	width: 100%;
	}

	.services .serv_flex .text .item .ic img{
       max-width: 90px;
	}

	.accordion__title{
        font-size: 22px;
		line-height: 1.25;
		padding-right: 20px;
	}

	.accordion__content{
       padding-right: 15px;
	}

	.contacts .adress{
        width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.contacts .adress .text {
    /* margin-left: 35.15%; */
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.contacts.homepage .text {
    padding-top: 35px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.contacts .adress .text .row {
    margin-bottom: 18px;
}

	.contacts .map{
        width: 100%;
	}

	.contacts .adress .text .row .txt, .contacts .adress .text .row .ttl{
          font-size: 18px;
		line-height: 1.25;
	}

	.about .about_1 .text, .about .about_2 .text, .about .about_3 .text{
        padding: 40px;
	}

	.blog .d_flex .desc .ttle, .blog .d_flex .desc .ttle a{
       font-size: 20px;
	}

	.blog .title{
       font-size: 36px;
	}

	.blog_intro .title{
       font-size: 26px;
	}

	.blog_intro .text p{
       font-size: 16px;
	}

	.blog_intro .text h2{
       font-size: 26px;
	}

	.blog_intro .text h3{
       font-size: 24px;
	}

	.blog_intro .item_props .author{
       width: 100%;
	   margin-bottom: 10px;
	   font-size: 16px;
	}

	.blog_intro .item_props .date{
       width: 100%;
	   font-size: 16px;
	}

	.about .a_flex .btn_block .btn{
      font-size: 16px;
	  margin-left: 40px;

	}

	.doing .tabs .tabs_body .tab_content .item{
       height: auto;
	   min-height: 300px;
	}

	.doing .tabs .tabs_body .tab_content .item .text{
      padding-top: 25px;
        padding-bottom: 35px;
        padding-left: 45px;
        padding-right: 80px;
	}


	.about .about_1 .text p, .about .about_2 .text p, .about .about_3 .text p{
       font-size: 16px;
	   line-height: 1.2;
	}

	.accordion__content{
       padding-left: 15px;
	   font-size: 16px;
	   line-height: 1.2;
	   padding-bottom: 15px;
	}

	.accordion__title{
      font-size: 18px;
	   line-height: 1.2;
	}

	ol{
           margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 15px;
	}

	.vozm .flex .item .desc{
        border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	}

}
@media(max-width: 500px){
.doing .tabs .tabs_body .tab_content .item .text{
	background: rgb(56 52 56 / 49%);
	bottom: 7px;
}
    .doing .tabs .tabs_body .tab_content .item {
        min-height: initial;
    }


.footer .row{
  margin-top: 15px;
}

.footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }

.services .serv_flex .text {
        /*padding-top: 25px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
        width: 100%;*/
    }

	.vozm .flex .item .desc{
       font-size: 20px;
	}


	.about .a_flex .btn_block .btn{
		width: 250px;
	}
	.accordion__header{
		padding: 15px 20px 15px 0px;
	}
	.help .items .item .desc .ttl{
		height: auto;
		margin-bottom: 20px;
	}
    .doing .tabs .tabs_head .tab_link{
       font-size: 16px;
	   line-height: 1.2;
	}

    .doing .tabs .tabs_body .tab_content .item .text .sttl{
       font-size: 14px;
	   width: 90%;
	   line-height: 1.2;
	}

	.doing .tabs .tabs_body .tab_content .item{
       //min-height: 300px;
	}

    .nav-toggle{
       top: 26px;
	}

	.nav-toggle_item, .nav-toggle_item:before, .nav-toggle_item:after{
      height: 2px;
	}

    .doing .tabs .tabs_body .tab_content .item .text .ttl{
       font-size: 22px;
	}


	.help .items .item, .vozm .flex .item{
       width: 100%;
	}

	.clients .our_clients .ttl{
        font-size: 30px;
	}

	.clients .our_clients .items .item{
       width: 100%;
	}


	.footer .row .copyr{
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
}

.footer .row .dev{
    width: 100%;
   max-width: 100%;
}

.blog .d_flex .item{
   width: 100%;
}

    .blog .title{
       font-size: 20px;
	}

	.blog_intro .text .bgn_items .item{
        width: 100%;
		margin-bottom: 20px;
	}
}

@media(max-width: 340px){
	
}