@media(min-width: 768px) and (max-width: 1024px){

	.menu {
    	width: 54%;
	}
		
	.menu{
		height: 0%;
		width: 54%;
		position: absolute;
	}

	.karta{
		height: 100%;
		z-index: 1;
		transition: 1s;
		width: 100%;
	}

	.investory ,.zapros ,.dialog ,.kontakti {
		width: inherit;
	    height: 0vh;
    	position: absolute;
	}
	
	.investory_o, .zapros_o, .dialog_o, .kontakti_o{
	    height: 100%;
	}

	.goglemob, .apstoremob {
    	height: 5vh;
    	margin: 0 2px;
	}
	
	.menubutimg {
    	height: 35px;
	}

	.mobtextlog{
		font-size: 1.5rem;
	}
	
	.zapros_o ,.kontakti_o{
	    z-index: 1001;
	}
	
	.form-controlas, .form-controlass{
		width: 88vw;
	}
	
	.shapka_i ,.shapka_z ,.shapka_d{
		height: 7%;
	}

	.shapka_k{
		height: 17%;
	}
	
	.content_i ,.content_z ,.content_d{
		height: 93%;
	}
	
	.content_k{
		height: 83%;
	}

	.zapros, .investory, .kontakti{
		top:7vh;
	}
	
	.dialog_o{
		top:22vh;
		right:0;
    	height: 66vh;
    	width: 70%;
	}

	.kontakti_o{
		right:0;
    	height: 36vh;
    	width: 50%;
	}
	
	.dialog .footer_d{
    	display:none;
	}
	
	.dialog_o .footer_d{
    	height: 7.45%;
		display:flex;
	}

}

@media(min-width: 1px) and (max-width: 767px){
	
	.menu {
    	height: 0%;
    	width: 100%;
    	transition: 0.01s;
    	z-index: 2;
    	position: absolute;
	}
	
	.men{
		width:100%;
	}

	.karta{
		height: 100%;
		z-index: 1;
		transition: 1s;
		width: 100%;
	}

	.goglemob, .apstoremob{
		height: 13.5vw;
		margin:0 2px;
	}

	.menubutimg {
    	height: 20px;
	}

	.filtr_font, .link_menu, .fa-search {
    	font-size: 1.1rem;
	}

	.ssul, .link_podmenu{
		font-size: 1rem;
	}

	.submenuha{
		font-size: 0.95rem;
	}

	.investory ,.zapros ,.dialog ,.kontakti {
		width: inherit;
	    height: 0vh;
		top:7vh;
    	position: absolute;
	}
	
	.zapros_o{
	    height: 86%;
		z-index:6;
		position:absolute;
	}
	
	.investory_o, .dialog_o, .kontakti_o{
	    height: 85%;
		z-index:6;
		position:absolute;
	}

	.shapka_i ,.shapka_z ,.shapka_d ,.shapka_k{
		height: 9%;
	}

	.search-wrapper .input-holder {
    	height: 46px;
    }

	.search-wrapper.active .input-holder .search-icon {
    	width: 32px;
    	height: 32px;   
    	margin: 6.5px;
    	margin-left: auto; 	
	}

	.search-wrapper .input-holder .search-input {
		font-size: 1.1rem;
		height: 25px;
	}

	.zapros_o ,.kontakti_o{
	    z-index: 1001;
	}
	
	.form-controlas, .form-controlass{
		width: 88vw;
	}
	
	.dialog .footer_d{
    	display:none;
	}
	
	.dialog_o .footer_d{
    	height: 7.45%;
		display:flex;
	}
	
}

