@media screen and (min-width: 0px) and (max-width:1420px) {}
@media screen and (min-width: 0px) and (max-width:1680px) {
.plants{left:20px;}
.my-friends-page .heroBlock .clipImage{bottom:7%;}
.rowLevel .officeSpace span {
  font-size: 9px !important;
}
}

@media screen and (min-width: 0px) and (max-width:1600px) {
.summaryIcons.threecol{padding-left:120px; padding-right:120px;}
.summaryIcons.threecol .earthIcon{left:120px;}
.summaryGreenText{right:-70px;}

.captionCycleImageBlock .whiteLargeTitle{line-height:54vw;}
.captionCycleImageBlock .btnHolder{padding-top:60px;}

.rowLevel.topItem .level span{font-size:7px; line-height:15px;}
.rowLevel:nth-child(28) .officeSpace{position:relative;}
/* .rowLevel:nth-child(28) .officeSpace span{
  position:absolute; left:0; top:8px; font-size:8px; line-height:12px;} 
.rowLevel .officeSpace span {
  font-size: 10px !important;
}*/
.paraglider{right:-2%; width:20%;}

.morningTime{left:2%; font-size:4.646vw;}
.dayTime{left:38%; top:46%;}
.sixImages .imageNumber.One{width:24%; margin-left:3%;}
.sixImages .imageNumber.Two{width:24%;}
.sixImages .imageNumber.Three{width:30%; margin-left:11%;}
.sixImages .imageNumber.Four{margin-top:36%; width:28%; margin-left:-75%;}
.sixImages .imageNumber.Five{margin-top:-2%; margin-left:-3%;}
.sixImages .imageNumber.Six{margin-left:75%;}

.logoIcon img{max-height:90px;}

.summarySpecBlock .iconTitle{font-size:1.458vw; line-height:1.5vw; letter-spacing:-0.069vw;}

.areaMapBlock .introDesc{max-width:750px;}
.cheesePeaceImage{left:100px;}

.downloadContactBlock .downloadBlock{ padding-right: 80px;}
.downloadContactBlock .contactBlock{padding-left:80px;}

.floorBuilding{transform:scale(0.8);}
}

@media screen and (min-width: 0px) and (max-width:1536px) {
  .buildingBlock img{max-width:80%;}
  .rowLevel.levelTitles .officeSpace span{font-size:12px!important;}  
  .buildingLevels .levelTitles .level{width:11%; font-size:12px; line-height:14px;}
  .buildingLevels .levelTitles .officeSpace{width:22%; font-size:12px; line-height:14px;}
  .buildingLevels .levelTitles .terraceSpace{width:22%; font-size:12px; line-height:14px;}
  .buildingLevels .levelTitles .officeSpace span, .buildingLevels .levelTitles .terraceSpace span{ width:100%; display:block;}
  .floorBuilding{width:48%;}
  .floorSlides{width:52%; padding-left:60px;}

.downloadContactBlock .downloadBlock{padding-right:60px; width:40%;}
.downloadContactBlock .contactBlock{padding-left:40px; width:60%;}
.floorSlides::after{ left: 30px;}
.rowLevel .officeSpace span{font-size:8px!important;}
}

@media screen and (min-width: 0px) and (max-width:1480px) {

  /* .floorSlides{width:43%; padding-left:20px;}
  .floorBuilding{width:57%;} */

  .floorBuilding{width:50%;}
.floorSlides{width:50%; padding-left:20px;}
.floorSlides::after{left:8px;}

}

@media screen and (min-width: 0px) and (max-width:1460px) {
  .summaryGreenText{right:0; max-width:120px;}

  /* B-W Title & Icons start  */
  /* .B_WTitleiconsBlock .col{width:33.33%;} */
  /* B-W Title & Icons end  */

  .imageCredits{padding-top:50px;}
  .textImageBlock .InfoBlock{padding:40px 40px;}
  .photoWallBlock.TBspace{padding-bottom:120px;}
  
}

@media screen and (min-width: 0px) and (max-width:1440px) {
  /* common css start here */
  .TBspace{padding-top:80px; padding-bottom:80px;}
  /* common css end here */

  /* B-W Title & Icons start  */
  .B_WTitleiconsBlock .iconBox{max-width:200px; height:200px;}
  .B_WTitleiconsBlock .iconBox img{max-height:200px;}
  .B_WTitleiconsBlock .desc{padding:30px 20px 0 20px;}
  /* B-W Title & Icons end  */

  body.my-friends-page .secondClass .fullWidthImageBlock{margin-bottom:-90px;}
  /* .summaryIconBG{padding:30px;} */
  .summaryGreenText{font-size:40px; line-height:35px; max-width:220px; top:30px;}
  .earthIcon{height:150px; margin-top:9px;}

  .downloadContactBlock .content_1800{padding-left:40px; padding-right:40px;}

  .summarySpecBlock .iconTitle > div{
    padding:0 10px;
    -webkit-line-clamp:4;
        font-size: max(14px, min(14px + (19 - 14) * ((100vw - 901px) / (1240 - 901)), 19px));
    line-height: max(16px, min(16px + (22 - 16) * ((100vw - 901px) / (1240 - 901)), 22px));
  }
}

@media screen and (min-width: 0px) and (max-width:1380px) {
  body.device .summaryExpText{width:22%;}
  body.device .summaryIcons{padding-top:80px;}
  body.device .summaryIcons.showEarth{padding-top:150px;}
  body.device .summaryIcons.showEarth .summaryExpText{left:32%; top:9%;}

  /* area Map Block start here */
  .cheesePeaceImage{left:120px; top:-50px; height:206px;}
  .mapSlideHolder ul{padding:0 80px;}
  .mapSlideHolder .slick-arrow span{width:76px;}
  .areaMapBlock .mapsilderBlock{padding-left:0; padding-right:0;}
  /* area Map Block end here */

  .floorBuilding{width:52%;}
  .floorSlides{width:48%; padding-left:10px;}
  .rowLevel .officeSpace span{font-size:7px !important;}
  .floorSlides::after{ left: 0;}
}

/* New media query */
@media screen and (min-width: 0px) and (max-width:1280px) {
  .rowLevel .officeSpace span {font-size:6px!important;}
  .btnFloorPlan, .btnSpacePlan{
  padding: 6px 13px;
  font-size: 13px;
  line-height: 18px;
  min-width: 90px;
  }
  .btnFloorPlan{right:114px;}
  .slideInfobox{padding-right:200px;}

  .rowLevel .level{width: 14%;}
  .rowLevel .officeSpace{width: 26% !important;}
  .rowLevel .terraceSpace{width: 14% !important;}
}
/* New media query */

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

  .scheduleAreaBlock .grid{max-width:680px; margin:0 auto;}

  .floorBuilding, .floorSlides{width:100%;}
  .floorSlides{padding-left:0; padding-top:60px;}
  .floorSlides::before{display:none;}

  .pageIntroBlock.showyogaLady{padding-bottom:16%!important;}
  .yogaLady{width:18%; right:2%;}

  .travelMapInfo{width:40%;}
  .travelMapImage{width:60%;}
  .travelMapImage.desktop{padding:30px;}
  .travelMapInfo{padding-left:30px;}

  .summarySpecBlock .iconTitle{font-size:1.667vw; line-height:2vw; letter-spacing:-0.083vw;}
  .floorSlides::after{display:none;}

  .fivecol .col{
    width:25%;
  }
}

