#mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff !important;
    color: #000 !important;
    box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  -webkit-box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  -moz-box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  }
#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link{
  font-family: 'Mulish', sans-serif !important;
 /* font-size: 0.95rem;*/
  color: #000 !important;
  font-weight: 600 !important;
} 
.navbar-shrink .login-active {
  background: rgba(0, 0, 0, 0.3);
  border-radius:35px;
  padding: 0 10px;
  
} 
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: 'Mulish', sans-serif !important;
 font-size: 0.90rem;
  color: #fff !important;
  font-weight: bolder !important;
  text-transform: capitalize;
} 
 #mainNav {
 padding-top: 1rem;
  padding-bottom: 1rem;
   padding: 10px 0 !important;
   color: #fff !important;
 
}
@media only screen and (min-width : 320px) and (max-width:479px) {
#mainNav {
 background: rgba(255, 255, 255, 0.7) !important;
}
#mainNav .navbar-brand img {
    height: 3.5rem !important;
}

#mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff !important;
    color: #fff !important;
    box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  -webkit-box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  -moz-box-shadow: -1px 16px 24px -25px rgba(143,143,143,0.75);
  }
#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link{
  font-family: 'Mulish', sans-serif !important;
 /* font-size: 0.95rem;*/
  color: #fff !important;
  font-weight: 600 !important;
}  
#mainNav .navbar-nav .nav-item .nav-link {
    font-family: 'Mulish', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff !important;
  font-weight: bolder !important;
  text-transform: capitalize;
}
}