@media only screen and (max-width: 1750px) {
    .txtIntroTitlelanding {
        font-size: 2.4vw;
        line-height: 55px;
    }

    .divDevColTransHolder {
        width: 66%;
    }

    .divDevColTrans {
        background-color: #D7CBC1;
        padding: 18% 0% 18% 24%;
        border-bottom-right-radius: 300px 350px;
    }

    .divPaddingFaci02 {
        padding: 8% 4% 2% 9.5%;
    }

    #txtLocTitle03 {
        font-size: 28px;
        line-height: 38px;
    }

    #txtLocTitle {
        font-size: 28px;
        line-height: 38px;
    }

    #txtInteriorTitle {
        font-size: 28px;
    }

    .txtPlansTitleInt {
        font-size: 24px;
        margin-bottom: 10px;
    }

    #txtLocTitle05 {
        font-size: 26px;
    }

    #txtLocTitle04 {
        font-size: 28px;
        line-height: 38px;
    }



}


@media only screen and (max-width: 1600px) {

    #txtLocTitle03 {
        font-size: 26px;
        line-height: 36px;
    }


    .divPaddingDev02 {
        padding: 6% 6% 2% 8%;
        position: relative;
        z-index: 1;
    }

    .divDevColTrans {
        background-color: #D7CBC1;
        padding: 18% 0% 18% 24%;
        border-bottom-right-radius: 300px 350px;
    }

    .divDevColTransHolder {
        width: 66%;
    }

    .txtIntroTitlelanding {
        font-size: 2.3vw;
        line-height: 50px;
    }

    .txtDevTitlelanding {
        font-size: 38px;
        line-height: 60px;
    }

    .txtPlansTitle {
        font-size: 26px;
    }


    #txtLocTitleSub {
        font-size: 16px;
        line-height: 24px;
    }

    #txtLocTitleSub02 {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.47px;
    }

    #txtLocTitle {
        font-size: 26px;
        letter-spacing: 1.14px;
        line-height: 36px;
    }

    #txtInteriorTitle {
        font-size: 26px;
        letter-spacing: 1.14px;
    }

    .txtAccordionsub {
        font-size: 22px;
        letter-spacing: 0px;
        line-height: 26px;
    }

    .imgDevsswiper {
        width: 100%;
    }

    #txtLocTitle05 {
        font-size: 26px;
    }

    #txtLocTitle04 {
        font-size: 26px;
        line-height: 36px;
    }

    .txtPlansTitleInt {
        font-size: 26px;
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 20px;

    }

    .txtPlansTitleIntSub {
        font-size: 16px;
        line-height: 24px;
    }

    .divPaddingFaci02 {
        padding: 8% 4% 2% 9.5%;
    }

}



