/*
#97ae44,#1c63b8 : Blue
#eeeeee,#f2f2f2 : Light Gray
#e2e2e2,#f2f2f2 : Medium Gray
#222222 : Dark Gray
*/
body.home li.home > a, body.about li.about > a, body.aboutgroup li.aboutgroup > a, body.cmsg li.cmsg > a, body.fvision li.fvision > a, body.eyear li.eyear > a, body.whyus li.whyus > a, body.ourteam li.ourteam > a, body.hgb li.hgb > a, body.knowledge li.knowledge > a, body.ayurnames li.ayurnames > a, body.herb li.herb > a, body.products li.products > a, body.lpc li.lpc > a, body.lpg li.lpg > a, body.lpm li.lpm > a, body.lpclean li.lpclean > a, body.mpolicy li.mpolicy > a, body.presence li.presence > a, body.advertisements li.advertisements > a, body.plans li.plans > a, body.contactus li.contactus > a{
   color: #97ae44!important; 
   border-bottom: 2px solid #0197d5;
}
/*---Classes for hover Menu----*/
.navbar-light .navbar-toggler {
    color: #97ae44;
    border: 1px solid #0197d5;
    margin: 10px 0px;
}
.navmenu-onhover .dropdown-menu > li > a:hover:after {
    transform: rotate(-90deg);
}

.navbar-light .navbar-nav .nav-link {
    color: #222222;
}
.navmenu-onhover a ,  .navbar > li > a {
    text-transform: capitalize;
}
.navmenu-onhover .active a,
.navmenu-onhover .active a:focus,
.navmenu-onhover .active a:hover,
.navmenu-onhover li a:hover,
.navmenu-onhover li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
    color: #97ae44;
    border-bottom: 2px solid #0197d5;
    outline: 0;
}
/*submenu style start from here*/
.dropdown-menu {
    padding: 0px 0; 
    margin: 10px; 
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);	
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/*first level*/
.navmenu-onhover .collapse ul > li:hover > a{color: #89a230!important;}
.navmenu-onhover .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{color: #89a230!important;}
/*second level*/
.navmenu-onhover .collapse ul ul ul > li:hover > a{background: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.175);}

/*third level*/
.navmenu-onhover .collapse ul ul, .navmenu-onhover .collapse ul ul.dropdown-menu{background:#1f1f1f;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navmenu-onhover .collapse ul ul ul, .navmenu-onhover .collapse ul ul ul.dropdown-menu{background:#1f1f1f;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navmenu-onhover .collapse ul ul ul ul, .navmenu-onhover .collapse ul ul ul ul.dropdown-menu{background:#1f1f1f;box-shadow: 0 6px 12px rgba(0,0,0,.175);}

/*Drop-down menu work on hover*/
.navmenu-onhover{background:  #fff;margin: 0; padding: 0; min-height:20px}

@media only screen and (max-width: 991px) {
.navmenu-onhover .show > .dropdown-toggle::after{
transform: rotate(-90deg);
}
.navbar-light .navbar-nav .nav-link {
padding-top: 1rem;
padding-bottom: 1rem;
}
}

/*------Other styling------*/
.navbar-brand img{
    max-width: 70px !important;
position: absolute;
    top: -42px;
margin-left: 15px;
}
.navbar-collapse{
    margin-top: 0px;
}
.navbar-expand-lg .navbar-nav{
/*    background: rgba(49,169,184,0.6);*/
}
.navbar-light .navbar-nav .nav-link {
font-weight: 500;
align-items: center;
padding: 15px 8px;
background: transparent;
font-size: 15px;
letter-spacing: 0.5px;
text-decoration: none;
color: #1d1819;
text-transform: capitalize;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.dropdown-menu {
float: left;
margin: 0px 0px 0px;
background-color: #fff;
border: none;
border-radius: 0px;
min-width: auto;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu li a {
color: #222 !important;
padding: 15px;
font-size: 15px;
border-bottom: 1px solid #eee;
background: #fff;
letter-spacing: 0.5px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif; 
font-weight: 500;    
}

@media (min-width: 576px) {
.navbar-brand img{
max-width: 70px !important;
position: absolute;
top: -42px;
margin-left: 15px;
}
@media (min-width: 992px) {
.navbar-brand img{
max-width: 90px !important;
position: absolute;
top: -42px;
}
@media (min-width: 1200px) {
.navbar-brand img{
max-width: 80px !important;
position: absolute;
top: -42px;
}
.dropdown-menu li a {
color: #222 !important;
padding: 10px 15px;
font-size: 15px;
border-bottom: 1px solid #eee;
background: #f5f5f5;
letter-spacing: 0.5px;
text-transform: capitalize;
}
    a.navbar-brand{ font-size: 15px;}
.navmenu-onhover .collapse ul li{position:relative;}
.navmenu-onhover .collapse ul li:hover> ul{display:block}
.navmenu-onhover .collapse ul ul{position:absolute;top:100%;left:0;min-width:200px;display:none}
/*******/
.navmenu-onhover .collapse ul ul li{position:relative}
.navmenu-onhover .collapse ul ul li:hover> ul{display:block}
.navmenu-onhover .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:200px;display:none}
/*******/
.navmenu-onhover .collapse ul ul ul li{position:relative}
.navmenu-onhover .collapse ul ul ul li:hover ul{display:block}
.navmenu-onhover .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:200px;display:none;z-index:1}

.navbar-light .navbar-nav .nav-link {
padding-top: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-bottom: 0.75rem;
font-size: 15px;
    }
}
@media (min-width: 1200px) {
 a.navbar-brand{ font-size: 16px;}
.navbar-light .navbar-nav .nav-link {
padding: 20px 15px;
font-size: 15px;
    }
}