.navbar {  color: #fff; }
.navbar .navbar-nav .nav-link { color: #fff; padding: 0.5rem 1rem; text-transform:uppercase; }
/*.menubg { background: #fff; box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); color: #000 !important; }*/
.logo { filter:invert(0); margin-left: 7px;}
/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar { padding-bottom: 0px !important; }
  .navbar-brand { margin-right: 0; padding: 0 1em; }
  button.navbar-toggler { margin: 10px 0px; border: 1px solid #fff;}
  .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
  .navbar .navbar-nav .nav-link { color: #000; padding: 0.5em 2em; border-right: none; margin: 0em 0em; border: 1px solid #fff; }
  .navbar-collapse { flex-basis: 84%; flex-grow: 1; align-items: center; position: absolute; width: 94%; top: 80px; background: #fff; }
  .navbar-nav li { text-align: center; border-bottom: 1px solid #fff; width: 100%; }
  .navbar-brand1 { width: 20% !important; }
  i.fa.fa-bars { color: #fff; }
  .navbar-nav { background: #fff; }
  /*.navbar-brand1 img { width: 60%; }*/
}
/* ======================= Tablet End ======================= */
/* ======================= Large Mobile Start ======================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .navbar { padding-bottom: 0px !important; }
  .navbar-brand { margin-right: 0; padding: 0 1em; }
  button.navbar-toggler { margin: 10px 0px; border: 1px solid #fff;}
  .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
  .navbar .navbar-nav .nav-link { color: #000; padding: 0.5em 2em; border-right: none; margin: 0em 0em; border: 1px solid #fff; }
  .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; position: absolute; width: 94%; top: 80px; background: #fff;}
  .navbar-nav li { text-align: center; border-bottom: 1px solid #000; width: 100%; }
  .navbar-brand1 { width: 35% !important; }
  i.fa.fa-bars { color: #fff; }
  .navbar-nav { background: #fff; }
  /*.navbar-brand1 img { width: 60%; }*/
}
/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) {
  .navbar { padding-bottom: 0px !important; }
  .navbar-brand { margin-right: 0; padding: 0 1em; width: 200px; }
  button.navbar-toggler { margin: 10px 0px; border: 1px solid #fff;}
  .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
  .navbar .navbar-nav .nav-link { color: #000; padding: 0.5em 2em; border-right: none; margin: 0em 0em; border: 1px solid #fff; }
  .navbar-collapse { flex-basis: 84%; flex-grow: 1; align-items: center; position: absolute; width: 94%; top: 80px; background: #fff; }
  .navbar-nav li { text-align: center; border-bottom: 1px solid #000; width: 100%; }
  .navbar-brand1 { width: 35% !important; }
  i.fa.fa-bars { color: #fff;}
  .navbar-nav { background: #fff; }
  /*.navbar-brand1 img { width: 60%; }*/
}
/* ======================= Small Mobile End ======================= */