/* sticky menu */
.top-bar.scrolled {display: none; /* Or any other style change you want to apply */}
header {position: fixed;width: 100%;z-index: 9999;color:#222!important;padding:.95rem;}
header.black{background:rgba(255, 255, 255, 0.9)!important;position: fixed;width: 100%;z-index: 9999;color:#fff!important;padding:.95rem;}
header.black .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #df131c!important;}
header.black .navbar-dark .navbar-nav .nav-link{color:#141718;}
/* sticky menu ends */
/* sticky menu ends */
.navbar{background:none;padding:0;}
.navbar-brand{padding:0!important;}
.navbar.bg-dark{background:none!important;}
.navbar-dark .navbar-nav .nav-link{color:#333;padding:2rem 24px;font-size:1.3rem;text-transform: uppercase;font-family:'JockeyOne-Regular';}
.navbar-dark .navbar-nav .nav-link:hover{color: #00a651;}
/* .navbar-nav .nav-item{padding:.8rem;} */
.navbar-nav .navbar-item .btn-primary{background: #00a651;color: #fff;font-size:1.3rem;font-family:'JockeyOne-Regular';padding: 1.8rem 1.3rem;}
.navbar-nav .navbar-item .btn-primary:hover{color: #fff;background: #333;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{font-size:1.3rem;color:#00a651!important;text-transform: uppercase;padding:2rem 24px;}
/* .navbar-dark .navbar-toggler{background:#035a4f;} */
.navbar-toggler{border-radius:0;}

.dropdown-menu ul{ display: flex;flex-wrap: wrap;padding: 1rem;}
.dropdown-menu .nav-item .nav-link{ padding: 12px 10px;font-size: 1rem;text-transform: uppercase;text-align: left;}
.dropdown-menu{display: none;position: absolute;left: 0;right: 0;top: 100%;width: 100%;border: 0;border-radius: 0;background: #fff;padding: 1rem;margin: 0;z-index: 9999;}
.dropdown-item.active, .dropdown-item:active{background:#6e6e71;}
.dropdown-item.active, .dropdown-item a{color:#6e6e71;text-transform:uppercase;font-weight:600;}
.navbar-dark .navbar-toggler{ box-shadow: none!important;}
.nav-item.dropdown:hover .dropdown-menu {display: block;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.dropdown-menu .mega-column {flex: 0 0 33.33%;max-width: 33.33%;padding: 10px;}
/*product-list-hover-effect*/
.dropdown-menu .product-list-fade-effect{width:100%;height:auto;position:relative;margin-bottom:20px;overflow:hidden;}
.dropdown-menu .product-list-fade-effect img{transition-duration:0.4s;}
.dropdown-menu .product-list-fade-effect .product-overlay{width:90%;height:90%;position:absolute;padding:20px;background:rgba(0, 166, 81, 0.6);color:#fff;top:5%;left:5%;opacity:0;transition-duration:0.4s;display: flex;justify-content: center!important;align-items: center!important;}
.dropdown-menu .product-list-fade-effect .product-overlay h3{color: #fff;text-align: center;font-size: 1rem;font-weight: 700;}
.dropdown-menu .product-list-fade-effect:hover .product-overlay{opacity:1;}
.dropdown-menu .product-list-fade-effect:hover img{transform: scale(1.1);}
.dropdown-menu .product-list-fade-effect .btn-primary{background: #eb770d;color: #fff;font-size: .9rem;}
.dropdown-menu .product-list-fade-effect .btn-primary:hover{background: #777;}
.dropdown-menu .bg-image {overflow: hidden;position: relative;}
.dropdown-menu .bg-image img {transition: transform 0.5s ease;}
.dropdown-menu .bg-image:hover img {transform: scale(1.1);}
@media only screen and (max-width:767px){
    .navbar{padding: 1rem 0 1rem 0;}
    .navbar .navbar-brand{position: static!important;width: 160px;padding-top: 1rem;}
    header{position:static;padding-top: 0;}
    .navbar-dark .navbar-nav .nav-link,header.black .navbar-dark .navbar-nav .nav-link{color: #000!important;}
    .navbar-dark .navbar-nav .nav-link,
    header.black .navbar-dark .navbar-nav .nav-link {color: #fff;}
    .dropdown-menu {position: static;background: #fff;}
    .dropdown-menu ul {flex-direction: column;}
    .dropdown-menu .mega-column {flex: 0 0 100%;max-width: 100%;}
}