@media(max-width: 1024px){
	header{
		height:7vh;
		top: 0px;
		justify-content: center;
	}
	
	header, footer{
		position: fixed;
		width:100%;
		z-index: 5;
	}
		
	.maska{
		z-index: 5;
	}
	
	.mas{
		z-index: 6;
	}
	
	.men{
		height: 100%;
		padding-bottom: 14vh;
		position: absolute;
		overflow-y: scroll;
		transition: 0.01s;
    	z-index: 2;
	}

	main{
		padding: 7vh 0;
	 	height: 100%;
		width:100%;
		position: fixed;
	}
	
	header a{
		text-decoration: none;
	}

	.head_ssyal{
		padding: 10px;
	}

	.ssul, .ssul_6 {
   		margin: 0vh 2vw;
    	display: flex;
	}

 	.ssul_6 {
   		padding-right: 2vw;	
	}
	
	.ssul a{
		color: #000;
		width: max-content;
	}
	
	.filtr_btn{
		font-size:0.85rem;
	}

	.content_i, .content_z, {
    	height: 91%;
		overflow-y: scroll;
	}	

	.content_k {
    	height: 91%;
	}
	
	.n-input{
		padding:5px;
		padding-left:7px;
		width: 73vw;
	}

	.link_menu{
    	padding: 10px 15px;
	}

	.iconhead , .head_text, .head_ssyl, #distance, .skachat{
		display: none;
	}
	
	.glmn{
		padding-left: 20px;
	}

	.scmn{
		padding-left: 35px;
	}
	
	.skachatmob{
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    top: 78vh;
	    position: sticky;
	    margin: 2vh 0px 2vw;
	}

	.footer{
		display: none;
	}
	
	.menushka{
		height:100%;
	}
	
	footer{
		height:7vh;
		bottom:0px;
	}
}


@media (min-width:1025px){
	header{
		height:12vh;
	}

	.zapros, .investory, .kontakti{
		top:12vh;
	}
	
	#distance {
    	right: 0.5%;
    	top: 13vh;
	}

	main{
		height:88vh;
	}
	
	.menu{
		width: 35%;
	}

	.menubutright, .mobtextlog, .head_ssyal, .skachatmob{
		display: none;
	}
	
	.menushka{
		height:94%;
	}

	.link_menu{
    	padding: 10px 15px;
	}

	.glmn{
		padding-left: 20px;
		font-size: 0.7rem;
	}

	.scmn{
		padding-left: 35px;
		font-size: 0.65rem;
	}

	.icons {
    	height: 22px;
    	width: 21px;
	}
	
	td{
		font-size:0.8rem;	
	}

	.iconspod {
		height: 18px;
    	width: 17px;
	}

	.iconhead{
		width: 60px;
		padding-top: 3px;
	}
	
	.karta{
		width: 75%;
		height:100%;
	}
	
	.footer{
		height: 6%;
	}
	
	.form-controlas{
	    width: 64vh;
	}
	.form-controlass{
		max-width: 64vh;
		max-height: 65px;    
	}

	.investory ,.zapros {
		width: 70vh;
    	margin-left: 20vh;
    	height: 0%;
	}
	
	.dialog{
		width: 50vh;
		height: 0%;
	}
	
	.kontakti{
	    width: 38vh;
    	height: 0%;
    	right: 0;
	}
	
	.investory_o{
	    margin-left: 20vh;
	    height: 80%;
	}
	
	.zapros_o{
	    margin-left: 20vh;
	    height: 78%;
	}
	
	.dialog_o{
	    width: 50vh;
	    height: 75%;
	    bottom: 0;
	    right: 0;
	}

	.kontakti_o{
	    width: 38vh;
    	height: 26%;
    	right: 0;
	}

	.skachat{
		bottom: 0;
	    display: flex;
	    position: absolute;
		margin:0 5px;
		z-index:400;
	}

	.gogle, .apstore{
		height: 6vh;
		margin:0 2px;
	}
	
	.shapka_i ,.shapka_z ,.shapka_d {
		height: 9%;
	}

	.shapka_k{
		height: 22%;		
	}

	.kilem {
    	font-size: 0.75rem;
	}

	header, footer{
	}
	
	footer{
		display: none;
	}

}

@media(min-width:1200px){
	.menu{
		width: 25%;
	}

}