@media only screen and (max-width: 1495px) {
    .txtcentered3 {
        font-size: 13px;
    }

    .imgLocLegends {
        width: 40px;
    }

    .imgLocLegends2 {
        width: 25px;
    }

    .txtImgArtitst {
        text-shadow: 1px 1px 1px rgb(0, 0, 0);
    }

    .txtIntroTitlelanding {
        font-size: 2.23vw;
        line-height: 55px;
    }

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 80%;
    }

    #txtLocTitle04 {
        font-size: 24px;
    }

    .txtFloorplansSub {
        font-size: 14px;
    }

    .txtExploreJden {
        height: 30px;
    }

    .txtFullArtitst4 {
        bottom: -10%;
    }


    .btnPolicyLanding3 {
        margin: 0px 5px;
        font-size: 12px;
    }

    .swiper-scrollbar {
        width: 10px;
        left: 10px;
    }

    .hrFooter {
        margin-bottom: 10px;
    }

    #vidIntro {
        border-top-left-radius: 20px 20px;
        border-bottom-right-radius: 20px 20px;
        border-bottom-left-radius: 20px 20px;
        border-top-right-radius: 20px 20px;
    }

    .imgDevsswiper {
        width: 100%;
    }

    .btnPlanClose2 {
        top: 21px;
        right: 18px;
        width: 62px;
    }

    .divRadiusBottom {
        border-bottom-right-radius: 250px 250px;
    }

    .menu__btn {
        top: 45px !important;
    }

    .menu__box {
        top: 72px !important;
    }

    #txtLocTitle {
        font-size: 24px;
        letter-spacing: 1.14px;
        line-height: 34px;
    }

    #txtLocTitle05 {
        font-size: 22px;
        letter-spacing: 1.14px;
        line-height: 30px;
    }

    #txtLocTitleSub {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.47px;
    }

    .txtFacivid {
        font-size: 14px;
        padding-top: 10px;
    }

    .imgFacivid {
        width: 35%;
    }

    .accordion .link {
        padding: 15px 15px 15px 0px !important;
    }

    #txtInteriorTitle {
        font-size: 24px !important;
    }

    #txtInteriorSub {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .txtAccordionsub {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .accordion li i.fa-chevron-down {
        top: 18px !important;
        right: 0px;
    }

    #txtLocTitle03 {
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 34px;
    }

    .txtDevTitlelanding {
        font-size: 32px;
        line-height: 40px;
    }

    .txtPlansTitle {
        font-size: 18px;
    }

    .txtPlansTitleInt {
        font-size: 24px;
        margin-top: 15px;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .txtPlansTitleIntSub {
        font-size: 15px;
        line-height: 24px;
    }


    .txtFullArtitst {
        font-size: 6px;
    }

    .txtFullArtitstIndex {
        font-size: 6px;
    }

    #txtLocTitleSub02 {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .divDevColTrans {
        padding: 18% 6% 18% 24%;
    }

    .divPaddingDev01 {
        padding: 2% 4% 2% 0%;
    }

    .divPaddingDev02 {
        padding: 6% 4% 4% 7%;
    }

    .divPaddingDev03 {
        padding: 3% 4% 2% 10%;
    }

    .divPaddingDev04 {
        padding: 8% 6% 2% 10%;
    }

    .divPaddingDev05 {
        padding: 6% 6% 6% 10%;
    }

    .divPaddingLocation01 {
        padding: 8% 8% 2% 9%;
    }

    .divPaddingLocation02 {
        padding: 8% 8% 2% 8%;
    }

    .divPaddingFaci01 {
        padding: 6% 4% 2% 9%;
    }

    .divPaddingFaci02 {
        padding: 8% 4% 2% 9%;
    }

    .divPaddingFaci03 {
        padding: 6% 4% 2% 10%;
    }

    .divPaddingFaci04 {
        padding: 6% 4% 4% 10%;
    }

    .divPaddingInterior01 {
        padding: 8% 6% 2% 10%;
    }

    .divPaddingInterior02 {
        padding: 12% 6% 6% 8%;
    }

    .divPaddingInterior03 {
        padding: 8% 10% 2% 10%;
    }

    .btnPolicyLanding {
        font-size: 11px !important;
        margin: 0px 0px;
        padding-top: 0px !important;
    }

    .btnPolicyLandingindex {
        font-size: 10px !important;
    }

    .dividerTop {
        top: 1px !important;

    }

    .divDevColTransHolder {
        width: 66%;
    }

    .imgFooterIcon {
        width: 22px;
    }

    .txtAccordionsubfooter {
        font-size: 12px;
    }

    #txtFooterTitle {
        font-size: 12px;
        line-height: 30px;
    }

    .footerSubTitlepadding {
        padding: 0px;
    }

    .txtAccordionsubfooter {
        font-size: 12px !important;
    }

    .menu__btn {
        right: 28px !important;
    }

    #menu__toggle:checked~.menu__box {
        right: 26px !important;
    }

    .imgjdenlogosm {
        width: 82px;
        left: 1.8%;
    }

    .imgLogoCapi1 {
        left: 1.2%;
        height: 53px;
        top: 3px;
    }

    .imgLogoCapi {
        height: 60px;
    }

    .menu__box {
        right: -600px !important;
        width: 300px !important;
        padding: 40px 0px 40px 68px !important;
        border-bottom-right-radius: 110px 110px !important;
        border-top-left-radius: 110px 110px !important;
    }

    .divFooterCapita {
        padding: 0% 0% 0% 0%;
    }

    .txtLocTitle02 {
        font-size: 24px;
        line-height: 26px;
    }

    .txtPlansTitleSub {
        font-size: 15px;
    }

    .divFloorplansPaddingmap02 {
        padding: 0% 12%;
    }

    .btnPolicyLanding {
        font-size: 14px;
    }

    .imgJdenlogomd {
        width: 58%;
    }

    .divDevColTrans {
        border-bottom-right-radius: 250px 250px;
    }


    .hoverUnderline::after {
        bottom: 10px;
    }

    .hoverUnderlineSub::after {
        bottom: 0px;
    }

    .menu01 {
        width: 45%;
    }

    .menu02 {
        width: 54%;
    }

    .menu03 {
        width: 43%;
    }

    .menu04 {
        width: 35%;
    }

    .menu05 {
        width: 56%;
    }

    .menu06 {
        width: 36%;
    }

    .menu07 {
        width: 68%;
    }

    .menu08 {
        width: 62%;
    }

    .menu09 {
        width: 32%;
    }

    .menu10 {
        width: 50%;
    }

    .menu11 {
        width: 77%;
    }

    .menu12 {
        width: 77%;
    }



    .txtMenuTitleSub {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .txtMenuTitle {
        font-size: 18px !important;
        line-height: 35px !important;
    }

    .txtMenuTitleb {
        font-size: 15px !important;
        line-height: 50px !important;
    }

    .txtImgArtitst {
        font-size: 6px;
    }

    .txtbottomright2 {
        bottom: 10px;
    }




}

