/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1600px) {
    .animated-section {
        padding: 180px 0 100px 0;
    }
    .line-image {
        max-width: 90%;
    }
    .about-text3 {
        top: 45%;
        left: 20%;
    }
    .animated-section p,
    .about-section p:not(.character-style-6) {
        font: normal normal normal 24px/38px var(--freightneo_promedium);
    }
    .character-style-3 {
        font-size: 42px;
        line-height: 52px;
    }
    .section-margin-top {
        margin-top: 150px;
    }
    .section-margin-top-medium {
        margin-top: 100px;
    }
    .character-style-6 {
        font-size: 22px;
        line-height: 34px;
    }
     
    .developer-section h2 br{
        display: none;
    }
    .developer-section {
        padding: 100px 20px 100px 20px;
    }
    .developer-box {
        padding: 0px 40px;
    }
    .developer-section .developer-img {
        margin-bottom: 30px;
    }
    .section-margin-top-large {
        margin-top: 80px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .about-text {
        left: auto;
        right: 25%;
    }
    .animated-section {
        padding: 130px 0 130px 0;
    }
    .line-image {
        max-width: 100%;
    }
    .about-text2 {
        top: 20%;
        right: 0;
        left: 30%;
    }
    .about-text3 {
        top: 45%;
        left: 20%;
    }
    .animated-section p,
    .about-section p:not(.character-style-6) {
        font: normal normal normal 22px/32px var(--freightneo_promedium);
    }
    .after-img {
        max-width: 40%;
        margin-top: -40px;
    }
    .character-style-3 {
        font-size: 36px;
        line-height: 48px;
    }
    .section-margin-top {
        margin-top: 150px;
    }
    .section-margin-top-medium {
        margin-top: 100px;
    }
    .character-style-6 {
        font-size: 22px;
        line-height: 32px;
    }
    /* .hero-inner{
        right: 0;
        left: 0;
        transform: none;
        width: 100%;
    } */
    .locationplan-accordian {
        padding: 100px 20px 100px 20px;
    }
    .location-slider .border-btn-light {
        bottom: 15px;
        right: 20px;
    }
    .gallery-section .nav-tabs .nav-link {
        padding: 10px;
        margin: 5px;
        font: normal normal normal 16px / 22px var(--freightneo-probook);
        min-width: 150px;
    }
    
    .hero-developers .slide-info{
        left: 20px;
        bottom: 100px;
    }
    .hero-developers .slide-info{
        gap: 0;
    }
    .text-18{
        font-size: 14px;
        line-height: 20px;
    }
    .hero-developers .slide-info{
        width: 80%;
        margin-left: 0;
    }
    
    .developer-section h1{
        font-size: 42px;
        line-height: 50px;
    }   
    .developer-section h1 br{
        display: none;
    }
    .developer-section {
        padding: 100px 20px 100px 20px;
    }
    .developer-box {
        padding: 0px 40px;
    }
    .developer-section .developer-img {
        margin-bottom: 30px;
    }
    .section-margin-top-large {
        margin-top: 80px;
    }
    /* .hero-location-banner .hero-inner{
        top: 40%;
    } */
    .slide-info .character-style-2 {
        font-size: 30px;
        line-height:40px;
    }
}

@media only screen and (min-width: 992px) {
    .header-wrap .navbar-nav {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
}
@media only screen and (max-width: 1450px) {
    .sitep-wrap .tab-content {
        padding: 0;
    }
    #splan-tabContent .panzoom-wrp {
        width: 100%;
    }
    .info-wrap {
        padding-left: 50px;
    }
    .interior-content-section {
        padding: 100px 0 0;
    }
    .interior-content-section .interior-vertical-slider-row {
        padding-top: 100px !important;
    }
    .interior-content-section .interior-vertical-slider-row .interior-listitem .interior-content-col {
        padding: 0 0 0 40px;
    }
    .gallery-section .video-box img,
    .gallery-section .image-box img {
        height: 280px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 1350px) {
    .diagram-info ul li {
        width: 85px;
    }
}
@media only screen and (max-width: 1199.98px) {
    .interior-content-section .interior-slider-list .interior-listitem p.artist-impression-txt{
        padding-bottom: 0px;
        padding-left: 30px;
        bottom: 20px;
      }
    .fancybox__html5video{
        object-fit: contain;
    }
    .locationplan-accordian{
        height: 630px;
    }
    .footer-title {
        margin-bottom: 0;
    }
    .brochure.btn {
        margin: 30px auto 30px !important;
    }
    .schematic-diagram {
        padding: 100px 25px;
    }
    .legend-wrap,
    .plan-tbl {
       margin-bottom: 100px;
    }
    .diagram-info ul {
        gap: 15px 20px;
    }
    .legend-wrap {
        padding: 0;
    }
    .fwp {
        justify-content: start;
    }
    .interior-content-section{
        padding: 60px 0 0;
    }
    .interior-content-section .interior-vertical-slider-row .interior-listitem .interior-content-col{
        padding:40px;
    }
    .interior-listitem .item img {
        height: 60vh;
    }
    .interior-content-section .interior-listitem{
        inset: 0;
        padding-right: 0;
    }
    .interior-content-section .interior-vertical-slider-row {
        padding-top: 60px !important;
    }
    .interior-content-section .interior-slider-list .interior-listitem .owl-nav,
    .interior-content-section .interior-slider-list .interior-listitem .owl-dots{
        bottom: 25px !important;
        right: 0 !important;
        transform: none;
        left: 0;
        margin: auto;
    }
    .interior-content-section .interior-vertical-slider-row .interior-listitem .interior-content-col p,
    .interior-fitting-section .interior-fitting-content p{
        max-width: 100%;
    }
    .interior-listitem {
        will-change: transform;
      }
      .interior-content-section .interior-listitem{
        position: relative;
      }
      .interior-content-section .interior-slider-list{
        display: block;
      }
      .interior-content-section .interior-slider-wrapper{
        height: auto;
      }
      .interior-fitting-section{
        padding: 80px 20px;
      }
      .interior-fitting-content{
        padding: 100px 0 0;
      }
      .interior-fitting-content .slider{
        margin: 30px auto;
      }
      .interior-fitting-content .slider .slide img {
        height: 70px;
        width: auto;
      }
      .smart-section {
        padding: 100px 20px;
    }
    .gallery-section .image-box img {
        height: 250px;
        object-fit: cover;
    }
    .gallery-section .video-btn{
        bottom: 0 !important;
    }
    .interior-content-section .interior-content-row {
        padding-bottom: 0px;
    }

}

@media only screen and (max-width: 1025px) {
    .sitep-wrap {
        padding: 90px 0;
    }
    .footer-wrap .theme-btn {
        margin-left: auto !important;
        min-height: 45px;
        font-size: 16px;
        padding: 10px 20px;
    }
    .theme-btn-border {
        font-size: 20px !important;
        line-height: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .hero-floor-plan.banner-height {
        height: 100vh;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .character-style-1 {
        font-size: 38px;
        line-height: 48px;
    }
    .banner-height {
        height: 75vh;
    }
    .watch-btn {
        bottom: 20px;
        left: 20px;
        font: normal normal normal 16px / 20px var(--freightneo_promedium);
    }
    .scroll-down {
        font: normal normal normal 10px / 18px var(--freightneo_promedium);
        bottom: 20px;
        right: 20px;
    }
    .carousel__button.fancybox__button--close,
    .carousel__button.is-close {
        right: 10px !important;
        top: 10px !important;
        width: 42px;
        height: 42px;
    }
    .animated-section p,
    .about-section p:not(.character-style-6) {
        font: normal normal normal 16px/22px var(--freightneo_promedium);
    }
    .about-text {
        left: auto;
        right: 25%;
    }
    .animated-section {
        padding: 100px 0 100px 0;
    }
    .line-image {
        max-width: 100%;
    }
    .about-text2 {
        top: 20%;
        right: 0;
        left: 30%;
    }
    .about-text3 {
        top: 45%;
        left: 20%;
    }
    .after-img {
        max-width: 25%;
        margin-top: -15px;
    }
    .character-style-3 {
        font-size: 28px;
        line-height: 36px;
    }
    .character-style-3 br {
        display: none;
    }
    section .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-margin-top {
        margin-top: 100px;
    }
    .character-style-6 {
        font-size: 20px;
        line-height: 30px;
    }
    .section-margin-top-medium {
        margin-top: 60px;
    }
    .about-section {
        padding-bottom: 110px;
    }
    .locationplan-accordian {
        padding: 100px 20px 100px 20px;
    }
    .location-slider .border-btn-light {
        bottom: 15px;
        right: 20px;
    }
    .location-slider .custom-nav.owl-theme .owl-nav, .location-slider .custom-nav.owl-theme .owl-dots{
        bottom: 110px;
    }
    .gallery-section{
        padding:150px 0 60px 0;
    }
    .gallery-section .nav-tabs .nav-link {
        padding: 7px;
        margin: 5px;
        font: normal normal normal 14px / 22px var(--freightneo-probook);
        min-width: 100px;
    }
    .gallery-section .nav-tabs {
        margin-bottom: 30px;
    }
    .custom-nav.owl-theme .owl-nav, .custom-nav.owl-theme .owl-dots{
        bottom: 110px;
    }
    .custom-nav.owl-theme .owl-nav img{
        width: 40px;
        height: 40px;
    }
    .hero-developers .slide-info{
        left: 0px;
        bottom: 70px;
    }
    .hero-developers .slide-info{
        gap: 0;
    }
    .text-18{
        font-size: 14px;
        line-height: 20px;
    }
    .hero-developers .slide-info{
        width: 80%;
        margin-left: 0;
    }
    .custom-nav.owl-theme .owl-nav{
        width: 95%;
    }
    .developer-section h1{
        font-size: 44px;
        line-height: 52px;
    }   
    .developer-section h1 br{
        display: none;
    }
    .developer-section {
        padding: 100px 20px 100px 20px;
    }
    .developer-box {
        padding: 40px 0px;
    }
    .developer-section .developer-img {
        margin-bottom: 30px;
    }
    .developer-box.border-right {
        border-bottom: 2px solid #A8896E;
        border-right: 0px;
    }
    .section-margin-top-large {
        margin-top: 80px;
    }
    /* .hero-facilitie .custom-nav.owl-theme .owl-nav, .custom-nav.owl-theme .owl-dots {
        bottom: 110px !important;
    } */
}

@media (max-width: 991.98px) {
    
    .developer-section h2,.interior-fitting-content .character-style-3{
        font-size: 32px;
        line-height:40px;
    }  
    .h-100vh{
        height: 60vh;
    }
   
    .header-wrap {
        padding: 15px 10px;
    }
    .navbar-toggler {
        border: none;
        padding: 0;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-toggler .hamburger-icon {
        width: 25px;
        height: 25px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .navbar-toggler .hamburger-icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: var(--color-ffffff);
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .header-wrap.sticky-header .hamburger-icon span {
        background-color: var(--color-7e5b28);
    }
    .navbar-toggler .hamburger-icon span:nth-child(1) {
        top: 0px;
    }
    .navbar-toggler .hamburger-icon span:nth-child(2) {
        top: 8px;
    }
    .navbar-toggler .hamburger-icon span:nth-child(3) {
        top: 16px;
    }
    .navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    .navbar-toggler:not(.collapsed) .hamburger-icon span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .navbar-collapse:is(.show, .collapsing) {
        background-color: var(--color-eae6dd);
        position: absolute;
        width: calc(100% + 24px);
        top: 100%;
        margin-top: 10px;
        padding: 15px;
        border-radius: 0;
        left: -12px;
    }
    .header-wrap .navbar-nav {
        gap: 12px;
    }
    .header-wrap li.nav-item {
        width: fit-content;
    }
    .header-wrap .navbar-nav .nav-link {
        color: var(--color-484443);
    }
    .header-wrap .nav-link::after {
        bottom: -4px;
        border-color: var(--color-484443);
    }
    .hero-banner {
        padding-right: 0;
    }
    .hero-inner {
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 15px;
        bottom: -25px;
        top: auto;
        gap: 25px;
    }
    .banner-height{
        background-size: cover;
    }
    .right-overlay:before {
        width: 100%;
    }
    .schematic-diagram {
        padding: 70px 25px;
    }
    .owl-single .item img, .banner-height {
        height: 75vh;
    }
    .custom-nav.owl-theme .owl-nav, .custom-nav.owl-theme .owl-dots {
        bottom: 15px !important;
        max-width: 55% !important;
    }
    .location-slider .artist-txt{
        bottom: 70px;
    }
    .siteplan-slider .img-wrap:before{
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 100%);
    }
    .slide-info {
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .custom-nav.owl-theme .owl-nav,
    .custom-nav.owl-theme .owl-dots {
        left: 0;
        right: 0;
        bottom: 30px;
        margin: 0 auto;
    }
    .hero-facilitie .img-wrap:before {
        width: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
    }
    .slide-info .character-style-2 {
        font-size: 30px;
        line-height: 40px;
    }
    .sitep-wrap {
        padding: 80px 0 30px;
    }
    #splan-tab {
        margin: 0 auto 30px;
    }
    .info-wrap {
        padding-left: 0;
        margin-top: 30px;
    }
    .sitep-wrap .nav-pills .nav-link {
        font-size: var(--font-size-20);
        line-height: var(--line-spacing-26);
    }
    .interior-content-section{
        padding: 60px 0 0;
    }
    .interior-content-section .interior-vertical-slider-row .interior-listitem .interior-content-col{
        padding:40px;
    }
    .interior-listitem .item img {
        height: 45vh;
    }
    .interior-content-section .interior-listitem{
        inset: 0;
    }
    .interior-content-section .interior-vertical-slider-row {
        padding-top: 60px !important;
    }
    .interior-content-section .interior-slider-list .interior-listitem .owl-nav,
    .interior-content-section .interior-slider-list .interior-listitem .owl-dots{
        bottom: 25px !important;
        right: 0 !important;
        transform: none !important;
    }
    .character-style-9{
        font-size: 14px;
        line-height: 20px;
    }
    /* .header-wrap.sticky-header .nav-logo img{
        width: 65px;
    } */
    .interior-listitem {
        will-change: transform;
      }
      .interior-content-section .interior-listitem{
        position: relative;
      }
      .interior-content-section .interior-slider-list{
        display: block;
      }
      .interior-content-section .interior-slider-wrapper{
        height: auto;
      }
      .interior-fitting-section{
        padding: 80px 20px 20px;
      }
      .interior-fitting-content{
        padding: 100px 0 0;
      }
      .interior-fitting-content .slider{
        margin: 30px auto;
      }
      .interior-fitting-content .slider .slide img {
        height: 70px;
        width: auto;
      }
      .smart-section {
        padding: 80px 20px;
    }
    .smart-section .icon-box {
        padding: 0 20px;
    }
    .character-style-7 {
        font-size: 17px;
        line-height: 26px;
    }
    .hero-developers .custom-nav.owl-theme .owl-nav, .hero-developers .custom-nav.owl-theme .owl-dots{
        bottom: 125px;
    }
    .border-anim{
        display: none;
    }
    .header-wrap .nav-logo img{
        width: 80px;
    }
    .watch-btn {
        bottom: 20px;
        left: 20px;
        font: normal normal normal 14px / 20px var(--freightneo_promedium);
        padding: 7px 12px;
    }
    .scroll-down {
        font: normal normal normal 10px / 14px var(--freightneo_promedium);
        bottom: 10px;
        right: 10px;
        color: var(--color-7e5b28);
        position: fixed;
        z-index: 1024;
        width: 45px;
        text-align: center;
        
    }
    .scroll-down img{
        filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(3253%) hue-rotate(357deg) brightness(93%) contrast(86%);
        max-width: 35%;
    }
    .scroll-down:hover{
        color: var(--color-7e5b28);
    }
    .hero-facilitie .img-wrap img{
        object-position: 30%;
    }
    .banner-height .artist-impression-txt, .banner-height .artist-impression{
        font: normal normal normal 6px / 9px var(--freightneo_promedium);
        left: 10px;
        bottom: 10px;
    }
    .theme-btn{
        padding: 10px 15px;
        min-height: auto;
        font-size: 14px;
        line-height: 20px;
    }
    .theme-btn img {
        margin-top: 0px;
        max-width: 30px;
    }
    .theme-btn svg {
        max-width: 20px;
    }
    .interior-banner-section .hero-inner{
        top: 30%;
        bottom: auto;
    }
    .hero-location-banner .hero-inner{
        top: 40%;
        bottom: auto;
    }
    .interior-fitting-section .row .interior-fitting-slider .owl-nav, .interior-fitting-section .row .interior-fitting-slider .owl-dots{
        bottom: -125px !important;
    }
    .character-style-8{
        font-size: 16px;
        line-height: 24px;
    }
    .back-to-top a{
        max-width: 35px;
        text-align: center;
    }
    .back-to-top a span{
        font-size: 10px;
        line-height: 14px;
    }
    .interior-banner-section .hero-interior,.hero-floor-plan{
        background-position: 30%;
    }
    .right-overlay:before{
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0, transparent 50%);
    }
    .gallery-section .video-box img,
    .gallery-section .image-box img {
        height: 200px;
        object-fit: cover;
    }
    .gallery-section .video-btn{
        bottom: 0;
    }
    .developer-section h1{
        font-size: 32px;
        line-height: 42px;
    }   
    .developer-section h1 br{
        display: none;
    }
    .developer-section {
        padding: 60px 20px 60px 20px;
    }
    .developer-box {
        padding: 40px 0px;
    }
    .developer-section .developer-img {
        margin-bottom: 30px;
    }
    .developer-box.border-right {
        border-bottom: 2px solid #A8896E;
        border-right: 0px;
    }
    .section-margin-top-large {
        margin-top: 80px;
    }
    .video-bg-section {
        background-image: url('../img/home/hero-placeholder-mobile.webp');
        background-attachment: fixed;
        height: 100%;
        background-position: unset !important;
        background-size: contain !important;
    }
    .hero-location{
        background-image: url('../img/location/location-header-mobile.webp');
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767.98px) {
    
    .watch-btn {
        left: auto;
        margin: auto;
        width: auto;
    }
    .gallery-section .video-box img,
    .gallery-section .image-box img {
        height: 200px;
        object-fit: cover;
    }
    .character-style-1 {
        font-size: 32px;
        line-height: 42px;
    }
    .carousel__button.fancybox__button--close,
    .carousel__button.is-close {
        right: 10px !important;
        top: 10px !important;
        width: 42px;
        height: 42px;
        z-index: 999;
    }
    .animated-section p,
    .about-section p:not(.character-style-6) {
        font: normal normal normal 16px/22px var(--freightneo_promedium);
    }
    .about-text {
        left: auto;
        right: 20px;
    }
    .animated-section {
        padding: 85px 0 100px 0;
    }
    .line-image {
        max-width: 100%;
    }
    .about-text2 {
        top: 20%;
        right: 0;
        left: 30%;
    }
    .about-text3 {
        top: 45%;
        left: 15%;
    }
    .after-img {
        max-width: 25%;
        margin-top: -10px;
    }
    .character-style-3 {
        font-size: 28px;
        line-height: 36px;
    }
    .character-style-3 br {
        display: none;
    }
    section .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-margin-top {
        margin-top: 100px;
    }
    .character-style-6 {
        font-size: 20px;
        line-height: 30px;
    }
    .section-margin-top-medium {
        margin-top: 60px;
    }
    p.w-75 {
        width: 100% !important;
    }
    .about-section {
        padding-bottom: 110px;
    }
    .character-style-4 {
        font-size: 24px;
        line-height: 32px;
    }
    .singapore-discover-section{
        padding: 60px 0;
    }
    .singapore-discover-section .location-info-col {
        padding: 50px 0;
    }
    .singapore-discover-section .location-discover-content{
        width: 100%;
    }
   
    .locationplan-accordian {
        padding:60px 20px 100px 20px;
    }
    .character-style-5 {
        font-size: 22px;
        line-height: 30px;
    }
    .locationplan-accordian .accordion-button, .locationplan-accordian .accordion-button[aria-expanded="false"]{
        font: normal normal normal 20px / 26px var(--freightneo_promedium);
    }
    .locationplan-accordian .accordion-body table td.text-end{
        text-align: center !important;
    }
    .location-slider .border-btn-light {
        position: relative;
        bottom: auto;
        right: auto;
        z-index: 2;
        margin: 20px auto;
    }
    .location-slider .slide-info{
        bottom: 115px;
    }
    .location-slider .border-btn-light.theme-btn {
        color: var(--color-7e5b28);
        border-color: var(--color-7e5b28);
    }
    .location-slider .border-btn-light.theme-btn:hover,
    .location-slider .border-btn-light.theme-btn:focus {
        color: var(--color-ffffff);
        border-color: var(--color-ffffff);
    }
    .location-slider .border-btn-light.theme-btn svg{
        stroke: var(--color-7e5b28);
    }
    .location-slider .border-btn-light.theme-btn:hover svg,
    .location-slider .border-btn-light.theme-btn:focus svg{
        stroke: var(--color-ffffff);
    }
    .gallery-section{
        padding:150px 0 60px 0;
    }
    .gallery-section .nav-tabs .nav-link {
        padding: 7px;
        margin: 5px;
        font: normal normal normal 14px / 22px var(--freightneo-probook);
        min-width: 100px;
    }
    .gallery-section .nav-tabs {
        margin-bottom: 30px;
    }
    .custom-nav.owl-theme .owl-nav img{
        width: 40px;
        height: 40px;
    }
    .hero-developers .slide-info{
        left: 0px;
        bottom: 70px;
    }
    .hero-developers .slide-info{
        gap: 0;
    }
    .text-18{
        font-size: 14px;
        line-height: 20px;
    }
    .hero-developers .slide-info{
        width: 80%;
        margin-left: 0;
    }
    .custom-nav.owl-theme .owl-nav,
    .custom-nav.owl-theme .owl-dots{
        width: 95%;
    }
    .custom-nav.owl-theme .owl-dots{
        height: 45px;
    }
    
    .logo1 svg {
        max-width: 80px;
        width: 90%;
        margin: auto;
        display: block;
    }
    .logo2 svg {
        max-width: 120px;
        width: 90%;
        margin: auto;
        display: block;
    }
    .logo3 svg {
        max-width: 190px;
    }
    .h2title {
        font-size: var(--font-size-32);
        line-height: var(--line-spacing-34);
    }
    .footer-wrap .container {
        padding: 0 12px;
    }
    .footer-wrap {
        padding: 100px 0 35px;
    }
    .footer-title {
        font-size: var(--font-size-32);
        line-height: var(--line-spacing-34);
    }
    .fp-title {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .footer-btm {
        margin-top: 30px;
        padding-top: 30px;
    }
    .back-to-top {
        top: 10px;
        right: 10px;
    }
    .back-to-top a svg {
        width: 15px;
    }
    .fwp {
        font-size:26px;
        justify-content: center;
    }
    .fwp img{
        width: 26px;
    }
    .right-logo {
        margin: 0 auto;
    }
    .brochure.btn {
        margin: 30px auto 0 !important;
    }
    .schematic-diagram {
        padding: 50px 25px;
    }
    .legend-wrap, .plan-tbl {
        margin-bottom: 60px;
    }
    .plan-tbl {
        margin-top: 30px;
        padding: 0;
    }
    .legend-wrap {
        justify-content: center;
    }
    .diagram-info {
        width: 100%;
    }
    .schematic-diagram {
        padding: 50px 10px;
    }
    .unit-tbl table tbody tr td {
        min-width: 70px;
    }
    .fancybox__container .fancybox__toolbar .fancybox__toolbar__items [class*=fancybox__button--zoom] {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
    .virtual-tour-btn {
        left: 0;
        bottom: 20px;
        right: 0;
        margin: 0 auto;
    }
    .slide-info {
        gap: 20px;
    }
    .slide-info .character-style-2 {
        font-size: 30px;
        line-height:40px;
    }
    
    .sitep-wrap .container-fluid {
        padding: 0 15px;
    }
    .sitep-wrap {
        padding: 50px 0 30px;
    }
    #splan-tab {
        margin: 0 auto 20px;
        justify-content: center;
        gap: 10px;
    }
    .sitep-wrap .nav-pills .nav-link{
        font-size: 11px;
        line-height: 15px;
        padding: 5px;
    }
    #splan-tab .nav-item {
        width: calc(25% - 15px);
    }
    .info-wrap {
        margin-top: 20px;
    }
    .plinfo {
        margin-bottom: 20px;
    }
    .sitep-wrap .map-img .zoom-btns {
        right: 15px;
    }
    .bg-image {
        background-size: cover;
    }
    /* .video-bg-section{
        background-size: cover;
    } */
    .footer-logo {
        width: 70%;
        margin: 0 auto;
    }
    /* #fancybox-1 .fancybox__toolbar {
        top: 15% !important;
    } */
    .hero-facilitie .scroll-down {
        bottom: 10px;
    }
    .map-img .zoom-btns span{
        width: 25px ;
        height: 25px;
    }
    .zoom-btns .zoom-in-btn svg, .zoom-btns .zoom-out-btn svg{
        width: 16px;
        height: 16px;
    }
    .map-img {
        min-height: 42vh !important;
    }
}