nav { float:right; margin:27px 0 0 0; font-family:Verdana, Geneva, sans-serif; }
.menu { display: block; }
.menu li { display: inline-block; position: relative; z-index: 100; margin-right:5px; }
.menu li:first-child { margin-left: 0; }
.menu li a { font-size:15px; text-decoration: none; padding: 8px 12px; display: block; color: #163c63; background-color: rgba(255, 255, 255, 0.2);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover, .menu li a.active, .menu li:hover>a { color: #ffffff; background-color: #163c63; }
.menu ul { display: none; margin: 0; padding: 0; width: 280px; position: absolute; top: 31px; left: 0px; background: #ffffff; border:1px solid #d6d6d6; }
.menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; border-bottom:1px dashed #d6d6d6; }
.menu ul li:last-child { border:none; }
.menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #797979; border-left: 3px solid #ffffff; background: #ffffff; text-align:left; padding:10px; }
.menu ul li a:hover, .menu ul li:hover>a { background: #f0f0f0; border-left: 3px solid #163c63; color: #797979; }
.menu li:hover>ul { display: block; }
.menu ul ul { left: 149px; top: 0px; }
.mobile-menu { display: none; width: 100%; padding: 11px; background: #3E4156; color: #ffffff; font-weight: 600; }
.mobile-menu:hover { background: #3E4156; color: #ffffff; text-decoration: none; }

@media (min-width: 768px) and (max-width: 979px) {
.menu ul { top: 28px !important; }
.menu li a { font-size: 12px; padding: 8px; }
}
@media (max-width: 767px) { 
.menu { display: none; }
.mobile-menu { display: block; margin: 27px 10px 0 0; width:90px; float:right; text-decoration:none; }
nav { margin: 0; background: none; position: absolute; right: 17px; top: 65px; }
.menu li { display: block; margin: 0; }
.menu li a { background: #ffffff; color: #797979; border-top: 1px solid #e0e0e0; border-left: 3px solid #ffffff; }
.menu li a { text-align:left; }
.menu ul { border:none; }
.menu ul li { border-bottom:none; padding-left:10px; list-style:square; color:#666; }
.menu ul li a { color:#209666; padding:8px 8px; }
.menu li:last-child { border-bottom: 1px solid #e0e0e0; }
.menu li a:hover, .menu li:hover>a { background: #f0f0f0; color: #797979; border-left: 3px solid #163c63; }
.menu ul { display: block; position: relative; top: 0; left: 0; width: 100%; }
.menu ul ul { left: 0; } 
}
@media (max-width: 480px) {
	.mobile-menu { width:60px; margin-top:18px; margin-right:5px; padding:8px; font-weight:normal; }
	nav { right: 15px; top: 50px; }
@media (max-width: 320px) {
}