@media only screen and (max-width:800px) {
    .nav_container {
        position: fixed;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        background: var(--light-background);
        top: 0;
        left: 0;
        z-index: 1000;
        visibility: hidden;
        transform: translateX(-100%);
        transition: all 0.5s linear;
    }

    .nav_container.activee {
        transform: translateX(0%);
        visibility: visible;
    }

    .nav_container .nav_list_container {
        flex-direction: column;
    }

    .nav_container .nav_list_container li {
        font-size: 2em;
    }

    .nav_container .nav_list_container li a {
        font-weight: 600;
    }

    .menu_close_btn {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        background: var(--secondary-color);
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--light-color);
        border-radius: 50%;
        border: none;
    }

    .quote_btn {
        display: none;
    }

    .menu_open_btn {
        background: var(--secondary-color);
        color: var(--light-color);
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5em;
        border: none;
    }

    header .header_col:nth-child(3) {
        justify-content: end;
    }
}

@media only screen and (max-width:640px) {
    .hero_section {
        padding: 40px 0;
    }
    .hero_section .hero_container .search_form_container .search_form {
        flex-direction: column;
    }

    .featured_properties_menu_container .featured_properties_menu_list {
        flex-direction: column;
        width: 100%;
    }

    .featured_properties_menu_container .featured_properties_menu_list li,
    .featured_properties_menu_container .featured_properties_menu_list li button {
        width: 100%;
    }

    .services_section .services_container .services_row,
    .services_section .services_container .services_row:nth-child(2) {
        flex-direction: column;
    }

    .about_section .about_container .content_container .about_col .text_container {
        width: 90%;
    }

    .contact_section .contact_container {
        flex-direction: column;
    }

    .contact_section .contact_container .contact_col {
        flex: auto;
        width: 100%;
    }

    .team_container .contact_info_container .team_row {
        flex-direction: column;
    }

    .footer_container .nav_list_container li a {
        font-size: 14px;
    }

    .copyright_container p {
        font-size: 14px;
    }
}




/* 📱 Extra Small Devices: 320px–500px */
@media only screen and (max-width: 500px) {

    /* ===== Header ===== */
    header .logo img {
        width: 120px;
    }

    .menu_open_btn {
        height: 40px;
        width: 40px;
        font-size: 1.2em;
    }

    .menu_close_btn {
        height: 28px;
        width: 28px;
        font-size: 1em;
    }

    .nav_container .nav_list_container li {
        font-size: 1.4em;
    }

    /* ===== Hero Section ===== */
    .hero_section {
        padding: 50px 0;
        text-align: center;
    }

    .hero_section .hero_container {
        width: 90%;
    }

    .hero_section .hero_container h1,
    .hero_section .hero_container .hero_text {
        font-size: clamp(1.4rem, 6vw, 1.8rem);
        line-height: 1.3;
    }

    .hero_section .hero_container p {
        font-size: 0.9rem;
    }

    .hero_section .search_form_container .search_form {
        padding: 15px;
        gap: 10px;
    }

    .search_form_container input,
    .search_form_container select {
        width: 100%;
        font-size: 0.9rem;
        height: 40px;
    }

    .search_form_btn {
        width: 100%;
        font-size: 0.9rem;
        padding: 10px;
    }

    .feature_properties_menu_list {
        flex-direction: column;
    }

    /* ===== Featured Properties ===== */
    .featured_properties_menu_container .featured_properties_menu_list {
        flex-direction: column;
        gap: 10px;
    }

    .feature_properties_content_container {
        grid-template-columns: 1fr;
    }

    .product_card {
        width: 100%;
        margin: 0 auto;
    }

    .product_card .product_featured_list {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* ===== Services ===== */
    .services_section .services_container .services_row {
        flex-direction: column;
        gap: 20px;
    }

    .services_section .services_container .services_row .services_col .img_container img {
        width: 100%;
        height: auto;
    }

    .services_section .services_container .services_row .services_col .text_container {
        text-align: center;
        padding: 0 10px;
    }

    /* ===== About ===== */
    .about_section .about_container .content_container .about_col {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .about_section .about_container .content_container .about_col .text_container {
        width: 100%;
    }

    /* ===== Contact ===== */
    .contact_section .contact_container {
        flex-direction: column;
        gap: 20px;
    }

    .contact_section .contact_container .contact_col {
        width: 100%;
    }

    iframe {
        width: 100%;
        height: 220px;
    }

    /* ===== Team Section ===== */
    .team_container .contact_info_container .team_row {
        flex-direction: column;
        gap: 20px;
    }

    /* ===== Footer ===== */
    .footer_container {
        text-align: center;
        padding: 20px;
    }

    .footer_container .nav_list_container {
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer_container .nav_list_container li a {
        font-size: 13px;
    }

    .copyright_container p {
        font-size: 13px;
    }
}


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