@media (max-width: 991px) {
    .navbar-nav .nav-item .mega-heading {
        color: #5aaf29;
        padding: 10px;
        display: block;
        pointer-events: none;
    }
    .navbar-nav .nav-item a,
    .navbar-nav .dropdown-item a,
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0;
        font-size: 14px;
    }   
}
    
.offcanvas-menu form .search-field {
  width: 600px;
  max-width: 100%;
  background: none;
  border: 2px solid #f10e00 !important;
  border-radius: 0;
  padding: 20px;
  color: #000;
  height: 100% !important;
  font-size: 20px;
  transition: 0.4s;
}

@media (max-width: 768px) {
    .offcanvas-menu form .search-field {
        width: 400px;
    }
}

@media (max-width: 525px) {
    .navbar-toggler-icon {
        width: 25px !important;
        height: 3px !important;
    }
    .home-hero-sec .owl-theme .owl-nav {
        left: 0;
    }
    .offcanvas-menu form .search-field {
        width: 300px;
    }
}

@media (max-width: 425px) {

 
.affix.sticky-menu {
    padding: 10px 0px;
    }
.offcanvas-menu form .search-field {
    width: 250px;
    }
}

@media (max-width: 320px) {

.logo-wrap .logo img{
        width: 110px;
    }
    nav .btn-wrapper ul li {
        margin-right: 16px;
    }
    nav .btn-wrapper ul li i {
        font-size: 16px;
    }
    .offcanvas-menu form .search-field {
        width: 200px;
    }
    .navbar-toggler{
        font-size: 22px !important;
    }
}

@media (max-width: 1024px) {
    .navbar-nav .nav-item {
        margin-right: 17px;
    }
}

@media (min-width: 1439px) {
    .home-hero-sec .owl-theme .owl-nav {
        left: 20% !important;
    }
}