.menu-razdel{
		position:absolute;
		top:1.5%;
		right:30%;
		margin:0;
		z-index:10000;
		}
.menu-razdel ul{
		position:relative;
		padding:0;
		margin:0;
		list-style:none;
		}	
.menu-razdel ul li{
		position: relative;
		display:inline-block;
		margin:0;
		background:#0F4432;
		}
.menu-razdel ul li.produktsiya{
		background:#D9E3BC;
		}
.menu-razdel ul li.food{
		background:#FEB677;
		}
.menu-razdel ul li.express{
		background:#D1D44F;
		}		
.menu-razdel ul li:hover{
		background:#FFF;
		}			
.menu-razdel ul .produktsiya:hover,
.menu-razdel ul .food:hover{
		background:#0F4432;
		}
.menu-razdel ul li:hover a{
		color:#FFF;
		}
.menu-razdel ul li.express a{
		color:#0F4432 !important;
		}
.menu-razdel a{
		display:block;
		padding:20px;
		color:#0F4432;
		font-size:14px;
		text-decoration:none;
		}
		
/* первый уровень выпадающего списка */
.menu-razdel ul ul{
		position:absolute;
		top:100%;
		width:325px;
		padding:4px 0 0 0;
		visibility: hidden;
		opacity:0;
		z-index:-1;
		transition-property:opacity, visibility;
		transition-duration:.3s, 0s;
		transition-delay:0s, .3s;
		}
.menu-razdel ul li:hover > ul{
		display:inherit;
		visibility:visible;
		opacity:1;
		z-index:1;
		transition-delay:0s, 0s;
		}
.menu-razdel ul ul li{
		position:relative;
		display:list-item;
		width:100%;
		float:none;
		}
.menu-razdel ul ul li a{
		display:block;
		padding:10px 15px 10px 30px;
		color:#FFF;
		font-size:14px;
		text-decoration:none;
		}
.menu-razdel ul li:hover ul li a{
		color:#FFF;
		}
.menu-razdel ul li:hover ul li a:hover{
		color:#0F4432;
		}

/* второй, третий и последующие уровни. Смещаем 2 и 3 уровни влево на значение длины первого уровня.*/
.menu-razdel ul ul ul{
		position:absolute;
		top:0;
		left:100%;
		}
		
/* измените ' +' на любой другой символ, если нужно*/
		/*li > a:after { content:  ' +'; }
		li > a:only-child:after { content: ''; }*/
		
@media screen and (max-width:1440px) and (orientation:landscape){
}
@media screen and (max-width:1440px) and (orientation:portrait){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px) and (orientation:landscape){
}
@media screen and (max-width:1200px) and (orientation:portrait){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1124px) and (orientation:landscape){
}
@media screen and (max-width:1124px) and (orientation:portrait){
}
@media screen and (max-width:1124px){
}
@media screen and (max-width:1024px) and (orientation:landscape){
}
@media screen and (max-width:1024px) and (orientation:portrait){
}
@media screen and (max-width:1024px){ 
.menu-razdel{
		display:none;
		}
}
@media screen and (max-width:960px) and (orientation:landscape){
}
@media screen and (max-width:960px) and (orientation:portrait){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:820px) and (orientation:landscape){
}
@media screen and (max-width:820px) and (orientation:portrait){
}
@media screen and (max-width:820px){
}
@media screen and (max-width:768px) and (orientation:landscape){
}
@media screen and (max-width:768px) and (orientation:portrait){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:680px) and (orientation:landscape){
}
@media screen and (max-width:680px) and (orientation:portrait){
}
@media screen and (max-width:680px){		
}
@media screen and (max-width:480px) and (orientation:landscape){
}
@media screen and (max-width:480px) and (orientation:portrait){
}
@media screen and (max-width:480px){		
}
@media screen and (max-width:360px) and (orientation:landscape){
}
@media screen and (max-width:360px) and (orientation:portrait){
}
@media screen and (max-width:360px){
}