nav {
    width: 100%;
	margin-top: 0px;  
	text-align: center;
	
	 
}
.sub-menu{
box-shadow: 0 10px 10px 0 rgba(0,0,0, .5);}

.menu{display:block;
//background:#fff;
z-index:20;
//border-top:solid 1px #ccc;
background-image: url(../images/fon2.jpg);
}
 
.menu li{display: inline-block;
position: relative;


}
 
.menu li a {
//font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
color:#333;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
/*margin:auto;*/
font-size:18px;
font-family: Arial;



/*list-style: none;
    overflow: hidden;
*/ 
}
.maimmenunolink{
//font-family:Arial, Helvetica, sans-serif;
display:block;
color:#333;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
padding-top:10px;
/*margin:auto;*/
font-size:18px;
font-family: Arial;

}
#fa{
     display: none;
    white-space: pre;
    color: #aeaeae;
    font-size: 13px;}
 
.menu li a:hover, .menu li:hover{
color:#333;
background:#c9c9c9;
}



/* hide the second level menu */
.menu ul {display: none;
margin: auto;
padding: 0;
width: 300px;
position: absolute;
top: 37px;
left: 0px;
background: #4cbb17;
text-align: left;

}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {display:block;
float: none;
background:#fff;
margin:0;
padding:0;
z-index:99999;
}
 
.menu ul li a {font-size:18px;
font-weight:normal;
display:block;
color:#333;
border-left:3px solid #ffffff;
background:#fff;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;}
 
.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #FF0055;
color:#333;
}

/* change level 3 menu positions */
.menu ul ul {left: 300px;
	top: 0px;
}
#duty{
background-color:#33FF33;
color:#333333;
}
.mobile-menu{display:none;
width:100%;
padding-top:10px;
padding-bottom:10px;
/*padding-left:10px;*/
padding-right:10px;
text-align:right;
background:#4cbb17;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.mobile-menu:hover{background:#2aa11d;
color:#ffffff;

width:100%;

}

@media only screen and (max-width : 1300px),
only screen and (max-device-width : 1300px){
.maimmenunolink, .menu li a, .menu ul li a {
font-size:16px;
padding-left:10px;
padding-right:10px;
}
.menu ul li a {
font-size:16px;
}
}

@media only screen and (max-width : 1050px),
only screen and (max-device-width : 1050px){
.maimmenunolink, .menu li a, .menu ul li a {
font-size:15px;
padding-left:7px;
padding-right:7px;
}
.menu ul li a {
font-size:14px;
}
}


@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
.maimmenunolink, .menu li a, .menu ul li a {
font-size:14px;
padding-left:5px;
padding-right:5px;
}
.menu ul li a {
font-size:14px;
}
}



@media only screen and (max-width : 768px),
only screen and (max-device-width : 768px){

.top-menu{
display:block;}


#fa{
display:block;}


#duty{
background-color:none;
}
nav {
	text-align: left;
	 
}
 
.menu{display:none;
background:#ffffff;}

.stykiphone{top:-100px; opacity:0;} 
.mobile-menu{display:block;
margin-top:10px;}
 
nav{margin:0;
background:none;
}
 
.menu li .mmm{
/*border-top: 1px solid #ccc;*/
margin:left;
margin-top:20px;
}

.menu li a{
font-size:15px;
color:#333;}

.menu li{display:block;
font-weight:bold;

}

 
.menu ul li a {background:#fff;
color:#000;
border: 0px;
font-size:16px;
padding-left:30px; 
 }
.menu ul li a:hover, .menu li:hover > a{
background:#fff;
color:#000;
/*border-left:3px solid #9CA3DA;
margin-left:1px;*/
 }
 
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:auto;}
 
.menu ul ul {left:0;}
 
}