@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.active {
        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;
    }
    .phone_button {
        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;
    }

    .featured_properties_content_container,
    .top_properties_content_container {
        grid-template-columns: 1fr 1fr;
    }
}

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

    .featured_properties_content_container,
    .top_properties_content_container {
        grid-template-columns: 1fr;
    }

    .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 .content_container .team_row {
        flex-direction: column;
    }

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

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

    /* Remove this if you not use Animation */
    .hero_section .hero_container .hero_text_container .hero_text,
    .hero_section .hero_container .hero_text_container .hero_desc,
    .hero_section .hero_container .search_form_container .search_type_container .search_type_inner,
    .hero_section .hero_container .search_form_container .search_form,
    .title_container .subtitle,
    .title_container .title,
    .featured_properties_menu_container,
    .featured_properties_section .featured_properties_container .content_container,
    .top_properties_container .content_container,
    .cites_content_container,
    .about_section .about_container .content_container .about_col .img_container img,
    .about_section .about_container .content_container .about_col .text_container .desc,
    .about_section .about_container .content_container .about_col .text_container .content,
    .about_section .about_container .content_container .about_col .text_container blockquote,
    .testimonial_container .content_container,
    .team_container .content_container,
    .brand_container .content_container,
    .services_col .img_container img,
    .contact_section .contact_container .contact_col:nth-child(1),
    .services_col .text_container,
    .contact_section .contact_container .contact_col:nth-child(2) {
        visibility: visible;
    }
}