/* white you custom css code here. only css code will work */


.nav-right-content{
	z-index:2 !important;
}


@media only screen and (max-width: 991px){
  
  	.navbar-area .navbar-collapse {
      	background: #0066a2 !important;
  	}
  
  	.header-style-03.header-variant-07 .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
    	border-radius: 0 !important;
      	border:none !important;
      	outline:none !important;
	}
  
.header-style-03.header-variant-07 .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler{
	border-radius:25px 0 25px 0 !important;
} 
/*
.header-style-03.header-variant-07 .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    border-bottom: 10px solid white;
    border-left: 10px solid #0066a2;
    width: 0;
}
  
.header-style-03.header-variant-07 .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler:after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    border-top: 10px solid white;
    border-right: 10px solid #0066a2;
    width: 0;
}*/
  
}

 .navbar-variant-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        background-color: #fff;
        color: #878a95 !important;
   		text-shadow: none !important;
    }

 .navbar-variant-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a {
        //background-color: #fff;
        color: #fff !important;
   		text-shadow: none !important;
    }