@media only screen and (max-width: 992px) {
    
    .header-section .topbox {
        display: none;
    }

    .header-section .headerbox .logo-box .rightbox {
        display: none;
    }

    .header-section .headerbox .logo-box .mobilemenubtn {
        display: block;
    }

    .header-section .headerbox .logo-box .logo {
        flex-basis: 65%;
        transform: unset;
    }

    .appointment-home .appointment-home-emergency {
        padding: 20px;
    }

    .appointment-home .appointment-form {
        padding: 10px 20px;
    }

    .about-section .about-section-left h2 {
        font-size: 28px;
        margin: 0;
    }

    .about-section .about-section-left h5 {
        font-size: 22px;
        margin: 0 0 5px;
    }

    .about-section {
        padding: 20px 0;
    }

    .appointment-home {
        margin: 0;
    }

    .network-section .network-section-tabs .nav-tabs {
        width: 100%;
    }

    .network-section .network-section-tabs .nav-tabs button {
        font-size: 16px;
        padding: 5px 10px;
    }

    .network-section {
        padding: 20px 0px;
    }

    .network-section .tab-content .tab-pane .network-tab .network-box {
        margin: 10px 0;
    }

    .counter-section .counterBg .counternum {
        border: unset;
        border-bottom: 1px solid #fff;
    }

    .counter-section .counterBg .counternum p {
        font-size: 18px;
        text-align: center;
    }

    .counter-section .counterBg .counternum p b {
        font-size: 30px;
    }

    .treatment-section {
        padding: 20px 0;
    }

    .treatment-section .headingbox h2 {
        font-size: 28px;
        margin: 0;
    }

    .find-a-doctor .doctors-box .doctors-box-content h5 {
        font-size: 16px;
    }

    .find-a-doctor {padding: 20px 0;}

    .blogs-section .headingbox h2 {
        font-size: 28px;
        margin: 0;
    }

    .network-section .headingbox h2 {
        font-size: 28px;
        margin: 0;
    }

    .counter-section {
        padding: 20px 0;
    }

    .blogs-section .blogs-box {
        margin: 0 0 20px;
    }

    .blogs-section {
        padding: 20px 0;
    }

    .footer-widget-title i {
        display: block;
    }

    .footer-widget-box .footer-list {
        display: none;
    }

    .footer-widget-box .social-list {
        display: none;
    }

    .footer-widget-title {
        font-weight: 400;
    }

    .about-section .about-info {
        padding: 10px;
    }

    .breadcrumbbox {
        padding: 20px 0;
    }

    .breadcrumbbox h3 {
        font-size: 22px;
        font-weight: 500;
    }

    .service-details .service-details-box {
        margin: 20px 0 0;
    }

    .gallery-fullwidth .inner-box {
        margin: 0 0 10px;
    }

    .find-a-doctor .doctors-box {margin: 0 0 20px;height: unset;}

    .appointmentsection .appointmentbox .appointmentleft {
        width: 100%;
    }

    .appointmentsection .appointmentbox {
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    .appointmentsection .appointmentbox:before {
        height: 100%;
        width: 95%;
        margin: 10px;
    }

    .appointmentsection .appointmentbox .appointmentleft .head h3 {
        text-align: center;
    }

    .appointmentsection .appointmentbox .appointmentright {
        padding: 20px 10px;
    }

    .contactsection .contactrow {
        padding: 0 10px;
    }

    .contactsection .contactrow .contactform {
        margin: 20px 0 0;
        padding: 15px;
    }

    .footer-box {
        padding: 20px 0;
    }

    .copyright .copyright-text {
        display: inline;
    }

}
@media only screen and (max-width: 767px){
    .modal-section .modal-box .modal-content .modal-body .p40 {
        width: 100%;
        padding: 30px 10px;
    }

    .modal-section .modal-box {
        width: 95%;
    }

    .modal-section .modal-box .modal-content .modal-body .popupenquiryform {
        padding: 0px;
    }
    .headingbox h2 {
        font-size: 28px;
        margin: 0;
    }
    
}

@media only screen and (max-width: 576px){
    
    .header-section .topheaderbox .topheaderbox-slider {
        width: 100%;
    }



}