@media only screen and (max-width: 1600px) {
    .map-screen-1, .map-screen-2 {
        height: 85%;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 1550px) {
    .custom-select-trigger:after {
        top: 0;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        line-height: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .d-none-xs {
        display: none !important;
    }

    .d-block-xs {
        display: block !important;
    }

    .menu-opened {
        overflow: hidden;
    }

    .header .right .nav-main {
        display: none;
    }

    .header {
        padding: 5vw 4vw;
    }

    .logo a img {
        width: 80px !important;
    }

    .lang a {
        font-size: 18px;
        line-height: 1.3;
        font-weight: 400;
    }

    .header .right .search-main button {
        padding: 8px 22px;
        font-size: 14px;
    }

    .header .right .search-main > div:last-child {
        display: none;
        margin: 0;
    }

    .main_text_wrap .main_sl_text:first-child .left h2 {
        font-size: 32px;
    }

    .main_sl_text {
        flex-direction: column;
        top: 15%;
    }

        .main_sl_text .left {
            width: 100%;
        }

        .main_sl_text .right {
            width: 100%;
        }

            .main_sl_text .right p {
                font-size: 16px;
                margin-bottom: 5vw;
            }

            .main_sl_text .right .a-home a {
                font-size: 16px;
                margin-right: 5vw;
            }

    .mySwiper {
        width: 60%;
        height: 13%;
    }

    .main_sl_text .left h2 {
        font-size: 32px;
        margin-bottom: 5vw;
        line-height: 1.1;
    }

    .video_btn {
        bottom: 20%;
    }

        .video_btn a svg {
            width: 45px;
            height: 45px;
        }

        .video_btn a p {
            font-size: 14px;
        }

        .video_btn a {
            grid-gap: 3vw;
        }

    .main_sl_text .left h3 {
        font-size: 18px;
    }

    .vision_sec {
        width: 90%;
        flex-direction: column;
        margin-bottom: 5vw;
        grid-gap: 10vw;
    }

        .vision_sec .left {
            width: auto;
        }

            .vision_sec .left h2 {
                font-size: 48px;
                margin-bottom: 5vw;
            }

            .vision_sec .left p {
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 5vw;
            }

    .a-home a {
        font-size: 14px;
    }

    .vision_sec .right {
        width: auto;
    }

    .village_sec .villageSwiper .swiper-wrapper .swiper-slide .info h2 {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 2vw;
    }

    .village_sec .villageSwiper .swiper-wrapper .swiper-slide .info p {
        font-size: 14px;
    }

    .head-sec h2 {
        font-size: 55px;
        margin-bottom: 5vw;
    }

    .head-sec p {
        font-size: 16px;
        margin-bottom: 16vw;
        line-height: 20px;
    }

    .itp_sec .category {
        font-size: 14px;
    }

    .card-content h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    .card-content a {
        font-size: 14px;
    }

    .head-sec {
        width: 90%;
        margin-bottom: 15vw;
    }

    .news_sec .hd_info h2 {
        font-size: 50px;
        margin-bottom: 10vw;
    }

    .news_sec .hd_info .btn_new a {
        font-size: 18px;
        padding-bottom: 5px;
    }

    .news_sec .hd_info {
        padding-bottom: 3vw;
        flex-direction: column;
        align-items: start;
        padding-bottom: 15vw;
    }

    .news_sec .newsSwiper .swiper-wrapper .swiper-slide h2 {
        font-size: 22px;
        line-height: 1.2;
        padding: 0;
        margin-bottom: 7vw;
    }

    .news_sec .newsSwiper .swiper-wrapper .swiper-slide p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10vw;
    }

    .news_sec .newsSwiper .swiper-wrapper .swiper-slide .date a {
        font-size: 14px;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev svg,
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next svg {
        width: 40px !important;
    }

    .news_sec {
        padding: 15vw 4vw 15vw;
        margin-bottom: 15vw;
    }

    .pin_sec .text {
        width: 90%;
    }

        .pin_sec .text h2 {
            font-size: 44px;
            margin-bottom: 15vw;
        }

        .pin_sec .text p {
            width: 100%;
            font-size: 14px;
            margin-bottom: 8vw;
        }

    .footer .inner {
        flex-direction: column;
        width: 90%;
        grid-gap: 20vw;
        margin: 0 auto 0;
    }

        .footer .inner .right {
            grid-gap: 10vw;
        }

        .footer .inner .left {
            width: auto;
        }

            .footer .inner .left .fot-sec:nth-child(2) {
                position: absolute;
                right: 0;
                width: 40%;
                top: 23vw;
            }

    .al_t {
        width: 100%;
    }

    .footer .inner .top_list {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer .inner .top_list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10vw;
        margin-bottom: 20vw;
        position: relative;
    }

    .footer .inner .fot-sec .fot ul li {
        margin-bottom: 3vw;
    }

    .footer .inner .fot-sec .fot > a {
        font-size: 14px;
        margin-bottom: 3vw;
    }

    .footer .inner .fot-sec .fot .icons {
        justify-content: normal;
        grid-gap: 4vw;
    }

    .copy_bt p {
        font-size: 16px;
    }

    .copy_bt .link a {
        font-size: 16px;
    }

    .footer .inner .fot-sec .fot ul li a {
        font-size: 14px;
    }

    .copy_bt .link {
        justify-content: center;
        grid-gap: 5vw;
    }

    .footer {
        padding: 15vw 0vw;
    }

        .footer .inner .fot-sec .fot > a:last-child {
            margin: 0;
        }

    .adj-btn {
        top: 30%;
    }

    .main_slider .home-pag {
        bottom: 10%;
        display: flex;
        width: auto;
        left: 15%;
        right: auto;
    }

        .main_slider .home-pag .swiper-button-next,
        .main_slider .home-pag .swiper-rtl .swiper-button-prev {
            left: 10px !important;
            right: auto !important;
        }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }

    .main_slider .home-pag .swiper-button-next,
    .main_slider .home-pag .swiper-button-prev {
        scale: .6;
    }

    .village_sec {
        width: 90%;
        margin-bottom: 20vw;
    }

        .village_sec .villageSwiper .swiper-wrapper .swiper-slide .info {
            padding-top: 3vw;
        }

    .news_sec .newsSwiper {
        padding-bottom: 25vw;
    }

    .newsSwiper .swiper-button-prev,
    .newsSwiper .swiper-rtl .swiper-button-next {
        left: 10px !important;
        right: auto !important;
    }

    .newsSwiper .swiper-pagination {
        width: 60% !important;
        left: 20% !important;
    }

    .pin_sec .text h2:before {
        height: 25%;
    }

    .pin_sec .text h2:after {
        height: 40%;
        bottom: -15vw;
    }

    .copy_bt {
        flex-direction: column;
        text-align: center;
        grid-gap: 10vw;
    }

    .header .right .search-main > .seach {
        display: none;
    }

    .itp_sec .card {
        width: 100%;
        display: flex;
        grid-gap: 5vw;
        flex-direction: row;
        align-items: center;
        padding: 7vw 5vw;
    }

    .map_sec .right {
        width: 100%;
    }

    .map_sec {
        flex-direction: column-reverse;
        padding: 15vw 5vw;
    }

    .itp_sec .card > div {
        width: 45%;
    }

    .card-content {
        width: 1000% !important;
    }

    .dropdown select option {
        font-size: 16px;
        display: block;
    }

    .dropdown select {
        font-size: 16px;
    }

    .filter-container {
        gap: 20px;
        width: 90%;
    }

    .pin_img .img {
        width: 90%;
        margin: auto;
        padding: 0;
    }

    .pin_img {
        height: auto;
        padding: 20vw 0 25vw;
        background-size: auto;
    }

    .map-container .filter-container {
        width: 90%;
        right: 5%;
    }

    .dropdown label {
        font-size: 14px;
    }

    .map-screen-3 {
        width: 250px;
        padding: 5vw;
    }

    .map_image.second-map {
        margin-bottom: 40%;
    }

    /*    button.dot.location3 {
        top: auto;
        right: 24.7%;
        bottom: 49%;
    }*/

    .dot {
        width: 25px;
        height: 25px;
    }

        .dot::after {
            width: 12px;
            height: 12px;
        }

    /*    button.dot.location4 {
        top: 35.5%;
        right: 28%;
    }

    button.dot.location5 {
        top: 30.5%;
    }

    button.dot.location1 {
        right: 23%;
        top: auto;
        bottom: 55%;
    }

    button.dot.location2 {
        top: auto;
        bottom: 52%;
        right: 5.5%;
    }*/

    .media-sorting a {
        font-size: 16px;
        padding: 6px 26px;
    }

    .media-sorting ul {
        overflow: scroll;
        justify-content: start;
    }

        .media-sorting ul li {
            white-space: nowrap;
        }

    .media-sorting {
        padding-bottom: 10vw;
    }

    .main_head {
        padding-top: 40vw;
    }

        .main_head h2 {
            font-size: 54px;
            margin-bottom: 10vw;
        }

    .renewable-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10vw;
    }

        .renewable-grid .card-content .top p {
            font-size: 20px;
            width: 100%;
        }

        .renewable-grid .card-content {
            width: 100% !important;
        }

            .renewable-grid .card-content .top h2 {
                font-size: 20px;
                margin-bottom: 5vw;
            }

    .gallery_text {
        margin-bottom: 5vw;
    }

        .gallery_text ul li {
            font-size: 14px;
            margin-right: 5vw;
        }

            .gallery_text ul li:before {
                width: 5px;
                height: 5px;
            }

    .image_effect .card a {
        font-size: 16px;
    }

    .image_effect .card {
        padding: 10vw 5vw;
    }

    .danah-btns a, .danah-btns button {
        font-size: 16px;
        padding: 10px 10px;
    }

    .main_head h3 {
        font-size: 20px;
    }

    .overview_sec {
        flex-direction: column;
        padding: 10vw 5vw;
        margin-bottom: 15vw;
    }

        .overview_sec .left h2 {
            font-size: 20px;
        }

        .overview_sec .right h2 {
            font-size: 26px;
            margin-bottom: 5vw;
        }

        .overview_sec .right p {
            width: auto;
            font-size: 16px;
        }

    .main_value {
        padding: 0 5vw;
    }

        .main_value h2 {
            font-size: 40px;
            margin-bottom: 7vw;
        }

        .main_value .value_sec {
            flex-direction: column;
            grid-gap: 10vw;
        }

            .main_value .value_sec .left {
                width: auto;
            }

                .main_value .value_sec .left h3 {
                    font-size: 18px;
                    margin-bottom: 5vw;
                }

            .main_value .value_sec .right {
                width: auto;
            }

                .main_value .value_sec .right .radio_sec .radio input[type="radio"] {
                    width: 24px;
                    height: 24px;
                }

                    .main_value .value_sec .right .radio_sec .radio input[type="radio"]:checked::after {
                        width: 12px;
                        height: 12px;
                    }

                .main_value .value_sec .right .radio_sec .radio label {
                    font-size: 16px;
                    padding-left: 8vw;
                }

                .main_value .value_sec .right .radio_sec .radio {
                    margin-bottom: 5vw;
                    padding-bottom: 5vw;
                }

    .image_effect {
        flex-direction: column;
        grid-gap: 10vw;
    }

        .image_effect .card h2 {
            font-size: 20px;
            margin-bottom: 20vw;
            line-height: 1.3;
        }

        .image_effect .card-content {
            width: auto !important;
        }

        .image_effect .card h4 {
            font-size: 16px;
            margin-bottom: 10vw;
        }

    .project_box {
        flex-direction: column;
        grid-gap: 10vw;
    }

        .project_box .pro {
            width: auto;
        }

            .project_box .pro .info h2 {
                font-size: 20px;
                line-height: 1;
            }

            .project_box .pro .info p {
                font-size: 16px;
            }

            .project_box .pro > div {
                margin-bottom: 5vw;
            }

    .dropdown .custom-select-trigger {
        font-size: 14px;
        margin-bottom: 2vw;
        padding-bottom: 2vw;
    }

    .custom-select-trigger:after {
        top: 3px;
    }

    .custom-option {
        font-size: 14px;
        line-height: 1;
        padding: 12px 10px;
    }

    .linebar.pt3 {
        padding-top: 80px;
    }

    .linebar.pt8 {
        padding-top: 100px;
    }

    .linebar.pt5 {
        padding-top: 40px;
    }

    .contact_btn a, .contact_btn button {
        padding: 10px 20px;
        font-size: 16px;
    }

    .danah_view {
        padding: 15vw 4vw 15vw;
    }

        .danah_view .view {
            flex-direction: column;
            grid-gap: 10vw;
        }

            .danah_view .view .left {
                width: auto;
            }

            .danah_view .view .right {
                width: auto;
            }

                .danah_view .view .right p {
                    font-size: 16px;
                }

                .danah_view .view .right h4 {
                    font-size: 16px;
                }

            .danah_view .view .left h2 {
                font-size: 38px;
                line-height: 1;
            }

        .danah_view h3 {
            font-size: 20px;
        }

    .shaping_sec h2 {
        font-size: 34px;
        line-height: 1.2;
    }

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

        .misiion_sec .left {
            width: 100% !important;
        }

        .misiion_sec .right {
            position: relative;
            width: 100% !important;
        }

    .vision_sec.vision_sec2 h3 {
        font-size: 20px;
        margin-bottom: 5vw;
    }

    .misiion_sec .left > p {
        width: 100%;
    }

    .misiion_sec .joureny_text > div h2 {
        font-size: 20px;
    }

    .misiion_sec .joureny_text > div p {
        font-size: 16px;
    }

    .misiion_sec .joureny_text {
        width: 100%;
    }

        .misiion_sec .joureny_text > div {
            margin-bottom: 5vw;
        }

    .real_value .head h2 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .real_value .head p {
        font-size: 16px;
        line-height: 20px;
    }

    .real_value {
        padding: 10vw 0 25vw;
    }

        .real_value .top_sec .all_line .line h2 {
            font-size: 34px;
        }

        .real_value .grid_wrap h3 {
            font-size: 16px;
        }

        .real_value .grid_wrap {
        }

    .main_banner .top_info {
        flex-direction: column;
        margin-bottom: 15vw;
    }

        .main_banner .top_info .left {
            width: 100%;
        }

        .main_banner .top_info .right {
            width: 100%;
        }

    .main_top {
        height: 100%;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 40vw 5vw 15vw;
        justify-content: space-between;
    }

    .main_banner .top_info .left h2 {
        font-size: 60px;
        margin-bottom: 5vw;
    }

    .main_banner .top_info .right p {
        font-size: 16px;
        line-height: 1.5;
    }

    .bottom_link {
        width: 100%;
        overflow: scroll;
    }

        .bottom_link > ul {
            display: flex;
            grid-gap: 3vw;
        }

        .bottom_link ul li a {
            font-size: 16px;
            white-space: nowrap;
            width: 100%;
            grid-gap: 2vw;
            display: flex;
            align-items: center;
        }

            .bottom_link ul li a svg {
                width: 16px;
                height: 16px;
            }

        .bottom_link ul li {
            margin: 0;
        }

    .history-section .head h2 {
        font-size: 30px;
        line-height: 1;
    }

    .nav-arrow svg {
        width: 45px;
    }

    .nav-arrows {
        grid-gap: 5vw;
    }

    .timeline-content h3 {
        font-size: 30px;
        margin-bottom: 5vw;
        font-weight: 500;
    }

    .timeline-content p {
        font-size: 18px;
        width: 100%;
    }

    .timeline-slider {
        width: auto;
    }

    .timeline-content {
        bottom: 100px;
    }

    .lead_banner {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .lead_banner h2 {
            font-size: 60px;
            line-height: 1;
        }

    .sticky_sec > div ul {
        width: 100%;
        padding: 3vw 2vw;
        grid-gap: 4vw;
    }

        .sticky_sec > div ul li a {
            font-size: 16px;
            white-space: nowrap;
            width: 100%;
            grid-gap: 2vw;
            display: flex;
            align-items: center;
        }

    .sticky_sec > div {
        width: 100%;
        overflow: scroll;
    }

    .ch_sec {
        flex-direction: column-reverse;
        grid-gap: 10vw;
    }

        .ch_sec .left {
            width: 100%;
        }

        .ch_sec .right {
            width: auto;
        }

            .ch_sec .right .img {
                margin-bottom: 5vw;
            }

            .ch_sec .right h2 {
                font-size: 24px;
            }

            .ch_sec .right h3 {
                font-size: 18px;
            }

        .ch_sec .left .info P {
            font-size: 14px;
        }

        .ch_sec .left h2 {
            font-size: 24px;
            margin-bottom: 10vw;
        }

        .ch_sec .left h3 {
            font-size: 22px;
            margin-bottom: 3vw;
        }

        .ch_sec .left .info h4 {
            font-size: 14px;
        }

        .ch_sec .left .info {
            width: 90%;
        }

    .bod_sec {
        padding: 15vw 4vw;
        position: relative;
        overflow: hidden;
    }

        .bod_sec .head h3 {
            font-size: 20px;
        }

        .bod_sec .head h2 {
            font-size: 50px;
        }

        .bod_sec .head {
            margin-bottom: 10vw;
        }

        .bod_sec .bod_grid {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: 10vw 2vw;
        }

            .bod_sec .bod_grid .grid h3 {
                font-size: 18px;
                margin-bottom: 2vw;
                padding-top: 3vw;
            }

            .bod_sec .bod_grid .grid h4 {
                font-size: 16px;
            }

    .board_sec img {
        width: -webkit-fill-available;
    }

    .board_sec {
        right: 0;
    }

    .award_banner {
        margin-bottom: 15vw;
    }

        .award_banner .lead_banner {
            padding: 0;
            justify-content: center;
            display: flex;
            height: 100%;
            align-items: center;
        }

    .award_sec > div {
        flex-direction: column;
        grid-gap: 10vw;
    }

    .award_sec .info h2 {
        font-size: 28px;
        margin-bottom: 2vw;
        padding-top: 3vw;
    }

    .award_sec .info p {
        width: 75%;
        font-size: 16px;
    }

    .partner_sec h2 {
        font-size: 22px;
        margin-bottom: 10vw;
    }

    .partner_sec .partnerSwiper {
        width: 100%;
    }

    .bod_sec.member_sec .bod_grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5vw;
    }

    .member_sec .bod_grid .grid img {
        width: 100%;
    }

    .isoSwiper .swiper-slide p {
        font-size: 14px;
    }

    .partner_sec .isoSwiper .swiper-slide .img {
        margin-bottom: 3vw;
    }

    .partner_sec .btn_ajct {
        align-items: center;
        z-index: 2;
        display: flex;
        grid-gap: 5vw;
        top: -10vw;
    }

        .partner_sec .btn_ajct .swiper-button-next,
        .partner_sec .btn_ajct .swiper-button-prev {
            left: 10px !important;
            right: auto !important;
        }

    .pin_sec.pin_sec2 .text {
        width: 90%;
    }

    .pin_sec2 .text h3 {
        font-size: 20px;
        margin-bottom: 5vw;
    }

    .pin_sec.pin_sec2 .text p {
        width: 90%;
    }

    .linebar.pt4.mb1 {
        padding-top: 40px;
    }

    .linebar.pt10.line2 {
        padding-top: 100px;
    }

    .linebar.pt6.mb1 {
        padding-top: 80px;
        margin-bottom: 5vw;
    }

    .com-oartner p {
        font-size: 16px;
    }

    .com-oartner h2 {
        font-size: 40px;
    }

    .gate_number {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 15vw;
        grid-gap: 10vw 5vw;
    }

        .gate_number .grid h2 {
            font-size: 40px;
        }

        .gate_number .grid p {
            font-size: 16px;
        }

        .gate_number .grid:before {
            left: -15%;
        }

        .gate_number .grid h4 {
            font-size: 14px;
            top: -15px;
        }

    .phliso_sec .text h3 {
        font-size: 34px;
        margin-bottom: 2vw;
    }

    .phliso_sec .text h2 {
        font-size: 20px !important;
        margin-bottom: 5vw;
    }

    .linebar.pt2.mb1.mt1 {
        padding-top: 40px;
    }

    .phliso_sec .text > p {
        width: 100% !important;
    }

    .image_effect2 {
        grid-template-columns: repeat(1, 1fr);
    }

        .image_effect2 .card .card-content h2 {
            font-size: 24px;
        }

    .danah-btns a::after {
        width: 100%;
    }

    .contact-banner .info h3 {
        font-size: 60px;
    }

    .renewable-grid .card2 .card-content .top h3 {
        font-size: 18px;
    }

    .horizontalScroller__scroll.for-desktop {
        display: none;
    }

    .swiper_wrap.for-mobile-tablet {
        display: block;
        width: 90%;
        margin: 0 0 15vw auto;
    }

    .facts_sec {
        flex-direction: column;
        width: 100%;
        padding: 10vw 4vw 0;
    }

        .facts_sec .right > h2 {
            font-size: 36px;
            padding: 0;
            margin: 0;
        }

        .facts_sec .right {
            width: 100%;
        }

        .facts_sec .left h3 {
            font-size: 22px;
            margin-bottom: 5vw;
        }

        .facts_sec .left {
            width: auto;
        }

    .area_info .img {
        width: 50px;
    }

    .area_info h3 {
        font-size: 18px;
    }

    .flex_area h2 {
        font-size: 34px;
    }

    .flex_area {
        padding: 4vw 0 0;
    }

    .swiper.achievingSwiper {
        height: auto;
    }

    .horizontalScroller {
        height: auto;
    }

    .achieving_sec {
        margin-bottom: 15vw;
    }

    .swiper.achievingSwiper .swiper-slide {
        display: initial;
    }

    .commercila_text {
        flex-direction: column;
        padding: 0vw 4vw;
        align-items: start;
        justify-content: center;
        grid-gap: 40vw;
    }

        .commercila_text .left h3 {
            font-size: 26px;
        }

        .commercila_text .left h2 {
            font-size: 60px;
        }

        .commercila_text .left {
            width: 100%;
        }

        .commercila_text .right {
            width: 100%;
        }

            .commercila_text .right p {
                font-size: 22px;
                margin-bottom: 5vw;
            }

    .pin_overview {
        flex-direction: column;
        margin-bottom: 20vw;
    }

        .pin_overview .left {
            position: relative;
            top: 0;
            margin-bottom: 5vw;
        }

        .pin_overview .right {
            width: 100%;
            padding: 0;
        }

        .pin_overview .left h2 {
            font-size: 22px;
            opacity: 1 !important;
            transform: translate(0, 0) !important;
        }

        .pin_overview .right h2 {
            font-size: 28px;
            line-height: 1.2;
        }

        .pin_overview .right p {
            width: 100%;
            font-size: 16px;
            line-height: 24px;
        }

    .black_btns {
        grid-gap: 5vw;
        margin: 10vw 0;
    }

        .black_btns .danah-btns a {
            font-size: 14px;
            grid-gap: 2vw;
        }

    .pin_overview .right h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .fashionSwiper .swiper-slide p {
        width: 100%;
    }

    .keyplan_sec .keyplanSwiper .swiper-slide .info_text {
        flex-direction: column;
    }

        .keyplan_sec .keyplanSwiper .swiper-slide .info_text .right {
            width: 100%;
        }

        .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left {
            width: 100%;
        }

            .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left h3 {
                font-size: 20px;
                margin-bottom: 2vw;
            }

            .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left h2 {
                font-size: 26px;
                margin-bottom: 5vw;
            }

            .keyplan_sec .keyplanSwiper .swiper-slide .info_text .left p {
                width: 100%;
                font-size: 16px;
                line-height: 24px;
            }

    .keyplanSwiper .swiper-pagination {
        font-size: 16px;
        right: 0;
        top: 15px !important;
    }

    .keyplan_sec .btn_ajct .swiper-button-prev,
    .keyplan_sec .btn_ajct .swiper-button-next {
        width: 30px !important;
    }

    .property-section > div {
        width: 90%;
    }

    .property-section h2 {
        font-size: 28px;
    }

    .property-section p {
        max-width: max-content;
        font-size: 16px;
        line-height: 24px;
    }

    .property-section .section-link {
        font-size: 16px;
        margin-bottom: 8vw;
    }

    .card-grid {
        flex-direction: column;
    }

    .property-card {
        max-width: max-content;
    }

        .property-card h3 {
            font-size: 16px;
            min-height: 55px;
        }

        .property-card h5 {
            font-size: 16px;
        }

    .leasing_sec {
        padding: 10vw 4vw;
        flex-direction: column;
    }

    .new_left {
        width: 100%;
        position: relative;
        left: 0;
    }

    .cancel_key .gate_number {
        grid-template-columns: repeat(2, 1fr);
    }

    .leasing_sec .cancel_sec ul {
        display: flex;
        overflow: scroll;
        width: 100%;
        grid-gap: 2vw;
        padding-bottom: 10px;
    }

        .leasing_sec .cancel_sec ul li a {
            font-size: 16px;
            white-space: nowrap;
        }

        .leasing_sec .cancel_sec ul li .linebar {
            padding-top: 20px;
        }

    .leasing_sec .cancel_sec > div {
        margin-bottom: 5vw;
    }

    .cancel_btn a {
        font-size: 14px;
        grid-gap: 2vw;
    }

        .cancel_btn a svg {
            width: 40px;
            height: 40px;
        }

    .formSwiper .swiper-wrapper .swiper-slide > h2 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .formSwiper .swiper-wrapper .swiper-slide > p {
        font-size: 14px;
        width: 75%;
        margin-bottom: 10vw;
    }

    .formSwiper .btn_new .swiper-button-next svg,
    .formSwiper .btn_new .swiper-button-prev svg {
        width: 15px;
    }

    .cancel_key .card-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .cancel_key > h3 {
        font-size: 18px;
    }

    .cancel_key .gate_number p {
        padding-right: 5vw;
    }

    .property-card p {
        margin-bottom: 5vw;
    }

    .leasing_sec .cancel_sec ul li a br {
        display: none;
    }

    .apartmentInfos_main,
    .showdarkbox,
    .residentialCentralDetail_main,
    .cancel_div_main,
    .central_region_detail_main,
    .central_region_main,
    .thanks_div_main,
    .leasing_showResult_main,
    .project_leasing_detail {
        width: 100%;
    }

    .showdarkbox,
    .residentialCentralDetail_main,
    .cancel_div_main,
    .central_region_detail_main,
    .central_region_main,
    .thanks_div_main,
    .leasing_showResult_main {
        padding: 15vw 0;
    }

    .registration_sec .right .card-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .registration_sec .right p {
        font-size: 16px;
    }

    .formSwiper > .head h2 {
        font-size: 34px;
    }

    .formSwiper > .head p {
        font-size: 16px;
        line-height: 1;
    }

    /* .solution_wiper .formSwiper  .swiper-wrapper{
		display: initial;
	} */
    .media-banner .info h2 {
        font-size: 18px;
    }

    .masonry-main h2 {
        font-size: 24px;
        padding: 0;
    }

    .contact-banner.media-banner {
        margin-bottom: 15vw;
    }

    .meta .dt {
    }

    .meta > div span {
        font-size: 18px;
    }

    .meta {
        margin-bottom: 10vw;
        grid-gap: 10vw;
    }

        .meta > div span:before {
            left: -4vw;
            top: 1vw;
        }

    .masonry {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(35%, 1fr));
        grid-auto-rows: auto;
        gap: 2vw !important;
        margin-bottom: 15vw;
    }

    .modalGallery.modal .modal-dialog {
        max-width: 90%;
    }

    .modalGallery .swiper-button-next {
        right: 0;
    }


    .modalGallery .close_btn {
        top: 6vw;
    }

    .modalGallery .btn {
        top: 13%;
        right: 5%;
    }

    .pdf_btn {
        display: flex;
    }

    .swiper-button-prev.btn {
        left: 5% !important;
    }

    .modalGallery .close_btn button {
    }

        .modalGallery .close_btn button svg {
            width: 20px;
        }

    .modalGallery .close_btn .close svg {
        width: 20px;
    }

    .news-banner .info h3 {
        width: 100%;
        font-size: 50px;
        margin-bottom: 5vw;
    }

    .news-banner .info span {
        font-size: 20px;
        margin-bottom: 5vw;
    }

    .expectation-main .inner {
        width: 100%;
    }

        .expectation-main .inner p {
            font-size: 14px;
            line-height: 20px;
        }

    .expectation-main .headline {
        font-size: 16px;
        line-height: 1.2;
    }

    .related-artical-main h2 {
        font-size: 40px;
    }

    .related-artical-main .linebar.pt10 {
        padding-top: 100px;
    }

    .related-artical-main .linebar.pt6 {
        padding-top: 60px;
    }

    .related-artical-main .linebar.pt2 {
        padding-top: 30px;
    }

    .related-artical-main .swiper-button-prev,
    .related-artical-main .swiper-button-next {
        top: -5% !important;
    }

    .related-artical-main .inner {
        padding: 0;
    }


    .partner_sec .btn_ajct .swiper-button-next {
        right: 0vw !important;
        left: auto !important;
        top: 0;
    }

    .partner_sec .btn_ajct .swiper-button-prev {
        right: 11vw !important;
        top: 0;
        left: auto !important;
    }

    .btn_ajct .swiper-button-prev svg,
    .btn_ajct .swiper-button-next svg {
        width: 35px;
    }

    .pin_img .linebar.pt10 {
        padding-top: 100px;
    }

    .fashion_sec .swiper {
        overflow: initial !important;
    }

    .contact-banner .info h2 {
        font-size: 18px;
    }

    .reach_main .reach_container {
        width: 90%;
    }

    .reach-grid p {
        font-size: 16px;
    }

    .reach-grid {
        grid-template-columns: auto !important;
    }

        .reach-grid h4 {
            font-size: 16px;
        }

    .social-icons a svg {
        width: 25px;
        height: 25px;
    }

    .reach_container h4, .reach_container p {
        font-size: 20px;
    }

    .form_main .inner {
        width: 90%;
    }

    .form_main .form-row {
        flex-direction: column;
    }

    .custom-select-trigger {
        font-size: 16px;
    }

    .form_main input,
    .form_main select,
    .form_main textarea {
        font-size: 16px;
        padding: 10px 10px;
    }

    .heading h2 {
        padding-top: 20vw;
        font-size: 34px;
    }

        .heading h2:before {
            height: 15vw;
        }

    .heading h3 {
        font-size: 14px;
    }

    .custom-contact-form .custom-select-trigger {
        padding: 10px;
    }

        .custom-contact-form .custom-select-trigger:after {
            top: 15px;
        }

    .partner_sec2 .btn_ajct {
        top: -45%;
    }

    .tenant-content {
        flex-direction: column;
    }

        .tenant-content .left {
            width: 100%;
        }

        .tenant-content .right {
            width: 100%;
        }

        .tenant-content .left small {
            font-size: 20px;
        }

    .tenant-hero {
        padding: 15vw 4vw;
    }

    .tenant-content .left h2 {
        font-size: 40px;
        margin-bottom: 5vw;
    }

    .phone-image {
        width: 300px;
    }

    .scan img {
        width: 60px;
    }

    .apps-icon {
        width: 120px;
        left: 14vw;
    }

        .apps-icon h4 {
            font-size: 10px;
        }

    .tenant-content .right p {
        font-size: 14px;
        line-height: 20px;
    }

    .tenant-content .right a {
        padding: 2vw 1vw;
    }

    .formSwiper > .head {
        margin-bottom: 20vw;
        width: 100%;
    }

    .formSwiper .btn_new {
        top: 25vw;
        right: 40px;
        gap: 8vw;
    }

    .leasing_sec .formSwiper {
        padding: 10vw 0 0;
    }

    .closeSVg svg, .leasing_showResult_main .closeShowResult svg {
        width: 20px;
    }

    .formSwiper2 .property-card h3, .centralSwiper .property-card h3, .villaSwiper .property-card h3 {
        font-size: 16px;
    }

    .paim_bottom_white p, .paim_bottom_white h2 {
        font-size: 12px !important;
    }

    .paim_btn {
        flex-direction: column;
        align-items: start;
    }

    .paim_bottom_white {
        width: 100%;
    }

    .top_sec .all_line .line h3 {
        font-size: 24px;
        padding-right: 15vw;
        margin-bottom: 10vw;
    }

    .real_value .head {
        margin-bottom: 29vw;
    }

    .top_sec .all_line .line > div {
        margin-bottom: 15vw;
        height: 20vw;
    }

    .real_value .top_sec {
        padding-left: 10vw;
    }

    .real_value .value_img {
        top: 30%;
    }

    .all_line .btn_new {
        display: flex;
        position: relative;
        right: 0;
        left: auto;
        grid-gap: 5vw;
    }

    .all_line .swiper-button-next,
    .all_line .swiper-button-prev {
        position: relative;
    }

        .all_line .swiper-button-next svg, .all_line .swiper-button-prev svg {
            width: 20px;
        }

    .all_line .valueSwiper {
        height: auto;
    }

    .time_line_sec_new .timeline-slider {
        width: 100%;
    }

    .time_line_sec_new .timeline-track {
        bottom: 15vw;
        padding: 30px 0 0 10px;
        height: auto;
        margin: 0;
        overflow-x: auto;
        background: transparent;
        overflow-y: hidden;
    }

        .time_line_sec_new .timeline-track:before {
            background: #908465;
            content: '';
            position: absolute;
            top: 70px;
            left: 0;
            width: 640%;
            height: 3px;
        }

    .time_line_sec_new .year-marker {
        white-space: pre;
    }

    .year-marker {
        position: absolute;
        top: 20px;
        transform: translateX(-50%);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .year-label {
        font-size: 28px;
        transform: none;
        left: 0;
        position: relative;
        text-align: center;
        top: -80px;
    }

    .time_line_sec_new .history-section {
        padding: 15vw 4vw;
    }

    .time_line_sec_new {
        height: 80vh;
    }

    .time_line_sec .img {
        height: 80vh;
    }

    .menu-main {
        height: 100vh;
        background: #fff;
    }

    .nav-mb {
        padding: 30vw 5vw 15vw;
    }

        .nav-mb > ul {
            flex-direction: row;
            overflow-x: scroll;
            padding-bottom: 40px;
            padding-top: 0;
            overflow-y: hidden;
            gap: 10px;
            margin-bottom: 50px;
        }

            .nav-mb > ul > li {
                margin-bottom: 0;
                white-space: nowrap;
            }

                .nav-mb > ul > li > a {
                    font-size: 14px;
                    font-weight: 500;
                    padding: 7px 14px;
                    color: rgba(74, 74, 73, 1);
                    background: transparent;
                    border-radius: 50px;
                }

                .nav-mb > ul > li.active > a,
                .nav-mb > ul > li a:hover {
                    color: #fff;
                    background: #B1913A;
                }

        .nav-mb ul li a:before {
            display: none;
        }

    .sidebar-menu {
        padding: 0;
        margin-bottom: 50px;
    }

        .sidebar-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .sidebar-menu li {
            margin-bottom: 22px;
        }

            .sidebar-menu li > div {
                gap: 20px;
                display: flex;
                align-items: center;
            }

                .sidebar-menu li > div svg {
                    width: 24px;
                    transition: all .7s ease;
                    stroke: #3d3d3d;
                    height: 12px;
                }

                .sidebar-menu li > div a {
                    font-size: 18px;
                    font-weight: 500;
                    color: #3d3d3d;
                    transition: all .7s ease;
                }

            .sidebar-menu li:hover a,
            .sidebar-menu li.active a {
                color: #b1913a;
            }

            .sidebar-menu li.active div svg {
                stroke: #B1913A;
                transform: rotate(180deg);
            }

            .sidebar-menu li.sub-item a {
                font-weight: 400;
                margin-left: 20px;
                font-size: 14px;
                color: #5a5a5a;
            }

    .year-marker:first-child .year-label {
        padding-left: 50px;
    }

    .cancel_key .card-grid .property-card .img {
        margin-bottom: 5vw;
    }

    .property-card p {
        font-size: 14px;
        margin-bottom: 8vw;
    }

    .court_sec > h2 {
        font-size: 6vw;
        margin-bottom: 7vw;
    }

    .court_sec {
        padding: 10vw 5vw;
    }

    .media-sorting2 ul {
        flex-wrap: wrap;
    }

    .media-sorting2 a {
        padding: 8px 20px;
        margin-right: 0;
        font-size: 14px;
        font-weight: 300;
    }

    .closeleasingDeatil svg {
        width: 25px;
    }

    .masonry {
        grid-template-columns: repeat(auto-fit, minmax(35%, 1fr));
    }

    .leasing_showResult_main,
    .project_leasing_detail {
        margin-left: -4vw;
    }

    .court_sec .renewable_main .masonry {
        margin: 0 0 60px;
    }

    .paim_bottom .paim {
        padding: 14px 0;
        gap: 30px;
    }

        .paim_bottom .paim h2,
        .paim_bottom .paim p {
            font-size: 14px;
        }

    .paim_btn {
        width: 100%;
    }

    .leasing_showResult_main {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .offerings-box h2 {
        font-size: 6vw;
        margin-bottom: 20px;
    }

    .offerings-box p {
        margin-bottom: 30px;
        font-size: 16px;
        white-space: nowrap;
    }

    .view-map h3 {
        font-size: 16px;
    }

    .view-map a {
        font-size: 14px;
    }

    .leasing-form .form-group.fdr {
        flex-direction: column !important;
        align-items: flex-start;
    }

    .form-group > .inputs {
        width: 100%;
    }

    .leasing-form .form-group.fdr {
        margin-bottom: 30px;
        gap: 20px;
    }

    .leasing-form input[type="text"],
    .leasing-form input[type="tel"],
    .leasing-form input[type="email"],
    .leasing-form textarea {
        font-size: 16px;
    }

    .gold-btn {
        padding: 10px 30px;
        font-size: 16px;
    }

    .leasing-form .custom-radio span {
        padding: 14px 25px;
        font-size: 15px;
    }

    .leasing-form {
        padding-right: 0;
    }

    .form-group > .inputs.sqm span {
        font-size: 16px;
    }

    .leasing-form .custom-checkbox {
        font-size: 14px;
        margin-right: 30px;
    }

    .form-group p {
        font-size: 16px;
    }

    .leasing-options {
        flex-wrap: wrap;
    }

    .showApartmentDetail_main .card-gird_new .property-card {
        max-width: 100% !important;
    }

    .card-grid.card-gird_new {
        padding-right: 9vw;
    }

    .apartmentInfos_main {
        padding: 10vw 0;
    }

        .apartmentInfos_main .inner h2 {
            font-size: 6vw;
            margin-bottom: 7vw;
        }

    .overview_div h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .overview_div p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .overview_div {
        padding-bottom: 30px;
    }

    .contact_btn a, .contact_btn button {
        padding: 12px 30px;
    }

    .contact_btn a, .contact_btn button {
        color: rgba(74, 74, 73, 1);
        background: rgba(74, 74, 73, 1);
        border: solid 1px rgba(74, 74, 73, 1)54E;
        color: #fff;
    }

    .sticky_sec.fixed {
        position: fixed;
        margin-top: 0;
    }

    .foun_text h2 {
        font-size: 70px;
        margin-bottom: 5vw;
    }

    .foun_text h3 {
        font-size: 24px;
        margin-bottom: 5vw;
    }

    .foun_text p {
        width: 100%;
        font-size: 20px;
    }

    .search-box-main .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 5vw;
    }

    .search-input-holder input {
        font-size: 20px;
    }

    .not-search-result ul li a {
        font-size: 12px;
        padding: 8px 15px;
    }

    .not-search-result {
        margin-bottom: 15vw;
    }

    .search-box-main {
        padding: 0;
        overflow: hidden;
    }

    .search-input-holder a {
        padding-bottom: 5vw;
    }

    .search-input-holder {
        margin-bottom: 5vw;
    }

    .search_swiper .searchSwiper .swiper-slide p {
        font-size: 16px;
        line-height: 20px;
    }

    .search_swiper .searchSwiper .swiper-slide h2 {
        font-size: 36px;
        margin-bottom: 5vw;
    }

    .search_swiper .searchSwiper .swiper-slide .img {
        margin-bottom: 3vw;
    }

    .header .right .search-main > div {
        margin-right: 5vw;
    }

    .search-close-icon span,
    .search a.active .search-close-icon span:last-child {
        width: 26px;
    }

    .search-close-icon, .search-icon {
        left: 50%;
        transform: translateX(-50%);
    }

    .search_swiper {
        margin: 0;
    }

    .overview_sec .left h4 {
        font-size: 20px;
    }

    .main_value .value_sec .right .radio_sec .radio label:before {
        width: 20px;
        height: 20px;
    }

    .main_value .value_sec .right .radio_sec .radio label:hover:after {
        padding: 0;
        width: 10px;
        height: 10px;
    }

    .award_sec h2 {
        font-size: 20px;
    }

    .partnerSwiper .swiper-slide p {
        font-size: 12px;
    }

    .partner_sec .partnerSwiper .swiper-slide {
        grid-gap: 2vw;
    }

    .main-ch h3 {
        font-size: 18px;
        margin-bottom: 5vw;
    }

    .ch_sec .left > h4 {
        font-size: 28px;
    }

    .danah_view .view .left h4 {
        font-size: 34px;
    }

    .head-sec p br {
        display: none;
    }

    button.dot.location5 {
        right: 35%;
    }

    /*    .dot:hover, .dot.active {
        transform: scale(1.4) !important;
    }*/

    .career_banner .main_head {
        padding-top: 0;
    }

    .all_line.valueSwiperMain:before {
        top: 13%;
        width: 12%;
        left: -12.5%;
    }

    .history-section .timeline-track {
        bottom: 0;
        padding: 30px 0 0 10px;
        height: auto;
        margin: 0;
        overflow-x: auto;
        background: transparent;
        overflow-y: hidden;
        display: flex;
        justify-content: space-between;
    }

        .history-section .timeline-track:before {
            background: #908465;
            content: '';
            position: absolute;
            top: 70px;
            left: 0;
            width: 690%;
            height: 3px;
        }

    .history-section .year-marker {
        white-space: pre;
        height: 60px;
        width: 166px;
    }

    .year-marker {
        position: relative;
        top: 20px;
        transform: translateX(-50%);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .year-label {
        font-size: 28px;
        transform: none;
        left: 0;
        position: relative;
        text-align: center;
        top: -80px;
    }

    .history-section .year-marker:last-child {
        width: 250px;
    }

    .year-marker:last-child .year-label {
        top: -20px;
        position: absolute;
        right: 0;
    }

    .year-label {
        font-size: 20px;
    }

    .map-screen-3 .card {
        padding: 30px 15px 10px;
    }

        .map-screen-3 .card > a {
            top: 5px;
        }

        .map-screen-3 .card > div {
            margin-bottom: 10px;
        }

    .news_sec .newsSwiper {
        overflow: unset;
    }

    .adj-btn {
        top: -50px;
        width: auto;
        right: 0;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .newsSwiper .swiper-button-prev,
    .newsSwiper .swiper-button-next {
        left: 10px !important;
        right: auto !important;
        position: relative;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 40px !important;
    }

    .newsSwiper .bg_news {
        display: none;
    }

    .map-screen-1, .map-screen-2 {
        max-width: 20rem;
        height: 80%;
    }

    .map-screen-3 {
        height: max-content;
        bottom: 0;
        top: auto;
    }

    .footer .inner .top_list .fot-sec:first-child {
        width: 60%;
    }

    .menu-main {
        overflow-y: auto;
    }

    .nav-mb > ul {
        padding-bottom: 40px;
        margin-bottom: 10vw;
    }

    .sidebar-menu {
        margin-bottom: 5vw;
    }

    .nav-mb {
        justify-content: flex-start;
    }

    .history-section .timeline-track {
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .cancel_key .gate_number .grid h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .leasing_sec {
        padding: 0 4vw 10vw;
    }

        .leasing_sec .cancel_sec ul li .linebar {
            padding-top: 40px;
        }

        .leasing_sec .cancel_sec ul li a {
            font-size: 20px;
        }

        .leasing_sec .cancel_sec ul {
            display: block;
            overflow: hidden;
        }

        .leasing_sec .formSwiper {
            padding: 15vw 0 0;
        }

    .formSwiper .btn_new {
        top: 0;
    }

    .cancel_key > h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    label.error {
        bottom: -17px;
    }

    .leasing-form .form-group {
        margin-top: 30px;
    }

    .leasing_sec .cancel_sec > div.cancel_btn {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 11;
    }

    .leasing_sec .right {
        width: 100%;
    }

    .cancel_div_main,
    .thanks_div_main {
        z-index: 12 !important;
    }

        .thanks_div_main .registration_sec .right,
        .cancel_div_main .registration_sec .right {
            width: 70% !important;
        }

            .thanks_div_main .registration_sec .right p,
            .cancel_div_main .registration_sec .right p {
                font-size: 14px;
                width: 100%;
                margin-bottom: 8vw;
            }

            .thanks_div_main .registration_sec .right .head,
            .cancel_div_main .registration_sec .right .head {
                width: 100%;
            }

    .closeApartmentInfos,
    .closeleasingDeatil {
        display: none;
    }

    .registration_sec .right h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .registration_sec .right p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .registration_sec .right > h3 {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .paim_btn .danah-btns.ml15 {
        margin-left: 0 !important;
    }

    .form_main .form-row .form-group {
        margin-bottom: 30px;
    }

    .form_main .form-row label.error {
        bottom: -25px;
    }

    .cancel_btn a span {
        display: none;
    }

    .bedroomSwiper .swiper-slide {
        display: block;
        width: 95% !important;
    }

    .formSwiper > .head {
        width: 90%;
    }

    .paim_bottom_white {
        width: 90%;
    }

    .central_region_detail_main {
        overflow-x: hidden;
    }

    .leasing_sec .khobarSwiper {
        padding: 15vw 0 0;
    }

    .khobarSwiper > .head {
        width: 90%;
    }

        .khobarSwiper > .head h2 {
            font-size: 34px;
        }

        .khobarSwiper > .head p {
            font-size: 16px;
            line-height: 1;
        }

    .khobarSwiper .btn_new {
        position: absolute;
        top: 0;
        right: 40px;
        display: flex;
        align-items: center;
    }

        .khobarSwiper .btn_new .swiper-button-next svg,
        .khobarSwiper .btn_new .swiper-button-prev svg {
            width: 15px;
        }

    .map_component {
        background: radial-gradient(circle, #777 0%, #4A4A49 100%);
    }

    .map_image.second-map {
        margin-bottom: 0;
        opacity: 1;
    }

    .map-screen-1 {
        opacity: 0 !important;
    }

    .map-screen-3 {
        opacity: 1;
    }

    .map-screen-2 {
        opacity: 1;
    }

    .map-screen-1, .map-screen-2 {
        max-width: 320px;
        height: 250px;
        top: 25%;
        transform: translateY(0);
    }

    /*    button.dot.location5 {
        right: 35%;
        top: 23%;
    }

    button.dot.location4 {
        top: 38.5%;
        right: 26%;
    }

    button.dot.location3 {
        top: auto;
        right: 24.7%;
        bottom: 19%;
    }

    button.dot.location2 {
        top: auto;
        bottom: 27%;
        right: 4.5%;
    }

    button.dot.location1 {
        right: 18%;
        top: auto;
        bottom: 35%;
    }*/

    .main_search.top_search {
        padding: 35vw 5vw 5vw;
    }

    .search-input-holder input {
        padding: 10px 0;
    }

    .pin_overview .right ol {
        padding-left: 5vw;
        margin-top: 4vw;
    }

    .main_banner .top_info .left h2 {
        font-size: 32px;
        line-height: 1.3;
    }

    .search-input-holder button {
        top: 5px;
    }

        .search-input-holder button svg {
            width: 25px;
        }

    .page-our-commitment .sticky_sec > div ul {
        width: 500px;
    }

    .page-aboutus .main_top .bottom_link.fixed,
    .page-about-us .main_top .bottom_link.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
        background-color: #fff;
        bottom: auto;
        left: 0;
    }

        .page-aboutus .main_top .bottom_link.fixed ul,
        .page-about-us .main_top .bottom_link.fixed ul {
            width: 100%;
            padding: 4vw 2vw;
            grid-gap: 4vw;
        }

            .page-aboutus .main_top .bottom_link.fixed ul li a,
            .page-about-us .main_top .bottom_link.fixed ul li a {
                font-size: 16px;
                white-space: nowrap;
                width: 100%;
                grid-gap: 2vw;
                display: flex;
                align-items: center;
            }

            .page-aboutus .main_top .bottom_link.fixed ul li a,
            .page-about-us .main_top .bottom_link.fixed ul li a {
                color: #7B6E66;
                transition: all .7s ease;
            }

            .page-aboutus .main_top .bottom_link.fixed ul li.active a,
            .page-aboutus .main_top .bottom_link.fixed ul li:hover a,
            .page-about-us .main_top .bottom_link.fixed ul li.active a,
            .page-about-us .main_top .bottom_link.fixed ul li:hover a {
                color: #b1913a;
            }

    .main_head h2 {
        font-size: 40px;
    }

    .contact-banner .info h3 {
        font-size: 40px;
    }

    .lead_banner h2 {
        font-size: 40px;
    }

    .commercila_text .left h2 {
        font-size: 40px;
    }

    .contact-banner .info h2 {
        margin-bottom: 10px;
    }

    .search_swiper {
        margin: 50px 0;
    }

    .searchSwiper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

        .searchSwiper .item h2 {
            font-size: 32px;
        }

        .searchSwiper .item p {
            font-size: 16px;
        }

    .card-grid-new .property-card:nth-child(even),
    .card-grid-new .property-card {
        flex-direction: column
    }

        .card-grid-new .property-card .img,
        .card-grid-new .property-card .info {
            width: 100%
        }

        .card-grid-new .property-card h3 {
            font-size: 5vw;
        }

        .card-grid-new .property-card:nth-child(even) .info,
        .card-grid-new .property-card .info {
            padding: 7.5vw;
        }

    .property-section-new {
        padding-top: 34vw;
    }

        .property-section-new h2 br,
        .property-section-new p br {
            display: none
        }

    .sticky_sec > div ul {
        justify-content: space-between;
    }

    /*button.dot.location15 {
        bottom: 10%;
    }

    button.dot.location16 {
        left: 55%;
        bottom: 5%;
    }

    button.dot.location10 {
        top: 9%;
        right: 62%;
    }*/

    .page-news .property-card p {
        width: 100%;
    }

    .card-content p {
        font-size: 14px;
    }

    .vision_sec .left h4 {
        font-size: 42px;
        margin-bottom: 5vw;
    }

    .page-sectors .main_banner .top_info .right p {
        font-size: 16px;
        line-height: 1.5;
    }

    .reach-grid .reachbox, .reach-grid > div {
        margin-bottom: 10vw;
    }

    .social-icons {
        justify-content: space-between;
    }

    .contact-banner {
        margin-bottom: 15vw;
    }

    .page-awards-recognitions .bod_sec .head h3 {
        font-size: 22px;
        line-height: 1;
    }

    .postSwiper .swiper-slide {
        height: auto;
    }

    .partner_sec .swiper {
        width: 100%;
    }

    .page-leasing.modal-open .gate_number .grid h2 {
        font-size: 26px;
    }

    .court_sec > h2 {
        font-size: 18px;
        width: 60%;
    }

    .customNextPrev .next svg, .customNextPrev .prev svg {
        width: 20px;
    }

    .black_btns .danah-btns {
        grid-gap: 5vw;
    }

    .viewFullMap {
        top: 20%;
    }

    .map-screen-1, .map-screen-2 {
        top: 30%;
    }

    .dot {
        width: 17px;
        height: 17px;
    }

        .dot::after {
            width: 9px;
            height: 9px;
        }

    button.dot.location1 {
        right: auto;
        top: 44%;
        bottom: auto;
        left: 46%;
    }

    button.dot.location2 {
        top: 50%;
        bottom: auto;
        right: auto;
        left: 42%;
    }

    button.dot.location3 {
        top: 38%;
        right: auto;
        bottom: auto;
        left: 48.5%;
    }

    button.dot.location4 {
        top: 34.5%;
        right: auto;
        left: 40%;
    }

    button.dot.location5 {
        top: 41.5%;
        right: auto !important;
        left: 40%;
    }

    button.dot.location6 {
        top: 31.5%;
        right: auto;
        left: 45.5%;
    }

    button.dot.location7 {
        top: 42%;
        right: auto;
        left: 53.5%;
    }

    button.dot.location8 {
        top: 50%;
        right: auto;
        left: 50%;
    }

    button.dot.location9 {
        top: 49.5%;
        bottom: auto;
        right: auto;
        left: 56%;
    }

    button.dot.location10 {
        top: 45%;
        right: auto;
        left: 55%;
    }

    button.dot.location11 {
        top: 53%;
        right: auto;
        left: 55%;
    }

    button.dot.location12 {
        top: 41%;
        right: auto;
        left: 61%;
    }

    button.dot.location13 {
        top: 52%;
        right: auto;
        left: 49.5%;
    }

    button.dot.location14 {
        top: 57%;
        right: auto;
        left: 44%;
        bottom: auto;
    }

    button.dot.location15 {
        top: 65%;
        right: auto;
        left: 44%;
        bottom: auto;
    }

    button.dot.location16 {
        top: 38%;
        right: auto;
        left: 51%;
        bottom: auto;
    }

    button.dot.location17 {
        top: 33%;
        right: auto;
        left: 45%;
        bottom: auto;
    }

    button.dot.location18 {
        top: 58%;
        right: auto;
        left: 40.5%;
        bottom: auto;
    }

    .map-screen-3 {
        width: 100% !important;
        padding: 5vw 5vw 10vw;
    }

        .map-screen-3 .card.active {
            display: flex;
            flex-direction: row;
            width: 100%;
            gap: 3vw;
        }

        .map-screen-3 .card .ofh {
            width: 50% !important
        }

        .map-screen-3 .card .card-content {
            width: 50% !important;
        }

    .map-container {
        min-height: auto;
        background: radial-gradient(circle, #777 0%, #4A4A49 100%);
    }

        .map-container .map_component {
            background: transparent;
            height: auto;
        }

        .map-container .filter-container {
            position: relative;
            right: 0;
        }

    .map-screen-1 {
        display: none;
    }

    .map-screen-2 {
        position: relative;
        max-width: 90%;
        height: auto;
        margin-top: 140px;
    }

    .map-screen-3 {
        position: relative;
    }

    .viewFullMap {
        top: 125px;
        font-size: 16px;
    }

        .viewFullMap svg {
            width: 22px;
        }

    .formSwiperfull + .cancel_key {
        padding-top: 30px;
    }

    #model2 .btn_new .swiper-button-prev,
    #model2 .solution_wiper .btn_new .swiper-button-next {
        display: none;
    }

    .formSwiper .property-card .img,
    .solution_wiper .property-card .img {
        margin-bottom: 30px !important;
    }

    .khobarSwiper > .head h2 {
        margin-bottom: 20px;
    }

    .khobarSwiper > .head {
        width: 80%;
    }

        .khobarSwiper > .head p {
            margin-bottom: 30px;
        }

    .khobarSwiper .btn_new {
        top: 20px;
        gap: 8vw;
        right: 0;
    }

    .leasing_sec .khobarSwiper {
        padding: 0 0 0;
        margin: 75px 0 0 !important;
    }

    .customNextPrev {
        gap: 8vw;
    }

    .card-grid-new .property-card h3 p {
        font-size: 5vw;
        min-height: auto;
    }

    .formSwiper > .head h2 {
        margin-bottom: 20px;
    }

    .leasing_sec .cancel_sec ul li a {
        white-space: inherit;
        line-height: 1.2;
    }

    .page-leasing .property-card h3 p {
        margin: 0;
        font-size: 16px;
    }

    .card-gird_new .property-card {
        max-width: 50% !important;
    }

    .showApartmentDetail_main .card-gird_new .property-card {
        padding-bottom: 30px;
    }

    .closeApartmentInfos {
        display: block;
    }

    .leasing_sec .right .vid-box .playBtn {
        width: 60px;
        height: 60px;
    }

        .leasing_sec .right .vid-box .playBtn svg {
            width: 22px;
        }

    .area_info {
        grid-gap: 4vw;
    }

        .area_info .img {
            width: 60px !important;
        }

    .flex_area h2 {
        font-size: 24px;
    }

    .whatsapp-chat {
        right: 0;
        top: 0;
        position: relative;
    }

    .leasing-bar .leasing-text {
        font-size: 14px;
        justify-content: flex-start;
    }

    .whatsapp-chat span {
        display: none;
    }

    .footer {
        padding: 15vw 0vw 100px;
    }

    .showDesktop {
        display: none;
    }

    .showMobile {
        display: block;
    }

    .gateNumberSwiper .grid {
        padding: 0 5vw;
    }

    .achievingSwiper .flex_area {
        width: 100%;
        flex-direction: row-reverse;
        gap: 4vw;
    }

    .achievingSwiper .area_info {
        flex-direction: row-reverse;
        flex: 1;
    }

    .timeline_track_main {
        position: relative;
    }

        .timeline_track_main:before {
            background: #908465;
            content: '';
            position: absolute;
            top: 70px;
            left: 0;
            width: 100%;
            height: 3px;
        }

    .history-section .timeline-track:before {
        display: none;
    }

    .year-marker:last-child .year-label {
        left: 0;
    }

    .year-marker:last-child:after {
        top: -3px;
        left: 15px;
        width: auto;
        font-size: 32px;
    }

    .year-label {
        top: -45px;
    }

    .history-section .year-marker {
        white-space: inherit;
    }

        .history-section .year-marker:last-child {
            width: auto;
        }

    .history-section .timeline-track {
        padding: 30px 30px 0 10px;
        gap: 80px;
    }

    .year-marker:last-child::before {
        left: 60% !important;
        position: relative;
    }

    .page-home .gateNumberSwiper_main {
        margin: 70px 0;
    }

    .pin_overview2 {
        flex-direction: column;
        margin-bottom: 10vw;
    }

        .pin_overview2 .left {
            position: relative;
            top: 0;
            margin-bottom: 5vw;
        }

        .pin_overview2 .right {
            width: 100%;
            padding: 0;
        }

        .pin_overview2 .left h2 {
            font-size: 22px;
        }

        .pin_overview2 .right h2 {
            font-size: 28px;
            line-height: 1.2;
        }

        .pin_overview2 .right p {
            width: 100%;
            font-size: 16px;
            line-height: 24px;
        }

    .facility-mgt {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

        .facility-mgt .box h3 {
            font-size: 16px;
        }

        .facility-mgt .box {
            padding-top: 20px;
            margin-bottom: 0;
        }

    .customNextPrev .next,
    .customNextPrev .prev {
        font-size: 16px;
    }

    .closeleasingDeatil {
        display: block;
    }

    .region_swiper .btn_new {
        display: none;
    }

        .region_swiper .btn_new.customNextPrev {
            display: flex;
        }

    .central_region_detail_main {
        padding-top: 0;
        width: 100%;
        left: 0;
        padding-left: 5vw !important;
    }

        .central_region_detail_main .paim_bottom {
            padding-right: 5vw !important;
            /* width: 90%; */
        }

    .dot {
        width: 14px;
        height: 14px;
    }

    .page-about-us .main_banner .img img {
        filter: brightness(0.5);
    }

    .board_sec img {
        width: 100%;
    }

    .pin_sec .text h2 {
        font-size: 30px;
    }

    .main_banner.sector_banner .top_info .left h2 {
        font-size: 40px;
    }

    .property-card h3 p {
        font-size: 18px;
    }

    .modalGallery .close_btn {
        gap: 8vw;
    }

    .masonry-main .masonry {
        grid-template-columns: inherit;
        column-count: 2;
        display: inherit;
    }

        .masonry-main .masonry > div {
            position: relative;
            overflow: hidden;
            break-inside: avoid;
            cursor: pointer;
            display: inline-block;
            width: 100%;
            margin-bottom: 5px;
        }

    .image_effect .card {
        padding: 0;
    }

        .image_effect .card img {
            position: relative;
        }

    .image_effect .card-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        padding: 10vw 5vw;
    }

    .page-sectors .card-content a {
        left: 5vw;
        bottom: 10vw;
    }

    .image_effect .card h4 {
        font-size: 24px;
    }

    .card-content p {
        font-size: 16px;
    }

    .page-sectors .image_effect2 .card {
        padding: 0;
    }

    .page-sectors .image_effect {
        margin-bottom: 15vw;
    }

    .renewable-grid .card2 .card-content .top h3 {
        font-size: 16px;
    }

    .renewable-grid .card-content .top h2 {
        font-size: 18px;
    }

    .renewable-grid .card-content .top p {
        font-size: 14px;
    }

    .renewable-grid .card2 .card-content .top {
        margin-bottom: 8vw;
    }

    .commercial_main {
        margin-bottom: 15vw !important;
    }

    .black_btns.detailsBtns {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .modalGallery .btn {
        top: 50%;
    }

    .whatsapp-chat {
        width: 45%;
        text-align: end;
        gap: 10px;
    }

        .whatsapp-chat span {
            display: block;
            font-size: 12px;
        }

    .leasing-bar .leasing-text {
        font-size: 12px;
        width: 55%;
        display: inline-block;
    }

    .pin_overview2.job_new .right {
        width: 100%;
    }

    .job-card {
        margin-bottom: 60px;
        margin-top: 30px;
    }

        .job-card .job-location,
        .job-card .job-type {
            font-size: 16px;
        }

        .job-card h3 {
            font-size: 22px;
        }

    .pin_overview2 .job-card .danah-btns {
        gap: 15px;
        margin-top: 20px;
    }

    .pin_sec.perfect-macth .text h2 {
        margin-bottom: 0;
    }

    .perfect-macth {
        padding-bottom: 50px;
    }

    .policy_sec .left {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
    }

        .policy_sec .left ul {
            display: flex;
            white-space: nowrap;
            overflow-x: auto;
            gap: 20px;
        }

    .policy_sec .right {
        width: 100%;
    }

        .policy_sec .right .info h2 {
            font-size: 28px;
            margin-bottom: 4vw;
        }

        .policy_sec .right .info p {
            font-size: 18px;
            line-height: 24px;
        }

    .policy_sec {
        padding: 0 5vw 20vw;
    }

    .projct_banner .info {
        padding: 20vw 0 10vw 5vw;
    }

    .policy_sec .left ul li {
        font-size: 20px;
        white-space: nowrap;
    }

    .policy_sec .left ul {
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        gap: 20px;
    }

    .policy_sec .right .info {
        margin-bottom: 10vw;
    }

    .policy_sec .right h3 {
        font-size: 18px;
    }

    .faqs-holder ul li h3 {
        font-size: 18px !important;
    }

    .policy_sec .faqs-main.right > .info {
        margin-bottom: 30px;
    }

    .faqs-holder ul li {
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .village_sec .villageSwiper .swiper-wrapper .swiper-slide .info h2 {
        margin-bottom: 10px;
    }

    .project_box .pro .info h2 {
        margin-bottom: 12px;
    }

    .map-screen-3 .card-content p {
        margin-bottom: 10px !important;
    }

    .footer .inner .right {
        justify-content: space-between;
        width: 100%;
    }

    .news_sec .hd_info h2 {
        line-height: 1.2;
    }

    .page-home .news_sec {
        margin-bottom: 0
    }

    .bottom_link {
        bottom: 20px;
        padding-bottom: 20px;
    }

    .danah_view .img-view img {
        width: auto;
        opacity: .5;
    }

    .timeline_track_main:before {
        width: 97%;
    }

    .year-marker:last-child::before {
        left: 120% !important;
    }

    .year-marker:last-child:after {
        top: 50%;
        left: 129%;
        font-size: 26px;
        transform: translateY(-50%);
    }

    .history-section .timeline-track {
        padding-right: 0 !important;
    }

    .partner_sec .btn_ajct .swiper-button-prev {
        right: 15vw !important;
    }

    .btn_ajct .swiper-button-prev svg:hover,
    .btn_ajct .swiper-button-next svg:hover {
        stroke: #B1913A;
    }

    .sector_banner .main_top {
        justify-content: center;
        align-items: center;
    }

    .swiper_wrap.for-mobile-tablet {
        width: 95%;
    }

    .pin_overview .right h2,
    .danah_view h3,
    .area_info h3,
    .commercila_text .left h3 {
        line-height: 1.5;
    }

    .phliso_sec .text > p,
    .pin_overview .right p,
    .commercila_text .right p {
        line-height: 1.6;
    }

    .fashionSwiper .swiper-slide {
        line-height: 1.5;
    }

    .visionModal .card-grid {
        gap: 10vw;
    }

    .apartmentInfos_main .danah-btns.tal.flex {
        gap: 20px;
    }

    .form-group > .inputs {
        margin-bottom: 10px;
    }

    .copy_bt p {
        line-height: 1.5;
    }

    .bottom_link.fixed {
        padding-bottom: 0;
    }

    .job-detail-banner .main_head {
        width: 90%;
    }

    .job-detail-banner {
        padding: 0 0 100px;
    }

        .job-detail-banner .main_head h2 {
            margin-bottom: 30px;
            font-size: 7vw;
        }

    .back_job a {
        grid-gap: 10px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .job_description_wrapper {
        padding: 80px 0;
        margin: 0 auto;
        width: 90%;
    }

        .job_description_wrapper h3 {
            font-size: 24px;
        }

    .role_containr ul li,
    .role_containr p {
        font-size: 18px;
    }

    .contact-banner .info {
        padding: 0 5%;
    }

    #model3 .thanks_div_main.active, 
    #model3 .cancel_div_main.active, 
    #model2 .thanks_div_main.active, 
    #model2 .cancel_div_main.active, 
    #model1 .thanks_div_main.active, 
    #model1 .cancel_div_main.active {
        z-index: 15 !important;
    }
    .leasing_sec .cancel_sec > div.cancel_btn {
        z-index: 16;
    }
    .leasing_showResult_main {
        padding-top: 20vw;
    }
    .cancel_btn a span {
        display: block;
    }
    .leasing_sec .cancel_sec > div.cancel_btn {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        padding: 15px 5%;
        background: #4A4A49;
    }

}