nav { margin: 0px auto; display: table; padding: 0 20px; }

.menu { margin: 0px auto; }

.menu li { display: inline-block; position: relative; z-index: 100; background: url(../images/nav-seprator.png) left center no-repeat; }

.menu li:first-child { margin-left: 0; background: none; }

.menu li a { font-family: 'open_sanssemibold'; font-size: 15px; line-height: 43px; display: block; padding: 0 23px; color: #ffffff; -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; font-weight:normal; }

.menu li span { width: 16px; height: 7px; float: right; margin-top: -24px; cursor: pointer; background: url(../images/nav-dropdown-icon.png) center left no-repeat; }

.sub-menu li span {height: 10px; background: url(../images/nav-dropdown-right-icon.png) center left no-repeat; }

.menu li a:hover, .menu li:hover > a { color: #ffffff; background: #ae0e00; text-decoration: none; }

.menu ul { display: none; margin: 0; padding: 0; width: 180px; position: absolute; top: 43px; left: 0px; background: #2761ab; }

.menu ul li { display: block; float: none; background: none; margin: 0; background: none; padding: 0; }

.menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #fff; /*border-left: 2px solid #2761ab; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;*/ border-bottom: 1px solid #3579cf; }

.menu ul li a:hover, .menu ul li:hover > a { background: url(../images/nav-dropdown-right-icon.png) 95% 20px no-repeat #ae0e00; /*border-left: 2px solid #fff;*/ color: #fff; }
.menu ul li a:hover, .menu ul li:hover { background: #ae0e00; /*border-left: 2px solid #fff;*/ color: #fff; }


.menu li:hover > ul { display: block; }

.menu ul ul { left: 178px; top: 0px; }

.nav-box a {  color: #ffffff; text-transform: uppercase; font-weight: 600; }

.nav-box a:hover {  color: #ffffff; text-decoration: none; }

.mobile-menu { display: none; width: 100%; padding: 11px 45px; background: #3E4156; color: #ffffff; text-transform: uppercase; font-weight: 600; }

.mobile-menu:hover { background: #ae0e00; color: #ffffff; text-decoration: none; }

@media (max-width: 1100px) {
	
.menu li a {  padding: 0 18px; }

}

@media (min-width: 768px) and (max-width: 1023px) {
.sub-menu li span {height: 10px; background: url(../images/nav-dropdown-icon.png) center left no-repeat; }
nav { width: 100%; }

.menu { display: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.50) }

.mobile-menu { display: block; }

nav { margin: 0; background: none; }

.menu li { display: block; margin: 0; background: none; }

.menu li a { width: 100%; line-height: 40px; display: block; color: #fff; border-bottom: 1px solid #e0e0e0; transition: all 0.0s; }

.menu li a:hover, .menu li:hover > a { background: #f0f0f0; color: #ae0e00;  }

.menu li:hover, .menu li:hover > span { background: url(../images/nav-dropdown-hover.png) no-repeat left center; }

.menu ul { display: block; position: relative; top: 0; left: 0; width: 100%; }

.menu ul ul { left: 0; }

.menu ul li a:hover, .menu ul li:hover > a {
    background: url(../images/nav-dropdown-icon.png) no-repeat scroll 110% 20px #AE0E00;
    color: #FFFFFF;
}
}
/**/
@media (max-width: 767px) {
.sub-menu li span {height: 10px; background: url(../images/nav-dropdown-icon.png) center left no-repeat; }
.menu ul li a:hover, .menu ul li:hover > a {
	background: none;
}

.mobile-menu { padding: 11px 20px; }

nav { width: 100%; }

.menu { display: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.50) }

.mobile-menu { display: block; }

nav { margin: 0; background: none; }

.menu li { display: block; margin: 0; background: none; }

.menu li a { width: 100%; line-height: 40px; display: block; color: #fff; border-bottom: 1px solid #e0e0e0; transition: all 0.0s; }

.menu li a:hover, .menu li:hover > a { background: #f0f0f0; color: #ae0e00;  }

.menu li:hover, .menu li:hover > span { background: url(../images/nav-dropdown-hover.png) no-repeat left center; }

.menu ul { display: block; position: relative; top: 0; left: 0; width: 100%; }

.menu ul ul { left: 0; }

}
 @media (max-width: 480px) {
}
 @media (max-width: 320px) {
}