@media (max-width: 991.98px) {
    nav.navbar {
        background: #376c5f !important;
    }

    .navbar .navbar-nav .nav-link {
        border-bottom: 3px solid #fff !important;
    }

    .logo-box {
        display: none;
    }

    #slider .owl-carousel-text .banner_title {
        font-size: 20px !important;
    }

    #slider .owl-carousel-text p {
        font-size: 10px !important;
    }

    .dropdown-menu .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        margin: 0.25rem 0 0 0;
    }

    #top-header .media-icon {
        display: none;
    }

    #middle-header h2 {
        display: none;
    }

    .overlay-text h2 {
        font-size: 35px !important;
        margin: 0px !important;
    }

    .overlay-text .breadcrumb-list a {
        font-size: 10px !important;
    }

    .overlay-text .breadcrumb-list li {
        font-size: 10px !important;
        margin: 0px;
    }

    .bg-back-color {
        min-height: 120px !important;
    }

    .slider-bottom-section .img-icon {
        top: 0px !important;
        height: 45px !important;
    }

    #slider .owl-carousel-text {
        top: 10% !important;
        left: 5% !important;
    }

    .navbar-dark .navbar-toggler {
        background: #000;
    }

    #about .about-img-1 {
        width: 100% !important;
    }

    #product::before {
        top: -28px !important;
        height: 80px !important;
    }

    #product .product-right {
        top: 0% !important;
        width: 20% !important;
    }

    #choose .choose_img_2 {
        top: -6% !important;
        width: 25% !important;
    }

    #gallery::before {
        top: 0px !important;
        height: 0px !important;
    }

    #gallery .gallery-img-2 {
        top: -6% !important;
        width: 28% !important;
    }

    #galleryspage #gallery .image-gallery__col .gallery_title {
        padding: 2px 52px !important;
    }

    #galleryspage #gallery .image-gallery__col .gallery_title h2 {
        font-size: 16px !important;
        margin: 0px !important;
    }

    #footer .footer-overlay {
        padding-top: 10px !important;
    }
    .logo-box-mob img {
    width: 70%!important;
    }
   
.logo-box-mob {
    display: block;
}

.logo-box-mob {
    text-align: center;
    padding: 5px;
    display: block!important;
}

}

/* Optional: make hover activate on desktop */
@media (min-width: 992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .navbar .dropdown-menu .dropdown:hover>.dropdown-menu {
        display: block;
    }
}