@media only screen and (max-width: 1280px) {
    .btnPolicyLanding2 {
        margin: 0px 4px;
    }

    .accordion li i.fa-chevron-down {
        top: 18px !important;
        right: 0px;
    }

    .txtFullArtitst2 {
        font-size: 5px;
    }

    .txtcentered3 {
        font-size: 11px;
    }

    #imgGifLogo {
        width: 50vw;
    }


    .imgLocLegends {
        width: 35px;
    }

    .imgLocLegends2 {
        width: 20px;
    }

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 80%;
    }

    .txtFullArtitst {
        font-size: 5px;
    }

    .txtFullArtitstIndex {
        font-size: 5px;
    }

    .btnPolicyLanding3 {
        margin: 0px 0px;
        font-size: 10px;
    }

    .imgFooterIcon3 {
        width: 22px;
    }

    .hoverUnderline::after {
        bottom: 10px;
    }

    #vidIntro {
        border-top-left-radius: 15px 15px;
        border-bottom-right-radius: 15px 15px;
        border-bottom-left-radius: 15px 15px;
        border-top-right-radius: 15px 15px;
    }

    .divRadiusBottom {
        border-bottom-right-radius: 200px 200px;
    }

    .divDevColTrans {
        border-bottom-right-radius: 200px 200px;
    }

    .imgJdenlogomd {
        width: 48%;
    }

    .btntxtSidemenu01 {
        font-size: 26px;
        top: 25px;
    }

    .btnPolicyLanding {
        font-size: 12px;
        top: -4px;
    }

    .imgLogoCapi1 {
        left: 1.2%;
        height: 47px;
    }

    .imgLogoCapi {
        height: 54px;
    }

    .imgjdenlogosm {
        width: 72px;
        top: 13px;
    }

    .menu__btn {
        right: 35px !important;
        width: 35px !important;
        top: 34px !important;
    }

    .menu__box {
        top: 62px !important;
    }

    #menu__toggle:checked~.menu__box {
        right: 38px !important;
    }

    .txtMenuTitleSub {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .txtMenuTitle {
        font-size: 16px !important;
        line-height: 35px !important;
    }

    .txtMenuTitleb {
        font-size: 14px !important;
        line-height: 40px !important;
    }

    .menuMarginTop {
        margin-top: 15px;
    }

    .menu__box {
        width: 270px !important;
        padding: 30px 0px 30px 58px !important;
        border-bottom-right-radius: 90px 90px !important;
        border-top-left-radius: 90px 90px !important;
    }

    #txtLocTitle {
        font-size: 22px;
        letter-spacing: 1.14px;
        line-height: 30px;
    }

    #txtLocTitle05 {
        font-size: 22px;
    }

    #txtLocTitleSub {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.47px;
    }

    .imgLocPlus01 {
        width: 55%;
    }

    .imgLocPlus02 {
        width: 18%;
    }

    .imgLocPlus03 {
        width: 46%;
    }

    .imgLocPlus04 {
        width: 65%;
    }

    #txtLocTitleSub02 {
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .txtLocTitle02 {
        font-size: 20px;
        line-height: 18px;
    }

    #btnLocmapFull {
        width: 65px;
    }

    .hrFooter {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .btnPolicyLanding {
        font-size: 9px !important;
    }

    .dividerTop {
        top: -8px !important;
    }

    .txtAccordionsubfooter {
        font-size: 10px !important;
    }

    #txtFooterTitle {
        font-size: 12px;
        line-height: 25px;
    }

    .txtFooterSubMenu {
        font-size: 12px !important;
    }

    .txtDevTitlelanding {
        font-size: 28px;
        line-height: 30px;
    }

    .txtPlansTitle {
        font-size: 16px;
    }

    #txtLocTitle03 {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 1px;

    }

    #txtInteriorTitle {
        font-size: 30px !important;
        line-height: 35px;
    }

    .txtAccordionsub {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .accordion .link {
        padding: 10px 10px 10px 0px !important;
    }

    .btnFaciFull {
        width: 62px;
    }

    .btnPlanClose2 {
        top: 16px;
        width: 60px;
        right: 23px;
    }

    .zoomIn,
    .zoomOut {
        width: 35px !important;
        height: 35px !important;
    }

    .zoomIn {
        background-position: 3px 3px !important;
    }

    .zoomOut {
        background-position: -43px 3px !important;
    }

    .txtFloorplansSub {
        font-size: 12px;
        line-height: 22px;
    }

    .txtPlansTitleSub {
        font-size: 12px;
    }

    .btnInteriorFull {
        right: 3%;
        width: 60px;
    }

    #txtLocTitle04 {
        font-size: 26px;
        letter-spacing: 1.14px;
        line-height: 5px;
        margin-bottom: 15px;
    }

    .txtIntroTitlelanding {
        font-size: 2.4vw;
        line-height: 52px;
    }

    .txtPlansTitleInt {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 35px;
    }

    .txtPlansTitleIntSub {
        font-size: 12px;
        line-height: 24px;
    }







    .arrowsWhite {
        position: relative;
        width: 9px;
        height: 9px;
        transform: translate(-50%, -50%);
    }

    .arrowsWhite:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 2px solid rgba(255, 255, 255, 1);
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        transform: translate(26.6666666667px, 106.6666666667px) rotate(-45deg);
        animation: arrows 2s linear infinite;
    }

    .arrowsWhite:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 2px solid rgba(255, 255, 255, 1);
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        transform: translate(53.3333333333px, 0px) rotate(-45deg);
        animation: arrows 2s linear infinite -3s;
    }

    @keyframes arrows {
        0% {
            border-left: 2px solid rgba(255, 255, 255, 0);
            border-bottom: 2px solid rgba(255, 255, 255, 0);
            transform: translate(0px, -10px) rotate(-45deg);
        }

        10%,
        90% {
            border-left: 2px solid rgba(255, 255, 255, 0);
            border-bottom: 2px solid rgba(255, 255, 255, 0);
        }

        50% {
            border-left: 2px solid rgba(255, 255, 255, 1);
            border-bottom: 2px solid rgba(255, 255, 255, 1);
            transform: translate(0px, 0px) rotate(-45deg);
        }

        100% {
            border-left: 2px solid rgba(255, 255, 255, 0);
            border-bottom: 2px solid rgba(255, 255, 255, 0);
            transform: translate(0px, 10px) rotate(-45deg);
        }
    }

    .arrowsGrey {
        position: relative;
        width: 9px;
        height: 9px;
        transform: translate(-50%, -50%);
    }

    .arrowsGrey:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 2px solid rgba(51, 51, 51, 1);
        border-bottom: 2px solid rgba(51, 51, 51, 1);
        transform: translate(26.6666666667px, 106.6666666667px) rotate(-45deg);
        animation: arrowsNew 2s linear infinite;
    }

    .arrowsGrey:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 2px solid rgba(51, 51, 51, 1);
        border-bottom: 2px solid rgba(51, 51, 51, 1);
        transform: translate(53.3333333333px, 0px) rotate(-45deg);
        animation: arrowsNew 2s linear infinite -3s;
    }

    @keyframes arrowsNew {
        0% {
            border-left: 2px solid rgba(51, 51, 51, 0);
            border-bottom: 2px solid rgba(51, 51, 51, 0);
            transform: translate(0px, -10px) rotate(-45deg);
        }

        10%,
        90% {
            border-left: 2px solid rgba(51, 51, 51, 0);
            border-bottom: 2px solid rgba(51, 51, 51, 0);
        }

        50% {
            border-left: 2px solid rgba(51, 51, 51, 1);
            border-bottom: 2px solid rgba(51, 51, 51, 1);
            transform: translate(0px, 0px) rotate(-45deg);
        }

        100% {
            border-left: 2px solid rgba(51, 51, 51, 0);
            border-bottom: 2px solid rgba(51, 51, 51, 0);
            transform: translate(0px, 10px) rotate(-45deg);
        }
    }

    .txtFacivid {
        font-size: 12px;
        padding-top: 10px;
    }

    .divPaddingDev02 {
        padding: 6% 4% 4% 6%;
    }

    .divPaddingDev03 {
        padding: 3% 6% 2% 8%;
    }

    .divPaddingDev04 {
        padding: 8% 8% 2% 9%;
    }

    .divPaddingDev05 {
        padding: 6% 8% 6% 9%;
    }

    .divPaddingLocation01 {
        padding: 8% 8% 2% 9%;
    }

    .divPaddingLocation02 {
        padding: 8% 8% 2% 9%;
    }

    .divPaddingFaci01 {
        padding: 6% 4% 2% 9%;
    }

    .divPaddingFaci02 {
        padding: 8% 6% 2% 9%;
    }

    .divPaddingFaci03 {
        padding: 6% 4% 2% 9%;
    }

    .divPaddingFaci04 {
        padding: 6% 4% 4% 9%;
    }

    .divPaddingInterior01 {
        padding: 8% 6% 2% 9%;
    }

    .divPaddingInterior02 {
        padding: 12% 6% 6% 9%;
    }

    .divPaddingInterior03 {
        padding: 8% 6% 2% 9%;
    }

    .txtImgArtitst {
        font-size: 5px;
        letter-spacing: 1.5px;
    }








}






