.desktopnav{ border-top:#150958 solid 1px; border-bottom:#150958 solid 1px;}
body.home .desktopnav{ border-bottom: 0px;}
nav{ padding: 0 20px;}
nav ul{ margin: 0px; padding: 0px; list-style-type: none; text-align: center;}
nav ul li{ margin: 0px; padding: 0px 12px; display: inline-block;}
nav ul li a{ padding: 16px 8px; display: block; color:#000000; font-size: 16px; position: relative;}
nav ul li a:hover{ text-decoration: none;}
nav ul li.current-menu-item a::after{ content:''; width: 100%; height: 3px; background-color:#DA9313; position: absolute; bottom:0; left: 0;}


.mobileMenu{ position: absolute; right: 20px; top:26px; z-index: 999999; display: none!important;}

.mobilenav{ display: none;}
.mobilenav{ position: fixed; overflow-y: scroll; right: -320px; top:0px; width: 320px; z-index:99; height: 100%; background-color: #fff;}
.mobilenav ul li{ width: 100%; text-align: left; padding: 0px; border-bottom:#e6e6e6 solid 1px;}
.mobilenav ul li a{ padding:10px 0; font-size: 18px; line-height: 24px;}
.mobilenav nav ul li.current-menu-item a{ color:#DA9313;}
.mobilenav nav ul li.current-menu-item a::after{ display: none;}
.mobilenav .menu{ padding-top: 96px; padding-bottom: 50px;}

.mobilenav nav ul li a{ color:#000000;}
.mobilenav nav ul li a{ color:#000000;}

body.slide-menu .mobilenav{ right: 0px;}


.menuOverlay {
    background-color: rgba(000,000,000,0.7);
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}

.slide-menu .menuOverlay {
    opacity: 1;
    visibility: visible;
}

/* menu icon start here */
.res-nav-link{ display: none!important;}

.hamburger--slider .hamburger-inner{top: 3px; }
.hamburger--slider .hamburger-inner::before {
   top: 10px;
   transition-property: opacity, -webkit-transform;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   transition-timing-function: ease;
   transition-duration: 0.2s;
 }
.hamburger--slider .hamburger-inner::after { top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.hamburger {
   padding:10px 8px;
   display: inline-block;
   cursor: pointer;
   border-radius:4px;
   transition-property: opacity, -webkit-filter;
   transition-property: opacity, filter;
   transition-property: opacity, filter, -webkit-filter;
   transition-duration: 0.15s;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   background-color: #150958;
   border: 0;
   margin: 0;
   overflow: visible;
}
.hamburger:hover {/*opacity: 0.7;*/ }
.hamburger-box {width:36px; height:18px; display: inline-block;position: relative;}

.hamburger-inner {display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
   width:36px;
   height:3px;
   background-color: #fff;
   border-radius: 0px;
   position: absolute;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   transition-duration: 0.15s;
   transition-timing-function: ease;
 }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
/* menu icon end here */
@media screen and (min-width:1025px) {
.menuOverlay{ display: none;}
}
@media screen and (min-width: 0px) and (max-width:1023px) {
.hamburger.mobileMenu{ display: block!important;}
.desktopnav{ display: none;}
.mobilenav{ display: block;}
body.slide-menu .mobileMenu{ position: fixed; top: 26px; right: 20px;}
}

@media screen and (min-width: 0px) and (max-width:420px) {
  .mobilenav{ width: 280px; right: -280px;}
}