@media (min-width: 576px) {
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-auto {
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .ce-textpic.ce-left.ce-intext .ce-gallery, .ce-textpic.ce-right.ce-intext .ce-gallery {
    max-width: calc(50% - (40px / 2));
  }
}

@media (min-width: 810px) {
  .col-lg-auto {
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
   .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .ce-container .frame-inner>*:last-child {
    margin-bottom: 0;
  }
  .frame-main header:last-child h2 {
    margin-bottom: 0;
  }

  .align-items-lg-center {
    align-items: center;
  }
  .frame-type-mask_image_block_slider .frame-container {
    mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) add;
    -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%) add;
  }
   .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .imageblock-slider .splide__slide {
    width: 600px;
  }
}
@media (min-width: 992px) {
  .footer-bottom .container {
    /* max-width: 100%;
    width: 100%; */
  }

  .footer-bottom-row {
    gap: 48px;
    align-items: flex-end;
  }
  .copyright, .footer_menu {
    margin-bottom: 5px;
    /* display: flex;
    justify-content: center; */
  }
  .footer_menu {
    /* flex: 1 0 0px; */
    order: 3;
  }
  .social-links {
    order: 2;
  }
  .copyright {
    /* flex: 1 0 0px; */
    order: 1;
  }
}

@media (min-width: 1200px) {
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .amenities .layout-0 .amenities-item {
  display: contents;
}

}

@media (min-width: 810px) and (max-width: 1199px) {
  .hero-section h2, .hero-section h1 {
    font-size: 50px;
  }
  .amenities .frame-container.d-flex {
    flex-wrap: wrap;
    gap: 20px;
  }
  h2 {
    font-size: 48px;
    margin-bottom: 1.2rem;
  }
  .frame-type-text.frame-layout-52 .frame-inner header {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
  }
  .c-width-md {
    max-width: 326px;
  }
  .imageblock-slider .desc {
    width: 100%;
  }
  .highlight-item:nth-child(2) {
    padding-top: 0;
  }
  .highlight-item:last-child .desc {
    margin-left: auto;
  }
  .ce-container.space-medium {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .ce-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .hero_img_inner .container {
    mask: linear-gradient(rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  }
  .highlight-item {
    width: 100%;
  }
  /* .ce-container.w-50 {
    width: 100%;
  } */
  .splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next {
    display: none;
  }
  .h2-small {
    font-size: 36px;
  }
  /* .frame-contact-block .col-right .col-inner {
    padding: 44px;
  } */
  /* .content_banner .container, .highlights-image {
    height: 350px;
  } */
  .accordion_wrapper.row {
    --bs-gutter-x: 30px;
  }
  .amenities .icon {
    width: 60px;
  }
  .profile-bg {
    border-radius: 12px 12px 0 0;
  }
  .amenities .layout-0 .amenities-item {
    width: calc(33.33% - 20px);
  }
  .amenities .layout-0{
  justify-content: unset;
}
.frame-contact-block .col-lg-6 {
  width: 100%;
}
.frame-contact-block .col-right .col-inner {
  padding: 44px;
}
}

@media (max-width: 1199px){
  .w-50 {
    width: 100%;
  }
   .highlight-item {
    max-width: 100%;
  }
  .accordion_text_block {
    padding-bottom: 64px;
  }
  .profile-bg {
    border-radius: 12px 12px 0 0;
  }
  .profile-block {
    aspect-ratio: 1.5 / 1;
  }
  .amenities .layout-2 .title, .amenities .layout-2 .desc {
    font-size: 16px;
  }
  .amenities .layout-2 .icon {
    width: 50px;
  }
}
@media (max-width: 991px) {
.footer_menu, .copyright {
    justify-content: flex-start;
  }
  .footer_menu ul {
    flex-direction: column;
    gap: 16px;
  }
  .footer-bottom .footer-bottom-row {
    flex-direction: column;
    gap: 32px;
  }
  .footer_menu {
    order: 1;
  }
  .copyright {
    order: 2;
  }
  .social-links {
    order: 3;
  }
   .footer-bottom {
    /* padding-top: 0; */
  }
  
}
@media (max-width: 809px) {
  html, body {
    font-size: 18px;
  }
  .ce-container .frame-inner>*:last-child:not(.frame-type-ce_twocol .col-left .frame-inner > *:last-child) {
    margin-bottom: 0;
  }
  .highlight-item:nth-child(2), .highlight-item:nth-child(3) {
    padding-top: 0;
  }
  .c-width-md {
    max-width: 326px;
  }
  .imageblock-slider .desc {
    width: 100%;
  }
  .highlight-item:nth-child(2) {
    padding-top: 0;
  }
  .highlight-item:nth-child(3) {
    padding-top: 4px;
  }
  .ce-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .hero_img_inner .container {
    mask: none;
  }
 

  .splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next {
    display: none;
  }
  .h2-small {
    font-size: 36px;
  }
  .frame-contact-block .col-right .col-inner {
    padding: 15px;
  }
   .accordion_wrapper.row {
    --bs-gutter-x: 30px;
  }
  h1 {
    font-size: 42px;
  }
  h2 {
    font-size: 32px;
  }
  .h2-small, p.lead {
    font-size: 32px;
  }
  .hero-section {
    padding-left: 0;
    padding-right: 0;
    /* padding: 120px 0; */
  }
  .hero-section h2, .hero-section h1 {
    font-size: 42px;
  }
  .highlights-image {
    height: 350px;
    /* height: auto; */
  }
  #footer .hero-section h2, #footer .hero-section h1 {
    font-size: 40px;
  }
  .container {
    width: calc(100% - 48px);
  }
  .content_banner h2, .content_banner .h2-small {
    font-size: 27px;
  }
  /* .accordion_text_block, .accordion_image_block {
    width: 100%;
  } */
  .frame-main {
    margin-bottom: 50px;
  }
  .ce-container {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .ce-container.space-medium {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .content_banner .container {
    height: 300px;
    padding: 11px;
  }
   .content_banner .container.media-video {
    height: 350px;
   }
  .accordion_text_block {
    padding-bottom: 64px;
  }
    #footer .hero-section .bottom-overlay {
    /* height: 320px; */
  }
  #footer .hero-section {
    padding: 80px 0;
  }
  .amenities .frame-container.d-flex {
    flex-direction: column;
    align-items: center;
  }
  .amenities .layout-2 .amenities-item {
    width: 50%;
  }
  .luxury-home {
    width: 80px;
    height: 32px;
  }
  .space-layoutM-bottom-mobi-0 {
    padding-bottom: 0;
  }
  .space-layoutM-top-mobi-0 {
    padding-top: 0;
  }
  .footer-wrap .hero_img_inner {
    mask: linear-gradient(rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  }
  .frame-space-after-large {
    margin-bottom: 75px;
  }
  #footer .hero-section {
    aspect-ratio: 1;
  }
  #footer .hero_img_inner {
    max-width: 732px;
    transform: translateX(-50%);
    aspect-ratio: 2.4390243902439024 / 1;
    left: 50%;
    width: 100%;
    bottom: 200px;
  }
  #footer .hero_img {
    /* height: 300px;
    margin-top: 300px; */
    height: auto;
    margin-top: 0;
  }
  #footer .hero_img {
    overflow: visible;
  }