@media only screen and (max-width: 1024px) {


.divPaddingFloorplans02 {
  padding: 8% 12% 4% 12%;
}
    .borderBoxFloorplans {
        padding: 0px !important;
    }

    #txtLocTitle04 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    #txtInteriorSub {
        font-size: 10px !important;
        line-height: 18px !important;
    }

    #txtInteriorTitle {
        font-size: 22px !important;
        line-height: 26px;
    }

    .divDevColTrans {
        padding: 18% 6% 18% 16%;
    }

    #txtLocTitleSub02 {
        font-size: 10px;
        line-height: 18px;
    }

    #txtLocTitle {
        font-size: 22px;
        line-height: 26px;
    }

    #txtLocTitleSub {
        font-size: 10px;
        line-height: 18px;
    }

    #txtLocTitle03 {
        font-size: 20px;
        line-height: 26px;
    }

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 76%;
    }

    .accordionBtnFooter {
        width: 30%;
    }

    .imgJdenlogomd {
        width: 50%;
    }

    .btnPolicyLanding {
        font-size: 11px !important;
        top: -2px;
    }

    .txtAccordionsubfooter {
        font-size: 11px !important;
    }

    .menu__btn {
        right: 15px !important;
        width: 30px !important;
        top: 30px !important;
    }

    #menu__toggle:checked~.menu__box {
        right: 15px !important;
    }

    .divDevColTrans {
        border-bottom-right-radius: 150px 150px;
    }

    .divRadiusBottom {
        border-bottom-right-radius: 150px 150px;
    }

    #imgDev05 {
        left: 0%;
    }

    .divPaddingDev02 {
        padding: 6% 4% 4% 4.5%;
    }

    .divPaddingDev03 {
        padding: 3% 4% 2% 7%;
    }

    .divPaddingDev04 {
        padding: 8% 4% 2% 7%;
    }

    .divPaddingDev05 {
        padding: 6% 4% 6% 7%;
    }

    .divPaddingLocation01 {
        padding: 8% 4% 2% 7%;
    }

    .divPaddingLocation02 {
        padding: 8% 5% 2% 7%;
    }

    .divPaddingFaci01 {
        padding: 6% 5% 2% 7%;
    }

    .divPaddingFaci02 {
        padding: 8% 5% 2% 7%;
    }

    .divPaddingFaci03 {
        padding: 6% 4% 2% 7%;
    }

    .divPaddingFaci04 {
        padding: 6% 4% 4% 7%;
    }

    .divPaddingInterior01 {
        padding: 8% 4% 2% 7%;
    }

    .divPaddingInterior02 {
        padding: 12% 4% 6% 7%;
    }

    .divPaddingInterior03 {
        padding: 8% 4% 2% 6%;
    }


    .copyBRDev br {
        display: none;
    }

    .accordion {
        width: 100% !important;
    }

    .imgjdenlogosm {
        width: 51px;
        left: 1%;
    }

    .imgLogoCapi1 {
        left: 0.7%;
    }

    .btnPlanClose2 {
        top: 8px !important;
        width: 60px !important;
        right: -1px !important;
    }




}


@media only screen and (max-width: 768px) {

    .divDevColTrans {
        border-bottom-right-radius: 100px 100px;
    }

    .divRadiusBottom {
        border-bottom-right-radius: 100px 100px;
    }

    .divBGLocation {
        background-image: url('../images/imgLoc01B.jpg') !important;
    }

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 73.9%;
    }


}



/*/////////////////////
//////////////////////
MOBILE
//////////////////////
/////////////////////

@media only screen and (max-width: 768px) {*/

