@media screen and (min-width: 0px) and (max-width:1921px){
  .dicoverBox h1 { font-size: 4.5vw; line-height: 5vw; }
  .squreFtBox h3 { font-size: 1.5vw; line-height: 2vw;}
  .dicoverBox h1 { max-width: 800px;}

  .availabilityBox ul li div { font-size: 1.9vw; line-height: 2.2vw; }
  .availabilityBox ul li:first-child div { font-size: 2vw; line-height: 2vw;}
  .availabilityBox ul li:first-child div sub { font-size: 1.1vw; line-height: 2vw;}

  .mapSquareFt { font-size: 3.3vw; line-height: 3.3vw; }
  .mapSquareFt span { font-size: 7vw; line-height: 7vw; }
  .mapData h2 { font-size: 2.3vw; line-height: 2.5vw; }

}
/* @media screen and (min-width: 0px) and (max-width:1680px){
  .availability_tab_DataTO_enquiry_tab .infosection { width: 100%; max-width: 1000px; }
} */
@media screen and (min-width: 0px) and (max-width:1600px){

  .dicoverBox h1 { max-width: 650px; }
  .mainNavmenu li { max-width: 16%; width: 100%;}
  .availabilityBox ul { max-width: 850px; width: 100%; }
  .availabilityBox ul li div:first-child { max-width: 150px;}
  .clickToShowslider img { max-width: 18px; }
  .enquiriesBox h1 { font-size: 5vw; line-height: 5vw; }
  .infosection .wp-9 ul li {  font-size: 16px; line-height: 24px;}
  .slick-prev, .slick-prev:before, .slick-next:before, .slick-next { background-size: 20px;}
  .floorplan .slick-next { margin-left: 55px; }
  .mapSquareFt { margin-top: 20px;}

  .infosection { max-width: 850px; width: 100%; }
  .availability_tab_DataTO_enquiry_tab .infosection { width: 100%; max-width: 850px; }
  .availability_tab_DataTO_enquiry_tab .infosection .wp-9 ul,
  .availability_tab_DataTO_enquiry_tab .infosection .wp-9 ol {  padding: 5px 15px 5px;}
  .infosection .wp-9 ul, .infosection .wp-9 ol { padding: 5px 15px 5px;}

}
@media screen and (min-width: 0px) and (max-width:1440px){
  h1.pageTitleTag { font-size: 45px; line-height: 55px; }
  .page-template-default h2 { font-size: 40px; line-height: 50px;}

  ul#menu-menu { max-width: 1100px; width: 100%;}
  .home .logo_wrapper a { width: 180px; }

  @-webkit-keyframes logo-b {
    0% {
      top: 12vw;
      width: 333px;
    }
    100% {
      top: 0;
      width: 180px;
    }
  }

  .home .logo_wrapper a { display: block; top: 0; width: 180px; height: auto; display: block; position: absolute;
    -webkit-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Safari 4+ */
    -moz-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Fx 5+ */
    -o-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Opera 12+ */
    animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards;
  }


  section#gallery_tab.heightFullcover { margin-top: 155px;}
  .gallery { max-width: 100vw; width: 90%;}
  .dicoverBox h1 { font-size: 3.77vw; line-height: 4.5vw; }
  .squreFtBox h3 { font-size: 1.5vw; line-height: 2.5vw; }

  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation Start */
      @-webkit-keyframes HomeTabToEnquiryTabBgMid {
         0% {
           top: 30vw;
           width: 130vw;
         }
         10% {
           top: 20.5vw;
            width: 135vw;
         }
         100% {
           top: -2vw;
           width: 157vw;
         }
      }

      .home-tab_To_enquiry_tab .enquiriesBgMid_Box {
         top: 30vw;
         width: 130vw;
        -webkit-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Safari 4+ */
        -moz-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Fx 5+ */
        -o-animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards; /* Opera 12+ */
        animation: HomeTabToEnquiryTabBgMid 0.3s cubic-bezier(0, 0.17, 1, 0.99) forwards;
      }


  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation Start */



    @-webkit-keyframes enquiryTabToHomeTabBgMid {
       0% {
         top: -2vw;
         width: 157vw;
          opacity: 1;
       }
       65% {
         top: 40vw;
         width: 150vw;
         opacity: 1;
       }
       75% {
         top: 40vw;
         width: 150vw;
         opacity: 0;
       }
       100% {
         top: 40vw;
         width: 150vw;
         opacity: 0;
       }
    }
    .enquiry_tab_To_home-tab .enquiriesBgMid_Box {
       top: -2vw;
       opacity: 1;
       width: 157vw;
      -webkit-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Safari 4+ */
      -moz-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Fx 5+ */
      -o-animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards; /* Opera 12+ */
      animation: enquiryTabToHomeTabBgMid 0.66s ease-in forwards;
      animation-delay: 0.1s;
    }

  /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation End */

  /* Gallery-tab_To_enquiry_tab enquiries_Backgorund_Mid animation Start */
    .gallery_tab_To_enquiry_tab .enquiriesBgMid_Box {  top: -2vw; -webkit-transition: none; -o-transition: none; transition: none; }

  /* Gallery-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation Start */
    @-webkit-keyframes enquiryTabToGalleryTabBgMid {
       0% {
         top: -2vw;
       }
       100% {
         top: 100vw;
       }
    }
    .enquiry_tab_To_gallery_tab .enquiriesBgMid_Box { top: -2vw;
      -webkit-animation: enquiryTabToGalleryTabBgMid  0.5s linear forwards;
      -moz-animation: enquiryTabToGalleryTabBgMid  0.5s linear forwards;
      -o-animation: enquiryTabToGalleryTabBgMid  0.5s linear forwards;
      animation: enquiryTabToGalleryTabBgMid  0.5s linear forwards;
    }

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_availability_tab enquiries_Backgorund_Mid animation start */
      @-webkit-keyframes enquiryTabToAvailabilityBgMid {
         0% {
           top: -2vw;
         }
         100% {
           top: 100vw;
         }
      }

      .enquiry_tab_To_availability_tab .enquiriesBgMid_Box {
         top: -2vw;
        -webkit-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Safari 4+ */
        -moz-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Fx 5+ */
        -o-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Opera 12+ */
        animation: enquiryTabToAvailabilityBgMid 1s linear forwards;
      }

  /* enquiry_tab_To_availability_tab enquiries_Backgorund_Mid animation End */



  .availability_tab_DataTO_enquiry_tab .enquiriesBox { margin-top: 0; }
  .availability_tab_DataTO_enquiry_tab .infosection .wp-9 ul,
  .availability_tab_DataTO_enquiry_tab .infosection .wp-9 ol { padding: 5px 15px 5px; }
  .availability_tab_DataTO_enquiry_tab .infosection .wp-9 ul:first-child { padding-left: 15px; }
  .availability_tab_DataTO_enquiry_tab .infosection { max-width: 820px; width: 100%;}
  .infosection { max-width: 820px; width: 100%; }

  .availabilityBox ul { max-width: 800px; width: 100%; }
  .availabilityBox ul li div:last-child a:before { top: -16px;}

}

