.nav { position:static;	display:inline-block;}
.nav-list {	text-align:left;list-style: none; margin: 0; padding: 0;}
.nav-list li { float:left; zoom:1;position:relative; margin:0px; padding: 0;background: none;}
.nav-list li:after{ display: none;}
.nav-list>li:first-child a{ padding-left:0;}
.nav-list li a { padding:8px 20px;	color:#000; font-size: 15px; text-transform: capitalize;}
.nav-list li>a:hover, .nav-list li.active>a { text-decoration: underline;}
.nav-list li:last-child > a { padding-right: 0; }

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

.nav-mobile-open { display: none;}
.nav-list li.dropdown a > span {position: relative; z-index:9; background: url(../images/down-arrow.svg) no-repeat right center; padding-right: 15px;}
/* Navigation submenu */
.nav-submenu { display: none; position: absolute; left: 0px; z-index: 99; padding: 20px 0; list-style: none;
  width: 300px;
}
  .nav-submenu::after {  content: ""; width: 7000px; left: -3000px; top: 10px; position: absolute;  height: 100%;
    background: #ECEEF3;  box-shadow: 0px 3px 3px 0px #00000040;
  }
.nav-submenu li { margin:0; width: 100%; z-index: 1;}
.nav-submenu li a {	display:block; padding:5px 20px; font-size: 15px; color: #000;  text-transform: none; }
.nav-submenu li a:hover, .nav-submenu li.active>a { color: #505E85; font-weight: 700; text-decoration: none;}
/* Mobile navigation */
/*.nav-mobile {	display: none; cursor: pointer; position: absolute; top: -42px; right: 25px;*/
/*  background: #CC2229 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 {	display: none; cursor: pointer; position: absolute; top: 30px; right: 12px;
  background: #CC2229 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:#CC2229 url(../images/closeMenu.svg) no-repeat center center; */
/*  background-size: 24px; height: 35px; width: 35px; position: fixed; top: 6px; right: 25px;}*/
  
  .nav-mobile.open { background:#CC2229 url(../images/closeMenu.svg) no-repeat center center; 
  background-size: 24px; height: 35px; width: 35px; position: fixed; top: 30px; right: 12px;}
  
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click { position: absolute; top: 0; 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;
  background-size: 10px; height: 43px; width: 50px;
}

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

@media only screen and (min-width: 320px) and (max-width: 991px) {
    .header-right {
    padding-right: 60px;
}
	.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: #ECEEF3; right: 0; left: 0; top: 0px;
    height: 100vh; z-index: 9; transform: translateX(100%); transition: all ease-in-out 0.5s;
  }
  .nav-list.openMenu { transform: translateX(0);  }
	.nav-list li { width:100%;	float:none; position: relative; }
	.nav-list li > a { font-size: 18px; display: block; padding: 8px 0 !important; }
  .nav-list li.dropdown a > span{ background: none;}
	.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: #505E85; }
	.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; background: none;}
	.nav-mobile-open a { font-size: 18px; color: #767676; padding-right: 18px; }
  .nav-submenu li a { padding: 3px 20px !important; font-size: 15px; text-align: left; color: #fff; }
  .nav-submenu li.active > a{ color: #fff;}
  .nav-list li.dropdown:hover > a::after{ display: none;}
  .nav-list li.dropdown:hover > a { color: #000; background: none; box-shadow: inherit; border-radius: 0;
    position: static;
  }
  
}