@media screen and (min-width: 0px) and (max-width:1194px){
  .photoWallBlock.nineImages .imageNumber.Two .imageCaption,
  .photoWallBlock.nineImages .imageNumber.Three .imageCaption{top:-36px;}
  .photoHolder .imageCaption{font-size:1vw; line-height:0.8vw; bottom:-24px;}
}

@media screen and (min-width: 0px) and (max-width:1100px) {

  /* common css start here */
  h1{font-size:50px; line-height:58px; padding-bottom:10px;}
  h2{font-size:40px; line-height:48px; letter-spacing:-2px; padding-bottom:10px;}
  h3{font-size:30px; line-height:38px; letter-spacing:-1.5px; padding-bottom:10px;}
  h4{font-size:28px; line-height:36px; letter-spacing:-1.4px; padding-bottom:6px;}

  .titleBlock h2 span{
    font-size:66px;
    line-height:72px;
  }
  .pageIntroBlock .introDesc,
  .areaMapBlock .introDesc{font-size:22px; line-height:32px; letter-spacing:-1.1px;}
  /* common css end here */

  /* gallery Trigger Block start */
  .galleryTrigger{width:180px; height:180px;}
  .galleryTrigger .linkTitle{font-size:35px;line-height:35px;}
  /* gallery Trigger Block end */

  /* B-W Title & Icons start  */
  .B_WTitleiconsBlock .col{width:33.33%; padding:20px;}
  .B_WTitleiconsBlock .desc{ padding-left: 0; padding-right: 0;}
  /* B-W Title & Icons end  */

  /* travel Map Block start here */
  .distanceInfo{font-size:20px; line-height:28px; letter-spacing: -1px;}
  .distanceInfo .title, .legendslist .title{
    font-size:14px;
    line-height:22px;
    padding-bottom:6px;
  }
  .distanceInfo, .legendslist, .mapInfo{padding:16px 0;}
  .legendName{font-size:12px; line-height:20px;}
  /* travel Map Block end here */

  body.my-friends-page .secondClass .fullWidthImageBlock{margin-bottom:-50px;}

  /* photo Wall start here */
  .imageNumber .box{
    box-shadow:-12px -12px 0px -1px var(--whiteColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--whiteColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--whiteColor);
  }

  .photoWallBlock.nineImages .imageNumber.Three .box,
  .photoWallBlock.sixImages .imageNumber.One .box,
  .photoWallBlock.sixImages .imageNumber.Six .box{
    box-shadow:-12px -12px 0px -1px var(--yellowColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--yellowColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--yellowColor);
  }

  .photoWallBlock.nineImages .imageNumber.Two .box,
  .photoWallBlock.nineImages .imageNumber.Four .box,
  .photoWallBlock.nineImages .imageNumber.Seven .box,
  .photoWallBlock.sixImages .imageNumber.Three .box{
    box-shadow:-12px -12px 0px -1px var(--pinkColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--pinkColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--pinkColor);
  }

  .photoWallBlock.nineImages .imageNumber.Five .box,
  .photoWallBlock.nineImages .imageNumber.Nine .box,
  .photoWallBlock.sixImages .imageNumber.Five .box{
    box-shadow:-12px -12px 0px -1px var(--aquaColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--aquaColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--aquaColor);
  }

  .photoWallBlock.sixImages .imageNumber.Two .box{
    box-shadow:-12px -12px 0px -1px var(--greenColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--greenColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--greenColor);
  }

  .photoWallBlock.sixImages .imageNumber.Four .box{
    box-shadow:-12px -12px 0px -1px var(--orangeColor);
    -webkit-box-shadow:-12px -12px 0px -1px var(--orangeColor);
    -moz-box-shadow:-12px -12px 0px -1px var(--orangeColor);
  }
  /* photo Wall end here */

  .captionCycleImageBlock .whiteLargeTitle{line-height:56vw;}

  /* footer start here */
  .col.footerLogoSec{width:100%; order:1; padding-bottom:30px;}
  .col.footerInfoSec{width:50%; order:2; padding-top:30px; padding-left:0;}
  .col.footerNavSec, .col.footerDownloadsSec{width:50%; order:3; padding-top:30px; padding-right:0}
  .footerDesc, .footerNav{padding-bottom:20px}
  .col.footerLogoSec{
    /* border-bottom:var(--whiteColor) solid 1px; */
  }

  .logoIcon img{max-height:80px;}
  footer .content_1800{padding-left:20px; padding-right:20px;}

  .footerTopBorder .grid .col{width:50%;}
  .footerTopBorder .footerNav{padding-bottom:0;}
  .footerTopBorder .footerMenu{justify-content:flex-end;}
  .footerTopBorder .col.footerNavSec{width:100%; text-align:center; padding-right:10px; padding-top:20px;}
  .footerTopBorder .content_1800{padding-left:10px; padding-right:10px;}
  /* footer end here */

  .downloadContactBlock .downloadBlock::before{ width: 100%; height: 2px; left: 0; top:0;}
  .downloadContactBlock .downloadBlock, .downloadContactBlock .contactBlock{width:100%; padding-right: 0; padding-left: 0;}

  .downloadBlock .downloadsHolder{ max-width: 500px; margin: 0 auto;}
  .downloadContactBlock .downloadBlock{ order: 2; padding-top: 60px;} 
  .downloadContactBlock .contactBlock{ order: 1; padding-bottom: 40px;}

  .downloadTitle{font-size:80px; line-height:64px; padding-bottom:28px;}

  .downloadBlock .downloadsHolder ul li a{padding:16px 0; padding-right:42px;}
  .downloadBlock .downloadsHolder ul li a .downloadIcon{width:34px; height:34px; top:12px}
  .downloadBlock .downloadsHolder ul li a .downloadIcon svg{width:32px; height:32px;}

  .downloadContactBlock .content_1800{padding-left:20px; padding-right:20px;}

    .summarySpecBlock .iconTitle > div{
    -webkit-line-clamp:3;
    padding: 0 14px;
  }

}

@media screen and (min-width: 0px) and (max-width:1080px) {
header{padding:10px 0;}
header.scroll .logo img{height:46px;}
.largeLogo{top:6px;}
header.scroll .menubtn{top:-2px;}
}

@media screen and (min-width: 0px) and (max-width:1023px) {
/* caption link and image sec start */
.captionTitleLink.TBspace{padding-top:120px; padding-bottom:120px;}
/* caption link and image sec end */
.pageIntroBlock .titleBlock{padding-left:100px; padding-right:100px;}
.cheesePeaceImage{left:80px; top:-16px; height:170px;}
}