@media screen and (min-width: 0px) and (max-width:1420px){
  .availabilityBox ul li:first-child div sub { top: -7px;}
}
@media screen and (min-width: 0px) and (max-width:1366px){
  .infoPopup h1 { font-size: 60px;}
  .infoPopup .popupHeading { text-align: center; padding: 10px 0 50px; }
  .closebtnpop { right: 20px; width: 45px; height: 45px; z-index: 1; }
  .infoPopup .innerContent { padding: 30px 80px;}
  .closebtnpop::after, .closebtnpop::before { width: 30px;}

  .dicoverBox h1 { max-width: 600px;}
  .infosection { margin-top: 60px; }

  /* .infosection .wp-9 ul:first-child { padding-left: 40px; } */
  .infosection { max-width: 770px; width: 100%; }
  .availability_tab_DataTO_enquiry_tab .infosection { max-width: 770px; width: 100%;}
  .infosection .wp-9 ul,
  .infosection .wp-9 ol li { padding: 0 0 5px 20px;}
  .availability_tab_DataTO_enquiry_tab .wp-9 ul,
  .availability_tab_DataTO_enquiry_tab .wp-9 ol { padding: 0 0 5px 20px;}



  .clickToShowslider img { max-width: 15px; }
  .slick-prev, .slick-prev:before, .slick-next:before, .slick-next { width: 40px; height: 50px; display: block; }
  .floorplan .slick-prev, .floorplan .slick-next { bottom: 45px;}
  .floorplan .slick-next { margin-left: 50px; }

  #floorplanPage .slick-prev, .slick-prev:before,
  #floorplanPage .slick-next:before, .slick-next { width: 40px;}

  .gallery .slick-prev, .slick-prev:before, .gallery .slick-next:before, .slick-next { width: 35px; }

  .availabilityBox ul { max-width: 700px; width: 100%; }

}

@media screen and (min-width: 0px) and (max-width:1280px){
  ul#menu-menu { max-width: 1000px; width: 100%; }

  .single .logo_wrapper a, .page-template-default .logo_wrapper a { width: 150px; }
  .single header#myHeader, .page-template-default header#myHeader {  height: 120px;}

  .infosection .wp-9 ul, .infosection .wp-9 ol li { padding: 0 0 10px 10px; }
  .availability_tab_DataTO_enquiry_tab .wp-9 ul,
  .availability_tab_DataTO_enquiry_tab .wp-9 ol { padding: 0 0 10px 10px;}

  .mainNavmenu li a { font-size: 14px;}
  .dicoverBox h1 { max-width: 450px;}
  .squreFtBox h3 { top: 12px;}
  .availabilityBox ul li div:first-child { max-width: 120px;}
  .availabilityBox ul li > div:nth-child(2) { max-width: 150px;}

  .enquiriesBox { margin-top: -50px; }
  .availability_tab_DataTO_enquiry_tab .enquiriesBox { margin-top: -50px; }

  .mapSquareFt span.reservedBlock { font-size: 9vw; line-height: 11vw; letter-spacing: -1px;}


}
@media screen and (min-width: 0px) and (max-width:1200px){
  .gallery { max-height: 95%;  height: 100vh;}
  .availabilityBox ul { max-width: 630px; width: 100%; }
  .availabilityBox ul li div:first-child { max-width: 100px; }
  .availabilityBox ul li:first-child div sub { top: -6px; font-size: 1.3vw; line-height: normal; }

  ul#menu-menu { max-width: 1000px; width: 100%; }

  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */

      @-webkit-keyframes HomeTabToEnquiryTabBgMid {
         0% {
           top: 100vw;
         }
         100% {
           top: 0;
         }
      }

      .home-tab_To_enquiry_tab .enquiriesBgMid_Box {
         top: 100vw;
        -webkit-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Safari 4+ */
        -moz-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Fx 5+ */
        -o-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Opera 12+ */
        animation: HomeTabToEnquiryTabBgMid 1s linear forwards;
        animation-delay: 0.5s;
      }

  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation start */
    .gallery_tab_To_enquiry_tab .enquiriesBgMid_Box {
        opacity: 1;
       top: 0;
       -webkit-transition: none; -o-transition: none; transition: none;
    }
    @-webkit-keyframes enquiryTabToGalleryBgMid {
       0% {
         top: -100vw;  -webkit-transition: none; -o-transition: none; transition: none;
         opacity: 0;
       }
       20% {
         top: 0;
         opacity: 1;
       }
       100% {
         top: 0;
         opacity: 1;
       }
    }

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_gallery_tab  enquiries_Backgorund_Mid animation start */
    .enquiry_tab_To_availability_tab .enquiriesBgMid_Box {
       top: 0vw;
      -webkit-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Safari 4+ */
      -moz-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Fx 5+ */
      -o-animation: enquiryTabToAvailabilityBgMid 1s linear forwards; /* Opera 12+ */
      animation: enquiryTabToAvailabilityBgMid 1s linear forwards;
      animation-delay: 0.5s;
    }
    @-webkit-keyframes enquiryTabToAvailabilityBgMid {
       0% {
         top: 0vw;
       }
       100% {
         top: 100vw;
       }
    }

  /* enquiry_tab_To_gallery_tab  enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */
    .enquiry_tab_To_gallery_tab .enquiriesBgMid_Box {
       top: 0vw;
      -webkit-animation: enquiryTabToGalleryBgMid 1s linear forwards; /* Safari 4+ */
      -moz-animation: enquiryTabToGalleryBgMid 1s linear forwards; /* Fx 5+ */
      -o-animation: enquiryTabToGalleryBgMid 1s linear forwards; /* Opera 12+ */
      animation: enquiryTabToGalleryBgMid 1s linear forwards;
      animation-delay: 0.5s;
    }
    @-webkit-keyframes enquiryTabToGalleryBgMid {
       0% {
         top: 0vw;
       }
       100% {
         top: 100vw;
       }
    }

  /* enquiry_tab_To_gallery_tab enquiries_Backgorund_Mid animation End */

  /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation Start */

    .enquiry_tab_To_home-tab .enquiriesBgMid_Box {
       top: 0vw;
      -webkit-animation: enquiryTabToHomeTabBgMid 1s linear forwards; /* Safari 4+ */
      -moz-animation: enquiryTabToHomeTabBgMid 1s linear forwards; /* Fx 5+ */
      -o-animation: enquiryTabToHomeTabBgMid 1s linear forwards; /* Opera 12+ */
      animation: enquiryTabToHomeTabBgMid 1s linear forwards;
      animation-delay: 0.5s;
    }

    @-webkit-keyframes enquiryTabToHomeTabBgMid {
       0% {
         top: 0vw;
       }
       100% {
         top: 100vw;
       }
    }

  /* enquiry_tab_To_home-tab enquiries_Backgorund_Mid animation End */

  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation Start */
    .home-tab_To_enquiry_tab .enquiriesBgMid_Box {
      width: 157vw;
      top: 100vw;
      -webkit-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Safari 4+ */
      -moz-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Fx 5+ */
      -o-animation: HomeTabToEnquiryTabBgMid 1s linear forwards; /* Opera 12+ */
      animation: HomeTabToEnquiryTabBgMid 1s linear forwards;
      animation-delay: 0.5s;
    }

    @-webkit-keyframes HomeTabToEnquiryTabBgMid {
       0% {
         top: 100vw;
       }
       100% {
         top: 0vw;
       }
    }

  /* home-tab_To_enquiry_tab enquiries_Backgorund_Mid animation End */

}
@media screen and (min-width: 0px) and (max-width:1100px){
  .mac-os .squreFtBox h3 { top: -10px; }
}