@media screen and (max-device-width: 480px) and (orientation: portrait) {




    .desktop {
        display: none !important;
    }

    .mobile {
        display: inline-block !important;
    }

    .mobile2 {
        display: inline-block;
    }

    .divContainer {
        width: 108vw;
        height: 108vh;
        background-color: #DDDBD6;
        overflow-y: hidden;
    }




    .L1 p {
        font-size: 6px;
    }

    .L2 p {
        font-size: 6px;
    }

    .L3 p {
        font-size: 6px;
    }

    .L4 p {
        font-size: 6px;
    }

    .txtcentered {
        bottom: 11%;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        padding-right: var(--bs-gutter-x, 0px) !important;
        padding-left: var(--bs-gutter-x, 0px) !important;
    }

    .txtFullArtitst {
        text-shadow: 2px 1px 2px rgb(0, 0, 0);
    }

    .txtFullArtitstIndex {
        text-shadow: 2px 1px 2px rgb(0, 0, 0);
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 9px 16px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: 60%;
        width: 13px;
        height: 20px;
    }

    .paddingZeroLeft2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #divMenuholder {
        z-index: 99;
        position: fixed;
        bottom: 0px;
        right: 0px;
    }

    .divCompareRight {
        transform: none !important;
        left: auto !important;
        top: auto !important;
        bottom: 0% !important;
        right: 0% !important;
        width: 50vw;
        height: 50vh;
    }

    #iconSideMenu04img {
        width: 13.5%;
    }

    #iconSideMenu01 {
        top: auto;
        right: -232px;
        bottom: 216px;
    }

    #iconSideMenu02 {
        top: auto;
        right: -232px;
        bottom: 163px;
    }

    #iconSideMenu03 {
        top: auto;
        right: -232px;
        bottom: 110px;
    }

    #iconSideMenu04 {
        top: auto;
        right: -232px;
        bottom: 55px;
    }

    .btnImg {
        width: 55%;
    }

    .btntxtSidemenu01 {
        font-size: 16px;
        top: 18px;
        right: 85px;
    }

    .arrowPoscenter1st {
        left: 48%;
        bottom: 0px;
    }

    #scroll-down-trigger span {
        width: 26px;
        height: 26px;
    }

    a#scroll-down-trigger {
        width: 30px;
    }

    .txtFullArtitst {
        font-size: 5px;
    }

    .txtFullArtitstIndex {
        font-size: 5px;
        bottom: 12%;
        left: 3%;
    }

    #txtLocTitle {
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 30px;
    }

    #txtLocTitleSub {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0.6px;
    }

    /*       INDEX       */
    .txtLeftDivIntro {
        top: 42%;
    }

    .txtIntroTitlelanding {
        font-size: 25px;
        line-height: 33px;
        letter-spacing: 1px;
    }

    .txtLeftDivIntroB {
        top: 42%;
    }

    .imgIntroDrag {
        width: 77%;
        margin-left: -38%;
    }

    .divPaddingIntroPage {
        padding: 10% 1% 0% 5%;
    }

    .divPopupIntro {
        height: 82vh;
    }

    #imgDev01 {
        width: 66%;
        float: none;
        padding-top: 5%;
    }

    .divPaddingDev02 {
        padding: 12% 8% 8% 8%;
    }

    .divPaddingDev03 {
        padding: 3% 8% 2% 8%;
    }









    /*LOCATION*/
    .divPaddingLocation01 {
        padding: 12% 2% 2% 8%;
    }

    .divPaddingLocation02 {
        padding: 8% 8% 2% 8%;
    }

    .divBGLocation {
        background-image: url('../images/imgLoc01B.jpg') !important;
        height: calc(60vh - 0px);
    }

    #divBGInterior {
        background-image: url('../images/imgInterior01b.jpg') !important;
        height: calc(60vh - 0px);
    }

    .divBGTrans {
        position: relative;
        height: calc(60vh - 0px);
    }

    #divLocImg_floating1 img {
        width: 60%;
        padding-right: 0%;
    }

    #divLocImg_floating2 {
        margin-top: -44%;
        left: auto;
        right: 10% !important;
        float: right;
        position: relative;
    }

    #divLocImg_floating2 img {
        width: 24vw;
    }

    #divLocImg_floating3 {
        margin-top: -1%;
        right: 10% !important;
    }

    #divLocImg_floating3 img {
        width: 38vw;
    }

    .imgLogoCapi {
        height: 50px;
    }

    .imgLogoCapi1 {
        left: 1.5%;
        height: 45px;
        top: 2px;
    }

    .imgjdenlogosm {
        width: 62px;
        left: 4%;
        top: 8px;
    }

    .menu__btn {
        right: 22px !important;
        width: 30px !important;
        top: 22px !important;
    }

    #menu__toggle:checked~.menu__box {
        right: -10px !important;
    }

    .menu__box {
        width: 230px !important;
        padding: 30px 0px 30px 42px !important;
        border-bottom-right-radius: 65px 65px !important;
        border-top-left-radius: 65px 65px !important;
        top: 72px !important;
    }

    .txtMenuTitle {
        font-size: 15px !important;
        line-height: 26px !important;
    }

    .txtMenuTitleb {
        font-size: 13px !important;
        line-height: 25px !important;
    }

    .txtMenuTitleSub {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    .imgLocPlus01 {
        width: 48%;
    }

    .mobileZeroPadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .locmapHeight {
        height: 50vh;
    }

    .locmapRadius {
        border-bottom-right-radius: 75px 75px;
        border-top-left-radius: 75px 75px;
    }

    .imgLocPlus02 {
        width: 44%;
    }

    #btnLocmapFull {
        width: 52px;
    }

    .txtLeftFooter {
        text-align: center;
    }

    .txtRightFooter {
        text-align: center;
        margin-top: 15px !important;
    }

    .hrFooter {
        height: 2px !important;
    }

    .txtFooterSubMenu {
        padding: 10px !important;
        padding-left: 40px !important;
        width: 100%;
        box-shadow: none !important;
    }

    .btnPolicyLanding2 {
        top: 3px;
        margin: 0px 0px;
        font-size: 10px !important;
        padding: 4px !important;
        box-shadow: none !important;
    }

    .accordion-collection a {
        display: inline-block !important;
    }

    .footerSubtxt {
        float: none;
        box-shadow: none !important;
    }

    .divFooterCapita2 {
        background-color: #2a2a2a !important;
        border-top: 1px solid #535353;
    }

    .txtLocTitle02 {
        font-size: 17px;
    }

    #txtLocTitleSub02 {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0px;
    }

    .maptxtmobile {
        font-size: 12px !important;
    }

    .imgLocLegendsPaddingTop {
        padding-bottom: 15px;
    }



    /*
DEVELOPMENT*/

    .divBG {
        height: calc(60vh - 0px);
    }

    .divRadiusBottomTrans {
        background-color: #D7CBC1;
    }

    .divScrollContentDev01 {
        background-color: #EEEDEA;
    }

    .divDevColTransHolder {
        width: 100%;
    }

    #txtLocTitle03 {
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 30px;
    }

    .divPaddingDev01 {
        padding: 12% 8% 12% 8%;
    }

    .divDevColTrans {
        padding: 10% 0% 10% 0%;
    }

    .txtArchConcept {
        margin-bottom: 5px;
        margin-top: 25px;
    }

    #imgDev04 {
        width: 120%;
        left: -10%;
        top: 0;
    }

    .divPaddingDev04 {
        padding: 12% 6% 2% 6%;
    }

    #imgDevLogoCapita {
        width: 58%;
        float: left;
        padding-bottom: 7%;
    }




    /*  FLOORPLANS  */
    .divPaddingFloorplans01 {
        padding: 12% 8% 6% 8%;
        position: relative;
        z-index: 1;
    }

    #txtLocTitle04 {
        font-size: 22px;
        letter-spacing: 1.14px;
        line-height: 0px;
    }

    .brMobileHide {
        display: none;
    }


    .divFloorplansPaddingmap {
        padding: 0% 0%;
    }

    .txtFloorplansSub {
        font-size: 10px;
    }

    .borderBoxFloorplans {
        width: 62% !important;
        margin-bottom: 14px;
        padding: 0px;
    }

    .divPaddingFloorplans02 {
        padding: 12% 5% 4% 5%;
    }

    .divVirtualpaddingtop {
        margin-bottom: 20px;
    }

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 72.9%;
    }

    #Bs1_a {
        width: 8.5%;
        left: 10%;
        top: 2.4%;
        z-index: 99;
    }

    #Cp_a {
        width: 8.5%;
        left: 18.8%;
        top: 2.4%;
        z-index: 99;
    }

    #C1_a {
        width: 8.5%;
        left: 27.6%;
        top: 2.4%;
        z-index: 99;
    }

    #B1_a {
        width: 8.5%;
        left: 36.4%;
        top: 2.4%;
        z-index: 99;
    }

    #A_a {
        width: 8.5%;
        left: 45.1%;
        top: 2.4%;
        z-index: 99;
    }

    #B2_a {
        width: 8%;
        left: 54%;
        top: 2.4%;
        z-index: 99;
    }

    #C2_a {
        width: 7.5%;
        left: 62.6%;
        top: 2.4%;
        z-index: 99;
    }

    #Dp_a {
        width: 8.5%;
        left: 70.4%;
        top: 2.4%;
        z-index: 99;
    }

    #Bs2_a {
        width: 9.5%;
        left: 79.2%;
        top: 2.4%;
        z-index: 99;
    }

    #As_a {
        width: 7.5%;
        left: 89.1%;
        top: 2.4%;
        z-index: 99;
    }


    /*      INTERIOR   */


    .txtImgArtitstSwiper {
        font-size: 5px;
    }

    .btnInteriorFull {
        bottom: -1.5%;
    }

    .btnInteriorFull {
        right: 6%;
        width: 49px;
    }

    .txtPlansTitleInt {
        font-size: 20px;
    }

    .txtPlansTitleIntSub {
        padding-left: 15%;
        padding-right: 15%;
        line-height: 20px;

    }
    #txtPlansTitletxtSub{
        padding: 0% 10% 0% 10%;
    }
    .divPaddingInterior01 {
        padding: 8% 6% 2% 8%;
    }

    .divPaddingInterior02 {
        padding: 24% 8% 6% 8%;
    }

    .divPaddingInterior03 {
        padding: 12% 8% 2% 8%;
    }

    #txtLocTitle05 {
        font-size: 17px;

    }


    /*  FACILITIES   */
    .videoBG {
        height: calc(60vh - 0px);
        transform: scale(1.5);
        left: 5vw;
    }

    .txtCenterDiv {
        top: 64%;
    }

    .txtFacivid {
        font-size: 9px;
    }

    .imgFacivid {
        width: 36%;
    }

    .divPaddingFaci01 {
        padding: 12% 8% 2% 8%;
    }

    .divPaddingFaci02 {
        padding: 12% 8% 2% 8%;
    }

    #divConPaddingFaci {
        padding-left: 6%;
        padding-right: 0%;
        padding-top: 0%;
    }

    .divPaddingFaci03 {
        padding: 12% 8% 2% 8%;
    }

    .txtbottomright3 {
        position: absolute;
        bottom: 6px;
        right: 20px;
    }

    .divPaddingFaci04 {
        padding: 12% 8% 4% 8%;
    }

    .faciPlansmobile {
        padding: 12% 6% 4% 6%;
    }

    .accordion li i.fa-chevron-down {
        right: 5px;
    }

    #txtInteriorTitle {
        font-size: 25px !important;
        line-height: 40px;
    }

    .txtAccordionsub {
        font-size: 17px !important;
        line-height: 20px !important;
    }

    #txtInteriorSub {
        font-size: 12px !important;
        line-height: 22px !important;
    }

    .mobileZeroPadding {
        padding: 0px;
    }

    #imgGifLogo {
        width: 100vw;
        display: inline-block;
        top: 45vh;
        left: 50vw;
        transform: translate(-50%, -50%);
    }

    #txtTitlePlansArtist {
        font-size: 5px;
        bottom: 9%;
    }

    #txtTitlePlans {
        font-size: 20px;
        bottom: 8%;
    }

    .txtbottomright4 {
        bottom: 12px;
        right: 40px;
    }

    .btnPolicyLanding {
        font-size: 10px !important;
    }

    /*.btn {
        padding: 0.375rem 0.3rem !important;
    }*/

    .dividerTop {
        top: -8px !important;
    }

    .txtBottomDivIntro {
        bottom: 25%;
    }


    .divPolicy {
        bottom: 15%;
        text-align: center;
        width: 100%;
    }

    .btnPolicyLandingindex {
        font-size: 10px !important;
    }

    .imgJdenlogomd {
        width: 16vw;
        position: absolute;
        left: 13px;
        top: 0px;
    }

    #btnBacktoMasterplan {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .imgDragging {
        width: 42.5vw;
    }

    .txtCenterDiv02 {
        top: auto;
        bottom: 16%;
    }

    .btnIntroClose {
        position: absolute;
        right: 2.2%;
        width: 8%;
        z-index: 99;
        float: right;
        margin-top: 9px;
    }

    .divPopupMenu {
        width: 100%;
        height: 80vh;
    }

    .swiper-scrollbar {
        border-radius: 3px !important;
        height: 80% !important;
        width: 6px !important;
        bottom: 0 !important;
        left: 58px !important;

    }

    .swiperBPadding {
        padding: 16% 5% 0% 5%;
        width: 90%;
        height: 24vh;
    }

    .fontIntroTitleSub {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .fontIntroTitle {
        font-size: 17px !important;
        line-height: 23px;
    }

    .mobPopupTxt {
        padding: 0% 5% 0% 5%;
    }

    #pagimationOppor1,
    #pagimationOppor2,
    #pagimationOppor3,
    #pagimationOppor4 {
        padding-top: 15px;
    }

    .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }

    .swiperIntroPadding {
        padding: 7% 8% 0% 8%;
    }

    .txtEnterjden {
        font-size: 10px;
    }

    .txtExploreJden {
        height: 28px;
        width: 40%;
    }

    .txtIntroTitlelandingSub2 {
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 30px;
    }

    .txtIntroTitlelanding2 {
        font-size: 25px;
        letter-spacing: 3px;
        line-height: 30px;
    }

    .txtFullArtitst4 {
        bottom: -10%;
        width: 100%;
    }

    #imgIntro001 {
        width: 80%;
        margin-left: -30%;
    }

    .txtFullArtitst2 {
        font-size: 5px;
    }

    #imgDevPage_02 {
        width: 28vw;
    }

    #imgDevPage_03 {
        width: 22vw;
    }

    .imgDevPage_02b {
        top: -1%;
    }

    .imgDevPage_03b {
        top: 34%;
        right: -4px;
    }

    .imgDevPage_04b {
        margin-top: 78%;
        margin-left: 2%;
    }

    .devzeroPadding {
        padding-left: auto !important;
        padding-right: auto !important;
    }

    #btnFullDev {
        margin-top: -66%;
        right: 43%;
    }

    .iframeShow {
        height: 93%;
    }

    .txtbottomright5 {
        position: relative;
        bottom: 20px;
        right: 0px;
    }

    .menu__btn>span,
    .menu__btn>span::before,
    .menu__btn>span::after {
        top: 12px;
    }

    .txtImgArtitst {
        text-shadow: 1.5px 1px 1.5px rgb(0, 0, 0);
    }

    .txtbottomleftIndexTitle {
        bottom: 45px;
        font-size: 8px;
    }

    .txtbottomleftIndexTitle2 {
        font-size: 8px;
    }

    .txtbottomleft {
        bottom: 6px;
    }

    .txtbottomright2 {
        bottom: 6px;
    }

    .txtbottomright {
        bottom: 6px;
    }

    .menuMarginTop {
        margin-top: 15px;
    }

    #imgdevArchiTrans {
        width: 100%;
    }
