@media (max-width: 992px) {

    .midi-login-logo-container {
        display: none;
    }

    .service-full-box .service-inner-box {
        width: 100%;
    }

    .testimonial-item-wrapper {
        padding-top: 30px;
    }

    .ple-testimonial-section h3.section-title {
        margin-bottom: 20px;
    }

    h2.page-title {
        font-size: 36px;
        line-height: 40px;
    }

    .care-teams-wrapper .care-teams-item {
        display: block;
    }

    .care-teams-wrapper .care-teams-item .care-teams-img,
    .care-teams-wrapper .care-teams-item .care-teams-info {
        margin: auto;
        width: 100%;
    }

    .care-teams-carousel .owl-dots,
    .care-teams-carousel .owl-nav {
        left: auto;
        right: auto;
        bottom: -20px;
        position: relative;
    }

    .care-teams-wrapper .care-teams-item .care-teams-info h3 {
        font-size: 36px;
        line-height: 40px;
    }

    .past-visit-item p.title {
        margin-bottom: 24px;
    }

    .sticky-bottom {
        position: fixed;
        bottom: 0px;
        background-color: var(--cream);
        z-index: 1000; /* Make sure the button appears above other content */
    }

    .midi-register-steps {
        margin-bottom: 70px;
    }

    .midi-register-steps.midi-account-creation {
        margin-bottom: 10px;
    }


    .insurance-note {
        margin-bottom: 20px;
    }

    .cash-pay-service-wrapper {
        margin-bottom: 70px;
    }

    /* ============ Landing page ============ */
    .midi-center-container {
        display: flex;
        justify-content: center; /* Horizontal centering */
        align-items: flex-start; /* Vertical centering */
        height: 70vh; /* Adjust height of container as needed (viewport height) */
    }

}

@media (max-width: 767px) {

    .schedule-calendar-wrap {
        flex-direction: column;
    }

    .ple-hero-section .header-box {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #95745B;
        box-shadow: none;
        padding: 25px;
        margin-top: 20px;
    }

    .ple-home-service-categories-section {
        padding-top: 30px;
    }

    .ple-home-hero-section .hero-bg {
        display: none;
    }

    .ple-home-hero-section {
        height: auto;
    }

    .insurance-card-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .insurance-card-wrapper .insurance-card-box {
        background-color: #fff;
        padding: 20px;
        width: 100%;
        border-radius: 10px;
        text-align: center;
        margin-bottom: 20px;
    }

    .insurance-card-wrapper .insurance-card-box h4 {
        margin-bottom: 15px;
    }

    .insurance-card-wrapper .card-back-box {
        margin-left: auto;
        margin-top: 30px;

    }

    .image-upload-wrap,
    .image-dropping,
    .image-upload-wrap:hover {
        border: 1px solid rgb(35 31 32 / 65%);
    }

    .schedule-nav-wrapper a.btn-back-calendar {
        display: block;
    }

    .schedule-item-wrapper {
        margin-right: 0;
    }

    .midi-full-width-on-mobile {
        width: 100%;
    }

    .midi-h3 {
        font-family: var(--midi-heading-font);
        font-size: 1.928rem;
        line-height: 120%;
    }

    .midi-body-text-lg {
        font-size: 16px;
        line-height: 130%;
    }

}

@media (max-width: 375px) {
    .schedule-card .card-body {
        padding: 10px;
    }

    .datepicker--cell-day {
        width: 14.28571%;
        height: 35px;
        line-height: 35px;
    }

    .schedule-calendar .datepicker {
        width: auto;
        margin: auto;
        padding: 0;
    }

    .custom-section .title-wrap {
        margin-bottom: 25px;
    }

    .btn-wrapper .btn,
    .btn-fixed-width {
        width: 100%;
    }

}


@media (min-width: 993px) {
    .midi-mobile-tablet-only {     
        display: none;    
    }
}

@media (min-width: 768px) {
    .midi-body-text {
        font-size: 18px;
        line-height: 130%;
    }
}