@media (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .enquiriesBox { margin-top: -75px; }
}

@media screen and (min-width: 0px) and (max-width:1024px){
  .squreFtBox { bottom: 20px;}

  .infoPopup .popupHeading { text-align: center; padding: 10px 0 10px; position: sticky; top: 0; background: #ff2d20; }
  .infoPopup .innerContent { padding: 30px 30px; }
  .infoPopup h1 { font-size: 45px; line-height: 45px; letter-spacing: normal;}

  body, table { font-size: 16px !important; line-height: 22px;}
  h1.pageTitleTag { font-size: 40px; line-height: 50px; }
  h4 { font-size: 23px; line-height: 29px;}
  h5 { font-size: 18px; line-height: 24px;}

  table th { font-size: 18px !important; line-height: 20px;}

  .closebtnpop { width: 40px; height: 40px; z-index: 1; }
  .closebtnpop::after, .closebtnpop::before { width: 25px; }

  .cky-cookie-audit-table td { font-size: 16px !important; }

}

@media screen and (min-width: 0px) and (max-width:1023px){
  .desktopOrientation .ladyWithDogImg {
    width: 22vw;
  }
}

@media only screen and (max-width:992px){
  .cli-style-v2.cli-bar-container { justify-content: center; flex-wrap: wrap; }
  .cli-style-v2 .cli-bar-btn_container { width: 100% !important; margin-top: 5px;}
  .cli-style-v2 .cli-bar-message { width: 100% !important;}
  div#cookie-law-info-bar { padding: 10px 20px !important;}

  .entry table thead th { min-width: 200px; }

  .cky-box-bottom-left { bottom: 20px !important; left: 20px !important; }

}

/* ############################### */
      /* mobile css start */
/* ############################### */
@media (max-width:1023px), (orientation : portrait) {

  html, html.htmlMac-os {
      overflow-y: auto !important;
  }
  body.landscapeMode { position: fixed; overflow: hidden; }

  .legalPopupOpen section#enquiry_tab { display: none; }
  .legalPopupOpen #page-wrap { position: relative; }

  .bottomWave .homeBottomWave3 { top: auto; }

  table { table-layout: auto; width: 100% !important;}


  /* home-tab bottom space animation start */
    @-webkit-keyframes macOsMobileBottomSectionBefore {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .introLoadedDone .homepageSection.activeTab ~ .enquiriesSection.mobileBottomSection:before {opacity: 0; content: ""; position: absolute; background: #FF2D20;
      width: 100%; height: 50px; left: 0; top: -50px;
      -webkit-animation: macOsMobileBottomSectionBefore 0.2s linear forwards; /* Safari 4+ */
      -moz-animation: macOsMobileBottomSectionBefore 0.2s linear forwards; /* Fx 5+ */
      -o-animation: macOsMobileBottomSectionBefore 0.2s linear forwards; /* Opera 12+ */
      animation: macOsMobileBottomSectionBefore 0.2s linear forwards;
      animation-delay: 1s;
    }
    .mac-os.introLoaded .homepageSection.activeTab ~ .enquiriesSection.mobileBottomSection:before { animation-delay: 0;}

  /* home-tab bottom space animation End */

  .landscapeMode .navMenubar { display: none; }
  .landscapeMode .logo_wrapper,
  .landscapeMode .logo_wrapper a { width: 130px !important;  }
  .landscapeMode .logo_wrapper a { animation: none !important; transition: none !important; }
  #landscapeDiv { padding: 20px 30px 20px; height: 100%;}
  #landscapeDiv .mobile_modal-content { height: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center;
    justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #landscapeDiv h1 { font-size: min(16px, max(18px + (16 - 20) * ((100vw - 1024px) / (320 - 1024)), 16px)); line-height: 24px; margin: 0 auto;
    order: 1; font-family: 'larsseitregular'; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; }
  #landscapeDiv .mobile_modal-content img { width: 11vw; }
  .landscapeMode #myHeader { display: none; }

  /* Menu css start */
    .openMenu img.logohome { display: none; }
    .openMenu img.logoEnquire { display: block; }
    .logo_wrapper { width: 30vw; top: 16px; }
    .navMenubar { width: auto;}
    header #burgurMenu { display: block; left: 4.5vw; top: 25px; right: unset; }
    header .navMenubar .menu-menu-container { width: 100%; height: 100%; padding: 0px; z-index: -1; display: block; position: fixed; top: 0; bottom: 0;
      right: unset; left: -105%; background-color: #6896B2; transition: cubic-bezier(.03,.02,0,.65) .35s ; }
    header .navMenubar .menu-menu-container.active { left: 0; overflow: visible;}
    ul#menu-menu { height: 100%; width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
      -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;
      justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .mainNavmenu li { max-width: 100%; width: 100%; }
    .mainNavmenu li a { color: #ffffff; font-size: 9vw; letter-spacing: -1px; line-height: 9vw; padding: 0px 5px; margin: 3.5vw 0; }

    .mainNavmenu li:first-child a, .mainNavmenu li:nth-child(2) a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .mainNavmenu li:last-child a, .mainNavmenu li:nth-child(3) a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

  /* Menu css End */

  /* ########### Logo animation Start ########### */
      .home .logo_wrapper a { display: block; top: 0; width: 35vw; height: auto; display: block; position: absolute;
        -webkit-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Safari 4+ */
        -moz-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Fx 5+ */
        -o-animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards; /* Opera 12+ */
        animation: logo-b 1.3s cubic-bezier(.22,.61,.36,1) forwards;
      }

      @-webkit-keyframes logo-b {
        0% {
          top: 40vw;
          width: 65vw;

        }
        100% {
          top: 0;
          width: 35vw;
        }
      }

  /* ###########  Logo animation End  ########### */

  .mobileHeightFullcover .bottomWave { height: 100vh; }

  .homeBottomWave3 img.homeBottom3 { width: 165vw; }
  .mobileHeightFullcover .bottomWave .homeBottomWave3 {
    bottom: -45.5vw;
    width: 165vw;
    left: -33.3vw;
    -webkit-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46,.03,.52,.96) forwards;
    -moz-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46, .03, .52, .96) forwards;
    -ms-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46, .03, .52, .96) forwards;
    animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46,.03,.52,.96) forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
  }
  @-webkit-keyframes mobileHomeBottomWaveAnimation3 {
    0% {
        bottom: -45.5vw;
    }
    30% {
        bottom: -30.5vw;
    }
      60% {
        bottom: -30.5vw;
    }
    100% {
        bottom: -19.5vw;
    }
  }


  /* homepage homepage men with Mobile animation start here */

    #animationWrappperMobile .menAndWomenImg { position: absolute; bottom: -3px;
      -webkit-transform: translateX(-21vw);
      -ms-transform: translateX(-21vw);
      transform: translateX(-21vw);
      -webkit-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -moz-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -ms-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation-delay: 1s;
    }

    @-webkit-keyframes menMobileLeftToRight {
      0% {
        -webkit-transform: translateX(-21vw);
        -ms-transform: translateX(-21vw);
        transform: translateX(-21vw);
      }
      40%{
        -webkit-transform: translateX(-6vw);
        -ms-transform: translateX(-6vw);
        transform: translateX(-6vw);
      }
      70%{
        -webkit-transform: translateX(-6vw);
        -ms-transform: translateX(-6vw);
        transform: translateX(-6vw);
      }
      100% {
        -webkit-transform: translateX(4vw);
        -ms-transform: translateX(4vw);
        transform: translateX(4vw);
      }
    }

  /* homepage men with Mobile animation End here */

  /* homepage LadyWithDog animation start here */

    #animationWrappperMobile .ladyWithDogImg { position: absolute; bottom: 0;
      -webkit-transform: translateX(110vw);
      -ms-transform: translateX(110vw);
      transform: translateX(110vw);
      -webkit-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -moz-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -ms-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation-delay: 1s;
    }

    @-webkit-keyframes MobilELadyWithDogRightToleft {
      0% {
        -webkit-transform: translateX(110vw);
        -ms-transform: translateX(110vw);
        transform: translateX(110vw);
      }
      40%{
        -webkit-transform: translateX(68vw);
        -ms-transform: translateX(68vw);
        transform: translateX(68vw);
      }
      70%{
        -webkit-transform: translateX(68vw);
        -ms-transform: translateX(68vw);
        transform: translateX(68vw);
      }
      100% {
        -webkit-transform: translateX(56vw);
        -ms-transform: translateX(56vw);
        transform: translateX(56vw);
      }
    }

  /* homepage LadyWithDog animation End here */

  /* ########### homepage data showing animation Start ########### */
      .hommePageDataMb h1 { opacity: 0; visibility: hidden;
        -webkit-animation: hommePageH1Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        -moz-animation: hommePageH1Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        -o-animation: hommePageH1Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        animation: hommePageH1Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        animation-delay: 1.5s;
      }

      @-webkit-keyframes hommePageH1Show {
        0% {
          opacity: 0;
           visibility: hidden;
        }
        100% {
          opacity: 1;
           visibility: visible;
        }
      }

      #burgurMenu,
      .hommePageDataMb h3 { opacity: 0;visibility: hidden;
        -webkit-animation: hommePageH3Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        -moz-animation: hommePageH3Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        -o-animation: hommePageH3Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        animation: hommePageH3Show 1.3s cubic-bezier(.22,.61,.36,1) forwards;
        animation-delay: 2.5s;
      }

      @-webkit-keyframes hommePageH3Show {
        0% {
          opacity: 0;
          visibility: hidden;
        }
        100% {
          opacity: 1;
          visibility: visible;
        }
      }

  /* ########### homepage data showing animation End ########### */


  /* ########### Tabbing section opacity animation starts  ########### */

    .mobileHeightFullcover { overflow: hidden; height: 100vh; width: 100%; position: absolute; top: 0; opacity: 0; visibility: hidden; z-index: 0; }

    @-webkit-keyframes mobileHeightFullcoverZindex {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .mobileHeightFullcover.activeTab { visibility: visible; z-index: 1;
      -webkit-animation: mobileHeightFullcoverZindex 0.5s linear forwards; /* Safari 4+ */
      -moz-animation: mobileHeightFullcoverZindex 0.5s linear forwards; /* Fx 5+ */
      -o-animation: mobileHeightFullcoverZindex 0.5s linear forwards; /* Opera 12+ */
      animation: mobileHeightFullcoverZindex 0.5s linear forwards;
      animation-delay: 0.3s;
    }

    .Data_enquiry_tab .logo_wrapper img.logohome { display: none; }
    .Data_enquiry_tab .logo_wrapper img.logoEnquire { display: block; }


  /* ########### Tabbing section opacity animation End  ########### */

  /* ########### Pepople animation section Mobile Start  ########### */
    div#animationWrappperMobile { height: 100vh; width: 100%; position: absolute; overflow: hidden; z-index: 0; top: 0; left: 0; }
    .homepageSection.activeTab { z-index: 9; }


  /* ########### Pepople animation section Mobile End  ########### */

    .mobileOrientation  header#myHeader { position: absolute; }
    .mobileOrientation  div#burgurMenu { position: fixed; top: 20px; bottom: auto; }
    .mobileOrientation .logo_wrapper { position: relative; top: 0px; }
    .mobileOrientation .logo_wrapper a { width: 35vw; }

    #page-wrap { display: flex; flex-direction: column; }
    #page-wrap > section { min-height: 100vh; padding: 0 6vw;}
    #page-wrap > section#gallery_tab { padding: 100px 6vw 0; }


  /* Homepage Mobile css start */
    #home-tab #animationWrappper { overflow: hidden; height: 100vh; width: 100%; position: absolute; overflow: hidden; z-index: 9; top: 0; left: 0; }
    .hommePageDataMb { min-height: 100vh; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
      text-align: center; padding: 0 20px; margin: -20vw 0 0;}
    .hommePageDataMb h1 { font-size: 9vw; letter-spacing: -1.08px; line-height: 10vw; color: #6896B2; margin: 0; padding: 0; max-width: 90%; width: 100%; }
    .hommePageDataMb h3 { font-size: 5vw; letter-spacing: -0.48px; line-height: 6vw; color: #6896B2; margin: 5vw 0 0; padding: 0; }

  /* Homepage Mobile css End */

  /* gallery page Mobile css start */
    .gallerySection.activeTab  { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; }
    .galleryMb { width: 90vw; margin: 20vw auto 0;}
    .galleryMb .gallerySlides .box::before { padding-top: 45%; }
    .galleryMb .slick-slide img { display: block; width: 100%; height: 100%; object-position: center; object-fit: cover; }
    .galleryMb .box { margin: 10px 0; }
    .galleryMb button.slick-prev { left: 50%; top: -70px; transform: translateX(-50%) rotate(90deg); width: 30px; }
    .galleryMb .slick-prev::before { content: ""; background-image: url(../images/rightArrowLightBlue.svg) !important; background-repeat: no-repeat; background-position: center center; transform: rotate(180deg); }
    .galleryMb button.slick-next { left: 50%; bottom: -70px; transform: translateX(-50%) rotate(90deg); width: 30px; top: unset; }
    .galleryMb .slick-next::before { content: ""; background-image: url(../images/rightArrowLightBlue.svg) !important; background-repeat: no-repeat; background-position: center center; }
    .gallerySlides.slick-slide { opacity: 1 !important; }
  /* gallery page Mobile css End */


  /* availability page Mobile css start */
    /* body.openFloorplan { overflow: hidden; position: fixed; } */
    /* .openFloorplan .logo_wrapper { position: fixed; top: 12px; } */
    #floorplanPage { max-height: 120vh; overflow: hidden; padding: 0 !important;}
    .availabilityBoxMb { height: 100%; width: 100%; padding: 20vw 7vw 0; display: -webkit-box; display: -ms-flexbox;
      display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
      -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    }

    .availabilityBoxMb > div { width: 75%; }
    .availabilitySection .blockBoxRowYellow {color: #EDA600;}
    .blockBoxRowYellow li.firstRow { border-bottom: 1px solid #EDA600; }
    .availabilitySection .blockBoxRowLightBlue { color: #6896B2; margin-top: 9vw;}
    .availabilitySection .blockBoxRowLightBlue li{ border-bottom: 1px solid #6896b2;}
    .blockBoxRowLightBlue li.firstRow { border-bottom: 1px solid #6896B2; }
    .availabilitySection ul , .availabilitySection ul li{ list-style-type: none;}
    .availabilitySection ul { margin: 0;padding: 0;}
    .availabilitySection ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2vw 0; text-align: center;}
    .availabilitySection ul li div:first-child { width: 20%; }
    .availabilitySection ul li div { width: 33.33%; font-size: 3.6vw; font-family: 'larsseitmedium';}
    .availabilitySection ul li div:last-child { width: 10%; position: absolute; right: 0; }
    .availabilitySection ul li div:nth-child(2) { width: 50%; text-align: right; padding-right: 14%; }
    .availabilitySection ul li div:nth-child(3) { padding-right: 40px; display: none;}
    .firstRow div:nth-child(2) { justify-content: flex-end; padding-right: 6% !important; }

    .availabilitySection ul li.floorMb { position: relative;}
    .availabilitySection ul li.floorMb a { background-image: none;}
    .availabilitySection ul li.floorMb a img {margin-left: auto;}
    .blockNameMb { padding-bottom: 10px; text-align: center; line-height: 1; font-size: 3.7vw; font-family: 'larsseitmedium'; }
    .blockNameMb span { display: block; font-weight: 700; font-size: 15vw; line-height: 16  vw; font-family: 'larsseitregular'; }
    .firstRow div { font-size: 3vw; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;
      -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center;
      -ms-flex-align: center; align-items: center; }
    .firstRow div span { font-size: 2vw; margin-left: 0.7vw; margin-top: 10px;}

    .availabilitySection .blockBoxRowLightBlue li:last-child { border-bottom: 0; }

    .availabilitySection ul li.firstRow div:nth-child(3) { padding-right: 0px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

    .blockBoxRowYellow .clickToShowslider img, .blockBoxRowLightBlue .clickToShowslider img { display: none; }
    .blockBoxRowYellow .clickToShowslider { background: url(../images/rightArrowYellow.svg) right center no-repeat !important;
      background-size: 16px !important;
      display: block;
      width: 35px;
      height: 25px;
      margin-left: auto;
      margin-right: 5px;
    }
    .blockBoxRowLightBlue .clickToShowslider { background: url(../images/rightArrowLightBlue.svg) right center no-repeat !important;
      background-size: 16px !important;
      display: block;
      width: 35px;
      height: 25px;
      margin-left: auto;
      margin-right: 5px;
    }
    .mapData, .mapBlock, .mapData h2, .mapData h2.mapBlock { color: #6896B2;}
    .mapData.yellowTextValue, .mapData.yellowTextValue .mapBlock, .mapData.yellowTextValue h2, .mapData.yellowTextValue h2.mapBlock {
      color: #EDA600;
    }

    /* floor plan design start */
      #floorplanPage.activeTab { opacity: 1 !important; visibility: visible !important; -webkit-animation: none !important; animation: none !important; }
      .hideFloorPlan { opacity: 0 !important; visibility: hidden !important; transition: none !important;}
      .plandesignBox { padding: 25vw 0 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
      .plandesignBox .sldieLftSide { order: 1; width: 100%; height: 40%; margin-top: 5%;}
      .plandesignBox .slideRightSide { width: 100%; height: 45%; padding: 0 5vw;}
      .mapsliderImgBox { width: 100% }
      .mapData { padding-left: 0; margin-top: -10%; }
      .sliderCount { font-size: 60vw; left: -9vw; margin-top: -5vw; }
      .mapData h2 { font-size: 4.5vw; letter-spacing: -0.54px; line-height: 5.5vw;  margin: 0; padding: 0; text-transform: uppercase; font-family: 'larsseitmedium';}
      .mapSquareFt { font-size: 6.3vw; letter-spacing: 0px; line-height: 7vw; }
      .mapSquareFt:last-child { margin-top: 3px; }
      .mapSquareFt span { font-size: 14vw; letter-spacing: -2.7px; line-height: 14vw; margin-right: 7px; }

      .availabilitySection ul li.floorMb a:before { content: ""; position: absolute; top: -13px; width: 100%; height: 200%; left: 0; }

      .floorplan { display: flex; height: 100vh; }
      .rightlegend { display: none; }
      .floorSeeAvailiability { font-size: 3.3vw; line-height: 3.5vw; letter-spacing: 0; margin: 0 auto; left: 0; right: 0; text-align: center; color: #6896B2; font-family: 'larsseitmedium'; }
      .floorplan .slick-prev, .floorplan .slick-next { left: 0; bottom: 30px; right: 0; margin: auto; height: 60px;}
      .floorplan .slick-next { margin-left: auto; left: 60px; bottom: 50px; }
      .floorplan .slick-prev { min-width: auto; left: -60px !important; bottom: 50px; }

      .slick-prev, .slick-prev:before, .slick-next:before, .slick-next { height: 50px; background-size: 3vw; background-position: bottom;}

      .galleryMb .slick-prev:before, .galleryMb .slick-next:before { background-size: 4vw; width: 50px; }

      .floorplan .slick-next:before { background-image: url(../images/rightArrowLightBlue.svg) !important;}
      .floorplan .slick-prev:before { background-image: url(../images/rightArrowLightBlue.svg) !important; transform: rotate(180deg); background-position: 100% 0; }

    /* floor plan design End */

  /* availability page Mobile css End */

  /* Enquiries page Mobile css start */
    body.Data_enquiry_tab { overflow: visible; position: absolute; top: 0; }
    .enquiriesSection.mobileBottomSection { position: absolute; top: 100vh; min-height: auto !important; }
    body.Data_enquiry_tab .logo_wrapper { position: absolute; top: 16px; }
    .enquiriesSection.mobileBottomSection.activeTab { top: 0; position: relative !important; padding-top: 25vw; height: 100vh !important;}
    .enquiriesSection.mobileBottomSection.activeTab .enquiriesBoxMb { height: 100%; }
    .enquiriesSection.mobileBottomSection.activeTab h2.titleOfenquire { position: relative; margin: 50px 0 0; }
    .enquiriesSection.mobileBottomSection.activeTab .enquiriesBoxMb { padding: 0; margin-top: -30px; }

    .Data_enquiry_tab #burgurMenu span { background: #ffffff; }
    .mobileBottomSection .logoCbre img.cbreImg { max-width: 26vw; margin-bottom: 9vw; }
    .mobileBottomSection.activeTab .logoCbre img.cbreImg { max-width: 35vw;}

    .mobileBottomSection .enquiriesBoxMb { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 75px 0; z-index: 0; position: relative;}
    .enquiriesSection { order: 1; background-color: #FF2D20; color: #ffffff; text-align: center;}
    .enquiriesSection * {color: #ffffff;}
    .enquiriesSection a { color: #ffffff; text-decoration: none; background: none; }
    .enquiriesSection .infosection { font-size: 3.5vw; line-height: 4.5vw; letter-spacing: -0.54px; display: -webkit-box; display: -ms-flexbox;
      display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; }
    .enquiriesSection .infosection ul, .enquiriesSection .infosection ol { width: 100%; margin: 7vw 0; padding: 0; }
    .enquiriesSection .infosection ul:last-child { margin-bottom: 0; }
    .enquiriesSection ul,
    .enquiriesSection ul li, .enquiriesSection ol li { text-align: center; list-style-type: none; padding: 0;}
    .enquiriesSection ul li strong, .enquiriesSection ol li strong { font-family: 'larsseitbold';}
    .enquiriesBoxMb > h1 { font-size: 7vw; line-height: 7vw; margin-bottom: 2vw; margin-top: 0; }
    .mobileBottomSection.activeTab h1 { display: none; }
    .infosection { margin-top: 5vw; margin-bottom: 10px;}
    .logoCbre a { margin: 20px 0 10px; display: inline-block; }
    .logoCbre img.cbreImg { margin: 0 auto; }

    .menAndWomenImg { width: 19vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
    .ladyWithDogImg { width: 42vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: auto; }
    .titleOfenquire { display: none; margin-top: 0; font-size: 9vw; position: absolute; bottom: 10vw; }
    .mobileBottomSection.activeTab .titleOfenquire { display: block;}

    .enquiriesSection.mobileBottomSection.activeTab h2.titleOfenquire { position: relative !important; bottom: 0; }
    .enquiriesSection.mobileBottomSection.activeTab .infosection { margin-top: 0; }


  /* Enquiries page Mobile css End */

  .pageNotFound svg { width: 100%; height: 100%;}

}

/* ############################### */
      /* mobile css End */
/* ############################### */

@media (orientation : landscape) {
  html, html.htmlMac-os {
        overflow-y: hidden !important;
    }

}

@media screen and (min-width: 0px) and (max-width:820px){
  .availabilitySection ul li div { font-size: 4vw; }
  .single div#page-wrap, .page-template-default div#page-wrap { padding: 10px 20px 0;}

  .floorSeeAvailiability { bottom: 50px;}

  .galleryMb .gallerySlides .box::before { padding-top: 45%; }
  .galleryMb button.slick-next { bottom: -50px;}
  .floorplan .slick-prev,
  .floorplan .slick-next { bottom: 65px;}

  .firstRow div span { margin-top: 6px; }

  .introLoadedDone .homepageSection.activeTab ~ .enquiriesSection.mobileBottomSection:before { height: 75px !important; top: -75px !important; }

  .infoPopup h1 { font-size: 40px; line-height: 45px; }
  .hommePageDataMb h1 { font-size: 8vw; line-height: 9vw;}
  .hommePageDataMb h3 { font-size: 4vw; line-height: 5vw; margin: 3vw 0 0;}

  .infosection .wp-9 ul, .infosection .wp-9 ol li { padding: 0 0 10px 30px; }

  .mapSquareFt span.reservedBlock { font-size: 11vw; line-height: 13vw; letter-spacing: -1px; }

}

@media screen and (min-width: 0px) and (max-width:680px){
  .floorplan .slick-prev,
  .floorplan .slick-next  { bottom: 45px;}
  .pageNotFound { margin: 40px 0 30px;}
  .pageNotFound h3 { font-size: 40px; line-height: 40px; margin-bottom: 10px; margin-top: 0;}
  .floorSeeAvailiability { bottom: 30px;}
  .galleryMb button.slick-next { bottom: -30px;}
  .galleryMb button.slick-prev {  top: -60px;}
  #landscapeDiv h1 { font-size: min(14px, max(16px + (16 - 18) * ((100vw - 1024px) / (320 - 1024)), 16px)); line-height: 20px;}

  /* home-tab bottom space animation start */

  .introLoadedDone .homepageSection.activeTab ~ .enquiriesSection.mobileBottomSection:before { height: 100px !important; top: -100px !important;
    z-index: 0 !important; }

  .firstRow div span { margin-top: 7px; line-height: normal;}

  /* home-tab bottom space animation End */

}
@media screen and (min-width: 0px) and (max-width:600px){
  .availabilitySection ul li div:nth-child(2) { width: 40%; }
  .availabilitySection ul li div { width: 40.33%; }
  .firstRow div:nth-child(2) { justify-content: flex-end; padding-right: 0 !important; }
  .availabilitySection ul li div:nth-child(2) { width: 40%; text-align: right; padding-right: 5%; }

}
@media screen and (min-width: 0px) and (max-width:576px){
  h1.pageTitleTag { font-size: 35px; line-height: 45px; }
  .page-template-default h2 { font-size: 30px; line-height: 40px;}
  .cky-preference-center { max-height: 90vh !important; }
  .cky-preference-header { padding: 15px 24px !important; }
  .cky-footer-shadow { background: none !important;}
  .cky-prefrence-btn-wrapper .cky-btn { max-width: max-content !important; min-width: 150px !important; margin: 6px !important; padding: 4px !important; }
  .cky-box-bottom-left { bottom: 20px !important; left: 20px !important; }
  .cky-prefrence-btn-wrapper { gap: 0 !important; }
  .infoPopup h1 { font-size: 35px; line-height: 40px; width: 80%; margin: 0 auto; padding: 10px 0;}
  .closebtnpop { right: 10px; margin-top: 10px;}
}
@media screen and (min-width: 0px) and (max-width:550px){

  .availabilityBoxMb > div { width: 85%; }

  /* ###########  Logo animation Start  ########### */

  .home .logo_wrapper a { display: block; top: 55vw; width: 75vw; }

  @-webkit-keyframes logo-b {
    0% {
      top: 60vw;
      width: 75vw;
    }
    50% {
      top: 60vw;
      width: 75vw;

    }
    100% {
      top: 0;
      width: 35vw;
    }
  }

/* ###########  Logo animation End  ########### */

  #landscapeDiv h1 { font-size: 18px; line-height: 28px; }
  #landscapeDiv .mobile_modal-content img { width: 14vw; }

  .mainNavmenu li a { font-size: 12vw; letter-spacing: -1px; line-height: 13vw; margin: 5vw 0; }
  /* .blockBoxRowYellow .clickToShowslider,
  .blockBoxRowLightBlue .clickToShowslider { width: 12px;} */
  .availabilitySection ul li div { font-family: 'larsseitmedium';}
  .enquiriesSection .infosection { font-size: 4vw; line-height: 5vw; letter-spacing: 0; font-family: 'larsseitmedium';}
  .enquiriesSection .infosection ul { width: 100%; margin: 6vw 0;}
  .mobileBottomSection .logoCbre img.cbreImg { max-width: 36vw; margin-bottom: 12vw; }
  .mobileBottomSection.activeTab .logoCbre img.cbreImg { max-width: 45vw;}

  #gallery_tab { margin-top: 10vw; }
  .galleryMb { margin: 0vw auto;}
  .galleryMb .gallerySlides .box::before { padding-top: 65%; }

  .titleOfenquire { bottom: 15vw;}
  h2.titleOfenquire { margin: 20px 0 0; }
  .enquiriesSection.mobileBottomSection.activeTab h2.titleOfenquire { margin: 20px 0 0; }

  .enquiriesSection.mobileBottomSection.activeTab .footerLinks { bottom: 50px;}

  .firstRow div span {  margin-top: 3px; }

  .floorplan .slick-prev { min-width: auto; left: -40px !important; bottom: 25px; }
  .floorplan .slick-next { margin-left: auto; left: 40px; bottom: 25px; }
  .enquiriesBoxMb > h1 { font-size: 9vw; line-height: 9vw; letter-spacing: 0.1px;}

  .pageNotFound h3 { font-size: 30px; line-height: 30px;}
  .pageNotFound p { font-size: 18px; line-height: 23px;}
  .pageNotFound svg { width: 100%; height: 100%; padding: 20px 0;}

  .sliderCount { font-size: 100vw;}
  .plandesignBox { padding: 29vw 0 20px; }
  .plandesignBox .slideRightSide { height: 45%; }
  .plandesignBox .sldieLftSide { height: 50%;}
  .mapData h2 { font-size: 6vw; letter-spacing: -0.54px; line-height: 7vw; }
  .mapSquareFt span { font-size: 25vw; letter-spacing: -2.7px; line-height: 25vw; margin-right: 7px; }

  #floorplanPage .slick-prev, .slick-prev:before,
  #floorplanPage .slick-next:before, .slick-next { width: 30px; }
  .floorplan .slick-prev, .floorplan .slick-next { height: 40px; bottom: 31px !important;}
  .slick-prev, .slick-prev:before, .slick-next:before, .slick-next { background-position: center !important;}

}

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

  .infoPopup h1 { font-size: 27px; line-height: 35px; width: 80%; margin: 0 auto; padding: 10px 0; }

  .blockBoxRowLightBlue .clickToShowslider,
  .blockBoxRowYellow .clickToShowslider { height: 20px; width: 30px;}

  .cky-box-bottom-left { bottom: 20px; left: 0 !important; width: 90% !important; right: 0; margin: 0 auto; }
  .cky-notice-btn-wrapper .cky-btn { font-family: 'larsseitmedium'; text-transform: uppercase; width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin-bottom: 5px !important;margin-left: 0 !important;
    margin-right: 0 !important; }
  button.cky-btn.cky-btn-customize { margin: 0 0 5px !important;}
  .cky-notice-btn-wrapper .cky-btn:last-child { margin-bottom: 0 !important; }
  .cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding: 0 5px !important;
  }
  .cky-notice-btn-wrapper .cky-btn-accept { order: 3 !important; }

  .hommePageDataMb h1 { max-width: 95%;}

  .availabilitySection ul li div:nth-child(3) { padding-right: 23px; }

  .hommePageDataMb { margin: -40vw 0 0;}

  .galleryMb .gallerySlides .box::before { padding-top: 55%; }
  .galleryMb button.slick-next { bottom: -40px;}
  .galleryMb button.slick-prev  { top: -60px;}
  .galleryMb .box { margin: 7px 0; }

  section#floorplanPage { height: 110% !important; }


  /* homepage bottomWave animation start here */
    .mobileHeightFullcover .bottomWave .homeBottomWave3 {
      bottom: -45.5vw;
      width: 165vw;
      left: -33.3vw;
      -webkit-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -moz-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46, .03, .52, .96) forwards;
      -ms-animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46, .03, .52, .96) forwards;
      animation: mobileHomeBottomWaveAnimation3 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s;
    }
    @-webkit-keyframes mobileHomeBottomWaveAnimation3 {
      0% {
          bottom: -45.5vw;
      }
      30% {
          bottom: -27.5vw;
      }
        60% {
          bottom: -27.5vw;
      }
      100% {
          bottom: -7.5vw;
      }
    }
  /* homepage bottomWave animation End here */


  .menAndWomenImg {width: 27vw; }
  .ladyWithDogImg {width: 60vw;}


  /* homepage homepage men with Mobile animation start here */

    #animationWrappperMobile .menAndWomenImg { position: absolute; bottom: -3px;
      -webkit-transform: translateX(-30vw);
      -ms-transform: translateX(-30vw);
      transform: translateX(-30vw);
      -webkit-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -moz-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -ms-animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation: menMobileLeftToRight 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation-delay: 1s;
    }

    @-webkit-keyframes menMobileLeftToRight {
      0% {
        -webkit-transform: translateX(-30vw);
        -ms-transform: translateX(-30vw);
        transform: translateX(-30vw);
      }
      40%{
        -webkit-transform: translateX(-9vw);
        -ms-transform: translateX(-9vw);
        transform: translateX(-9vw);
      }
      70%{
        -webkit-transform: translateX(-9vw);
        -ms-transform: translateX(-9vw);
        transform: translateX(-9vw);
      }
      100% {
        -webkit-transform: translateX(4vw);
        -ms-transform: translateX(4vw);
        transform: translateX(4vw);
      }
    }

  /* homepage men with Mobile animation End here */

  /* homepage LadyWithDog animation start here */

    #animationWrappperMobile .ladyWithDogImg { position: absolute; bottom: 0;
      -webkit-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
      transform: translateX(100vw);
      -webkit-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -moz-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      -ms-animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation: MobilELadyWithDogRightToleft 2s cubic-bezier(.46,.03,.52,.96) forwards;
      animation-delay: 1s;
    }

    @-webkit-keyframes MobilELadyWithDogRightToleft {
      0% {
        -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        transform: translateX(100vw);
      }
      40%{
        -webkit-transform: translateX(55vw);
        -ms-transform: translateX(55vw);
        transform: translateX(55vw);
      }
      70%{
        -webkit-transform: translateX(55vw);
        -ms-transform: translateX(55vw);
        transform: translateX(55vw);
      }
      100% {
        -webkit-transform: translateX(40vw);
        -ms-transform: translateX(40vw);
        transform: translateX(40vw);
      }
    }

  /* homepage LadyWithDog animation End here */


}

@media screen and (min-width: 0px) and (max-width:374px){
  .footerLinks li a { padding: 7px; font-size: 13px;}
}