/******NAVBAR*********/
nav.navbar {
  padding: .4rem 1rem !important;
  }
  
  .navbar-brand {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  }
  
  .navbar-light .navbar-toggler {
  color: #f9f8eb !important;
  border-color: #cacaca !important;
  }
  .navbar {
  box-shadow: 0px 1px 3px #e7e7e7 !important;
  }
  .navbar-light .navbar-nav .nav-link {
  color: #b8fda5 !important; 
  transition: all .3s ease !important;
  margin:0px 1px !important;
  padding: 10px 7px !important;
  }

  @media screen and (max-width:768px) {
      .navbar-light .navbar-nav .nav-link {
        border-bottom: 1px solid #306621;
  }
}

  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #ffffff !important;
  background: #4c9b0c !important;
  border-radius: 5px !important;  
  }
  
  .dropdown-item {
  padding: 8px 5px !important;
  }
  
  .dropdown-item:hover { background:#eb7813; padding-left: 13px !important; transition: all .3s ease !important; border-left:7px solid #da5705; color:#ffffff !important; -webkit-transition: all .3s ease !important; -moz-transition: all .3s ease !important; -ms-transition: all .3s ease !important; -o-transition: all .3s ease !important;
  }
  
  @media all and (min-width: 992px) {
  /****THIS IS FOR HOVER DROPDOWN :D******/
  .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{
  color: #ffffff !important;
  background: #4c9b0c !important;
  border-radius: 5px !important;
  }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
  
  /*************MEGAMENU****************/
  .navbar .megamenu { 
  padding: 1rem;
  }
  .title {
  color:#334871 !important;
  text-decoration: underline;
  }
  /* ============ desktop view ============ */
  @media all and (min-width: 767px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
  }	
  /* ============ desktop view .end// ============ */
  
  
  /* ============ mobile view ============ */
  @media screen and (max-width: 767px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
  overflow-y: auto;
  max-height: 90vh;
  margin-top:10px;
  }
  }
  /* ============ mobile view .end// ============ */
  /*****************MEGAMENU END***********************/