.floating1 {
    animation-name: floating1b;
}
.floating2 {
    animation-name: floating2b;
}
.floating3 {
    animation-name: floating3b;
}
.floating4 {
    animation-name: floating4b;
}



}







@media only screen and (max-width: 450px) {

    #Bs1_a,
    #Cp_a,
    #C1_a,
    #B1_a,
    #A_a,
    #B2_a,
    #C2_a,
    #Dp_a,
    #Bs2_a,
    #As_a {
        height: 62.9%;
    }
}





@media only screen and (max-width: 375px) {
    .mobileBR br {
        display: none;
    }
}


@media not all and (min-resolution: 0.001dpcm) {

    .txtBottomDivIntro {
        bottom: 32% !important;
    }

    .divPaddingIntroPage {
        padding: 4% 1% 0% 5% !important;
    }


}

@media only screen and (max-height: 768px) {





    #customVideo {
        max-width: none;
        max-height: none;
    }






}


/*@media only screen and (min-device-width: 1023px) and (orientation: portrait) {*/

@media only screen and (min-device-width: 700px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {


    #imgiconDev02 {
        width: 25vw !important;
    }


    #divBGDevelopment {
        background-image: url('../images/imgDev01b.jpg') !important;
    }

    .divBG {
        height: calc(60vh - 0px);
    }

    .divBGTrans {
        height: calc(60vh - 0px);
    }

    .divScrollContentDev01 {
        background-color: #D7CBC1;
    }

    .tabpaddingZero {
        padding: 0px !important;

    }

    #txtLocTitle03 {
        font-size: 20px;
        line-height: 26px;
    }

    .txtDevTitlelanding {
        font-size: 26px;
        line-height: 15px;
    }

    .txtPlansTitle {
        font-size: 13px;
    }

    .txtLeftDiv {
        left: 22%;
    }

    .divDevColTransHolder {
        width: 100%;
    }

    .divDevColTrans {
        padding: 18% 0% 18% 16%;
    }

    #imgdevArchiTrans {
        width: 60%;
    }
    .imgDevPage_02b {
      top: 0%;
    }
    .imgDevPage_03b {
      top: 10%;
    }
    #imgdeSec5a img{
        width: 14vw !important;
    }
    #imgdeSec5b img{
        width: 16vw !important;
    }
