@media screen and (max-width: 768px) {
    .card_body {
        flex-direction: column;
    }

    .custom_card {
        padding: 1.5rem 1rem;
        height: auto;
        padding: 1rem;
    }

    .experience_section .section {
        flex-direction: column;
    }

    .experience_section .section1 {
        height: auto;
        padding: 1rem;
    }

    .experience_section .section2 {
        height: auto;
        padding: 1rem;
    }

    .project_section {
        padding: 2rem 1rem;
        height: auto;
    }

    .project_section .section1 {
        flex-direction: column;
    }

    .project_section .section2 {
        flex-direction: column;
    }

    .company_hover {
        width: 70%;
    }

    .our_client_section .section {
        flex-direction: row;
    }

    .client_hover {
        width: 70%;
    }

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

    .book_meeting_section {
        padding: 1.5rem;
    }

    .normal_card {
        height: auto;
    }

    .our_client_section .image_section {
        flex-direction: column;
    }

    .breadcrumb {
        display: none;
    }

    .management_section {
        height: auto;
        padding: 1.5rem;
    }

    .management_section div:first-child {
        width: 90%;
    }

    .management_directors .director {
        flex-direction: column;
        gap: 1.5rem;
        align-items: center;
    }

    .management_directors .director .director_content {
        width: 100%;
    }

    .hospital_profile {
        display: flex;
        flex-direction: column;
    }

    .vision_mission_certificate_section {
        display: flex;
        flex-direction: column;
        padding: 2rem;
        gap: 1rem;
    }

    .vision_mission_certificate_section .section {
        height: auto;
        padding: 1rem 0;
    }

    .client_images {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
    }

    .client_hover {
        width: 90%;
    }

    .certificates {
        width: 100%;
        padding: 1rem;
        gap: 1rem;
    }

    .certificates h4 {
        width: 40%;
    }

    .main_nav_section {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .nav_tabs {
        padding: 1rem;
    }

    .main_content_section {
        width: 100%;
        padding: 1rem;
    }

    .points_section_hospital {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1rem;
    }

    .points_section_hospital .points_part {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1rem;
    }

    .points_section_hospital .points {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1rem;
    } 

    .contact_us_container {
        height: auto;
        padding: 1.5rem;
    }

    .contact_us {
        width: 90%;
        flex-direction: column;
        gap: 2rem;
    }

    .contact_details_section {
        width: 100%;
    }

    .contact_details {
        gap: 1rem;
    }

    .navbar-nav .nav-item {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .navbar-collapse {
        position: relative;
        z-index: 9999999999;
        background: white;
    }
}