.menu-devices{
	/*width: 75%;*/
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.menu-devices-icon{
	background: url('../img/menu-dev.png') center no-repeat;
	width: 45px;
	height: 43px;
	cursor: pointer;
}

#menu-main{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media only screen and (max-width: 1200px) {
#menu-main{
	width: 75%;
}

}

#menu-panel{
	margin-top: 0px;

}

#menu-main{
	width: 982px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	position: relative;
	z-index: 10;
}


/* menu-main-en element item */
#menu-main li{
	float:left;
	float: left;
	position: relative;		
	text-align: center;
	display: block;

	padding-left: 25px;
    padding-right: 25px;
}

#menu-main>li a{
	float: left;
	display: block;
	text-decoration: none;	
	height: 62px;
	line-height: 56px;
	color: #ffffff;
    font-size: 20px;
    float: left;	
}

#menu-main>li a span{
	float: left;
	padding-left: 9px;
	padding-right: 9px;

	/*padding-left: 25px;
	padding-right: 25px;*/
}

#menu-main>li a span:hover{
	border-bottom: 4px solid #ff6c0c;
}

#menu-main li ul a{
	width: 100%;
}

#menu-main>li:hover{
	float: left;
	display: block;	
}

#menu-main>li:hover>a{
	color: #FDE6D1;
	/*color: #F8D0AB;*/
	/*color: #ef7f1a;*/
}

/*second menu-main-en level*/
#menu-main ul{
	background: #000000;

	list-style:none;
	position:absolute;
	left:-9999px; 
	opacity:0; 
	
	transition:0.25s linear opacity; 
	-moz-transition:0.25s linear opacity;
	-webkit-transition:0.25s linear opacity;
	-o-transition:0.25s linear opacity;

	margin-top: 62px;
	z-index: 10;
	min-width: 150px;
	padding: 0px 0px 0px 0px;
}
#menu-main ul li{
	padding-top: 1px; 
	display: table;
	padding-left: 0px;
	position: relative;
	min-height: 50px;
	width: 100%;
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid black;
}

#menu-main ul li:first-child{
	border-top: 0px;
}

#menu-main ul a{
	white-space:nowrap;
	display:block;
}

#menu-main ul li:hover a{
	color: #ef7f1a;
}

#menu-main li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}

#menu-main li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	/*background:#171717;*/
	/*background:rgba(17,17,17,0.75);*//* Выглядит полупрозрачным */
	/*text-decoration:underline;*/
}
#menu-main li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#menu-main li:hover ul li a:hover span{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

/*second menu-main-en level End*/
.subitem-menu-separate{
	border-top: 1px solid black;
	border-bottom: 1px solid #2f2f2f;
	width: 100%;
}

.item-menu-separate{
    border-left: 1px solid #262626;
    border-right: 1px solid #474747;
	
	height: 30px;
    margin-top: 17px;
	
	margin-left: 0px;
	margin-right: 0px;	
	float: left;
	display: inline-block;
}

.menu-main-en-devices{
	background: url(img/img_43.png) center no-repeat;
	width: 42px;
	height: 42px;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	cursor: pointer;
}
.menu-main-en-devices:hover{
	background: url(img/img_49.png) center no-repeat;
}


.menu-main-en-devices-icon{
	background: url(img/device-icon.png) center no-repeat;
	width: 42px;
	height: 42px	
}


/*@media (max-width: 992px) and (min-width: 768px) {*/
@media (max-width: 979px) {
.menu-devices{
    width: 640px;
}

#menu-main>li a span:hover{
	border-bottom: 0px solid #ff6c0c;
}

#menu-main>li:hover a span{
	border-bottom: 4px solid #ff6c0c;
}

#menu-main li{
	padding-left: 0px;
	padding-right: 0px;	
}	

.menu-devices{
	display: block;
    padding-top: 8px;
    padding-bottom: 6px;
}

.menu-main-en-devices{
	display: block;
}

#menu-panel{
	width: 100%;
	display: table;
	position: relative;
	margin-top: 0px;
}

#menu-main{
	width: 640px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	margin: 0px;
	/*float: left;*/
	position: relative;
	z-index: 110;
	background: #378AB6;
	display: none;
    margin-left: auto;
    margin-right: auto;
}

.item-menu-separate{
	width: 0px;
	height: 0px;
}

#menu-main ul{
	margin-top: 0px;
	clear: both;
	display: none;
	padding: 0px 0px 0px 0px;
}
.subitem-menu-separate{
	margin-left: 0px;
}

#menu-main li ul a span{
	padding-left: 50px;
	padding-right: 25px;	
}	

#menu-main li{
	float: none;
	clear: both;
	width: 100%;
	display: table;
}

#menu-main>li:hover>a{
	float: none;
	clear: both;
	/*
	background: #151515;
	*/
}

#menu-main>li>ul>li:hover{
	/*background: #151515;*/
}

#menu-main>li a{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}	

#menu-main>li a span{
	float: left;
	margin-left: 12.5%;
	/*margin-left: 25px;*/
	padding-left: 0px;
}

#menu-main ul li{
	width: 100%;
	margin-left: 0px;
}

#menu-main ul li a span{
	padding-left: 50px;
}

}


@media (max-width: 767px){
#menu-main li{
	padding-left: 0px;
	padding-right: 0px;	
}

.menu-devices{
	display: block;
    padding-top: 8px;
    padding-bottom: 6px;
    width: 300px;
}

.menu-main-en-devices{
	display: block;
}

#menu-panel{
	width: 100%;
	display: table;
	position: relative;
	margin-top: 0px;
}

#menu-main{
	padding: 0px 0px 0px 0px;
	list-style: none;
	margin: 0px;
	/*float: left;*/
	position: relative;
	z-index: 110;
	background: #378AB6;
	display: none;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.item-menu-separate{
	width: 0px;
	height: 0px;
}

#menu-main ul{
	margin-top: 0px;
	clear: both;
	display: none;
	padding: 0px 0px 0px 0px;

}
	
.subitem-menu-separate{
	margin-left: 0px;
}	


#menu-main li{
	float: none;
	clear: both;
	width: 100%;
	display: table;
}

#menu-main>li a span:hover{
	border-bottom: 0px solid #ff6c0c;
}

#menu-main>li:hover a span{
	border-bottom: 4px solid #ff6c0c;
}

/*
#menu-main>li:hover>a{
	float: none;
	clear: both;
	background: #151515;
}

#menu-main>li>ul>li:hover{
	background: #151515;
}
*/

#menu-main>li a{
	width: 100%;
	white-space: nowrap;
	padding-left: 0px;
	padding-right: 0px;
}

#menu-main>li a span{
	float: left;
	/*margin-left: 25px;*/
	margin-left: 12.5%;
	padding-left: 0px;
}

#menu-main ul li{
	width: 100%;
	margin-left: 0px;
}

#menu-main ul li a span{
	padding-left: 50px;
}

}