@media(max-width:991px) {
    #slider .hero-content h1 {
        font-size: 29px;
    }

    #about .experience-card {
        left: 15px;
        top: 10px;
        width: 110px;
        height: 110px;
        z-index: 111;
    }

    #about .about-img {
        position: static !important;
        width: 100% !important;
        left: auto;
        bottom: auto;
    }
    .logo-box img {
    
    background-color: #fff;
}
#slider .card h3 {
    font-size: 18px;
}
#slider .card small {
    font-size: 10px;
}
#slider .btn {
    
    font-size: 10px;
}


}

@media(max-width:768px) {
    #slider .hero-content h1 {
        font-size: 35px;
    }
}

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

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

    .logo-box {
        width: 40%!important;
        /*display: none;*/
    }
    div#top-header a {
    font-size: 10px;
}
#top-header i:not(.fa-brands),
#top-header i:not(.fa-solid) {
    width: 20px!important;
    height: 20px!important;
}
.service-img {
    height: 260px!important;
}
.appointment-section .icon-box{
    
    margin: 0;
}
    #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;
    }

    #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;
    }

}

/* 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;
    }
}