@media only screen and (max-width:1799px) {
    .copyright {align-items: flex-start;}
    .copy-text {line-height: 1.4;}
    .copy-text p {max-width: calc(100% - 235px); width: 100%; }
}

@media only screen and (max-width:1699px) {
    .swiper-pagination-bullet {max-width: 140px;}
    .facility-plans-right .tab-images { height: auto;}
    .facility-plans-right .plans-images-right li {top: 50%; transform: translateY(-50%); inset: auto; height: auto;}
}

@media only screen and (max-width:1599px) {
    .typical-plans-right {max-width: calc(100% - 395px);}
    .she-diagram-right {max-width: 550px;}

}

@media only screen and (max-width:1499px) {
    .facility-features-nextprev .prev, .facility-features-nextprev .next {max-width: 85px; height:85px;}
    .facility-features-nextprev .prev {right: 120px;}
    .testimonial-inner {gap: 80px;}
    .testimonial-left, .testimonial-right { max-width: calc(50% - 40px);}
}

@media only screen and (max-width:1399px) {
    .location-plans-right { max-width: calc(100% - 315px);}
    .location-plans-left { max-width: 250px;}
    .plans-menu li a {padding: 8px 14px; height: 54px;}
    .map-indication li, .plans-menu li a {font-size: 14px;}
    .mark-pin {width: 26px; height: 26px;}
    .mark-pin:before {width: 12px; height: 12px;}
    .testimonial-right {padding:60px;}
    .testimonial-img {padding-top: 100%;}
    .testimonial-inner {gap: 50px;}
    .testimonial-left, .testimonial-right { max-width: calc(50% - 25px);}

    .she-diagram-left {max-width: 480px; padding: 0 50px;}
    .she-diagram-right { max-width: 480px; }


    .location-plans-left h3 { margin-bottom: 15px;}
    .location-map-image {height: 600px;}
}