.divBGLocation {
  height: calc(60vh - 0px);
}
#divLocImg_floating3 {
  right: 12%;
}
#divLocImg_floating2 {
  left: -3%;
}
    .videoBG {
        height: calc(60vh - 0px);
        transform: scale(1.6);
        left: 4vw;
    }

#divConPaddingFaci {
  padding-left: 0%;
  padding-right: 0%;
}
    #divBGInterior {
        background-image: url('../images/imgInterior01b.jpg') !important;
        height: calc(60vh - 0px);
    }
  .btnInteriorFull {
    right: 3%;
    width: 45px;
  }
  .galMargin {
    margin-bottom: 15px !important;
  }
.divPaddingFloorplans02 {
  padding: 8% 10% 4% 10%;
}
.divPaddingFloorplans01 {
  padding: 8% 6% 6% 6%;
}
  #Bs1_a, #Cp_a, #C1_a, #B1_a, #A_a, #B2_a, #C2_a, #Dp_a, #Bs2_a, #As_a {
    height: 78.9% !important;
  }
  .divPaddingDev02 {
    padding: 6% 4% 4% 5%;
  }
  .divPaddingDev03 {
    padding: 3% 4% 2% 8.5%;
  }
  .divPaddingDev04 {
    padding: 8% 4% 2% 8.5%;
  }
  .divPaddingDev05 {
    padding: 6% 4% 6% 8.5%;
  }
  .divPaddingLocation02 {
    padding: 8% 5% 2% 7%;
  }
  .divPaddingFaci01 {
    padding: 6% 5% 2% 8.5%;
  }
  .divPaddingFaci02 {
    padding: 8% 5% 2% 8.5%;
  }
  .divPaddingFaci03 {
    padding: 6% 4% 2% 8.5%;
  }
  .divPaddingFaci04 {
    padding: 6% 4% 4% 8.5%;
  }
 .divPaddingInterior01 {
    padding: 8% 4% 2% 8.5%;
  }
  .divPaddingInterior02 {
    padding: 12% 4% 6% 8.5%;
  }
  .txtbottomright4 {
  bottom: 14px;
}
#txtPlansTitletxtSub {
  padding: 0% 0% 0% 0%;
}

