#nav {padding:0px; margin-top:30px; float: right;}
#nav ul {padding:0px; margin:0px; display: flex;}
#nav li { margin:0px 0px;float:left;display:inline;list-style:none;position:relative;}
#nav li a {display:block;text-decoration:none;text-transform:capitalize;color: #fff; text-transform: uppercase; margin-left: 10px;}
#nav li a:hover {color: #209a64;}
#nav li ul {width:170px;height:auto;position:absolute;top:100%;right:0px;z-index:10;display:none; margin:0px; padding:0px;}
#nav li ul li a {display:block;padding:10px;text-decoration:none;color:#fff; background:#209a64; border:none; line-height:normal; text-transform:none; font-size:13px; text-align:left; font-weight:400; text-align: right;}
#nav li ul li a:hover {color:#fff;border:none; background:#000;}
#nav li li {display:block;float:none;}
#nav li:hover > ul {display:block;}
#nav li ul ul {right:90%;top:0px;}
#nav .menyala {color: #209a64;}
#nav .batas {}

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