@media only screen and (max-width:1199px) {
    .video-content h1 {font-size: 76px;}
    .home .heart-section-content { padding: 136px 0; }
    .heart-section-content {padding: 80px 0;}

    .image-map-section .container {padding-left: 0; padding-right: 0;}
    .image-map-section .map-image { width:1678px;}

    .different-section h3 {top: 90px;}

    .location-plans {padding: 0;}
    .location-plans-inner {flex-direction: column;}
    .location-plans-left, .location-plans-right {max-width: 100%;}
    .location-plans-left {margin-right: 0; padding:30px 24px 24px;}

    .location-map-image {height: auto;}
    .map-indication {position: relative; display: flex; justify-content: flex-end;}
    .map-indication li {margin-right: 20px;}

    .facility-features-box {padding: 112px 100px 0 32px;}
    .facility-features-box .close-btn {right: 40px;}

    .location-plans .facility-features {max-width: 100%; top:0; bottom: 0; height: 53.2%;}
    .location-plans .facility-features-box { padding: 70px 32px 0 32px; }
    .location-plans .facility-features-box .close-btn {top: 23px;}
    .location-plans .facility-features-box-slider { max-width: 100%; }
    .location-plans .facility-features-box-action { margin-top: 0; position: initial; }
    .location-plans .facility-features-box-action h2 {position: absolute; top:25px; left: 32px; font-size: 14px; line-height: 32px;}
    .facility-features-nextprev .prev, .facility-features-nextprev .next { max-width: 55px; height: 55px; }
    .facility-features-nextprev { width: 175px; bottom: 90px; left: 0; right: 0; margin: 0 auto;}

    .heart-section.pool { padding: 120px 0;}
    .pool-bottom {padding: 104px 0;}
    .pool-bottom .container {padding-left:24px; padding-right:24px;}

    .she-diagram-inner {transform: scale(0.7);}

    .content-blocks.bg-black {padding:64px 0;} 
    .center-content-full {padding: 120px 0 95px;}
    .center-content-half {max-width:100%; order: 2;}
    .center-content-half:last-child {order:1;}
    
}
@media only screen and (max-width:991px) {
    .container {padding: 0 20px;}

    .inner-hero-banner-image:before, .inner-hero-banner-image:after {display: none;}

    .video-section {padding-top: 67.70%; height: auto;}
    .video-content h1 { font-size: 66px; }

    .home .heart-section-content, .building-overview-section {padding: 60px 0;}
    .building-overview-inner .item, .building-overview-inner .item.unopen, .building-overview-inner .item.open {width:100%;}
    .building-overview-inner .item .text h2 {line-height: 24px;}

    .image-map-section .container {padding: 0;}
    .image-map-section .map-image {padding-top: 88.543%;}

    .swiper-pagination-bullet { max-width: 60px; }
    .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active { height: 3px !important;}

    .facility-plans-inner {flex-direction: column;}
    .facility-plans {padding: 56px;}
    .facility-plans-right {padding: 0; max-width:100%;}
    .facility-plans-right .plans-images-right {overflow: hidden;}
    .facility-plans-right .plans-images-right li {position: absolute; transform: translateY(0); opacity: 0;}
    .facility-plans-right .plans-images-right li.active {position:relative; opacity: 1;}
    .facility-plans-left { max-width: 100%;}

    .facility-page .facility-features {width: 100%; position: fixed; z-index: 2;}
    .facility-page .facility-features-box { padding: 150px 32px 0 32px; }
    .facility-page .facility-features-box-action {position: static; justify-content: center;}
    .facility-page .facility-features-box-action h2 {position: absolute; left: 0; top: 110px;}

    .typical-plans-right .plans-images-right {overflow: hidden; position: relative;  padding-top: 56.29%;}
    .typical-plans-right .plans-images-right li {position: absolute; transform: translateY(0); opacity: 0; top: 0; transition: 1s;}
    .typical-plans-right .plans-images-right li.active {opacity: 1;}

    .she-diagram {overflow: hidden;}
    .she-diagram-left {display: none;}
    .she-diagram-inner { transform: scale(1); }
    .she-diagram-right {position: relative; border: 0;}
    .she-diagram-right:before {content: ''; position: absolute; left: -100px; background: url(../images/project-bg.png) 0 0 no-repeat; mix-blend-mode: multiply; max-width: 100%; width: 100%; height: 100%; opacity: 0.7; z-index: 0;}
    .she-diagram-right:after {content: ''; position: absolute; left: -100px; top: 0; width: 100%; background: linear-gradient(270deg, rgba(247, 243, 240, 1) 0%, rgba(247, 243, 240, 0) 100%); height: 100%; z-index: 1;}
    .diagram-content:before {left: 0; width: 100%;}
    .diagram-content:before {border-top: 1px dashed #000;}
    .diagram-content:after {left: 0; width: 100%;}
    .diagram-content {text-align: center; z-index:2; font-size: 12px;}
    .diagram-content-outside {justify-content: center;}
    .diagram-content h3 {font-size: 14px; letter-spacing: 1.4px; line-height: 20px; margin-bottom: 10px;}
    .diagram-content-outside p:first-child {position: relative; left: 0; text-align: center;}
    .diagram-content.half {max-width: 100%; margin-top: 20px !important;}
    

    .typical-plans {padding:64px 0 72px;}
    .typical-plans-left, .typical-plans-right {max-width: 100%;}
    .typical-plans-left {margin-right: 0; margin-top: 50px; display: flex; flex-wrap: wrap;}
    .typical-plans-left h2 {max-width: 100%; width: 100%;  position: absolute; top: 64px; left: 32px; margin-bottom: 0;}
    .typical-plans-left .plans-menu {max-width: calc(100% - 125px); width: 100%; margin: 0;}
    .typical-plans-right {margin-top: 75px;}
    .plans-images-bottom {margin: 0 10px 0 0; max-width: 115px; width: 100%;}
    .map-indication li, .plans-menu li a { font-size: 16px;}

    .location-plans .facility-features {height:47%;}
    .shelogo {left: -30px; bottom: -90px;}

    .content-blocks { padding: 100px 0 60px; }
    .center-content-full, .center-content-half {font-size: 16px; line-height: 28px; letter-spacing: 0.84px;}
    .center-content-half {padding: 64px 0;}

    .testimonial-left, .testimonial-right {max-width:100%;}
    .testimonial-right {order:2;}
    .full-bleed-img.project {padding-top: 65%;}
    .testimonial-section { padding:20px 0 112px;}

    .different-section h3 {top: 70px;}
    .footer {padding: 40px 0 0;}
    .form-part {margin: 0 auto 40px;}
    .copyright {flex-direction: column; align-items: center;}
    .copy-text {max-width: 100%; flex-wrap: wrap; text-align: center; font-size: 12px; line-height: 24px;  justify-content: center;}
    .copy-text p {max-width: 100%;}
    .copy-text a {font-size: 14px; line-height: 32px; font-weight: 700;}
    .copy-brand {max-width: 100%; padding: 30px 0; font-size: 12px; line-height:16px; font-weight: 700; justify-content: center;}
 

}
@media only screen and (max-width:767px) {
    .mobile {display: block;}
    .desktop {display: none;}

    .scroll-icon { display: block !important; position: absolute; right: 0; left: 0; margin: 0 auto; top: 30px; width: 48px; height: 48px; background: url(../images/scroll-icon.svg) no-repeat center; background-size: contain; pointer-events: none; z-index: 2; }

    .menu-label, .menu-overlay .left {display: none;}
    .contact-link {display: flex; align-items: center; gap: 0;}
    .contact-link a:not(.lang-toggle) {display: none;}
    .contact-link .lang-toggle {display: flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; font-family: var(--body-font); font-style: normal; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0 !important; color: var(--little-black); text-decoration: none; padding: 0; border: 1px solid var(--little-black); background: transparent; transition: all 0.3s; text-align: center; font-feature-settings: "kern" 0; font-kerning: none;}
    .contact-link .lang-toggle:hover, .contact-link .lang-toggle:active {background-color: var(--little-black); color: var(--white);}
    .lang-toggle-mobile {display: none !important;}
    header {padding: 10px 16px; align-items: center; justify-content: space-between;}
    header .logo {position: absolute; left: 50%; transform: translateX(-50%); margin: 0;}
    .menu-content {margin: 30px auto;}
    .menu-content ul {margin: 0;}
    .menu-overlay {padding: 20px 0 0; height: 100svh;}
    .menu-overlay .logo.mobile {opacity: 1; position: absolute; left: 0; right: 0; text-align: center; pointer-events: auto;}
    .menu-overlay .logo.mobile a {display: inline-block;}
    .menu-overlay .menu-header {position: relative; align-items: center; min-height: 60px;}
    .menu-overlay .close {font-size: 0; letter-spacing: 0;}
    .menu-overlay .menu-header .close span {font-size: 24px; margin-left: 0; margin-top: 5px;}
    .is-open .menu-overlay {transform: translateY(45.5%);}
    .is-open .menu-bottom-image img {display: block; margin: 0 auto 30px;}
    .menu-item > div {height: 54px;}
    .en {font-size: 10px; line-height: 16px; text-align: left; padding:18px 0; max-width: 150px;}
    .he {padding: 23px 0; line-height: 16px;}
    header .logo {margin: 0 auto;}
    .hero-banner-content {max-width: 174px; top: 237px;}

    .inner-hero-banner-title h1 {font-size: 28px;}

    .location-map-image { height: 416px; }
    .location-plans .facility-features { height:43%;}
    .location-plans .facility-features-box .close-btn { top: 30px; max-width: 16px; }
    .plans-menu li a {font-size: 14px;}
    .map-indication li {font-size: 12px; margin-right: 10px;}
    .map-indication li span { margin-left: 10px;}
    .map-indication li img {max-width: 24px;}
    .shelogo { left: -20px; bottom: -75px; max-width: 60px;}

    .video-section { padding-top: 100%;}
    .video-content-image { max-width: 160px;}
    .home .heart-section-content {padding:55px 0;}
    .building-overview-section {padding: 60px 0;}
    .heart-section {padding: 0 30px;}
    .heart-section-content h2 {font-size: 20px; padding: 0 20px; letter-spacing: 6.5px;}

    .image-map-section .map-image { padding-top: 170%; }
    .building-overview-inner .item {padding-top:40%;}
    .different-section-img { padding-top: 172.8%;}
    .different-section h3 { top: 110px; text-align: center; line-height: 40px; max-width: 100%; letter-spacing: 16px;}

    .heart-section.pool .heart-section-content {padding:80px 30px;}
    .full-bleed-img, .full-bleed-img.project {padding-top: 100%;}

    .she-diagram-right {padding-left: 0;}

    .facility-page.facility-plans { padding: 56px 32px; }
    .facility-page .facility-features-box { padding:60px 32px 0 32px; }
    .facility-page .facility-features-box-action h2 {top: 20px; font-size: 14px; line-height: 27px;}
    .facility-page .facility-features-box .close-btn { right: 16px; max-width: 16px; top: 20px;}
    .facility-page .facility-features-box.active {display: flex!important; flex-direction: column;}
    .facility-page .facility-features-box-slider {order: 2;}
    .facility-page.facility-plans .facility-features.active .swiper-slide {padding-top:90%;}
    .facility-page .thumb-img { max-width: 90%; width: 100%; margin-bottom: 32px;}
    .facility-page .thumb-img img {width: 100%;}

    .facility-page .facility-features-nextprev .next:hover .arrow img, .facility-page .facility-features-nextprev .prev:hover .arrow img { transform: translateY(50%); }
    
    .testimonial-box {padding: 75px 0;}
    .testimonial-right {padding: 0;}
    .testimonial-box h2 {font-size: 18px;}
    .heart-section.bottom.project {padding:12px 44px;}
    .heart-section.bottom.project h2 {font-size: 26px;}
    .project-image-wide-and-portrait-inner, .project-image-wide-and-square-inner, .project-image-wide-and-portrait-inner.row-reverse {flex-direction: column-reverse;  align-items: flex-end;}
    .project-image-wide, .project-image-portrait {max-width: 100%;}
    .project-image-wide-and-portrait-inner, .project-image-wide-and-square-inner { gap: 12px; padding: 6px 0;}
    .project-image-wide {padding-top:70%;}
    .project-image-portrait {padding-top:150%;}
    .full-bleed-img.project {margin: 70px 0;}
    .square-with-text {max-width: 60%;}
    .square-with-text h3 {position: relative; margin-top: 60px;}
    .project-image-wide-and-portrait.last { margin-bottom: 72px;}


    .form-part {padding: 0 32px;}
    .checkbox-field {font-size: 12px; line-height: 16px;}
    .form-action-part {flex-direction: column;}
    .form-action-part .form-submit { width: 100%;}
    .button span.arrow, .form-submit span.arrow {display: none;}
    .form-action-part .action-left {max-width: 100%; flex-direction: column;  margin-top: 50px;}
}