@media screen and (min-width:0px) and (max-width:900px){
  /* common css start here */
  .TBspace{padding-top:60px; padding-bottom:60px;}
  .B_WTitleiconsBlock.TBspace{padding-bottom:60px;}
  /* common css end here */

  /* caption link and image sec start */
  .captionTitleLink.TBspace{padding-top:120px; padding-bottom:120px;}
  .ladyWithUmbrella{width:24%; right:5%; top:-30%;}
  /* caption link and image sec end */

  /* summarySpecBlock start */
  .summarySpecBlock .col{width:33.33%;}
  .earthIcon{height:120px; margin-top:-10px;}
  .summaryIcons.showEarth, body.device .summaryIcons.showEarth{padding-top:100px;}
  body.device .summaryIcons.showEarth .summaryExpText{left:22%; top:4%;}

  .summaryIcons.threecol .earthIcon{left:20px;}
  .summaryIcons.threecol{padding-left:12px; padding-right:12px;}
  .summaryGreenText{position:relative; left:0; right:0; top:0; max-width:320px; font-size:40px; line-height:34px; margin: 0 auto; padding-top: 20px;}
  /* summarySpecBlock end */

  /* text Image Block start here */
  .textImageBlock .InfoBlock{padding:40px;}
  .paraglider{width:30%; top:-24%;}
  /* text Image Block end here */

  .fullWidthImageBlock .imageCaption{
    max-width:328px;
    text-align:center!important;
    padding-top:50px;
    font-size:42px;
    line-height:40px;
    background-size:100px;
    padding-bottom:14px;
    color:var(--orangeColor);
    background-image:url('../images/caption-arrow-orange.svg');
    left:120px;
    padding-left: 54px;
    background-position:left 2px;
  }
  body.my-friends-page .secondClass .fullWidthImageBlock{margin-bottom:-30px;}

  /* Caption Illustration start here */
  .imageCredits{padding-top:40px;}
  /* Caption Illustration end here */

  .captionCycleImageBlock .whiteLargeTitle{line-height:58vw;}
  .btn{min-width:260px;}

  .pageIntroBlock .titleBlock{padding-left:80px; padding-right:80px;}

  /* travel Map Block start here */
  .distanceInfo table{ margin: 0 auto;}
  .distanceInfo .title{ max-width: 340px; margin: 0 auto;}
  .travelMapBlock .titleBlock{padding-bottom:40px;}
  .travelMapInfo, .travelMapImage{width:100%;}
  .travelMapInfo{ padding: 0;}
  .travelMapInfo div{width:100%;}
  .legendslist ul{display:flex; flex-wrap: wrap;}
  .legendslist ul li{padding-right:16px;}
  .legendName{padding-left:8px;}
  .travelMapImage.mobile{display:block; padding:40px 40px;}
  .travelMapImage.desktop, .mapInfo br{display:none;}
  /* travel Map Block end here */

  /* area Map Block start here */
  .areaMapBlock .videoSec,
  .areaMapBlock .mapsilderBlock{padding-left:0; padding-right:0;}
  .mapSlideHolder ul{padding:0 0;}
  .cheesePeaceImage{left:auto; right:20px; height:190px; top:-36px;}
  .mapSlideText{
    width:29%;
    font-size:5vw;
    line-height:4.4vw;
    left:2%;
    top:0;
    right:auto;
    -webkit-transform:rotate(-8deg);
    -moz-transform:rotate(-8deg);
    -ms-transform:rotate(-8deg);
    -o-transform:rotate(-8deg);
    }
    .areaMapBlock .introDesc{padding-top:40px; padding-bottom:40px;}
    .mapsilderBlock{padding-bottom:66px;}
    .mapSlideHolder .slick-arrow{
      top:auto;
      bottom:-60px;
      width:140px;
      min-width:140px;
      padding:0;}

    .mapSlideHolder .slick-arrow{background-size:50px;}
    .mapSlideHolder .slick-arrow span{
      font-size:12px; line-height:18px;
      width:100px; top:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .mapSlideHolder .slick-prev{background-position:left center; left:60px;}
    .mapSlideHolder .slick-next{background-position:right center; right: 60px;}
    .mapSlideHolder .slick-prev span{left:50px;}
    .mapSlideHolder .slick-next span{right:50px;}
  /* area Map Block end here */

  /* logoTextBlock start here */
  .logoTextBlock .col{padding:80px 40px}
  /* logoTextBlock end here */

  /* contact page start here */
  .contactBlock .col{padding-left:20px;}
  /* contact page end here */

  .summarySpecBlock .iconTitle{
    font-size:2vw; 
    line-height:2.4vw; 
    letter-spacing:-0.100vw;
    /* padding:22px; */
  }

  .logoBox{padding-bottom:24px; height:120px;}
  .logoBox img{ max-height:96px;}

  .summarySpecBlock .iconTitle > div{
    font-size: max(12px, min(12px + (16 - 12) * ((100vw - 551px) / (900 - 551)), 16px));
    line-height: max(14px, min(14px + (18 - 14) * ((100vw - 551px) / (900 - 551)), 18px));
  }

}

/* ipad pro 12inch start */
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  /* galleryTriggerBlock start */
  .galleryTriggerBlock{height:50vh;}
  .galleryTriggerBlock .box{height:100%;}
  .galleryTriggerBlock .box::before{padding-top:0;}
  /* galleryTriggerBlock end */

  /* hero section start here */
  .home-page .heroBlock h1{font-size:28vw; line-height:23vw;}
  .home-page .heroBlock .heroCaption{font-size:3.8vw; line-height:5vw;
    letter-spacing:-0.149vw;}
  .home-page .heroBlock .clipImage{width:26%;}
  /* hero section end here */

  .esgTree{display:none;}
  .captionTitleLink h2{font-size:3.8vw; line-height:5.2vw; letter-spacing:-0.149vw;}
  .btnHolder{padding-top:40px;}
  .captionCycleImageBlock .btnHolder{padding-top:60px;}
  .whiteLargeTitle{font-size:88.302vw; line-height:64vw;}
  .cheeseClip{right:0; left:auto; width:30%;}

  .captionCycleImageBlock .whiteLargeTitle{font-size:72vw; line-height:65vw;}
  .esgCycle{width:50%;}

  .alm-gallery-img{width:50%;}

  .textImageBlock .InfoBlock{padding:40px 20px;}

  /* fullwidth image block start here */
  .fullWidthImageBlock.seventy .fullimageSec,
  .fullWidthImageBlock.full .fullimageSec,
  .fullWidthImageBlock.eighty .fullimageSec{height:36vh;}
  /* fullwidth image block end here */
}
/* ipad pro 12inch end */

