/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@media screen and (max-width: 640px) and (min-width: 320px) {
  .main_header {
    padding: 1em 1.5em;
  }

  .menu_txt,
  .select_apartment_btn,
  .hide_on_mobile,
  .page_mid_2 .palm_img {
    display: none;
  }

  .hide_on_desktop {
    display: block;
  }

  .logo {
    margin: 0;
  }

  .logo svg {
    width: 8em;
  }

  .menu_container {
    display: block;
  }

  .menu_body,
  .menu_image {
    padding: 100px 1.5em;
  }

  .menu_nav li a {
    font-size: calc(1rem * 3.5);
  }

  .bottom_menu {
    margin-top: 2em;
    gap: 2em;
    display: grid;
  }

  .logo_loader svg {
    width: 6em;
  }

  .counter {
    position: fixed;
    left: 0.2em;
    bottom: 0.2em;
    height: 80px;
    font-size: 80px;
    line-height: 82px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80px, 0 80px);
    clip-path: polygon(0 0, 100% 0, 100% 80px, 0 80px);
  }

  .video_body iframe {
    width: calc(100dvw - 1.5em);
    aspect-ratio: 16/9;
  }

  .close_vid_icon {
    right: 1em;
    top: auto;
    bottom: 1em;
  }

  /*********Banner Section*********/
  .banner {
    height: 90dvh;
  }

  .about_banner_header .banner_image {
    top: 0;
    height: 65dvh;
  }
  .penthouse_banner {
    padding: 150px 0 calc(5rem * 15) 0;
  }

  .banner.page_infrastructure .banner_image {
    width: 100%;
    top: 0;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }

  .banner_floating_img {
    position: absolute;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .banner_image_2 .banner_floating_img:nth-child(1) {
    width: 50%;
    left: 0;
  }

  .banner_image_2 .banner_floating_img:nth-child(2) {
    width: 45%;
    left: 0;
    top: 30em;
  }

  .banner_image_2 .banner_floating_img:nth-child(3) {
    width: 50%;
    left: auto;
    right: 0;
    top: 30em;
  }

  .banner_image_2 .banner_floating_img:nth-child(4) {
    width: 45%;
    left: auto;
    right: 0;
    aspect-ratio: 1;
    top: 18em;
  }

  .intro_banner_overlay {
    top: 3em;
    height: 12em;
  }

  .intro_banner_header {
    max-width: 100%;
    margin: 0;
    left: 0;
    padding: 0 1.5em;
    -webkit-transform: translateY(-15em);
    -ms-transform: translateY(-15em);
    transform: translateY(-15em);
  }

  .intro_banner_header h2 .word,
  .penthouse_header h2 .word {
    font-size: calc(1rem * 5);
  }

  .page_infrastructure .banner_copy {
    width: 80%;
    margin-top: 5em;
  }

  .page_intro_2 .intro_banner_header {
    -webkit-transform: translateY(-17.5em);
    -ms-transform: translateY(-17.5em);
    transform: translateY(-17.5em);
  }

  .scroll_to_btn {
    width: 80px;
    height: 80px;
    line-height: 100px;
    left: auto;
    right: 1em;
    bottom: 5em;
    fill: white;
  }

  .scroll_to_btn:before {
    width: 80px;
    height: 80px;
  }

  .scroll_to_btn svg {
    width: 1.5em;
    fill: var(--primary);
  }

  .page_infrastructure .intro_banner_header {
    -webkit-transform: translateY(-24em);
    -ms-transform: translateY(-24em);
    transform: translateY(-24em);
  }

  .location_container .intro_banner_header {
    -webkit-transform: translateY(-20em);
    -ms-transform: translateY(-20em);
    transform: translateY(-20em);
  }

  .penthouse_banner .intro_banner_header {
    -webkit-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    transform: translateY(-2em);
  }

  .page_infrastructure .intro_banner_header .scroll_to_btn {
    bottom: -3em;
    right: auto;
    left: 10em;
  }

  .page_intro_2 .intro_banner_header .scroll_to_btn {
    bottom: -3em;
  }

  .penthouse_banner .intro_banner_header .scroll_to_btn {
    left: 15em;
  }

  .banner_footer {
    color: white;
    position: relative;
    bottom: 0;
    left: 10%;
    width: 50%;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  /*********Intro Section********/
  .intro_section,
  .intro_section2 {
    padding: 50px 0 100px 0;
  }

  .right_marg_grid,
  .left_marg_grid {
    max-width: 100%;
    margin: 0;
    grid-template-columns: 100%;
    gap: 2em;
  }

  .page_intro_2 .right_marg_grid,
  .page_intro_2 .left_marg_grid {
    gap: 2em;
    grid-template-columns: 100%;
  }

  .side_image_container {
    position: relative;
    display: block;
    width: 75%;
  }

  .side_image_container .bottom_left {
    top: auto;
    left: auto;
    right: 5em;
    bottom: -2em;
  }

  .page_intro_2 .side_image_container {
    width: 100%;
  }

  .image_big {
    width: 100%;
    aspect-ratio: 0.8;
    position: relative;
    overflow: hidden;
  }

  .image_small_abs {
    width: 50%;
    aspect-ratio: 0.8;
  }

  .image_small_abs.btm_right {
    right: -7em;
  }

  .location_area .image_small_abs {
    width: 25%;
    bottom: -5em;
    right: -10dvw;
  }

  .intro_header {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 1.5em;
  }

  .page_intro_2 .intro_header .image_small {
    width: 35%;
    position: absolute;
    right: 1.5em;
    top: -8em;
  }

  .page_mid_2 .intro_header .image_small {
    top: 15em;
  }

  .indent_txt {
    padding-left: 0;
    display: block;
  }

  .h_marg_top,
  .p_marg_top,
  .page_intro_2 .p_marg_top {
    margin-top: 3em;
  }

  /*********slider_container***********/

  .slider_grid_container {
    grid-template-columns: 100%;
  }

  .slider_content_container {
    padding: 1.5em;
  }

  .flex_h {
    gap: 10em;
  }

  .txt_absolute {
    right: 2.5em;
    top: 0.5em;
  }

  .slider_count {
    right: 1.5em;
    gap: 10em;
  }

  .activeSlide {
    font-size: 100px;
  }

  .dark_container {
    padding: 100px 0;
  }

  .large_header,
  .p_w_70 {
    width: 100%;
  }
  .page_infrastructure .left_marg_grid {
    -webkit-transform: translateY(-12em);
    -ms-transform: translateY(-12em);
    transform: translateY(-12em);
    z-index: 10;
    position: relative;
    margin-bottom: -16em;
  }

  .page_infrastructure .left_marg_grid .large_header {
    width: 100%;
    z-index: 10;
    position: relative;
    top: 0;
  }

  .mobile_pad {
    padding: 0 1.5em;
  }

  .palm_img.large,
  .page_intro_2 .palm_img.large {
    width: 80%;
  }

  .with_palm_center .palm_img.large {
    width: 80%;
    top: 50%;
  }

  .container_h {
    position: relative;
    padding: 0 1.5em;
  }

  .section_image_center {
    width: 100dvw;
    position: relative;
    margin-bottom: -15em;
  }

  .section_image_center img {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    width: 100%;
    aspect-ratio: 1.2;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .right_abs_text_container {
    position: relative;
    right: auto;
    left: 0;
    bottom: 0;
    width: 80%;
  }

  .c-section.page_intro_2 .right_abs_text_container {
    padding: 0 1.5em;
    width: 100%;
    margin-top: 0;
    top: 50px;
  }

  .right_abs_text_container .text-right,
  .text-right {
    text-align: left;
    float: left;
  }

  .right_abs_text_container h2 .words {
    text-align: left;
  }

  /*******Full width image container********/
  .full_width_image_container {
    aspect-ratio: 1;
  }

  .default_slider_container {
    padding: 0 0 0 1.5em;
  }

  .default_slider_container .a_slider_image {
    aspect-ratio: 1.6;
  }

  .default_slider_container .slider_cards_container {
    margin-bottom: -0.3em;
  }

  .default_slider_container .slider_content_slides .no_grid,
  .no_grid {
    display: grid;
    float: left;
    width: 100%;
  }

  .default_slider_container .slider_content_slides .join_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .inner_center_content {
    max-width: 100%;
    width: 100%;
    padding: 0 1.5em;
  }

  .page_intro_2 .inner_center_content {
    margin-top: -5em;
  }

  .page_intro_2.page_mid_2 {
    padding-top: 120px;
  }

  .page_intro_2.page_mid_2.sus_container {
    padding-top: 50px;
  }

  .default_section {
    position: relative;
    padding: 50px 0;
    display: block;
    float: left;
    width: 100%;
  }

  .inner_center_content.vw_30 {
    max-width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .transform_top {
    -webkit-transform: translateY(-10em);
    -ms-transform: translateY(-10em);
    transform: translateY(-5em);
    margin-bottom: -2em;
  }
  .w_45,
  .vw_30 {
    width: 100%;
  }

  .car_img img {
    width: calc(7dvw * 15);
    aspect-ratio: 16/10;
  }

  .info_card {
    padding: 1.5em;
    width: 60%;
    aspect-ratio: 0.9;
  }

  .abs_right {
    position: absolute;
    bottom: -12em;
    right: 1.5em;
  }

  .about_img_container {
    margin-top: 0;
  }

  .about_abs_txt {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    margin-bottom: 50px;
  }

  .inner_center_content .image_big {
    width: calc(4.5dvw * 15);
    aspect-ratio: 0.8;
  }

  .outline_text {
    font-size: calc(2rem * 15);
    display: none;
  }

  .inner_center_content .image_small_abs {
    width: calc(2dvw * 15);
    aspect-ratio: 0.8;
  }

  .mobile_right.btm_left {
    left: calc(3.5dvw * 15);
    bottom: auto;
    top: 30em;
  }

  /***Sticky Full width banner*******************/
  .c-section {
    position: relative;
    float: left;
    width: 100%;
    height: calc(65dvh + 30dvw);
  }

  .c-fixed_wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    float: left;
    width: 100%;
    height: 100dvh;
  }

  .c-section_infos_inner {
    z-index: 10;
    width: 100%;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .apartment_select_card_grid_container,
  .penthouse_cards_container {
    position: relative;
    z-index: 100;
    width: 100%;
    overflow-x: scroll;
    gap: 1em;
    width: 100%;
    padding: 0 1.5em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    /* Hide scrollbar for Chrome, Edge, Safari */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .apartment_select_card_grid_container::-webkit-scrollbar,
  .penthouse_cards_container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, and Opera */
  }
  .apartment_select_card_grid_container .info_card {
    width: calc(5dvw * 15);
  }

  .penthouse_cards_container {
    width: 100%;
    gap: 1.5em;
    height: calc(65dvh + 30dvw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .inner_center_content.penthouse_grid {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .penthouse_cards {
    width: calc(5.5dvw * 15);
    float: left;
  }

  .card_illustration {
    width: calc(3dvw * 15);
  }

  .news_container {
    padding: 80px 0;
  }

  .news_header_container .news_header {
    position: relative;
    top: 0;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1em;
  }

  .news_list_container_grid {
    display: grid;
    width: 100%;
    gap: 1.5em;
    grid-template-columns: repeat(1, 1fr);
    position: relative;
  }

  .news_grid {
    grid-template-columns: 100%;
    gap: 1.5em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .partners_banner .news_header {
    margin-bottom: 0;
    padding: 50px 0;
    float: left;
    width: 100%;
    position: relative;
  }

  .news_card {
    gap: 1.5em;
  }

  .news_thumb {
    width: 140px;
  }

  .news_time {
    font-size: 12px;
  }

  .news_list_container_grid .news_details {
    gap: 1.5em;
    padding: 2em 1.5em;
  }

  .feature_child_container .mdi {
    font-size: 1em;
  }

  .feature_child_container.active .par__sect_ {
    max-height: 70em;
    min-height: 10em;
    opacity: 1;
  }

  .request_form_container {
    padding: 50px 0;
  }

  .form_container {
    width: 100dvw;
    margin-top: 20px;
    padding: 0 1.5em;
  }

  .form_btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }

  .page_infrastructure .float_img.top_right {
    top: -3dvw;
    left: auto;
    right: -20dvw;
    width: 50%;
  }

  /*****Footer****/
  .footer_body {
    padding: 50px 1.5em;
    position: relative;
    float: left;
    width: 100%;
  }
  .top_footer {
    display: grid;
    gap: 1em;
  }

  .left_mid_footer {
    display: grid;
    padding: 30px 1.5em 30px 0;
  }

  .grid_2_repeat {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 1.5em;
  }

  .sponsor_logo {
    width: 4em;
  }

  .intro_section2.page_infrastructure .overlay_container {
    top: calc(-5dvh - 10em);
    margin-bottom: -12em;
    display: block;
    float: left;
    position: relative;
  }

  .intro_section2.page_infrastructure .flexed {
    display: block;
  }

  .intro_section2.page_infrastructure .inner_center_content .image_big {
    width: 100%;
  }
  .inner_grap_50 {
    gap: 0;
  }

  .intro_section2.page_infrastructure .inner_center_content .w_50 {
    width: 100%;
  }

  .intro_section2.page_infrastructure .inner_center_content .p_marg_top {
    margin-top: 0;
  }

  .intro_section.penthouse_banner {
    padding: 50px 0 150px 0;
  }

  .masonry_container {
    padding: 150px 0 80px 0;
  }

  .image_spread_container {
    padding: calc(100dvw - 40%) 0;
    margin-top: 5em;
  }

  .floating_image {
    width: 30%;
    left: -1.5em;
  }

  .floating_image:nth-child(2) {
    width: 40%;
  }

  .floating_image:nth-child(3) {
    width: 32%;
    right: -1.5em;
    bottom: 9em;
  }

  .floating_image:nth-child(4) {
    width: 35%;
    left: 0;
  }

  .floating_image:nth-child(5) {
    width: 48%;
  }

  .floating_image:nth-child(6) {
    width: 38%;
    right: -1.5em;
  }

  .floating_image:nth-child(7) {
    width: 28%;
    top: 10em;
    right: 0;
  }

  .grid_column_3 {
    display: grid;
    gap: 2em;
  }

  .page_mid_2 .inner_center_content.vw_30 {
    max-width: 100%;
  }

  .grid_column_3 .car_img {
    width: calc(5.5dvw * 15);
    bottom: -15em;
    left: 2em;
  }

  .breakdown_side {
    border-top: 1px rgba(0, 0, 0, 0.2) solid;
    border-left: none;
    padding: 2em 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .breakdown_side .text_m {
    font-size: 12px;
  }

  .slide_icon {
    width: 60px;
    height: 60px;
  }

  .slide_icon img {
    width: 30px;
  }

  .intro_section.kitchen_section {
    padding: 200px 0 100px 0;
  }

  .kitchen_section .image_big {
    margin-top: 3em;
  }

  .kitchen_section .image_small {
    width: 100%;
    left: auto;
    right: 0;
    top: auto;
    bottom: 100%;
    position: absolute;
  }

  .kitchen_section .float_img {
    bottom: -8em;
    left: 0em;
    display: none;
  }

  .kitchen_section .p_w_70 {
    width: 100vw;
    margin-bottom: 0;
  }

  .penthouse_lifestyle_container {
    padding: 80px 0 150px 0;
  }

  .penthouse_lifestyle_container .grid_column_3.w_70 {
    width: 100%;
  }

  .penthouse_lifestyle_container .grid_column_3,
  .image_group {
    gap: 1.5em;
  }

  .penthouse_lifestyle_container .grid_column_3 .image_small {
    aspect-ratio: 0.8;
  }

  /*******Reuseable CSS******/
  .flex_end {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .no_gap {
    gap: 0;
  }

  .f_14 {
    font-size: 14px;
  }

  .f_24 {
    font-size: 16px;
    font-weight: 500;
  }

  .f_39 {
    font-size: 26px;
    font-weight: 500;
  }

  .f_80 {
    font-size: calc(1rem * 3.2);
    font-weight: 500;
  }

  .f_128 {
    font-size: calc(1rem * 6);
    font-weight: 500;
  }

  .f_158 {
    font-size: calc(1rem * 5);
    font-weight: 500;
  }
}

@media screen and (max-width: 768px) and (min-width: 641px) {
}

@media screen and (max-width: 1200px) and (min-width: 1024px) {
}