@media only screen and (max-width: 992px){
    .header {
        display: none;
    }
    .mobile-header {
        display: block;
    }
    .heading {
        margin: 0 0 10px;
    }
    .about-section {
        padding: 20px 0px;
    }
    
    .about-section .about-box img {
        height: auto;
    }
    
    .heading h3 {
        font-size: 24px;
    }
    
    .about-section .about-info .about-desc p {
        text-align: justify;
    }
    
    .service-section {
        padding: 20px 0px;
    }
    
    .learn-more-btn .more-button {font-size: 14px;margin: 10px;}
    
    input[type=text],input[type=date], input[type=email], select.form-control, textarea.form-control {
        background: #fff;
    }
    
    .appoint_wrapper {
        padding: 10px;
    }
    
    .footer-bottom .copyright-text {
        display: block;
        text-align: center;
    }
    .team-section .team-box {
        margin: 20px 0px;
    }
    
    .learn-more-btn {
        margin: 0px 0 0;
    }

    .widget-bookappointment .innerbox-appointment {
        max-width: 90%;
        padding: 20px 20px;
    }

    .team-details-img {
        background: #fff;
        text-align: center;
    }

    .col-reverse {
        flex-direction: column-reverse;
    }

    .service-details .service-sidebar {
        position: relative;
    }

    .emergency-box .inner-box-grid {
        padding: 30px 20px;
        min-height: unset;
        border-radius: 0;
    }
    
    .emergency-box .inner-box-grid .grid-box .icon-box i {
        font-size: 28px;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box {
        padding-left: 50px;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box .head-details {
        font-size: 28px;
        line-height: unset;
        font-weight: 500;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box .text-details {
        padding: 0;
        font-size: 22px;
    }
    
    .grid-box {
        margin: 10px 0px;
    }
    
    .contact-box .form, .contact-box .contact-info {
        padding: 15px;
    }
    
    .contact-box {
        margin: 10px 0px;
    }
    
    .map-box {
        margin: 10px 0px;
    }

    .emergency-box .map-box iframe {
        height: 100%;
    }
    .mobile-header .mobile-header-box .mobile-header-log {
        width: 100%;
    }
    
    .mobile-header .mobile-header-box .mobile-header-log img {
        width: 80%;
    }
}

@media only screen and (max-width: 768px){
    .col-reverse {
        flex-direction: column-reverse;
    }
    
    .team-details-section {
        padding: 5px;
    }
    
    .team-details-section .team-details-box .name {
        font-size: 24px;
    }
    
    .team-details-section .team-details-box .position {
        font-size: 20px;
    }
    
    .team-details-section .team-details-box .description h2 {
        font-size: 24px;
    }
    
    .team-details-section .team-details-box .description p {
        letter-spacing: unset;
    }
    
    .team-details-img img {
        width: 100%;
    }
}

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


    .emergency-box .inner-box-grid {
        padding: 30px 20px;
        min-height: unset;
        border-radius: 0;
    }
    
    .emergency-box .inner-box-grid .grid-box .icon-box i {
        font-size: 24px;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box {
        padding-left: 40px;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box .head-details {
        font-size: 24px;
        line-height: unset;
        font-weight: 500;
    }
    
    .emergency-box .inner-box-grid .grid-box .details-box .text-details {
        padding: 0;
        font-size: 16px;
    }
    
    .grid-box {
        margin: 10px 0px;
    }
    
    .contact-box .form, .contact-box .contact-info {
        padding: 15px;
    }
    
    .contact-box {
        margin: 10px 0px;
    }
    
    .map-box {
        margin: 10px 0px;
    }

    .service-details .service-details-box {
        margin: 30px 0px;
    }
    
    .service-details {
        padding: 20px 0px;
    }
    
    .service-details .service-sidebar {
        position: relative;
    }
    
    .service-details .service-sidebar .service-sidebar-box .service-sidebar-content ul {
        margin: 0;
    }
    
    .team-details-section .team-details-box .team-boxx {
        display: block;
    }
    
    .team-details-section .team-details-box .team-boxx .team-details-img {
        width: 100%;
        float: unset;
        margin: 10px 0px;
    }
    
    .team-details-section .team-details-box {
        padding: 0px;
    }
    .award-section .award-box .award-img img {
        height: 200px;
    }
    .blog-section .blog-section-box {
        margin: 10px 0;
    }
    
}