@media only screen and (max-width: 660px) {
    .desk_only {
        display: none;
    }

    .mob_only {
        display: block;
    }

    .home_banner_section video {
        width: 100%;
        height: auto;
        object-fit: cover;
        position: relative;
        top: 0;
    }


    .home_banner_section .hero_row .side_col {
        display: none;
    }

    .home_banner_section .hero_row .title_col {
        width: 100%;
        padding: 0 5vw;
    }

    .home_banner_section {
        height: auto;
        align-items: flex-end;
    }

    .home_banner_section .hero_row .title_col h1,
    .common_banner_section h1 {
        font-size: 3rem;
    }

    .home_banner_section .hero_row {
        margin-bottom: 3rem;
    }

    .home_section_two,
    .about_first_section {
        padding: 5rem 0;
    }

    .home_section_two h1,
    .about_first_section h1 {
        width: 100%;
        font-size: 2.5rem;
        padding-left: 0;
    }


    .home_about_section .icon_row {
        flex-wrap: wrap;
    }

    .home_about_section .icon_row .icon_cntr {
        margin-right: 2rem;
        margin-bottom: 1rem;
    }

    .home_about_section {
        margin-top: 0;
    }

    .our_project_section {
        padding-bottom: 0;
    }

    .home_about_section .about_banner {
        margin-top: 2rem;
        width: 95%;
        padding-left: 0;
        position: relative;
        bottom: 0;
        left: 0;
    }

    .home_about_section h5 {
        display: none;
    }

    .about_legacy_section {
        padding-bottom: 1rem;
        padding-top: 3rem;
        box-shadow: unset;
    }

    .about_legacy_section .content {
        margin-bottom: 2.5rem;
    }

    .about_legacy_section .col_2 {
        justify-content: flex-start;
    }

    .about_legacy_section .content.two {
        border: unset;
        padding: 0;
        width: 100%;
    }

    .about_our_philosophy_section {
        padding-bottom: 0rem;
    }


    .about_our_journey_section .journey_detail_col {
        padding: 0 3vw 2rem;
    }

    .about_our_philosophy_section .detail_col {
        padding: 2rem 3vw;
    }

    .about_our_philosophy_section h1 {
        padding-left: 3vw;
    }

    .about_our_philosophy_section img {
        width: 100%;
    }

    .about_our_achivement_section {
        height: 60vh;
    }

    .about_our_achivement_section .content_col p {
        width: 90%;
    }



    .counter_section span {
        margin: 0;
    }

    .impactful_section {
        padding: 5rem 0;
    }

    .impactful_section h1 {
        font-size: 2rem;
        margin-top: 0;
    }

    .counter_section {
        padding-top: 2.5rem;
    }

    .counter_section .counter_cntr {
        margin-bottom: 2.5rem;
    }

    .counter_section .counter_cntr {
        align-items: center;
    }

    .our_projects_swiper_section {
        padding: 5rem 0;
    }

    .our_projects_swiper_section h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .our_projects_swiper_section h2 {
        line-height: 100%;
        margin-bottom: 2rem;
    }


    .contact_section .map_cntr iframe {
        width: 100%;
        height: 50vh;
        object-fit: contain;
        padding-left: 0;
    }

    .contact_action_section .row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contact_action_section .col {
        width: 100%;
    }

    .excellence_section {
        padding: 5rem 0;
    }

    .excellence_section h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .excellence_section ul {
        margin-top: 2rem;
    }

    .excellence_section ul li {
        margin-bottom: 0.5rem;
        line-height: normal;
    }

    .testimonial_section h1 {
        width: 80%;
        font-size: 2rem;
    }

    .testimonial_section h1::before {
        left: -2rem;
        top: -2rem;
        font-size: 5rem;
    }

    .testimonial_section h1::after {
        right: 2rem;
        bottom: -1rem;
        font-size: 5rem;
    }

    .get_in_touch_section form {
        display: flex;
        flex-direction: column;
    }

    .get_in_touch_section form button {
        width: fit-content;
    }

    .get_in_touch_section .row {
        padding: unset;
        width: 100%;
    }

    .get_in_touch_section img {
        display: none;
    }

    .get_in_touch_section .detail_cntr {
        padding-right: 10vw;
        padding-left: 0;
    }


    .get_in_touch_section form {
        margin-top: 2rem;
    }

    .get_in_touch_section input {
        margin-bottom: 1.5rem;
    }

    footer ul {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 2rem;
    }

    footer ul li {
        padding-left: 0rem;
    }

    footer img {
        width: 10rem;
    }

    footer .row_2 .text-end {
        text-align: left !important;
    }

    footer .contact_col {
        margin-top: 2.5rem;
    }

    #navbarNav {
        transition: all .3s ease-in-out;
    }

    .header_section .navbar {
        position: relative;
    }

    .menu-btn.active~#navbarNav {
        /* display: block;
        background-color: #fff; */
        display: block;
        background-color: #fff;
        position: absolute;
        top: 5rem;
        width: 100%;
        z-index: 999;
        left: 0;
    }


    .header_section .nav-link {
        color: #222 !important;
        margin-bottom: 1rem;
        margin-left: 0;
        margin-top: 1rem;
    }

    .ongoing_swiper_section .slide_image_col {
        margin-top: 3rem;
    }

    .ongoing_swiper_section {
        height: auto;
        margin-bottom: 0;
    }

    .ongoing_swiper_section .ongoing_swiper,
    .ongoing_swiper_section h6 {
        padding-left: 0;
    }

    .ongoing_swiper .swiper-wrapper {
        padding-bottom: 3.5rem;
    }

    .ongoing_swiper .swiper-button-next {
        left: 85%;
    }

    .ongoing_swiper .swiper-button-prev {
        left: 72%;
    }

    .ongoing_swiper_section .slider_row {
        flex-direction: column;
    }

    .ongoing_swiper_section .slide_detail_col,
    .ongoing_swiper_section .slide_image_col {
        width: 100%;
    }

    .residential_project_section .residential_card {
        margin-right: 0;
    }

    .residential_card .resident_detail_cntr {
        padding: 1rem;
    }

    .residential_card .title_row {
        flex-wrap: wrap;
    }

    .residential_card .status_row {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .residential_card .view_project {
        margin-top: 0;
        margin-bottom: 1rem;
    }


    .common_banner_section {
        height: auto !important;
        aspect-ratio: 1/1;
        display: flex;
    }

    .contact_section h1 {
        font-size: 2rem;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .contact_section h2 {
        margin-bottom: 2rem;
    }

    .contact_action_section .col img {
        width: 3rem;
        height: 3rem;
        margin-bottom: 0;
    }

    .contact_action_section .col a {
        text-align: center;
    }

    .contact_action_section .col p {
        text-wrap: balance;
        font-size: 1.25rem;
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .contact_action_section .col p span {
        display: none;
    }

    .about_our_achivement_section .content_col {
        padding-bottom: 1rem;
    }

    .about_our_achivement_section .content_col h1 {
        font-size: 2rem;
        width: fit-content;
    }

    .about_our_philosophy_section h1,
    .about_our_journey_section h1,
    .about_board_section h1 {
        font-size: 2.25rem;
    }

    .about_board_section h1 {
        margin-bottom: 0rem;
    }

    .about_legacy_section h5 {
        font-size: 2.5rem;
    }

    .about_legacy_section h6 {
        font-size: 1.5rem;
    }

    .residential_card .resident_detail_cntr .location_text {
        width: fit-content;
    }

    .residential_card .resident_detail_cntr .title_row .price {
        text-align: left;
    }

    .explore_project_section {
        padding-bottom: 0;
    }

    .explore_project_section .residential_card .resident_detail_cntr .title_row h2 {
        height: auto;
    }

    .about_our_achievement_section {
        padding-top: 0;
    }

    .about_our_achievement_section h1 {
        font-size: 2.25rem;
        padding-left: 3vw;
    }

    .about_our_achievement_section .row {
        flex-direction: column-reverse;
    }

    .about_our_achievement_section .detail_col {
        padding: 2rem 3vw;
    }

    .about_our_achievement_section img {
        width: 100%;
    }

    .ongoing_swiper_section .slide_image_col img {
        height: auto;
        object-fit: contain;
        aspect-ratio: 1 / 1;
    }


    .residential_card .resident_detail_cntr .status_row .status_cntr {
        margin-bottom: 2rem;
    }

    .custom_section_1 img {
        height: auto;
        margin-bottom: 1rem;
    }

    .custom_section_1 .text_cntr {
        padding-left: 0;
    }

    .custom_section_1 h1 {
        font-size: 2.5rem;
        width: 100%;
    }

    .custom_section_2 h2 {
        font-size: 2rem;
        font-weight: 800;
        line-height: 100%;
        text-align: left;
        padding-right: 0;
        margin-bottom: 2rem;
    }

    .custom_section_3 .card {
        width: 95%;
        margin: 0 auto 2rem auto;
    }

    .commercial_section_1 .text_cntr {
        padding-right: 0;
    }

    .commercial_section_1 h1 {
        font-size: 2rem;
        width: 100%;
        text-wrap: balance;
        line-height: 100%;
    }

    .commercial_section_2 h2 {
        font-size: 2.5rem;
    }

    .commercial_section_2 .ico_cntr {
        padding-right: 0;
        align-items: flex-start;
    }


    .commercial_section_2 .ico_cntr img {
        width: 3rem;
        height: 5rem;
    }

    .commercial_section_3 .card {
        width: 95%;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding: .5rem;
        border-radius: 0;
    }

    .commercial_section_3 .card .col_1,
    .commercial_section_3 .card .col_2,
    .commercial_section_3 .card .col_3 {
        width: 100%;
    }

    .commercial_section_3 .card img {
        height: auto;
        margin-bottom: 1rem;
    }

    .counter_section .counter_cntr #count2,
    .counter_section .counter_cntr #count4 {
        margin-left: -3rem;
    }
}