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

.menu1-vspl{
	margin:0; padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px 30px;
	list-style: none;
	flex-wrap: wrap;
	position: relative;
	padding: 14px 0;
}

.menu1-vspl li{
	
}

.menu1-vspl li a{
	font-size:15px;
	text-decoration: none;
	font-weight: 500;
}

.menu1-vspl ul {
	list-style: none;
    display: none;
	position:absolute;
	padding: 0; margin: 0;
	top: 0;
}

.menu1-vspl li:hover ul{
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width:200px;
	padding: 20px;
	-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-vspl ul li a {
	font-size:14px; 
	color: #000;
}

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


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

	.menu1_m{ display: inline; }
	.menu1, .menu1-vspl ul{display: none;}

	#mobile-menu-all {
		position:fixed; 
		top:0px; left:0px; right: 0;
		width:100%; height:50px; 
		z-index: 200; 
		margin: auto;
		padding: 0% 5%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobile-menu-burger-all{
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.burger-menu {
		position: relative; 
		cursor: pointer; 
		width:20px; height: 100%;
		display: flex;
		align-items: center;
	}

	.burger {position: relative;}
	.burger::before {top: 8px; }
	.burger::after {bottom: 8px; }

	.burger::after, .burger::before {
		content: ""; 
		position: absolute; 
	}

	.burger::after, .burger::before, .burger {
		background: #fff;  
		width: 20px; height: 2px;
		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 #mobile-menu-open{
		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;}
	  } 

	#mobile-menu-open {
		position: fixed;   
		top: 50px; left: 0px; bottom:0;
		transform: translate3d(-140%, 0, 0); 
		transition: transform .5s ease; 
		z-index: 200; 
		width: 380px; 
		overflow-y:scroll;
		display: flex;
		flex-direction: column;
		gap: 30px 0;
		padding: 30px;
	}

	.mobile-menu {
		margin: 0; padding: 0px;
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: 20px 0;
		align-items: flex-start;
	}

	.mobile-menu li a{
		text-decoration:none; 
		font-size:16px;
	}

	.mobile-contact-all{
		border-top: 1px solid #dddddd;
		padding-top: 30px;
		display: flex;
		flex-direction: column;
		gap: 20px 0;
	}

	.mobile-contact-all a{
		text-decoration: none;
	}

	.mobile-contact{
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.mobile-contact-phone img{
		width: 16px; height: 16px;
	}

	.mobile-contact-phone{	
		font-weight: 600;
	}

	.mobile-contact-social img{
		object-fit: contain;
		width:25px; height:25px;
	}


	.logo_m{
		text-align: left;
		font-size: 16px;
		font-weight: 600;
	}

	.phone_m{
		text-align: right;
		font-size: 16px;
		font-weight: 600;
	}

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

	

}

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

	#mobile-menu-open {
		width: 100%;
	}

}

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

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


}