.burger-menu, .menu1_m{display: none;}

#menu1_v{
	width: 100%;
	position: relative;
	text-align:center;
	margin:0 auto;
	z-index: 99;
}

#menu1_v li{
	display: inline-block;
}

#menu1_v li a{
	width: 100%;
	font-size:15px;
	padding:14px 20px;
	display:inline-block; 
	color:#fff;
}

#menu1_v ul {
    display: none;
	position:absolute;
	top:50px;
	padding: 0;
	margin: 0;
}

#menu1_v li:hover ul{
	display: block;
	text-align: left;
	width:200px;
	-webkit-transform-origin: 50% 0 0;
            transform-origin: 50% 0 0;
    	-webkit-animation: push-in-down 0.3s;
            animation: push-in-down 0.3s;
    	-webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
 
@keyframes push-in-down{
	0% {transform: rotateX(-90deg); opacity: 0;}
	100% {transform: none;}
}

@-webkit-keyframes push-in-down{
    0% {-webkit-transform: rotateX(-90deg); opacity: 0;}
    100% {-webkit-transform: none;}
}

#menu1_v ul li a {
	color:#fff; 
	font-size:14px; 
	padding:10px!important; 
	margin: 0;
	transition: 0.3s;
}

#menu1_v ul li, #menu1_v ul li:hover{
  	width:100%!important;
  	display: block;
  	text-align: left;
	margin:0!important;
	padding: 0px!important;
}


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

	.menu1 a, .menu1 a:hover {
	    font-size: 14px;
	    padding: 5px 15px;
	}
}

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

	.menu1_m{ display: inline; }
	.menu1, #menu1_v ul{display: none;}

	#lpmenu1_fon {
		position:fixed; 
		top:0px; left:0px;
		width:100%; height:60px; 
		z-index: 200; 
		margin: auto;
		background-color: #00728b;
		border-bottom: 1px solid #fff;
		padding: 0% 5%;
	}

	.burger-menu {
		position: relative; 
		width: 30px; height: 30px; 
		cursor: pointer; 
		height: inherit; 
		float: left;
		display: inline-block;
	}

	.burger {position: absolute; background: #fff; width: 20px; height: 2px; top: 50%; left: 0px; margin-top: -1px; opacity: 1;}
	.burger::before {position: absolute; background: #fff;  width: 20px; height: 2px; top: 8px; content: ""; display: block;}
	.burger::after {position: absolute; background: #fff;  width: 20px; height: 2px; bottom: 8px; content: ""; display: block;}

	.burger::after, .burger::before, .burger {transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.burger-menu.menu-on .burger::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px;}
	.burger-menu.menu-on .burger::before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px;}
	.burger-menu.menu-on .burger{background: rgba(0,0,0,0);}

	body.menu-opened {overflow: hidden;}

	.menu-opened #lpmenu1 {
		transform: translate3d(0, 0, 0);
		 -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  }
	  @-webkit-keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	  }
	  @keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	  } 

	#lpmenu1 {
		position: fixed; 
		background-color: #fff;  
		top: 60px; left: 0px; bottom:0;
		transform: translate3d(-140%, 0, 0); 
		transition: transform .5s ease; 
		z-index: 200; 
		width: 260px; 
		margin:0px; 
		padding:0px;
		overflow-y:scroll;
	}

	#menu1_v {
		margin: 15px 0px;
	}

	#menu1_v a{
		text-align: left;
		display:block; 
		text-decoration:none; 
		padding: 10px 15px;
		font-size:15px;
		margin:12px 20px;
	}

	#menu1_v a:hover, #menu1_v #active{
		background-color:#efefef;
	}

	.logo_m, .phone_m{
		width: auto;
		display: inline-block;
		padding-top:18px;
		font-size: 14px;
		font-family: "Open Sans Bold";
	}

	.logo_m{
		text-align: left;
	}

	.phone_m{
		float: right;
		text-align: right;
	}

	.logo_m a, .phone_m a{
		text-decoration: none;
		color: #fff;
	}

	.contact_m{
		margin: 20px;
		border-top: 1px solid #f1f1f1;
		padding-top: 20px;
	}

	.contact_m a{
		color: #000;
	}

	.phone_mm img{
		display: inline-block;
		width: 16px; height: 16px;
	    margin-right: 8px;
	    position: relative;
	    top: 2px;
	    filter: invert(100%);
	}

	.phone_mm{
		text-decoration: none;
		font-family: "Open Sans Bold";
	}

	.zvonok{
		display: block;
		margin-top: 10px;
	}

	.adress_m{
		font-size: 14px;
		margin-top: 10px;
	}

	.social_m img{
		margin:20px 5px 10px 5px;
		object-fit: contain;
		width:25px; height:25px;
		display:inline-block;  
	}

}

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

	#lpmenu1 {
		width: 100%;
	}

}

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

	.logo_m, .phone_m{
		padding-top: 10px;
		font-size: 13px;
	}

	#lpmenu1_fon{
		height: 40px;
	}


}