@media screen and (max-width: 900px) {

    .service-hero, .service-hero-bg, .ser-hero_text {
        height: 14vh !important;
    }

    .sm-screen {
        display: block;
    }

    .ser-hero_text h1 {
        font-size: 30px !important;
    }

    .hero_text1 h1 {
        font-size: 33px !important;
    }

    .lg-screen {
        display: none !important;
    }

    .bars, .cart {
        height: 22px !important;
    }

    .carousel-cell, .carousel-cell img {
        height: auto !important;
    }

    .offcanvas.offcanvas-start, .offcanvas.offcanvas-end {
        width: 50% !important;
    }

    .hero_text1 {
        height: 18vh !important;
    }

    .hero_text2 {
        height: 25vh !important;
        text-align: center;
    }

    .hero_text2 h1 {
        font-size: 20px;
    }

    .bg_section_color_text {
        width: 100% !important;
    }

    .bg_section, .bg_section_color {
        height: 200px !important;
    }

    .hero .flickity-prev-next-button.previous, .hero .flickity-prev-next-button.next {
        display: none !important;
    }

    #about .mt-4 {
        margin-bottom: 1.5rem !important;
        margin-top: 1.5rem !important;
    }
}

@media screen and (max-width: 830px) {
    .tab_screen {
        width: 100% !important;
    }

    #service .col-md-3 {
        width: 33.333% !important;
    }

    .doctor_section .carousel-cell {
        width: 50% !important;
    }

    body {
        overflow: auto !important;
    }
}

@media screen and (max-width: 550px) {
    .tab_screen {
        width: 100% !important;
    }

    .testimonial .carousel-cell {
        height: 250px !important;
    }

    #service .col-12 {
        width: 100% !important;
    }

    .doctor_section .carousel-cell {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) {
    .nav-link {
        color: #000 !important;
    }

    .sm-screen {
        display: block;
    }

    .lg-screen {
        display: none !important;
    }

    .header {
        display: none !important;
    }

    .hero .flickity-page-dots {
        bottom: 8px !important;
    }

    /*.pt-5{*/
    /*    padding-top:1rem !important;*/
    /*}*/
}