/* Navigation CSS */

#jawnav {color: #c1c8d8; }
#jawnav ul li a {color: #c1c8d8;  font-size: 14px; }
#jawnav ul li:hover a,
#jawnav ul li.active a{ background-color: transparent;border-radius: none;  }
#jawnav ul li.has-sub a::after { border-bottom: 1px solid #ced4e4;  border-right: 1px solid #ced4e4;}
#jawnav ul li.has-sub:hover a::after { }
#jawnav span.inner {  background: #212830; border: 1px solid #171e28; color: #c1c8d8; }
#jawnav ul ul li a { font-size: 13px; color: #ced4e4;}
#jawnav ul ul li:hover a,
#jawnav ul ul li a:hover,
#jawnav ul ul li.current a {}
#jawnav ul ul li.has-sub a::after { border-bottom: 1px solid #ced4e4;  border-right: 1px solid #ced4e4;}
#jawnav.align-right ul ul li.has-sub a::after { }
#jawnav ul ul li.has-sub:hover a::after { }



@media (min-width: 768px) {
	.navbar-fixed-top #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top.small #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top #jawnav ul ul {margin-top:0;}	
	
	
	
	#jawnav ul li a {font-size: 11px; margin:10px 0px;padding:10px 7px; }
	#jawnav ul ul li a {margin:0; padding:15px;}
	#jawnav ul li.has-sub a { padding-right: 20px;}
	#jawnav ul li.has-sub a::after{ top:13px;}
	#jawnav ul ul li a::after {display:none; }
	#jawnav ul ul li.has-sub a::after {display:block;}



	
	
	}

@media (min-width: 992px) {
	.navbar-fixed-top #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top.small #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top #jawnav ul ul {margin-top:0;}
	#jawnav ul li a {font-size: 14px; margin:10px 0px;padding:10px 10px; }
	#jawnav ul ul li a {margin:0; padding:15px;}
	#jawnav ul li.has-sub a { padding-right: 20px;}
	#jawnav ul li.has-sub a::after{ top:15px;}
	#jawnav ul ul li a::after {display:none; }
	#jawnav ul ul li.has-sub a::after {display:block;}
	
	}

@media (min-width: 1170px) {
	.navbar-fixed-top #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top.small #jawnav ul{transition: margin-top 0.5s ease-in-out;}
	.navbar-fixed-top #jawnav ul ul {margin-top:0;}
	#jawnav ul li a {font-size: 14px; margin:0px 0px;padding:15px; }
	#jawnav ul ul li a {margin:0; padding:20px;}
	#jawnav ul li.has-sub a { padding-right: 25px;}
	#jawnav ul li.has-sub a::after{ top:20px;}
	#jawnav ul ul li a::after {display:none; }
	#jawnav ul ul li.has-sub a::after {display:block; top:25px;}
	
	}









@media all and (max-width: 768px), 
/* only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {
#jawnav ul {background: #171e28;}

#jawnav ul li,
#jawnav ul ul li,
#jawnav ul li:hover > ul > li {  border-top: 1px solid rgba(120, 120, 120, 0.15); }
#jawnav ul li a { font-size: 12px;  }
#jawnav ul ul li a { font-size: 12px; background: none; color: #ced4e4;}
#jawnav ul ul li:hover > a,
#jawnav ul ul li a:hover {color: #ced4e4;}
#jawnav #menu-button { font-size: 12px;color: #ced4e4;}
#jawnav #menu-button::after { background: #ced4e4;}
#jawnav #menu-button::before { border-top: 2px solid #ced4e4; border-bottom: 2px solid #ced4e4;}
#jawnav .submenu-button {border-left: 1px solid rgba(120, 120, 120, 0.15);}
#jawnav .submenu-button::after { background: #ced4e4;}
#jawnav .submenu-button::before { background: #ced4e4;}

}