#iconDev {
  left: 15% !important;
  top: 33% !important;
}
#iconLoc {
  left: 36% !important;
  top: 25% !important;
}
#iconFaci {
  left: 55% !important;
  top: 30% !important;
}
#iconInterior {
  left: 67% !important;
  top: 44% !important;
}
.floating1 {
    animation-name: floating1b;
}
.floating2 {
    animation-name: floating2b;
}
.floating3 {
    animation-name: floating3b;
}
.floating4 {
    animation-name: floating4b;
}
.imgDragging {
  width: 32.5vw !important;
  margin-left: -5% !important;
  content: url("../images/imgDragb.png");
}
.txtCenterDiv02 {
  top: 85%;
}
  .divPolicy {
    bottom: 12%;
    text-align: center;
    width: 100%;
  }
.btnIntroClose {
  right: 3.2%;
  width: 5%;
  margin-top: 24px;
}
.fontIntroTitleSub {
  font-size: 8px !important;
  line-height: 18px !important;
}
.fontIntroTitle {
  font-size: 16px !important;
}

.txtbottomleftIndexTitle {
  bottom: 32px;
  font-size: 10px;
}
.txtbottomleftIndex {
  font-size: 7px;
}
.txtbottomleftIndexTitle2 {
  font-size: 10px;
  width: 80%;
}
  .iframeShow {
    height: 94%;
  }
  .txtIntroTitlelanding {
    font-size: 3.4vw;
    line-height: 52px;
  }
.imgIntroDrag {
  width: 35%;
  margin-left: -19%;
}
.divPopupIntro {
  height: 70vh;
}
.divPaddingIntroPage {
  padding: 12% 10% 0% 10%;
}
.divPopupMenu {
  height: 65vh;
}






}


@media only screen and (min-device-width: 700px) and (max-device-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    #imgTabDev1{
        top: 2%;
        left: -4.5% !important;
    }
    #imgTabDev2{
        top: 54%;
        left: -10.8% !important;
    }
      .imgDragging {
        width: 34.5vw;
        margin-left: -5%;
      }
}



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

  .divPolicy {
    bottom: 12% !important;
  }
    .txtCenterDiv02 {
      top: auto;
      bottom: 20% !important;
    }


.imgIntroDrag {
  width: 22%;
  margin-left: -10%;
}
.txtBottomDivIntro {
  bottom: 25%;
}
.btnIntroClose {
  right: 3.2%;
}
  .iframeShow {
    height: 94%;
  }


}