.nav { position:static;	display:inline-block; margin-left: 30px; flex: 1;}
.nav-list {display: flex; justify-content: flex-end;}
.nav-list li { float:left; zoom:1;position:relative; margin:0px; padding:11px 8px;background: none;}
.nav-list>li:first-child{ padding-left:0;}
.nav-list li a { padding:4px 10px;	color:#000; font-size: 18px; text-transform: capitalize; border-radius: 10px;}
.nav-list li>a:hover, .nav-list li.active>a, .nav-list li:hover>a { background: #0D2B54; color: #fff;}
.nav-list li:last-child { padding-right: 0; }

.nav-list li:hover .nav-submenu { display:block;}

.nav-mobile-open { display: none;}
/* Navigation submenu */
.nav-submenu { display: none; position: absolute; left: 0px; z-index: 99; padding: 20px 20px; list-style: none; width:286px; background: #fff; box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 0px 0px 30px 30px; top: 100%;}
.nav-list li:last-child .nav-submenu { left: auto; right: 0; }
.nav-submenu li { margin:0; width: 100%; z-index: 1; padding: 0;}
.nav-submenu li a {	display:block; padding:5px 15px; font-size: 16px; color: #000;  text-transform: none; text-align: right;}

/* Mobile navigation */
.nav-mobile {	display: none; cursor: pointer; position: absolute; top:17px; right: 25px;
  background: #DDA228 url(../images/menu_bars_icon.svg) no-repeat center center; background-size: 25px;
  height: 35px; width: 35px; border-radius: 100%; z-index: 9;
}
.nav-mobile.open { background:#DDA228 url(../images/closeMenu.svg) no-repeat center center; 
  background-size: 24px; height: 35px; width: 35px; position: fixed; top:17px; right: 25px;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click { position: absolute; top:18px; right: 0; display: none; height: 43px; width: 50px; cursor: pointer; }
.nav-click i { display: block; background: url(../images/down-arrow.svg) no-repeat right center; height: 43px; width: 50px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
  
	.nav-mobile {	display:block;}
	.header-top { position: relative;}
  .nav-mobile-open img { height: 24px;}
  .nav-mobile-open li:after  { display: none}
	.nav-list { padding:60px 25px 30px 25px; position: fixed; background:#0D2B54; right: 0; left: 0; top: 0px;
    height: 100vh; z-index: 9; transform: translateX(100%); transition: all ease-in-out 0.5s; display: block;
  }
  .nav-list.openMenu { transform: translateX(0);  }
	.nav-list li { width:100%;	float:none; position: relative; }
	.nav-list li > a { font-size:24px !important; display: block; padding: 8px 0 !important; color: #fff;}
  .nav-list li > a:hover, .nav-list li.active > a, .nav-list li:hover > a {
    background: #0D2B54;
    color: #DDA228;
  }
	.nav-click {display:block;	}
	.nav-list li:hover .nav-submenu { display:none;	}
	.nav-submenu { position: static; width: 100%; box-shadow: inherit; padding: 10px 0; background: #fff; }
	.nav-mobile-open {  display: flex; list-style:none; padding:0 30px 0 0; margin: 0; justify-content:flex-start; }
  
  .nav-mobile-open li{ padding:0 !important; background: none;}
  .nav-submenu li a { padding: 3px 20px !important; font-size:18px !important; text-align: left; color: #0D2B54; }
  .nav-submenu li.active > a{ color: #fff;}
  
}