/* devices portrait phone landscape start  */
@media screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: landscape){
  ul.tabs{padding-bottom:30px;}
  ul.tabs li button{font-size:24px; line-height:24px;}
  .alm-gallery-img{width:50%;}

  body.device .summaryExpText{width:30%!important; top:0!important;}

  .paraglider{width:26%; top:-10%; right:-8%;}

  .captionLinkImageBlock .title span:last-child svg{width:140%; height:220%; left:-20%; top:-48%;}

  header{ padding: 14px 0;}
  .logo img, header.scroll .logo img{height:80px;}
  #page-wrap{ padding-top:0;}
  .my-friends-page .heroBlock .clipImage{bottom:5%;}
  .menubtn, header.scroll .menubtn{top:16px;}

  .esgCycle{width:48%;}
  .rowLevel.topItem .level span{ letter-spacing: 0;}
}
@media all and (orientation: portrait){
  /* galleryTriggerBlock start */
  .galleryTriggerBlock{height:50vh;}
  .galleryTriggerBlock .box{height:100%;}
  .galleryTriggerBlock .box::before{padding-top:0;}
  /* galleryTriggerBlock end */

  .pageIntroBlock.TBspace{padding-bottom:30px;}

  /* hero section start here */
  .home-page .heroBlock h1{font-size:28vw; line-height:23vw;}
  .home-page .heroBlock .heroCaption{
    font-size:3.8vw;
    line-height:5vw;
    letter-spacing:-0.094vw;
    margin:0 auto;
    max-width: 100%;}
  .heroCaption,
  .my-makers-page .heroBlock .heroCaption,
  .say-hello-page .heroCaption h2{
    font-size:4.8vw;
    line-height:6vw;
    letter-spacing:-0.149vw;
    margin:0 auto;
    max-width:90%;
  }
  .page-template-template-contact .heroCaption{ max-width: 90%;}
  .home-page .heroBlock .clipImage{width:26%;}

  .about-me-page .heroBlock h1{font-size:32vw; line-height:26vw;}
  .about-me-page .heroBlock .clipImage{width:40%; right:4%; bottom:5%;}

  .our-pledge-page .heroBlock{padding-bottom:20%;}
  .our-pledge-page .heroBlock h1{font-size:32vw; line-height:26vw;}
  .our-pledge-page .heroBlock .clipImage{width:30%; right:4%;}

  .my-friends-page .heroBlock h1{font-size:16vw; line-height:26vw;}
  .my-friends-page .heroBlock .clipImage{right:1%; bottom:10%;}
  .my-friends-page .heroBlock .heroCaption{top:44%;}

  .my-makers-page .heroBlock h1{font-size:30vw; line-height:26vw;}
  .heroGreenText{font-size:7vw; line-height:5vw;}

  .say-hello-page .heroBlock h1{font-size:38vw; line-height:36vw;}
  body.page-template-template-contact .heroCaption .heroGreenText{
    font-size:11vw; line-height:8vw; margin-top:-1%;}

  .page-template-template-contact .heroBlock.TBspace,
  .about-me-page .heroBlock,
  .my-friends-page .heroBlock,
  .my-makers-page .heroBlock{padding-top:60px; padding-bottom:14%;}

  .captionLinkImageBlock .captionTitleLink.TBspace{
    padding-top:10%;
    padding-bottom:20%;}

    body.my-makers-page .heroCaption span:last-child svg{width: 152%;
  height: 178%; left: -28%;}
  /* hero section end here */

  .esgTree{display:none;}
  .captionTitleLink h2{font-size:3.8vw; line-height:5.2vw; letter-spacing:-0.094vw;}
  .btnHolder{padding-top:40px;}
  .captionCycleImageBlock .btnHolder{padding-top:60px;}
  .whiteLargeTitle{font-size:80.302vw; line-height:66vw;}
  .cheeseClip{right:0; left:auto; width:30%;}

  .captionCycleImageBlock .whiteLargeTitle{font-size:72vw; line-height:70vw;}
  .esgCycle{width:60%;}

  /* fullwidth image block start here */
  .fullWidthImageBlock.eighty .fullimageSec{height:36vh;}
  .fullWidthImageBlock.full .fullimageSec{height:50vh;}
  .fullWidthImageBlock.seventy .fullimageSec{height:34vh;}
  /* fullwidth image block end here */

  /* textImageBlock block start here */
  .textImageBlock{}
  .textImageBlock .content_1640{padding: 0;}
  .recordlist li.row:nth-child(even),
  .recordlist li.row:nth-child(odd){-webkit-flex-flow:column; flex-flow:column;}
  .textImageBlock .imageBlock, .textImageBlock .InfoBlock{width:100%;}

  .recordlist li.row:first-child .InfoBlock{ 
    /* padding-top:12%; */
    padding-top:170px;
  }
  .textImageBlock .InfoBlock{padding:80px 40px;}
  .textImageBlock .InfoBlock p:last-child{padding-bottom:0;}
  .paraglider{
    /* width:12vw; */
    width: auto;
    height: 140px;
     top:0; right:0}
  .plants{width:auto; height:150px;}
  /* textImageBlock block end here */

  /* gallery section start here */
  ul.tabs{padding-bottom:20px;}
  ul.tabs li button{font-size:24px; line-height:22px;}
  .galleryBox .caption{font-size:14px; line-height:20px;}
  .alm-gallery-img{width:50%;}
  /* gallery section end here */

  .tapExplore{width:22%; top:12%;}

  /* summary Spec Block start */
  body.device .summaryExpText{width:26%; top:2%;}
  /* summary Spec Block end */

  /* bw Icon Slider Block start */
  .captionSlide{padding-top:60px!important; padding-bottom:0px!important;}
  .captionSlide .slick-arrow{bottom:auto; top:0;}
  .slideCaptionHolder{padding-top:60px;}
  .slideCaptionHolder h3{padding-bottom:26px;}
  /* bw Icon Slider Block end */

  /* photo Wall start here */
  .photoWallBlock.TBspace{padding-bottom:70px;}
  .photoHolder .imageCaption{font-size:1vw; line-height:1.4vw; bottom:-18px;}
  .photoWallBlock.nineImages .imageNumber.Two .imageCaption,
  .photoWallBlock.nineImages .imageNumber.Three .imageCaption{top:-30px;}
  /* photo Wall end here */

  .logoTextBlock .col{padding:60px 40px}

  .summaryIcons.threecol .earthIcon{left:20px; width: 100%; max-width:140px;}
  .captionLinkImageBlock .title span:last-child svg{width:140%; height:220%; left:-20%; top:-48%;}

  .rowLevel.topItem .level span{ letter-spacing: 0;}
  }
}
/* devices portrait phone landscape end */

