/******************** MEDIA ***********************/
/********************* MEDIA ***********************/
/********************** MEDIA ***********************/
/*********************** MEDIA ***********************/
/************************ MEDIA ***********************/


@media (max-width: 1340px) {

    .hide-mobile { display: none!important; }
    .hide-desktop { display: block!important; }
    
}
    

@media (max-width: 1340px) {
	
	main { margin-top:50px; }
	
	#bottom-menu { display:flex; }
	
    #modal-menu { height:100vh; position: fixed; top:70px; left:0; background:#eee; 
	z-index: 999999; overflow: scroll; }
    #modal-menu ul li { border-bottom: 1px solid #e5e5e5; padding:12px 0; }
    #modal-menu ul li:last-child { border-bottom: none; }
    #modal-menu .button .icon { border-left: 1px solid #e8c4a4; }
    #modal-menu .divider { background:#fff; margin:24px 0; height:1px; }
    #modal-menu .phone { margin-bottom: 8px; }
	#modal-menu .phone img { max-height:21px; margin-right:6px; position:relative; top:2px; }
	#modal-menu .mail { margin:12px 0 0 0; padding-bottom:80px; }
	#modal-menu .mail img, #modal-menu .address img { max-height:16px;  margin-right:6px; position:relative; top:2px; }
    #modal-menu .subservices { padding:10px 0; }
	#modal-menu .subservices a { padding:4px 0; }
    
    .pl-76 { padding-left: 0px!important; }
    .s-90 { font-size:45px; }
    .s-60 { font-size:38px; }
    .s-40 { font-size:27px; }
    .s-30 { font-size:24px; }
    .s-20 { font-size:17px; }
    .s-18 { font-size:15px; }

    .wrapper { width:100%!important; max-width: 90%!important; margin: 0 auto; }
	
	.complex .slick-prev { left:-12px; }
	.complex .slick-next { right:-12px; }
	.clients .slick-prev { left:-12px; }
	.clients .slick-next { right:-12px; }

    .text { padding: 32px 0; max-width: 100%; }

    #top .logo { display: block; margin-right:0px; }
    #top .toggler { height:40px; cursor:pointer; }
    #top .toggler img { max-height: 100%; }
    #top a { margin-left: 0px; font-size:20px!important}
    
    #first h1::after { margin-top: 12px; }
    #first h1 + p span { }
    #first .advantages { padding-left: 0px; }
    #first .advantages p { width:90%; }
    #first form.align-center { margin-top: 32px; flex-direction: column; align-items: flex-start; }
    #first form input { display:block; width:100%; margin-bottom: 12px; margin-right: 0px; }
    #first form button { display: block; width:100%; }
    
    #second { height:auto; padding: 32px 0; }
    #second .list .w50 { width:100%; max-width: 90%; }
    #second .whatArrows { bottom:auto; top:10vh; right:auto; left:0vw; }
    #second .sout { top:15vh!important; }
    #second .learn { top:18vh!important; }
    #second .whatArrows.justify-end { justify-content: flex-start!important; }
    #second .whatSlider { margin-top: 48px; }
    #second .whatSlider p { max-width:100%; }
	#second.grey h3 { font-size:20px!important; }

    #third .list .item { width:100%; }
    #third .list .item .fh { height:auto; }

    #fourth .wrapper { padding: 32px 0; }
    #fourth .list { flex-direction: column; }
    #fourth .list .item { width:100%; }
    #fourth .list .item .number { margin-bottom: 0px; padding: 10px; }
    #fourth .list .item .w100 { width:75%!important; }
    #fourth .list .item p { max-width:100%; }
    #fourth svg, #fourth img { display:none; max-height: 32px; }
    #fourth.count .wrapper { padding: 32px 0; }
    #fourth.count .list .item { flex-direction: column; margin-bottom: 24px; align-items: flex-start!important;}
    
    #fifth .wrapper { padding: 32px 0; }
    #fifth .list span { max-width:75%; }

    #sixth .wrapper { padding: 32px 0; }
    #sixth form { margin-top: 32px; width:100%; }
    #sixth h2 { text-align: center; }
	
	#different .list { width:100%!important; margin:12px 0; }
	
	
	.docs .docsList { width:100%; }
	.docs .docsForm { width:100%; }
	
	.scheduleLearn img { width:28px; margin-right:12px!important; }

    footer .wrapper { padding: 24px 0 0 0; }
    footer img { max-width:50%; }
    footer > div > div { width:100%; margin-bottom: 24px; }
	
	.clients .slick-slide { margin:0px; }
	.clients .slick-list { margin-left:0px; margin-right:0px; }
	.slick-dots { display:flex; margin-top:24px; align-items:center; justify-content:center;  }
	.slick-dots li { margin:0 6px; width:12px; height:12px; border-radius:50%; background:#eee;
	border:none; text-indent:-9999px; }
	.slick-dots li.slick-active { background:#db5d0a; }

    #service_list > div { margin:0 auto!important; width:80%; }
    #service_list > div > div a { padding: 24px 0; }

    #contacts .wrapper { padding: 32px 0; }

    .fines .info { max-width:100%; }

    .docs div { margin-bottom: 24px; }

    .shattered .advantages > div { width:100%; }
    .shattered.another .advantages > div { width: 100%; }

    .legits .list > div { width:100%; }
    .legits .list span { max-width:100%; }
    .legits .list p { max-width: 65%; }

    .stage { width:100%; margin-bottom: 16px; }
    .stage p br { display: none; }

    .questions { padding: 32px 0; }
    
    .legal { padding: 32px 0; }
    .legal h3 { text-align: center; }
    .legal .images { flex-wrap:wrap; }
	.legal .images img { display:block; margin:0 auto; max-height:379px; max-width:100%; }
    .legal a { width:32%; margin:0 auto; margin-left:4px; margin-right:4px; margin-bottom:24px; height:auto; }
    .legal a span { font-size:13px; }

    #penalty .item { width:100%; }

    #all_areas .list { margin-top: 24px; }
    #all_areas .list > div { width:100%; }
	
	.clients .images > div { width:100%; }



.methodsLeft, .methodsRight {width: 100%;}

    
}


@media (max-width: 960px) {
.provedemWho .ls-item h3 {height: auto!important; width: 100%;}
.provedemWho#land-second .ls-item img {max-width: 300px!important;}

.scrollable { max-width: 90vw; overflow-x: auto; }

}



@media (max-width: 800px) {
	
	
	#firstAbout .list { width:100%; }
	#firstAbout .docsForm { width:100%; margin-top:12px; }
	#firstAbout .docs div { margin-bottom: 8px; }
	#firstAbout .docs p { margin-bottom: 0px; font-size:15px; }
	
	#bottom-menu { display:none; }
	
	/* .legal a { width:48%; } */
	.tooltip { display:none; }
	.exitblock { display:none!important; }
	.hide-small { display:none!important; }
	
	#soutOnline input { margin:8px 0; width:100%; }
	#soutOnline button { margin:8px 0; width:100%; }
	
	.complex .line { padding:60px 20px 20px 20px; height:280px; }
	.complex .line p:first-child { font-size:18px; }
	.complex .line p:last-child { font-size:20px; }
	.complex .line p:last-child span::before {
    width: 24px;
    height: 24px;
    left: -36px;
    top: 0px;
	}
	
	
}

@media (max-width: 420px) {
	
	.legal a { width:100%; }
    .slick-dots li { margin:0 6px; width:8px; height:8px; border-radius:50%; background:#eee;}
	
}