nav {width: 100%; margin-bottom: 28px;}
nav ul li a { line-height: normal; font-size: 20px; text-transform: uppercase; font-family: 'Conv_BrandonGrotesque-Bold',Sans-Serif; letter-spacing: 3px;}
nav ul li { padding: 0 32px 0 0; z-index: 100;list-style-type: none;}
.navbar {margin-bottom: 0;}
.navbar-nav {margin-top: 0; margin-bottom: 0;}
.sub-menu > li:first-child {padding-top: 20px;}
.sub-menu > li {display: block; padding: 10px 0 0; padding-top: 10px;}
nav ul li ul li a {color: #fff;font-size: 20px; text-decoration: none !important;font-family: 'Conv_BrandonGrotesque-Medium',Sans-Serif; text-transform: uppercase;}
#menu-main-menu>li, #menu-main-menu-1>li{float: left;}
nav ul li a:hover,.current-menu-item>a, .current-menu-parent>a, a[aria-current="page"] { color:#E18800;text-decoration: none;}

.nav-menu {height: 0;transition: 0.25s height linear; overflow: hidden;}
.sub-menu {height: auto; display: block; position: static; float: none; border-radius: 0; border: none; box-shadow: none; background-color: transparent;
padding: 0;}
.sub-menu > li {display: block;}
.nav>li {position: relative;display: block}
.nav>li>a:focus,.nav>li>a:hover {text-decoration: none;}

@media (max-width:1100px) {
.jobs .sub-menu{padding-left: 9809px;margin-left: -9809px;padding-right: 9469px;margin-right: -9420px;}
}

@media (min-width:1024px) {
.nav-menu { height: auto; position: relative; overflow: visible;}
.nav-menu:before, .nav-menu:after {content: " "; display: block; position: absolute; top: 0;right: 100%; left: -1000%; height: 50px;}
.nav-menu:after {left: 100%;right: -1000%;}
.sub-menu {padding-top:0px;padding-bottom: 0;padding-left: 9749px;margin-left: -9749px; padding-right: 9649px; margin-right: -10100px;
height: 0;background-color: #04284B;height: 0;overflow: hidden;transition: 0.25s height linear;float: left;/* border-top:#FF9729 solid 14px; */
position: absolute;z-index: 9;}
.dropdown:hover .sub-menu { height: 100px;}
.visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important;}
.navbar-nav {float: left;	margin: 0;padding: 0;}
.menu-item-has-children:hover .sub-menu{ height: 300px;}
}

@media (max-width:1023px) {
/* Menu css */
nav .container_1600{ padding: 0}
.navbar-nav { margin-top: 40px; margin-bottom: 40px; clear: both;  overflow: hidden;}
.Menutoggle{display: inline-block !important; position: relative; width:36px; height: 36px;margin-left: 10px;}
.Menutoggle label {position: absolute;top:-6px;right: 0;width:36px;z-index: 5;left: 0;padding: 7px 2px;margin: 0px auto;cursor: pointer;}

.hamburger { position: absolute; top: 10px; right: 20px; z-index: 5;}
.hamburger div { position: relative; height: 2px; left:0px;background:#021936; margin-bottom: 8px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.hamburger div.bottom{ margin-bottom: 0px !important}
.hamburgerOpen.hamburger{ margin-bottom: 2px;}
.hamburgerOpen.hamburger .top { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 10px;}
.hamburgerOpen.hamburger .meat { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -10px;}
.hamburgerOpen.hamburger .bottom {-webkit-transform: scale(0); transform: scale(0);}

.nav-menu{ display: none; transition: none}

.accordionTrigger { position: absolute; right: 0; top: 2px; cursor: pointer; z-index: 999;}
.nav {position: fixed; width: 100%; height:100%; background:#021936;left: 0; right: 0; top:120px;overflow-y: auto; z-index: 1; display: none; padding-bottom: 50px;box-shadow: 0 0 10px #848484;}
.nav .nav-wrapper { position: relative; overflow-y: auto; max-width: 1400px;margin: 0px auto;}
nav { margin-top: 0px; padding:0 20px;text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
nav #menu-main-menu >li{width: 100%; margin: 0; position: relative; padding: 10px 0;}

nav #menu-main-menu >li>a:first-child, nav #menu-main-menu >li .accordionTrigger ~ a{color: #fff;padding-bottom: 10px; margin-bottom: 21px;width: 100%; display: inline-block;}
nav ul{ margin: 0; padding: 0; list-style-type: none;}

ul.sub-menu li{ margin-bottom: 13px;}
nav #menu-main-menu >li>a:first-child:hover, nav ul li a:hover, nav .col-20:first-child ul li a:hover, #menu-main-menu >li:first-child .sub-menu li a:hover{ text-decoration: none; color:#22418B;}
nav ul li a:hover, .current-menu-item>a, .current-menu-parent>a {color: #E18800 !important; text-decoration: none;}
/* Menu css */
header .sub-menu{ display: none; padding: 20px 16px 0;}
.accordionTrigger {position: absolute; right: 0; top: 2px; cursor: pointer;z-index: 999;}
.accordionTrigger:after { -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease;
  height: 40px; content: "+"; font-size: 34px; text-align: center; width: 40px; position: absolute; line-height: 40px;color: #fff;right: 0; float: right;}
.accordionTrigger.active:after {content: "-"; top: -3px;}
#menu-main-menu >li:first-child .sub-menu li{ border-bottom: 0;}
ul.sub-menu li{ margin-bottom: 0;}
#menu-main-menu .sub-menu li a{ display: block; letter-spacing: 1px;}
nav #menu-main-menu >li>a:first-child, #menu-main-menu >li:first-child .sub-menu li{ margin: 0px; padding: 0;}
nav #menu-main-menu >li .accordionTrigger ~ a{ margin: 0; padding:0px 0;}
#menu-main-menu .sub-menu a{ padding: 0px 0}
.sub-menu > li:first-child{ padding-top: 0;}
.sub-menu > li{ padding-top: 0}

header{ position: fixed; width: 100%;height: auto; z-index: 9;background: #fff; top: 0;transition: all 0.5s}
.Scrollhide header.scrollUp{transform: inherit;}
header.scrollUp {transform: translateY(-123px);}
body{ padding-top: 123px;}
.headsec{ margin:24px 0 !important;}
.advertisec{ margin-top: 10px !important;}
}

@media (max-width:900px) {
nav ul li a {font-size: 22px;}
#menu-main-menu .sub-menu li a{ font-size: 20px; padding: 4px 0;}
header .sub-menu{ padding: 10px 10px 0}
.nav{ top: 110px;}
body { padding-top: 100px;}
}

@media (max-width:767px) {
.nav {top: 100px;}
}
@media (max-width:650px) {
.nav {top: 86px;}
body { padding-top: 86px;}
}

@media (max-width:480px) {
.nav {top: 80px;}
body { padding-top:80px;}
}
@media (max-width:414px) {

}