/* ipad landscape start here */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape),
all and (device-width: 810px) and (device-height: 1080px) and (orientation: landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation: landscape),
all and (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {

.my-friends-page .heroBlock .clipImage{bottom:9%;}

.menuBox .content_1080{max-width:850px;}
.menuBox ul.mainMenu > li{padding:10px 30px;}
.mainMenu > li a{font-size:42px; line-height:50px;}
.mainMenu::before, .mainMenu::after{
  height:calc(100% - 22px);
  top:0;
  bottom:0;
  margin:auto;
}

.captionLinkImageBlock .title span:last-child svg{width:140%; height:220%; left:-20%; top:-48%;}
body.my-makers-page .heroCaption span:last-child svg{width: 152%;
height: 178%; left: -28%;}

.say-hello-page .heroBlock h1{font-size:28vw; line-height:32vw;}

.esgCycle{width:48%;}
.rowLevel.topItem .level span{letter-spacing:0;}

}
/* ipad landscape end here */

@media screen and (min-width:0px) and (max-width:850px){
  /* B-W Title & Icons start  */
  .B_WTitleiconsBlock .col{width:50%;}
  /* B-W Title & Icons end  */
  .textImageBlock .titleBlock{ padding-left: 20px; padding-right: 20px;}
}

@media screen and (min-width:0px) and (max-width:768px){
.cky-notice-des{text-align:center;}
.cky-notice-btn-wrapper{max-width:420px!important; margin:0 auto!important;
  padding-top:8px!important;}
.cky-notice-btn-wrapper .cky-btn{margin-top:3px!important;}
}

@media screen and (min-width:0px) and (max-width:767px){
  /* gallery template start here */
  .alm-gallery-img{width: 50%;}
  .galleryBox .caption{font-size:14px; line-height:22px;}
  /* gallery template end here */

  .InfoBlock{padding:40px 80px;}

  /* .summaryIconBG{padding:20px;} */

  /* summarySpecBlock start */
  body.device .summaryExpText{width:32%; top:6%;}
  .summaryIcons{padding-top:40px;}
  body.device .summaryIcons.showEarth{padding-top:92px!important;}
  body.device.iphone .summaryIcons.showEarth{padding-top:92px!important;}
  body.device .summaryIcons.showEarth .summaryExpText{left:36%; top:7%;}
  .earthIcon{margin-top:-2px; height:110px;}
  /* summarySpecBlock end */

  /* logoTextBlock start here */
  .logoTextBlock .col{width:100%;}
  /* logoTextBlock end here */

  /* photo Wall start here */
  .photoWallBlock.TBspace{padding-bottom:80px;}
  .imageNumber .box{
    box-shadow:-10px -10px 0px -1px var(--whiteColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--whiteColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--whiteColor);
  }

  .photoWallBlock.nineImages .imageNumber.Three .box,
  .photoWallBlock.sixImages .imageNumber.One .box,
  .photoWallBlock.sixImages .imageNumber.Six .box{
    box-shadow:-10px -10px 0px -1px var(--yellowColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--yellowColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--yellowColor);
  }

  .photoWallBlock.nineImages .imageNumber.Two .box,
  .photoWallBlock.nineImages .imageNumber.Four .box,
  .photoWallBlock.nineImages .imageNumber.Seven .box,
  .photoWallBlock.sixImages .imageNumber.Three .box{
    box-shadow:-10px -10px 0px -1px var(--pinkColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--pinkColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--pinkColor);
  }

  .photoWallBlock.nineImages .imageNumber.Five .box,
  .photoWallBlock.nineImages .imageNumber.Nine .box,
  .photoWallBlock.sixImages .imageNumber.Five .box{
    box-shadow:-10px -10px 0px -1px var(--aquaColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--aquaColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--aquaColor);
  }

  .photoWallBlock.sixImages .imageNumber.Two .box{
    box-shadow:-10px -10px 0px -1px var(--greenColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--greenColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--greenColor);
  }

  .photoWallBlock.sixImages .imageNumber.Four .box{
    box-shadow:-10px -10px 0px -1px var(--orangeColor);
    -webkit-box-shadow:-10px -10px 0px -1px var(--orangeColor);
    -moz-box-shadow:-10px -10px 0px -1px var(--orangeColor);
  }

  .photoWallBlock .titleBlock{padding-bottom:80px;}
  .photoCation.desktop{display:none;}
  .photoCation.mobile{display:block;}
  .nineImages .imageNumber.One{width:36%; margin-left:55%;}
  .nineImages .imageNumber.Five{width:52.8%; margin-left:-49%; margin-top:-128%; z-index:2;}
  .nineImages .imageNumber.Eight{width:45.5%; margin-left:51%; margin-top:-192%;}
  .nineImages .imageNumber.Four{width:40.8%; margin-left:-49%; margin-top:-74%;}
  .nineImages .imageNumber.Two{width:46%; margin-left:50%; margin-top:62%;}
  .nineImages .imageNumber.Three{width:49%; margin-left:5%; margin-top:-22.5%;}
  .nineImages .imageNumber.Nine{width:41%; margin-left:52%; margin-top:-95%;}
  .nineImages .imageNumber.Six{width:50%; margin-left:-49%; margin-top:27%; z-index:2;}
  .nineImages .imageNumber.Seven{width:32%; margin-left:-2%; margin-top:57%; z-index:3;}
  .familyCaption{left:15%; right:auto; font-size:13.948vw; line-height:9.5vw; width:30%; text-align:center;}
  .photoHolder .imageCaption{bottom:-24px; font-size:12px; line-height:20px;}
  .nineImages .imageNumber.One .imageCaption{padding-left:14%;}
  .photoWallBlock.nineImages .imageNumber.Two .imageCaption{bottom:-24px; top:auto; padding-left:14%;}
  .photoWallBlock.nineImages .imageNumber.Three .imageCaption{bottom:-24px; top:auto;}
  .photoWallBlock.nineImages .imageNumber.Nine .imageCaption{padding-left:14%;}

  .photoWallBlock.sixImages .photoHolder{padding-top:40px;}

  .sixImages .imageNumber.One{width:45%; margin-left:5%;}
  .sixImages .imageNumber.Two{width:50%; margin-left:-4%; margin-top:10%;}
  .sixImages .imageNumber.Four{width:46%; margin-left:42%; margin-top:-86%;}
  .sixImages .imageNumber.Five{width:42%; margin-left:5%; margin-top:-58%; z-index:1;}
  .sixImages .imageNumber.Three{width:47%; margin-left:43%; margin-top:51%; z-index:2;}
  .sixImages .imageNumber.Six{width:34%; margin-left:12%; margin-top:-8%;}
  .photoWallBlock.sixImages .imageNumber.Two .imageCaption{top:-36px; padding-left:14%;}
  .photoWallBlock.sixImages .imageNumber.Four .imageCaption{padding-left:14%;}
  .photoWallBlock.sixImages .imageNumber.Three .imageCaption{top:auto; padding-left:14%; bottom:-24px;}
  .morningTime{
  font-size:10.646vw; line-height:3vw; left:66%; top:-1%;
  transform:rotate(-26deg);
  -webkit-transform:rotate(-26deg);
  -moz-transform:rotate(-26deg);
  -ms-transform:rotate(-26deg);
  -o-transform:rotate(-26deg);
  }
  .dayTime{font-size:13.313vw; line-height:12vw; left:15%; top:39%;}
  .nightTime{font-size:12.313vw; line-height:6vw; right:10%; top:57%;}
  /* photo Wall end here */

  /* Caption Illustration start here */
  .swipeImage{display:block; padding-left:15%;}
  .captionClipBlock .content_1400{padding-left:0; padding-right:0;}
  .captionClipBlock .titleBlock{padding-left:20px; padding-right:20px;}
  .illustration{ overflow:hidden; overflow-x: auto;}
  .illustration img{
    width:900px;
    max-width:900px;
    height:400px;
  }
  .illustration lottie-player{
    max-width:900px;
    width:880px;
    height:auto;}
  /* Caption Illustration end here */

  .fullWidthImageBlock .imageCaption{max-width:230px; padding-top:50px; font-size:26px; line-height:28px; left:40px;}

  .fancybox-slide--image{padding-left:50px!important; padding-right:50px!important;}
  .fancybox-button--arrow_left, .fancybox-button--arrow_right{
    width:40px!important; height:40px!important; min-width:40px!important; max-width:40px!important;
    background-color:var(--greenColor)!important; border-radius:50%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:50px!important;
    top:50%!important; margin-top:-20px!important;
  }
  .fancybox-button--arrow_left{left:4px!important; background-image: url('../images/fl-prev-icon.svg') !important;}
  .fancybox-button--arrow_right{right:4px!important; background-image: url('../images/fl-next-icon.svg') !important;}
  .rowLevel .level{
    width: 6%!important;
  }
  
    .rowLevel .officeSpace span {
      font-size:8px!important;
    }
  .rowLevel .officeSpace{width:34%!important;}  

  .summaryIcons.threecol .box, .summaryIcons.fourcol .box, .summaryIcons.fivecol .box{
    padding:10px;
  }
  .summaryIcons.threecol .imageHolder, .summaryIcons.fourcol .imageHolder, .summaryIcons.fivecol .imageHolder{
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    left:10px;
    top:10px;
  }
}

@media screen and (min-width:0px) and (max-width:740px){
.floorDownloads ul li a{min-width:188px; padding:10px 10px;}
}

@media screen and (min-width:0px) and (max-width:720px){
  /* common css start here */
  .TBspace{padding-top:50px; padding-bottom:50px;}
  .B_WTitleiconsBlock.TBspace{ padding-bottom: 50px;}

  .pageIntroBlock.TBspace{padding-bottom:50px;}
  .summarySpecBlock.TBspace,
  .B_WTitleiconsBlock.TBspace{padding-top:50px; padding-bottom:50px;}
  .scheduleAreaBlock.TBspace{padding-bottom:50px;}
  .textImageBlock.TBspace{padding-top:50px;}
  /* common css end here */

  /* summarySpecBlock start */
  .summarySpecBlock .col{}
  /* summarySpecBlock end */

  /* B-W Title & Icons start  */
  .B_WTitleiconsBlock .iconBox{max-width:160px; height:160px;}
  .B_WTitleiconsBlock .iconBox img{max-height:160px;}
  /* B-W Title & Icons end  */
}

@media screen and (min-width: 0px) and (max-width:650px){

  h1{font-size:40px;line-height:48px;padding-bottom:12px;}
  h2{font-size:34px;line-height:42px; letter-spacing: -1.7px; padding-bottom:12px;}
  h3{font-size:32px;line-height:40px; letter-spacing: -1.6px; padding-bottom:12px;}
  h4{font-size:30px;line-height:38px; letter-spacing:-1.5px; padding-bottom:8px;}
  h5{font-size:28px;line-height:26px; letter-spacing:-1.4px; padding-bottom:8px;}
  h6{font-size:24px;line-height:32px; letter-spacing:-1.2px; padding-bottom:8px;}

  .textImageBlock .titleBlock, .B_WTitleiconsBlock .titleBlock,
  .captionClipBlock .titleBlock, .travelMapBlock .titleBlock{padding-bottom:40px;}

  .titleBlock h2 span{
    font-size:60px;
    line-height:52px;
  }
  .pageIntroBlock .introDesc{font-size:21px; line-height:32px; letter-spacing:-1.5px; padding-top:40px;}
  /* contact page start here */
  .contactBlock .col{width:100%; text-align:center;padding-top:40px; font-size:18px; line-height:26px; letter-spacing:-0.9px;}
  .contactBlock .col:nth-child(3){padding-top:30px;}
  .contactBlock .col:first-child{padding-top:0;}
  .logoBox{padding-bottom:20px;}
  /* contact page end here */

  .scheduleAreaBlock .content_1640{padding-left:0; padding-right:0;}
  .floorBuilding{background-color:#C9E1D7;}
  .floorBuilding, .floorSlides{padding:40px 20px;}
  .floorSlides{padding-bottom:0;}

  .building{display:none;}
  .rowLevel .floor{width:0;}
  .rowLevel .level{width:20%!important;}
  .rowLevel .officeSpace, .rowLevel .terraceSpace{width:40%!important;}
  .buildingLevels{width:100%; margin-left:0;}

  .pageIntroBlock.showyogaLady{padding-bottom:32%!important;}
  .yogaLady{width:38%; right:2%;}

  /* text Image Block start */
  .textImageBlock .box::before{padding-top:60%;}
  .textImageBlock .InfoBlock{padding:60px 80px;}
  .plants{height:110px;}
  /* text Image Block end */

  .pageIntroBlock .titleBlock{padding-left:60px; padding-right:60px;}

  /* scheduleAreaBlock start */
  .scheduleAreaBlock.TBspace{padding-top:0;}
  .slideInfobox.desktop{padding-right:200px;}
  .btnFloorPlan, .btnSpacePlan{top:5px;}
  /* .slideInfobox.desktop .flArea,
  .slideInfobox.desktop .flText,
  .slideInfobox.mobile .flName{display:none;}
  .slideInfobox.mobile{display:block; padding-top:30px; padding-bottom:4px; padding-bottom:0;} */

  .northSign, .floorSlide .slick-arrow, .expandicon, .brochureIcon{top:auto!important; bottom:4px!important;}
  .slideInfobox{padding-right:0;}
  .flArea{ font-size: 19px; line-height:28px;}
  .slideInfobox .flText{min-height:48px; font-size:14px; line-height:20px;}
  .floorSlide{ padding-bottom:48px!important;}
  /* schedule Area Block end */

  /* footer start here */
  .col.footerLogoSec{border-bottom:0px;}
  footer .col{padding:10px 0px;}
  .col.footerLogoSec{width:100%; order:1; padding-top: 0; padding-bottom:30px;}
  .col.footerNavSec{padding-bottom:0!important; border-bottom: 0px;}
  .col.footerInfoSec, .col.footerNavSec{width:100%; text-align:center; padding:30px 0;}
  .col.footerInfoSec, .col.footerNavSec{padding-top: 0px;}
  .footerDesc{margin:0 auto; max-width:380px; padding-bottom:0;}

  .footerMenu{justify-content:center;}
  .footerNav{ padding-bottom: 0;}
  .footerNav ul li:last-child{padding-right:6px;}

  .noFooterText, .deskAddress{display:none;}
  .mobAddress{display:block;}
  /* footer end here */

  .col.footerDownloadsSec{width:100%; padding: 0;}
  .downloadsHolder{align-self:center;}
  .footerTopBorder .grid .col{width:100%; text-align:center;}

  .footerTopBorder .footerMenu{justify-content:center;}
  .footerTopBorder .devLink{text-align:center;}
  .footerTopBorder .col.footerNavSec{ display: none;}

  .logoBox{justify-content:center; height:auto; max-width:340px; margin:0 auto 20px auto; border-bottom:#2B2E34 solid 1px;}
  .logoBox img{max-height:80px;}
   .downloadContactBlock .downloadBlock::before{display:none;}

   .downloadContactBlock .contactBlock{padding-bottom:20px;}
   .downloadContactBlock .downloadBlock{padding-top:20px;}

   .floorDownloads ul{padding:0 20px;}

   .floorDownloads ul li{width:100%; text-align:center;}
   .floorDownloads ul li a{min-width:200px; padding:10px 16px;}
  .floorDownloads{padding-top:40px;}

  .floorBuilding{transform:scale(1);}

  .cky-audit-table-element h3{
    font-size:30px;
    line-height:38px;
    margin:0!important;
  }

}

@media screen and (max-width: 600px) {
#wpadminbar{position:fixed!important;}
}

@media screen and (min-width: 0px) and (max-width:550px){

  .TBspace{padding-top:40px; padding-bottom:40px;}
  .B_WTitleiconsBlock.TBspace{padding-bottom:40px;}
  .videoSec{padding-top:40px;}
  .summarySpecBlock.TBspace,
  .B_WTitleiconsBlock.TBspace{padding-top:40px; padding-bottom:40px;}
  .scheduleAreaBlock.TBspace{padding-bottom:40px;}
  .textImageBlock.TBspace{padding-top:40px;}

  .pageIntroBlock.TBspace{ padding-bottom: 20px;}

  .galleryTrigger{width:140px;height:140px;}
  .galleryTrigger .linkTitle{font-size:28px; line-height:30px; margin-top:-20px;}

  input[type="submit"], input[type="button"], input[type="reset"], button, .btn{
    min-width:200px; max-width:400px;
    padding:14px 18px;
    font-size:14px;
    line-height:22px;
  }

  .largeLogo{display:none;}
  /* heroBlock start */
  .home-page .heroBlock h1{font-size:33vw; line-height:27vw;}
  .home-page .heroBlock .heroCaption{font-size:6.6vw; line-height:8.8vw; letter-spacing: -0.236vw;}
  .home-page .heroBlock .clipImage{width:50%;}
  .home-page .heroBlock.TBspace{padding-bottom:44%;}

  .about-me-page .heroBlock h1{font-size:38vw; line-height:31vw;}
  .about-me-page .heroBlock .heroCaption{top:42%;}
  .about-me-page .heroBlock .clipImage{width:50%;right:4%; bottom:5%;}
  .about-me-page .heroBlock{padding-bottom:26%;}

  .our-pledge-page .heroBlock{padding-bottom:40%;}
  .our-pledge-page .heroBlock .heroCaption{top:40%;}
  .our-pledge-page .heroBlock .clipImage{width:48%; right:2%; bottom:-2%;}

  .my-friends-page .heroBlock .clipImage{width:38%;}
  body.my-friends-page .heroBlock.TBspace{padding-bottom:48%;}
  .my-friends-page .heroBlock .heroCaption{top:42%; line-height:11vw; max-width: 80%;}

  .my-makers-page .heroBlock .heroCaption{max-width:80%!important; top:46%;}
  .my-makers-page .heroBlock .heroGreenText{
    width:50%;
    margin-left:auto;
    margin-right:10%;
    font-size:12vw;
    line-height:9vw;
    padding-top:0;
    margin-top:16%;
  }

  .page-template-template-contact .heroCaption{max-width:100%;}
  .say-hello-page .heroBlock h1{font-size:40vw; line-height:34vw;}
  body.page-template-template-contact .heroCaption .heroGreenText{font-size:18vw;
      line-height:9vw;}

  .page-template-template-contact .heroBlock.TBspace{padding-bottom:38%;}

  .heroCaption,
  .my-makers-page .heroBlock .heroCaption,
  .say-hello-page .heroCaption h2{font-size:6.6vw; line-height:9.6vw; letter-spacing:-0.236vw; max-width:100%;}

  .home-page .heroBlock .heroCaption{top:29%;}
  .home-page .heroBlock .clipImage{bottom:-5%;}
  /* heroBlock end */

  .captionLinkImageBlock .captionTitleLink.TBspace{padding-bottom:100px;}

  .captionCheeseImageBlock .captionTitleLink,
  .captionCycleImageBlock .captionTitleLink{position:relative; top:0; transform:none;}
  .captionCycleImageBlock .captionTitleLink.TBspace,
  .captionCheeseImageBlock .captionTitleLink.TBspace{padding-top:80px; padding-bottom:34%;}

  .captionCheeseImageBlock .whiteLargeTitle,
  .captionCycleImageBlock .whiteLargeTitle{
    position:absolute;
    left:0; right:0; top:50%;
    transform:translate(0, -50%);
  }
  .cheeseClip{width:40%;}
  .captionCycleImageBlock .btnHolder{padding-bottom:0; padding-top:40px;}

  .captionTitleLink.TBspace{padding-top:80px; padding-bottom:80px;}
  .captionTitleLink h2{font-size:6vw; line-height:8vw; letter-spacing:-0.123vw; max-width:94%;}
  .captionTitleLink h2 br{display:none;}
  .esgCycle{width:84%;}
  .captionCycleImageBlock .whiteLargeTitle{margin-top:-12%;}

  .textImageBlock .titleBlock,
  .B_WTitleiconsBlock .titleBlock,
  .captionClipBlock .titleBlock,
  .travelMapBlock .titleBlock{padding-bottom:40px;}

  .pageIntroBlock .titleBlock{padding-left:0px; padding-right:0px;}

  /* summarySpecBlock start */
  body.device .summaryIcons{padding-top:40px;}
  .summaryIcons{padding-left:10px; padding-right:10px;}
  .summarySpecBlock .col{padding:4px; width: 50%;}

  .earthIcon{height:100px;}
  .summaryIcons.showEarth{padding-top:94px;}
  body.device .summaryExpText{width: 44%; top:4%; left:20px;}
  /* summarySpecBlock end */

  /* B-W Title & Icons start  */
  .B_WTitleiconsBlock .col{width:100%; padding-left:10px; padding-right:10px;}
  .B_WTitleiconsBlock .iconBox{height:auto;}
  .B_WTitleiconsBlock .desc{padding-top:20px;}
  /* B-W Title & Icons end  */

  .InfoBlock{padding: 40px 20px;}

  /* Caption Illustration start here */
  .imageCredits{padding-top:20px;}
  /* Caption Illustration end here */

  /* text Image Block start */
  .recordlist li.row:first-child .InfoBlock{ 
    /* padding-top:34%; */
    padding-top:230px;
  }
  .textImageBlock .InfoBlock{padding:40px 20px;}
  .paraglider{
    /* width:24vw; */
    width: auto;
     right:0;
     height: 200px;
    }

    .textImageBlock .InfoBlock p{padding:14px 0;}
    .textImageBlock .InfoBlock p:last-child{padding-bottom:14px;}
    .textImageBlock.TBspace{padding-bottom:70px;}
    .textImageBlock .InfoBlock h2{padding:10px 0;}
    .textImageBlock .titleBlock h2 br{display:block;}
  /* text Image Block end */

  .fullWidthImageBlock .imageCaption{
    background-size:80px;
    padding-top:34px;
    padding-left:50px;
    font-size:30px; line-height:28px;
  }

  /* bw Icon Slider Block start */
  .slideCaptionHolder{ padding-top:40px}
  .slideCaptionHolder h3{font-size:20px; line-height:28px;}
  .slideCaptionHolder .desc{ font-size: 16px; line-height:24px;}
  /* bw Icon Slider Block end */

  /* gallery template start here */
  .alm-gallery-img{width:100%; padding-left:0; padding-right:0;}
  ul.tabs li{line-height:0;}
  ul.tabs li button{font-size:22px; line-height:22px;}
  .alm-gallery-img{padding:10px 6px;}
  /* gallery template end here */

  /* logoTextBlock start here */
  .logoTextBlock .col{padding:50px 20px}
  .logoIcon{padding-bottom:20px;}
  .logoTextBlock .btnHolder{padding-top:30px;}
  .logoIcon img{max-height:60px;}
  /* logoTextBlock end here */

  /* area Map Block start here */
  .tapExplore{width:40%; top:20%; margin:auto; left:10%; right: auto;}
  .mapSlideHolder .slick-prev{left:40px;}
  .mapSlideHolder .slick-next{right:40px;}
  .cheesePeaceImage{right:10px; height:160px; width:172px; top:-10px;}
  .mapSlideText{width:50%; font-size:8vw; line-height:7.2vw; left:2%;}
  /* area Map Block end here */

  /* photo Wall start here */
  .photoCation.mobile{width:31%;}
  .photoWallBlock.TBspace{padding-bottom:60px;}
  .familyCaption{left:8%; width:42%;}
  .nineImages .imageNumber.Four{margin-top:-76%;}
  .nineImages .imageNumber.Three{margin-top:-22.5%;}
  .nineImages .imageNumber.Six{margin-top:27%;}
  .nineImages .imageNumber.Eight{margin-top:-197%;}
  .nineImages .imageNumber.Two{margin-top:62%;}
  .nineImages .imageNumber.Nine{margin-top:-97%;}
  .nineImages .imageNumber.Seven{margin-top:61%;}
  .photoHolder .imageCaption{font-size:9px; line-height:16px; bottom:-20px;}
  .photoWallBlock.nineImages .imageNumber.Two .imageCaption{bottom:-20px;}

  .photoWallBlock.sixImages .photoHolder{ padding-top: 20px;}
  .morningTime{top:-4%;}
  .dayTime{top:38%;}
  .nightTime{top:56%;}
  .sixImages .imageCaption{
    bottom:-18px; line-height:12px; width:100%;
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  .sixImages .imageNumber.One .imageCaption,
  .sixImages .imageNumber.Five .imageCaption{padding-right:26%}
  .photoWallBlock.sixImages .imageNumber.Two .imageCaption{top:-28px;}
  /* photo Wall end here */

  /* travel Map Block start here */
  .travelMapBlock .titleBlock{padding-bottom:30px;}
  .distanceInfo, .legendslist, .mapInfo{padding:10px 0;}
  .travelMapImage.mobile{padding:20px 0;}
  .legendName{font-size:10px; line-height:18px; padding-left:6px;}
  .legendslist li{padding:2px 0; padding-right:14px!important;}
  .distanceInfo{font-size:18px; line-height:26px; letter-spacing:-0.9px;}
  .mapInfo{font-size:14px; line-height:22px;}
  /* travel Map Block end here */

  /* Caption Illustration start here */
  .illustration img{
    width:auto;
    max-width:900px;
    height:300px;

  }
  .illustration lottie-player, .illustration video{
  max-width:900px;
  width: 600px;
  height:auto;}
  /* Caption Illustration end here */

  /* contact page start here */
  .contactBlock .col{font-size:15px; line-height:24px; letter-spacing:-0.75px; padding-top:20px;}
  .contactBlock .col:nth-child(3){padding-top:20px;}
  .contactBlock .col:last-child p:last-of-type{padding-bottom: 0;}
  .logoBox img{max-height:44px;}
  .contactBlock .col:nth-child(3) .logoBox img{max-height:100px;}
  /* contact page end here */

  /* fullwidth image block start here */
  .fullWidthImageBlock.full .fullimageSec{height:34vh;}
  /* fullwidth image block end here */

  .pageNotFound{padding:20px 20px;}
  .pageNotFound > div{width:160px; height:160px;}
  .pageNotFound > div span{font-size:4rem;}
  .pageNotFound{font-size:18px; line-height:26px;}
  .pageNotFound h4{font-size:28px; line-height:36px; padding-bottom:16px;}

  .flArea{font-size:16px; line-height:20px;}
  .slideInfobox .flText{font-size:12px; line-height:18px; min-height:auto;}

  .summarySpecBlock .iconTitle{
    font-size:2.909vw; 
    line-height:3.4vw; 
    letter-spacing: -0.109vw; 
    /* padding:12px; */
  }

  .slideInfobox.desktop{padding-right:0; padding-bottom:60px; position:relative;}
  .btnFloorPlan{left:0; right: auto; top: auto!important; bottom: 20px;}
  .btnSpacePlan{left:106px; right: auto; top: auto!important; bottom: 20px;}

  .tap-icon{display:block;}

  body.device .floorimageLink, body.device .spaceimageLink{ padding-top: 30px;}

  .summarySpecBlock .iconTitle > div{
    font-size: max(12px, min(12px + (16 - 12) * ((100vw - 320px) / (550 - 320)), 16px));
    line-height: max(14px, min(14px + (18 - 14) * ((100vw - 320px) / (550 - 320)), 18px));
  }

  .summarySpecBlock .iconTitle > div{
    -webkit-line-clamp:3;
  }

}

@media screen and (min-width: 0px) and (max-width:480px){
  .cky-notice-btn-wrapper{flex-wrap:wrap;}
  .cky-notice-btn-wrapper .cky-btn-reject,
  .cky-notice-btn-wrapper .cky-btn-accept{width:48%!important;}

  .paraglider{height:140px;}
  .recordlist li.row:first-child .InfoBlock{padding-top:172px;}
}

@media screen and (min-width: 0px) and (max-width:420px){
  .rowLevel.topItem .level span{font-size:8px; line-height:12px; letter-spacing: 0; top:8px;}
  /* .rowLevel .officeSpace{position:relative;}
  .rowLevel .officeSpace span{font-size:9px; position:absolute; left:0; top:8px; line-height:9px;} */
  /* .rowLevel:nth-child(28){height:25px;} */
  .rowLevel .officeSpace {
    width: 60% !important;
  }

  .rowLevel .terraceSpace {
    width: 20% !important;
  }
}

@media screen and (min-width: 0px) and (max-width:380px){
body{font-size:18px; line-height:26px;}
ul.tabs li button{font-size:17px; line-height:18px;}
.titleBlock h2, .InfoBlock h2{font-size:30px; line-height:38px;}
.titleBlock h2 span{
  font-size:56px;
  line-height:42px;
}
.pageIntroBlock .introDesc{font-size:20px; line-height:28px; letter-spacing:-1px;}

.photoWallBlock .titleBlock{padding-bottom:50px;}
.nineImages .imageNumber.Four{margin-top:-81%;}
.nineImages .imageNumber.Three{margin-top:-22.5%;}
.nineImages .imageNumber.Six{margin-top:27%;}
.nineImages .imageNumber.Five{margin-top: -136%;}
.nineImages .imageNumber.Eight{margin-top:-206%;}
.nineImages .imageNumber.Two{margin-top:69%;}
.nineImages .imageNumber.Nine{margin-top:-101%;}
.nineImages .imageNumber.Seven{margin-top:67%;}

/* area Map Block start here */
.mapSlideHolder .slick-prev{left:10px;}
.mapSlideHolder .slick-next{right:10px;}
/* area Map Block end here */

.cky-notice-btn-wrapper .cky-btn-reject,
.cky-notice-btn-wrapper .cky-btn-accept{width:48%!important;}
}

@media screen and (min-width: 0px) and (max-width:340px){
  .cky-notice-btn-wrapper .cky-btn-reject,
  .cky-notice-btn-wrapper .cky-btn-accept{width:100%!important;}
    .rowLevel .level {
      width: 15% !important;
    }
    .rowLevel .officeSpace {
      width: 65% !important;
    }
}

@media screen and (min-width: 0px) and (max-width:324px){
body.device .summaryExpText{width:48%; top:6%; left:20px;}
.earthIcon{height:90px; margin-top:-5px;}
.summaryGreenText{font-size:30px; line-height:28px;}

}