#nav { margin:0px; padding:0px; float: right;}
#nav ul {margin:0px 0px;padding:0px 0px;}
#nav li { margin:0px 0px; float:left;display:inline;list-style:none;position:relative;}
#nav li a {display:block;padding:0px;text-decoration:none;color:white;font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:15px; padding-left:10px;background: linear-gradient(#333, black);}
#nav li a:hover {color:#fff; background:#000;}
#nav li ul {width:170px;height:auto;position:absolute;top:100%;right:0px;z-index:10;display:none;}
#nav li ul li a {display:block;padding:10px;text-decoration:none;color:#fff; background:#000; font-size:12px; font-family: 'Roboto', sans-serif;  text-align: right;}
#nav li ul li a:hover {background:#333; color:#FFF;}
#nav li li {display:block;float:none;}
#nav li:hover > ul {display:block;}
#nav li ul ul {right:100%;top:0px;}
#nav .menyala {color:#fff; background:#000;}
#nav .batas { border:none;}

@media (min-width: 768px)
{
	#nav li a {padding:10px; font-size:12px; }
}
@media (min-width: 992px)
{
	#nav li a {padding:20px 10px; font-size:15px; }
}