.footer-section-columns .frame-inner {
    flex-direction: column;
    gap: 10px;
  }
  
  .frame-contact-block .row {
  --bs-gutter-x: 0px;
  }
  .frame-type-text.frame-layout-53 .frame-inner {
    width: 100%;
  }
  .hero-header {
    max-width: 640px;
  }
  .sticky-btn-primary.visible.shrink {
    transform: translateX(calc(100% - 40px));
    cursor: pointer;
    opacity: 1;
  }
  .sticky-btn-primary.visible.shrink.clicked {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .hero-text {
    max-width: 100%;
  }
  /* this !important cab be removed in main responsive */
  .layout-0 .animated {
    margin-bottom: 20px;
  }
  .top-hero.no-bg {
    height: 700px;
    padding-top: 85px;
  }
  .hero-section h2, .hero-section h1 {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .hero-text {
    font-size: 18px;
  }
  .sticky-btn-primary {
    top: 245px;
  }
  .sticky-btn-primary.call_now {
    top: 295px;
  }
  #footer .hero-section {
    padding-top: 50px;
  }
  #footer .hero_img {
    height: 300px;
  }
  .sticky-btn.btn {
    font-size: 14px;
    padding: 0 20px 0 20px;
  }
  .profile-block {
    width: 100%;
    height: auto;
  }
  .profile-bg {
    position: absolute;
    left: 0;
    top: 0;
  }
  .profile-wrap {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
  }
}

@media (max-width: 460px) {
  h3 {
    font-size: 24px;
  }
}
@media (max-width: 420px) {
 .amenities .layout-2 .amenities-item {
    width: 100%;
  }
}
@media (max-width: 380px) {
  #requestBrochure-8 .form-type-Email .input input[type="email"] {
    font-size: 14px;
    padding: 14px;
  }
  #requestBrochure-8 .actions {
    top: 0;
    right: 0;
  }
  #requestBrochure-8 .btn-primary {
    padding: 0 8px;
    font-size: 14px;
  }
  .sticky-btn.btn{
    font-size: 14px;
    padding: 0 20px 0 10px;
  }
   .hero-section h2, .hero-section h1 {
    font-size: 30px;
  }
}