.navn, .navn ul, .navn li {
    list-style: none;
}

.navn ul {
    padding: 0;
    margin: 0 0 0 15px;
}

.navn {
    margin: 0px;
}

.navn > li {
    margin: 4px 0;
	width:180px;
}

.navn > li li {
    margin: 2px 0;
	width:180px;
}

.navn a {
    color: #000;
    display: block;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.navn li > a > span {
    float: right;
    font-weight: bolder;
}

.navn li > a:hover > span {
    color: #fff;
}



.navn a:hover, .navn li.active > a {
    /*background-color: #999;*/
    color: #f5f5f5;
}

.navn > li.active > a  {
   /* background-color: #999;*/
}

.navn li a {
	font-size: 16px;
    line-height: 22px;
    padding: 4px 45px 4px 10px;
	text-align:right;
}

.navn > li > a {
	font-size: 18px;
    line-height: 22px;
    padding: 4px 10px;
	text-align:right;
	font-weight:bold;
}

@media screen and (max-width:1024px) 
 {  
.navn > li {
	width:90%;/*180*/
}

.navn > li li {
	width:100%;/*180*/
}
 }
 
 @media screen and (max-width:768px) 
 {  
 
 .navn{
	 margin-top:15px;
 }
 
.navn > li {
	width:54%;/*180*/
}

.navn > li li {
	width:100%;/*180*/
}
 }
 
  @media screen and (max-width:370px)
{
	.navn > li {
	width:60%;/*180*/
}
}