@media screen and (min-width:1300px) {}


@media screen and (max-width:768px) {
    .main-header {
        padding: 10px 15px;
    }

    .main-footer .footer-content {
        grid-template-columns: 1fr;
        width: 100%;
        padding: 20px;
        margin: 30px auto;
        gap: 25px;
    }

    .main-footer .footer-bottom {
        padding: 20px 20px;
        flex-wrap: wrap;
    }

    .main-footer .bottom-links a:first-child {
        margin-left: 0px;
    }

    .test-research-tabs .tabs-wrapper {
        grid-template-columns: 1fr;
    }

    .test-research-tabs .image-contain img {
        width: 100%;
        height: 260px;
    }

    .help-section .help-card {
        min-width: 100%;
    }

    .faq-section .col-lg-4 {
        position: relative;
        top: 0px;
    }

    .why-choose-item-box {
        width: 100%;
    }

    .header.main-header .button-container .primary-btn {
        display: none !important;
    }

    .profile-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .main-header .logo img {
        max-height: 50px;
    }

    .banner-section {
        padding: 100px 0px 10px;
    }

    .test-research-tabs .tab-content.active {
        flex-wrap: wrap;
    }

    .main-header .header-container::before {
        background: none;
        backdrop-filter: unset;
    }

    .diagnosis-form-card {
        padding: 20px;
    }

    .banner-section::before {
        top: 85px;
    }

    .banner-section .main-banner-img {
        width: 100% !important;
        margin-top: 30px;
    }

    .banner-section .medical-badge-img {
        width: 80px;
    }

    .diagnosis-form-card h2 {
        font-size: 30px;
    }

    .floating_btn a {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .progress-wrap {
        right: 20px;
    }

    .help-section .help-container {
        width: 100%;
    }

    .primary-btn {
        padding: 8px 20px;
    }

    .why-choose-us {
        padding: 40px 0;
    }

    .why-choose-image-box {
        margin-bottom: 50px;
    }

    .why-choose-item-title h3 {
        font-size: 16px;
    }

    .info-card img {
        width: 100%;
    }

    .testimonials-section-1 {
        padding: 50px 0;
    }

    .process-section::before,
    .process-section::after {
        background: none;
    }

    .process-items li.active {
        transform: scale(0.8) translateY(0);
    }

    .testimonials-section-1 h2 {
        font-size: 25px;
    }

    .faq-section {
        padding: 50px 0;
    }

    .faq-icon {
        width: 30px;
        height: 30px;
        flex-shrink: 0;
    }

    .process-items li {
        font-size: 15px;
    }

    .breadcrumb-object-image {
        height: 200px;
        width: 100%;
    }

    .breadcrumb-object-image {
        height: 160px;
        width: 100%;
        right: -115px;
        bottom: -20px;
        object-fit: contain;
    }

    .breadcrumb-section {
        padding: 90px 0 150px;
    }

    .breadcrumb-section .breadcrumb-content {
        left: 30px;
        bottom: 20px;
    }

    .packages-list-section {
        padding: 40px 0 40px;
    }

    .booking-section .booking-left img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .booking-section .booking-card {
        flex-wrap: wrap;
    }

    .booking-left {
        width: 100%;
    }

    .booking-section .booking-header {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 10px;
    }

    .booking-section .booking-details {
        margin-top: 15px;
    }

    .profile-section .profile-container {
        width: 100%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }

    .profile-section .profile-left {
        width: 100%;
    }

    .profile-section .profile-right {
        width: 100%;
    }

    .profile-section .profile-card {
        margin-bottom: 15px;
    }

    .profile-section .report-card,
    .profile-section .booking-card {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .profile-section .report-card img,
    .profile-section .booking-card img {
        width: 100%;
        height: 200px;
        border-radius: 8px;
        object-fit: cover;
    }
}

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

@media (min-width:992px) {}

@media screen and (max-width:575px) {
    .why-choose-body-image {
        display: none;
    }

    .login-left-images {
        display: none;
    }

    .auth-screen {
        padding: 120px 0 40px;
    }

}