.nav { float: right; font-family: "Open Sans", Arial, sans-serif !important; background-color: transparent; color: #32415F; letter-spacing: 1px; font-style: normal; }
.nav li ul {background-color: #fff;max-width: 260px;min-width: 220px;padding: 8px 16px 16px!important;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.54);
-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.54);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.54);}

.fullwidth_horizontal {height: 5em;position: relative;}
.nav {/*position: absolute;*/top: 50%;transform: translate(0, -50%);}
.headermiddleBottomContainer, .headerColumnMiddleContainer {height:5em; position: relative; /*width: 210px;*/}
.headertextposition_bottom-center, .headertextposition_center { font-size: 24px; color: #0a0f49; text-align: left;  text-transform: uppercase; position: absolute;top: 50%;transform: translate(0, -50%);}

.nextLevel {display: none;}

/*---------------------- Nav  Top ------------------*/
.nav ul {background-color: #FFF;}
.nav li, .nav li a, .nav a:visited {color:#32415F;}
.nav a:link {color: #32415F;}
.nav  a:hover{ color: #0099FF;}
.nav li ul a:hover{ color: #EAB34D; }
.currentpage { background-color: transparent; color: #0a0f49 !important;  }
.nav li ul li {padding: 8px 0;}
.sub1li { width: 100% !important; /*color: #FFF; */}
.sub1li, .sub1li a, .sub1li li, .sub1li li a { list-style-type: none; border-bottom-color: #249BA8; /*color: #FFF;*/}

.sub1li, .sub1li a,.sub1li:visited , .sub1li a:visited{/*color: #FFF !important; */}
.sub1li.currentpage a{ color: #EAB34D !important; }
.sub1li a:hover,.sub1li:hover, .sub1li li:hover, .sub1li li a:hover {/*color:#23959E !important;*/}

.sub1li a {text-transform: capitalize;}

/*---------------------- Nav Bottom  ------------------*/
.navBottom { background-color: #fff; border-top: 1px solid #0099FF; border-bottom:1px solid #0099FF; font-weight: bold;}
.navBottom .nav {float: right; margin: 0 20px; width: auto; border-right: 1px solid #0099FF;}
.navBottom .nav li ul {max-width: 182px;}
.navBottom li { border-left: 1px solid #0099FF; color:#32415F; font-weight: bold;}
.navBottom li, .navBottom a:link, .navBottom  a:link, .navBottom a:visited {color:#32415F }
.navBottom .nav .currentpage { background-color: #32415F;  color: #fff; }

.navBottom .nav li:last-child {padding-right: 10px !important;}
.navBottom .nav li ul { left: 0; top: 41px;}

.navBottom .sub1ul {background-color: #fff !important; border: 1px solid #0099FF !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}
.navBottom .sub1li {border: 0 none !important;border-bottom: 1px solid #0099FF !important;}
.navBottom .sub1li, .navBottom .sub1li li, .navBottom .sub1li li a {background-color: transparent !important;}
.navBottom .sub1li:hover, .navBottom .sub1li li:hover, .navBottom .sub1li li a:hover { background-color:#F3F2F2 !important; color: #32415F !important;}
.navBottom .sub1li a {color:#32415F !important;}

/*---------------------- Nav   ------------------*/



@media  (max-width : 860px){
.headerColumnMiddle {
    width: 150px;
    min-width: unset;
}

}
@media only screen 
and (max-width  : 800px) {
.mob_menu_header { width: 36px; height: 20px; margin: 16px 40px 16px 40px !important;}

.nav{ margin:0 !important;}
.nextLevel {display: inline;}
.sub1ul { border: 0 none;}
.mobile ul li, .mobile .a, .menudivider a, .mobile-menu .sub1ul li a {background-color:#0a0f49;}
.mobile ul  {padding: 0;}
.mobile ul li a, .mobile .a { font-size: 24px; padding: 16px 40px;  letter-spacing: 1px; text-transform: capitalize !important;}
.mobile-menu .sub1ul li {padding: 0;}
.mobile-menu .sub1ul li a { padding-left: 54px; background-color: #0099FF; }

.menudivider a:hover, .mobile .a:hover, .mobile ul li:hover {background-color: #0099FF;}
.mobile-menu .sub1ul li a:hover {background-color: #0099FF;}

.mobile .currentpage {background-color: #0099FF;width: unset;display: inline;}
.headerColumnLeft {width: 20% !important;
margin: 0;
max-width: 20%;
min-width: 20%}
.headerColumnMiddle {width: 80% !important;
min-width: 30% !important;
max-width: 80% !important;}
.headertextposition_center {right: 0;}
}
@media only screen 
and (max-width  : 720px) {


}
@media only screen 
and (max-width  : 660px) {
.headermiddleBottomContainer { height: 1.8em;}

}
@media only screen 
and (max-width  : 400px) {
.headerColumnLeft, .headerColumnMiddle, .headerColumnMiddleContainer {width: 100% !important;max-width:100% !important;;min-width: 100% !important; height: auto !important; }
.headertextposition_center {
    right: unset;
    position: relative;
    top: unset;
    transform: unset;
}


}