.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; border-bottom:solid 1px #e5e7eb;}
.shrink .main-nav{box-shadow:0px 5px 12px rgba(0,0,0,.5);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand img {max-height:32px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:32px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:26px 0px;}
.shrink .navbar-brand{padding:15px 0px;}

.navbar .navbar-nav .nav-link {color:#363636; padding:22px 0px; font-size:17px; font-weight:400; background-color:transparent; line-height:1;}
.navbar-nav>li+li {margin-left:40px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#C14D00;}
.navbar-toggler:focus {box-shadow:none !important;}
@media (max-width: 767.98px) {
  .offcanvas {
    background-color: #363636 !important;
  }

  .navbar .navbar-nav .nav-link {
    color: #ffffff !important;
  }

  .navbar .navbar-nav .nav-link:hover,
  .navbar .navbar-nav .nav-item.active .nav-link {
    color: #ffb78c !important; /* optional: lighter color for hover/active */
  }
}

@media (min-width: 1359.98px) and (max-width: 1459.98px){}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.navbar-nav>li+li {margin-left:30px;}}
@media (min-width: 768px) and (max-width: 991.98px) {.navbar-nav>li+li {margin-left:10px;}.navbar .navbar-nav .nav-link {font-size:14px;}img.logo-img {
    max-width: 198px;
}}

/********************************* Mobile Navigation ***********************/
@media (max-width:767.98px) {
.navbar{position:absolute; left:15px; top:15px;}.navbar-toggler{padding:0px 3px !important; background:#fff7f4 ;}
.navbar-brand img {max-height:33px !important;} .navbar-brand{padding:15px 0px;}
.navbar-nav>li+li {margin-left:0px;border-left:none;}
.navbar .navbar-nav .nav-link {padding:14px 0px; font-size:16px; border-radius:20px;}
}
@media (max-width:575.98px) {}


/* Hide the menu by default */
.dropdown-menu {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  padding: 0.5rem;
  z-index: 1000;
}

.dropdown {
  position: relative;
  display: inline-block;
}

/* Show the menu on hover */
.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-item {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #333;
}

.dropdown-item:hover {
  background-color: #c14d00;
	color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #c14d00;
}
