/* ======================= Navbar start ======================= */
.navbar { background: #fff; z-index: 999; box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); padding-top: unset; padding-bottom: 0px; }
.navbar-brand img { width: 75%; }
.navbar .navbar-nav .nav-link { color: #000;padding: 1.6em 1em; font-size: 14px; border-top: 3.5px solid #fff ; text-transform: uppercase;}
#enqirebutton1 { padding: 11px 25px; border-radius: 5px; background-color: #755143; color: #f0e2d8;}

.pulse {
  
  text-align: center;
  animation: animate-pulse 2s linear infinite;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(154, 154, 154, 0.3);
  }

  40% {
    box-shadow: 0 0 0 20px rgba(202, 202, 202, 0);
  }
}
.nav-item a { font-size: 14px; font-weight: 500; }
.navbar-nav .nav-link.active { color: #f0e2d8; font-weight: 800; border-top: 3.5px solid #755143 ; }
/*.navbar-expand-lg .navbar-nav .nav-link {
    border-top: 3.5px solid #000;
}*/
.activeHover { color: #755143 !important; font-weight: 600 !important; border-top: 3.5px solid #755143 !important; }
.navbar-brand1{ width: 12%; }
.navbar-brand1 img { width: 79%;}
.navbar-brand2 { width: 12%; }
.navbar-brand2 img { width: 60%; }
/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	.nav-item a { font-size: 20px; font-weight: 500; }
}
@media only screen and (min-width: 2001px) {
  .nav-item a { font-size: 22px; font-weight: 500; }
}
/* ======================= Extra Large Desktop End ======================= */
/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px)  and (max-width: 2000px) {
  .nav-item a { font-size: 18px; font-weight: 500; }
}
/* ======================= Large Desktop End ======================= */
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
	.nav-item a { font-size: 14px; font-weight: 500; }
	.navbar .navbar-nav .nav-link { color: #000;font-size:13px; padding: 1.3em 0.6em;}
}
/* ======================= 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 #755143;}
  .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; border-top: unset ;}
  .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: 20% !important; }
  i.fa.fa-bars { color: #755143; }
  .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 #755143;}
  .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; border-top: unset ;}
  .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: 30% !important; }
  i.fa.fa-bars { color: #755143; }
  .navbar-nav { background: #fff; }
  .navbar-brand1 img { width: 100%; }
  .brand2{
  width:50%;
  }
}
/* ======================= 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 #755143;}
  .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; border-top: unset ; }
  .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: 28% !important; }
  i.fa.fa-bars { color: #755143;}
  .navbar-nav { background: #fff; }
  .navbar-brand1 img { width: 100%; }
  .brand2{
  width:50%;
  }

}
/* ======================= Small Mobile End ======================= */
/* ======================= Navbar End ======================= */
