#nav ul {margin:0px 10px;padding:0px;}#nav li { margin:0px 0px;float:left;display:inline;list-style:none;position:relative;}#nav li a {display:block;text-decoration:none;color:#fff;text-transform:uppercase; padding:10px; text-shadow:1px 1px 0 #333,1px 1px 0 #333,1px 1px 0 #333,1px 1px 0 #333; border-right:1px solid #7b7b7b;font-family: 'Bree Serif', serif;}#nav li a:hover { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F1F1F), to(#747474));background: -webkit-linear-gradient(top, #747474, #1F1F1F);background: -moz-linear-gradient(top, #747474, #1F1F1F);background: -ms-linear-gradient(top, #747474, #1F1F1F);background: -o-linear-gradient(top, #747474, #1F1F1F);border:none;}#nav li ul {width:170px;height:auto;position:absolute;top:100%;left:0px;z-index:10;display:none; margin:0px; padding:0px;}#nav li ul li a {display:block;padding:10px 5px;text-decoration:none;color:#fff; background:#3A3A3A;  border:none; line-height:normal; font-size:12px; text-transform:none;}#nav li ul li a:hover {color:#fff;border:none; background:#333;-moz-border-radius:0px;border-radius:0px;}#nav li li {display:block;float:none;}#nav li:hover > ul {display:block;}#nav li ul ul {left:100%;top:0px;}#nav .menyala { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F1F1F), to(#747474));background: -webkit-linear-gradient(top, #747474, #1F1F1F);background: -moz-linear-gradient(top, #747474, #1F1F1F);background: -ms-linear-gradient(top, #747474, #1F1F1F);background: -o-linear-gradient(top, #747474, #1F1F1F); border:none;}#nav .batas {border-right:none; }@media (min-width: 768px){#nav li a {font-size:12px;}}@media (min-width: 992px){#nav li a {font-size:18px;}}