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

.menu1{
	text-align:left;
}

.menu1 a{
	display: inline-block;
	font-size:14px;
	padding:15px 30px 0px 0px;
}

.menu1 a:after {
	margin-top: 8px;
    display: block;
    content: "";
    height: 1px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.menu1 a:hover:after,
.menu1 #active:after {
    width: 100%;
}


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

	.menu1 a{
		font-size: 13px;
		padding: 0px 20px 0px 0px;
	}
}

@media (max-width: 991.98px) {

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

	#lpmenu1_fon {
		position:fixed; 
		top:0px; left:0px;
		width:100%; height:80px; 
		z-index: 99; 
		padding: 0px 5%;
		justify-content: space-between;
		display: flex;
	}

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

	.burger {position: absolute; background: #fff; width: 28px; height: 2px; top: 50%; left: 0px; margin-top: -1px; opacity: 1;}
	.burger::before {position: absolute; background: #fff;  width: 28px; height: 2px; top: 10px; content: ""; display: block;}
	.burger::after {position: absolute; background: #fff;  width: 28px; height: 2px; bottom: 10px; 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 {
		-webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

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

	#menu1_v {
		margin: 40px 0px;
	}

	#menu1_v a{
		text-align: center;
		display:block; 
		text-decoration:none; 
		padding: 10px 0px;
		font-size:22px;
		font-weight: bold;
		margin:40px auto;
	}

	.lk_button_m{
		display: block;
		margin: 0px auto ;
		color: #fff;
		width: 300px;
		text-align: center;
		padding:16px 20px; 
		border-radius: 15px;
		font-size:22px;
		font-weight: bold;
	}

	.logo_m{
		text-align: left;
		float: left;
		width: 200px;
		height: 43px;
		margin-top: 20px;
		display: inline-block;
		background-image:url(images/logo_m.png); 
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	/*.logo_m img{
		height: 70%;
		object-fit: contain;
		text-align: left;
		filter: invert(100%) brightness(500%);
	}*/

	.phone_m, .user_m, .basket_m{
		display: inline-block;
		width: auto;
		text-align: center;
	}

	.phone_m{
		font-weight: bold;
		padding: 30px 0px 0px 0px;
		font-size: 18px;
	}

	.phone_m a{
		color: #fff;
	}

	.user_m, .basket_m {
		padding-top: 25px;
	}

	.user_m img, .basket_m img{
		width: 30px; height: 30px;
	    position: relative;
	    object-fit: contain;
	    filter: invert(100%) brightness(500%);
	}

	.basket_m .basket_num{
		position: relative;
	    top: -7px; left: 5px;
	    color: #fff;
	    display: inline-block;
	    font-size: 18px;
	    font-weight: bold;
	    text-align: center;
	}

	.contact_m{
		padding-top: 0px;
	}
}


@media (max-width: 599px){

	.logo_m{
		width: 38px;
		height: 43px;
		background-image:url(images/logo_icon_m.png); 
	}
}

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

	.user_m{
		display: none;
	}

	#menu1_v a{
		font-size: 18px;
		margin:5px auto;
	}

	.lk_button_m{
		font-size: 18px;
	}

}

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

	.phone_m{
		padding: 33px 0px 0px 0px;
	}

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

	.basket_m .basket_num{
		top: -10px;
	}

	#menu1_v a, .lk_button_m{
		font-size: 16px;
	}

	#menu1_v a{
		margin: 0px auto;
	}

	.basket_m img{
		width: 20px;
	}


}