@media (min-width:1400px){
	header{
		height:10vh;
	}
	
	.zapros, .investory, .kontakti{
		top:10vh;
	}	
	
	#distance {
    	right: 0.5%;
    	top: 11vh;
	}

	.iconhead{
		width: 60px;
		padding-top: 2px;
	}

	.text_head_1{
		font-size: 1.35em;
	}

	.text_head_2{
		font-size: 1.15em;
	}

	.menubutleft, .mobtextlog, .head_ssyal{
		display: none;
	}
	
	main{
		height:90vh;
		display: flex;
	}
	
	.menu{
		width: 25%;
	}
	
	.menushka{
		height:95%;
	}

	.fa-sliders-h{
    	font-size: 1.3em;
	}

	.link_menu{
		padding: 15px;
    	padding-left: 20px;
    	font-size: 0.9em;
  	}

	.link_podmenu{
    	font-size: 0.88em;
  	}

  	.submenuha{
    	font-size: 0.75em;
  	} 
	
	.icons{
		width: 20px;
	}

	.karta{
		width: 75%;
		height:100%;
	}

	.gogle, .apstore{
		height: 5vh;
		margin:0 2px;
	}

	.kilem{
		font-size: 0.8em;
	}
	
	.footer{
		height: 5%;
	}

	.investory ,.zapros{
		width: 70vh;
    	margin-left: 20vh;
    	height: 0%;
	}
	
	.dialog{
		width: 50vh;
		height: 0%;
	    bottom: 0;
	    right: 0;		
	}

	.kontakti{
	    width: 38vh;
    	height: 0%;
    	right: 0;	
	}

	.investory_o{
		margin-left: 20vh;
	    height: 81%;
	}
	
	.zapros_o{
	    margin-left: 20vh;
    	height: 57%;
	}	
	
	.dialog_o{
	    width: 50vh;
	    height: 75%;
	}
	
	.kontakti_o{
	    width: 38vh;
    	height: 26%;
    	right: 0;
	}
	
	.shapka_i ,.shapka_z ,.shapka_d{
		height: 9%;
	}

	.shapka_k{
		height: 22%;
	}
	
	footer{
		display: none;
	}
	
	.iconhead{
		width: 65px;
		padding-top: 2px;
	}

	.text_head_1 {
	    font-size: 1.5em;
	}
	
	.text_head_2 {
	    font-size: 1.1em;
	}
	
	.plsd {
	    font-size: 1em;
	}

}

@media (min-width:1920px){
	header{
		height:8vh;
	}
	
	.zapros, .investory, .kontakti{
		top:8vh;
	}	
	
	#distance {
    	right: 0.5%;
    	top: 9vh;
	}

	main{
		height:92vh;
		display: flex;
	}
	
	.menu{
		width: 20%;
	}
	
	.menushka{
		height:95%;
	}
	
	.karta{
		width: 80%;
		height:100%;
	}
	
	.footer{
		height: 5%;
	}
	
	.investory ,.zapros{
		width: 70vh;
    	margin-left: 20vh;
	}

	.kontakti{
	    width: 38vh;
    	height: 0%;
    	right: 0;
	}

	.dialog{
		width: 50vh;
	}
	
	.investory_o{
	    margin-left: 20vh;
	    height: 81%;
	}
	
	.zapros_o {
    	margin-left: 20vh;
    	height: 46.5;
	}	
	
	.dialog_o{
	    width: 50vh;
	    height: 75%;
	    bottom: 0;
	    right: 0;
	}

	.kontakti_o{
	    width: 38vh;
    	height: 26%;
    	right: 0;
	}
	
	.shapka_i ,.shapka_z ,.shapka_d{
		height: 9%;
	}

	.shapka_k{
		height: 22%;
	}

	header, footer{
	}
	
	footer{
		display: none;
	}

}

@media (min-width:2560px){
	.zapros_o {
    	margin-left: 20vh;
    	height: 44%;
	}
}	
@media (min-width:3200px){

	header {
	    height: 5vh;
	}

	.zapros, .investory, .kontakti{
		top:5vh;
	}	
	
	#distance {
    	right: 0.5%;
    	top: 6vh;
	}

	main{
		height: 95vh;
	}

	.menushka{
		height:97%;
	}

	.footer{
		height: 3%;
	}

	.iconhead{
		height: 75px;
	}

	.hd_log_name, .head_ssyl{
    	padding: 5px 40px;
	}

	.head_text {
    	padding-left: 20px;
	}
	
	.text_head_1{
		font-size: 1.9rem;
	}
	
	.ssul, .text_head_2{
		font-size: 1.5rem;
	}
	
	.filtr_font, .link_menu, .fa-search, .footer{
	    font-size: 1.3rem;
	}
	
	.search-wrapper .input-holder {
    	height: 46px;
    }

	.search-wrapper.active .input-holder .search-icon {
    	width: 32px;
    	height: 32px;   
    	margin: 6.5px;
    	margin-left: auto; 	
	}

	.search-wrapper .input-holder .search-input {
		font-size: 1.1rem;
		height: 25px;
	}

	.gogle, .apstore {
    	height: 3.7vh;
    	margin: 0 4px;
	}

}

body, html{
	overflow:hidden !important;
}

.wdiframe{
    border: 0;
}

.ooimg{
	content: url('close.png');
    height: 16px;
    width: 16px;
}


.icons{
	height:25px;
	width:25px;
}