@media only screen and (min-width:1920px){
  .heroWithText { padding-bottom: 152px;}
  .heroWithText .banner-caption { top: auto; bottom: 0; }
}
@media screen and (min-width: 0px) and (max-width:1920px){
  .heroWithText { padding-bottom: 150px; margin-bottom: 50px;}
  .page-template-template-building .heroWithText { margin-bottom: 0; }
  .heroWithText .banner-caption { top: auto; bottom: 0; }
}
@media screen and (min-width: 0px) and (max-width:1680px){
  .headingdataBox { bottom: 102px; }
  /* menu css start */
  .plusTrigger { top: 30px; width: 3.3vw; height: 3.3vw; }
  /* menu css End */
  .footerINfO { padding: 0 20px 0 20px;}
}
@media screen and (min-width: 0px) and (max-width:1600px){

  /* Common css start */
    .introRowSection h2 { font-size:90px; line-height:100px; }
    .introRowSection h3 {font-size: 55px; line-height: 65px; margin-bottom: 10px;}
    h1{font-size:71px; line-height:80px; margin-bottom: 10px;}
    h2{font-size:60px; line-height:70px; margin-bottom: 10px;}
    h3{font-size: 50px; line-height: 65px; margin-bottom: 10px;}
    h4{font-size: 40px; line-height: 50px; margin-bottom: 10px;}
    h5{font-size: 35px; line-height: 45px;}
    h6{font-size: 30px; line-height: 40px;}
    body { font-size:23px ; line-height: 29px;}
    blockquote { font-size:25px; line-height:32px;}
    blockquote * { font-size: 25px; line-height: 32px;}
    p { padding: 0px 0px 20px 0px;}
    .wp-caption { padding: 0px 0px 10px;}
    .histoyGroupSection .flexWrap .wp-6 { font-size: 23px;}
    .cky-audit-table-element h3 { font-size: 27px; line-height: 37px;}

    /* #page-wrap { padding-top: 100px; } */
    .TB-Space { padding-top: 50px; padding-bottom: 50px; }
    .histoyGroupSection { padding-bottom: 0 !important; }

/* Common End start */

/* Homepage section Start */
   .introRowSection h2 { margin-top: 40px;}
   .introRowSection h4.sectiontitle { margin-top: 40px;}
   .histoyGroupSection .container_1400.topSpace { padding: 30px 0 80px 0px; max-width: 1200px;}
   .histoyGroupSection .container_1400 h4 { margin-bottom: 30px; }
   /* .heroWithText .banner-caption { top: auto; bottom: 0.7vh; } */

/* Homepage section End */

/* building page css start */
  .building { top: 22px;}
  .specification .speceDiv { font-size: 25px; line-height: 28px; margin-bottom: 0;}

/* building page css End */

/* location page Start */
  .leftHandText { top: 19%; }

  .map-caption { position: absolute; top: 0; width: 470px; margin-top: 15%;}
/* location page End */

/* contact page css start */
  .Contactinfo h6 { font-size: 23px;  line-height: 25px;}
  .Contactinfo a:first-child { font-size: 25px; }
  .Contactinfo a { line-height: 30px; font-size: 23px; }
  .developByWRE h6 {font-size: 23px; line-height: 25px; margin-bottom: 10px;}
  .contactUsBoxes.flexWrap { margin: 20px 0;}
  .developByWRE { margin: 0px 0 30px; padding-top: 10px;}
  .Contactlogo { max-width: 200px; width: auto;}
  .developByWRE img { max-width: 220px; width: auto; margin-top: 10px; }

/* contact page css End */

/* footer start */
  .footerINfO { width: 35%; padding-right: 20px; }
  .FooterBottomMenu li { margin-bottom: 6px; }
/* footer end */
}
@media screen and (min-width: 0px) and (max-width:1480px){
  body.navActive { overflow-x: scroll !important; overflow-y: scroll !important;}

  .menu-footer-menu-container { width: 15%;}
  .introRowSection h2 { font-size:70px; line-height:80px;  margin-bottom: 0;}
  .introRowSection h3 {font-size: 35px; line-height: 45px; margin-top: 0;}
  .histoyGroupSection .container_1400.topSpace { padding: 20px 20px 70px 20px; }
  .headingdataBox { bottom: 107px; }

  /* building page start */
  .slick-prev, .slick-next { top: 30px !important; }
  .specification .speceDiv { font-size: 22px; line-height: 25px;}
  /* .speceDiv .spaceImage img { width: auto; max-height: 130px; height: auto; } */
  /* .spaceImage { height: 150px;} */
 /* building page End */

/* location pages start */
 .doorstep2 { padding: 90px 0 50px; }
/* location pages End */
}
@media screen and (min-width: 0px) and (max-width:1440px){
  .introRowSection h2 { font-size:60px; line-height:70px; }
  .introRowSection h3 {font-size: 35px; line-height: 45px;}
  .introRowSection h4.sectiontitle { margin-top: 20px; font-size: 35px; }
  h1{font-size:60px; line-height:70px; }
  h2{font-size:55px; line-height:64px; }
  body { font-size: 21px; line-height: 29px; }
  .sectiontitle { text-align: center; margin-bottom: 30px; }
  .histoyGroupSection .flexWrap .wp-6 { font-size: 21px;}

 .histoyGroupSection .flexWrap .wp-6:first-child { padding-left: 0; }
 .histoyGroupSection .flexWrap .wp-6:last-child { padding-right: 0; }

 .dataHolder { padding: 20px 100px 20px 35px;}

 .pageNotFound { margin: 35px auto 35px; padding: 50px 30px 20px; }

 .footerINfO { width: 38%; }

}
@media screen and (min-width: 0px) and (max-width:1365px){
  /* common css start */
  .container_1800,
  .container_1680,
  .container_1600,
  .container_1500,
  .container_1400,
  .container_1200 {
   	padding: 0 20px;
  }
  /* #page-wrap { padding-top: 90px; } */
  .TB-Space { padding-top: 35px; padding-bottom: 35px; }
  /* common css End */

  /* header css start */
  .header { padding: 15px 0;}
  .header .container { padding: 0 20px;}

  .logo svg.homeLogo { width: 50px; margin-top: 0; height: 50px; }
  .burgerMenu { width: 50px; height: 50px;}
  .menuCloseIcon, .burgerMenu { width: 50px; height: 50px;}
  .icon { height: 2px; width: 27px; top: 23px;}
  .icon:before, .icon:after { width: 27px;}
  .burgerMenu.is-active .icon { top: 24px; }
  .icon:after { top: 8px;}
  .icon:before { top: -8px;}
  .closeNavMenu { right: 30px;}
  /* header css End */

  /* Homepage section Start */
   .banner-caption .dataBox { padding: 80px 15px 0; max-width: 90px;}
   .banner-caption.verticlLogo .dataBox img { max-width: 48px;}
   /* .banner-caption.verticlLogo .dataBox img { width: 40px; } */
   .introRowSection h2 { margin-top: 30px;}
   /* .introRowSection h4.sectiontitle { margin-top: 50px;} */
   .histoyGroupSection .container_1400.topSpace { padding: 20px 20px 50px 20px;}
   .histoyGroupSection .container_1400 h4 { margin-bottom: 30px;}

   .homebannerSection { position: relative; margin-top: -90px; }
   .headingdataBox { bottom: 105px; }
   .heroWithText { padding-bottom: 175px; margin-bottom: 0;}
   .heroWithText .banner-caption { top: auto; bottom: 3.9vh; }
   .heroWithText .bottomArrow { bottom: 10px; }

   .dataHolder h2 { font-size: 50px; line-height: 60px; }
   .dataHolder h3 { line-height: 35px; font-size: 27px; margin-bottom: 20px; }
   .dataHolder h4.sectiontitle { font-size: 27px; margin-bottom: 0; text-align: left; margin-top: 0; line-height: 35px; }
   .dataHolder .downArrow { cursor: pointer; width: 27px; height: 25px;}

  /* Homepage section End */

  /* building page css start */
  .building { top: 7px;}
  .specification .speceDiv { font-size: 20px; line-height: 24px; margin-bottom: 0px; padding: 20px 10px;}
  .speceDivBox { margin-bottom: 15px;}
  .buildingLevelWrap.animated .levelblock:last-child:after { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}

  @keyframes afterWidthLastChild {
		0% {
				width: 0;
			}
		100% {
				width: 90%;
		}
	}

  .building { max-width: 675px;}
  .floorNum { font-size: 18px;}
  .terraceSpace { font-size: 16px;}
  .levelblock { padding: 24px 0 10px 0px;}
  .levelblock:last-child { padding-top: 30px; padding-bottom: 15px; }
  .FloorSubLevel { font-size: 13px; line-height: 20px;}

  .spaceImage { width: 100%; height: 120px;}

  .floorImgBox a { max-width: 600px; width: auto;}

  /* building page css End */

  /* contact page css Start */
    .Contactlogo { max-width: 175px; width: auto;}
    .developByWRE img { max-width: 200px; width: auto; margin: 10px auto;}
    .contactFooter ul#menu-footer-menu li { font-size: 16px; padding-right: 30px;}
    section.contactSection { min-height: 91vh; }
  /* contact page css End */

  /* footer start */
    .footerINfO { width: 40%; padding-right: 20px; }

  /* footer end */

  .pageNotFound h3 {font-size: 35px; line-height: 35px;padding: 0; margin-bottom: 20px; margin-top: 10px; letter-spacing: 3px;}
}
/*
 @media only screen and (min-width:1281px){
  .swiper-button-next:hover, .swiper-button-prev:hover { opacity: 0.6 !important;}
}
*/
@media screen and (min-width: 0px) and (max-width:1280px){

  .heroWithText { padding-bottom: 163px; }
  .heroWithText .banner-caption { top: auto; bottom: 3vh; }

  /* building page start */
  .legendsOfMap { padding: 30px 0 30px; }
  /* .spaceImage { margin-bottom: 20px; height: 150px;} */
  .speceDiv p { padding: 0 15px; }

  .floorNum { font-size: 18px; line-height: 22px; }
  .terraceSpace { font-size: 16px; line-height: 20px; margin-top: 3px; }
  .lavelPlusSign svg { width: 35px; }
  .levelblock { padding: 11px 0 10px 0px;}
  .levelblock:last-child { padding-top: 10px; }
  .FloorSubLevel { margin-top: 10px; padding-left: 58px;}
  .building {top: 24px; max-width: 575px; width: auto;}
  .buildingLevelWrap.animated .levelblock:last-child:after { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}

  @keyframes afterWidthLastChild {
		0% {
				width: 0;
			}
		100% {
				width: 81%;
		}
	}

  /* building page End */

  /* location page start */
  .leftHandText, .rightHandText { font-size: 1.5vw; line-height: 1.8vw; }

  /* location page End */

/* footer start */
  footer { padding: 20px 0 15px;}
  footer .container > div:last-child { width: 100%; margin-top: 20px; text-align: center; display: block; }
  .footerINfO { width: 50%; padding-right: 20px; }
  .menu-footer-menu-container { width: 17%; }
  .developBy { width: 18%;}
  .uspLogo { width: 15%; }
  footer span.currentYear { margin-right: 0; }
/* footer End */

.pageNotFound svg { width: 70%; height: 100%;}
}
@media screen and (min-width: 0px) and (max-width:1200px){
  .jarallax { height: 55vh; }
  .sectiontitle { text-align: center; margin-bottom: 25px; }
  .FloorplanSlider { margin-top: 30px; }
  .map-caption { width: 370px; font-size: 18px; line-height: 24px; }

  .banner-caption.verticlLogo .dataBox img { max-width: 46px; }

  .topMenu li a:hover { color: #E2DED7; background: transparent !important;}

  section.contactSection { min-height: 95vh; }

}
@media screen and (min-width: 0px) and (max-width: 1194px) {
  @media all and (orientation: landscape) {

  }
  @media all and (orientation: portrait) {

  /* ######################    main css Start  #######################  */
    main {
      -webkit-transition: -webkit-transform 1s var(--easing);
      transition: -webkit-transform 1s var(--easing);
      -o-transition: transform 1s var(--easing);
      transition: transform 1s var(--easing);
      transition: transform 1s var(--easing),
      -webkit-transform 1s var(--easing);
    }
    .navActive main {
      -webkit-animation: mainGetToRight 2s var(--easing) !important;
      animation: mainGetToRight 2s var(--easing) !important;
    }

    @-webkit-keyframes mainGetToRight {
      0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
        background: #000 !important
      }

      50% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
        background: #000 !important
      }
      50.1% {
        opacity: 0;
        visibility: hidden;
        z-index: -9999;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      100% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        background: #000 !important;
        z-index: -999;
      }
    }
    @keyframes mainGetToRight {
      0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
        background: #000 !important
      }

      50% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        visibility: visible;
        background: #000 !important
      }
      50.1% {
        opacity: 0;
        visibility: hidden;
        z-index: -9999;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
      }
      100% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        background: #000 !important;
        z-index: -9999;
      }
    }

  /* ######################    main css End  #######################  */

  /* ######################   main leave wrapper css start  #######################  */
    main.home-leave-active, main.barba-leave-active {
      -webkit-transition: -webkit-transform 1s var(--easing);
      transition: -webkit-transform 1s var(--easing);
      -o-transition: transform 1s var(--easing);
      transition: transform 1s var(--easing);
      transition: transform 1s var(--easing),
      -webkit-transform 1s var(--easing),
      -moz-transform 1s var(--easing);
    }

    main.home-leave-to, main.barba-leave-to  {
       -webkit-animation: mainStadyToleft 1s var(--easing) forwards;
               animation: mainStadyToleft 1s var(--easing) forwards;
                 opacity: 1;
             white-space: normal;
    }

    @-webkit-keyframes mainStadyToleft {
      0 {
        opacity: 1;
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }

    @keyframes mainStadyToleft {
      0 {
        opacity: 1;
         transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }

  /* ######################    main leave  css End  #######################  */

  /* ######################    main Enter to css Start  #######################  */
      .home-enter-active {
          -webkit-transition: -webkit-transform 1s var(--easing);
         transition: -webkit-transform 1s var(--easing);
         -o-transition: transform 1s var(--easing);
         transition: transform 1s var(--easing);
         transition: transform 1s var(--easing),
         -webkit-transform 1s var(--easing);
      }
      .home-enter-to, .barba-enter-to {
        -webkit-animation: mainNextRightToleft 1s var(--easing);
                animation: mainNextRightToleft 1s var(--easing);
      }
      @-webkit-keyframes mainNextRightToleft {
        from {
           transform: translateX(100%);
        }

        to {
           transform: translateX(0%);
        }
      }
      @keyframes mainNextRightToleft {
        from {
           transform: translateX(100%);
         }

         to {
           transform: translateX(0%);
         }
      }

  /* ######################    main Enter to css End  #######################  */

  /* ######################    Nav css Start  ####################### */
     .menu-main-menu-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
       height: -webkit-max-content; height: -moz-max-content; height: max-content;
     }
      nav {
         -webkit-transition: 1s var(--easing);
          transition: 1s var(--easing);
          -o-transition: 1s var(--easing);
          transition: 1s var(--easing);
      }
      nav.active { visibility: visible;
        -webkit-transition: 1s var(--easing);
        transition: 1s var(--easing);
        -o-transition: 1s var(--easing);
        transition: 1s var(--easing);
      }

      /* nav menu last step from right to left Start */

      .navSlideToleft nav {
        -webkit-animation: navOpenFromRightTo 2.2s var(--easing) !important;
        animation: navOpenFromRightTo 2.2s var(--easing) !important;
      }
      @-webkit-keyframes navOpenFromRightTo {
        0% {
          right: 0;
          opacity: 1;
          visibility: visible;
          background: #000 !important
        }
        50% {
          right: 100%;
          opacity: 1;
          visibility: visible;
          background: #000 !important
        }
        50.1% {
          right: -100%;
          opacity: 0;
          visibility: hidden;
          background: #000 !important;
          z-index: -9999;
        }
        100% {
          right: -100%;
          opacity: 0;
          visibility: hidden;
          background: #000 !important;
          z-index: -99999;
        }
      }

      @keyframes navOpenFromRightTo {
        0% {
          right: 0;
          opacity: 1;
          visibility: visible;
          background: #000 !important;
        }

        50% {
          right: 100%;
          opacity: 1;
          visibility: visible;
          background: #000 !important;
        }
        50.1% {
          right: -100%;
          opacity: 0;
          visibility: hidden;
          background: #000 !important;
          z-index: -9999;
        }
        100% {
          right: -100%;
          opacity: 0;
          visibility: hidden;
          background: #000 !important;
          z-index: -99999;
        }
      }
      /* nav menu last step from right to left End */

      nav.active.navOpenFromRight {
        -webkit-transition: 1s var(--easing);
        transition: 1s var(--easing);
        -o-transition: 1s var(--easing);
        transition: 1s var(--easing);
      }

      @-webkit-keyframes navLinkClickSlideToleft {
        from {
           transform: translateX(100%);
        }

        to {
           transform: translateX(0%);
        }
      }

      @keyframes navLinkClickSlideToleft {
        from {
           transform: translateX(100%);
         }

         to {
           transform: translateX(0%);
         }
      }


  /* ######################    Nav css End  ####################### */

  /* contact page nav menu fade-in-out animation Start here */
  .page-template-template-contact.fadeMenuActive nav {
    -webkit-animation: ContactNavFadeIn 1.5s ease forwards;
    animation: ContactNavFadeIn 1.5s ease forwards;
    background-color: #000;
    animation-delay: 0.1s;
  }
  @-webkit-keyframes ContactNavFadeIn {
    0% {
      right: 0;
      opacity: 1;
      visibility: visible;
      background-color: #000;
    }
    100% {
      right: -100%;
      opacity: 0;
      visibility: hidden;
      background-color: #000;
      z-index: -9;
    }
  }

  @keyframes ContactNavFadeIn {
    0% {
      right: 0;
      opacity: 1;
      visibility: visible;
      background-color: #000;
    }
    100% {
      right: 0;
      opacity: 0;
      visibility: hidden;
      background-color: #000;
    }
  }

  .page-template-template-contact.fadeMenuActive.navActive nav {
    -webkit-animation: ContactNavFadeInActive 1s ease forwards;
    animation: ContactNavFadeInActive 1s ease forwards;
    background-color: #000;
  }
  @-webkit-keyframes ContactNavFadeInActive {
    0% {
      right: 0;
      opacity: 0;
      visibility: hidden;
      background-color: #000;
    }
    100% {
      right: 0;
      opacity: 1;
      visibility: visible;
      background-color: #000;
    }
  }

  @keyframes ContactNavFadeInActive {
    0% {
      right: 0;
      opacity: 0;
      visibility: hidden;
      background-color: #000;
    }
    100% {
      right: 0;
      opacity: 1;
      visibility: visible;
      background-color: #000;
    }
  }

  /* contact page nav menu fade-in-out animation end here */

  }
}

@media only screen and (max-width:1180px){
  .buildingLevelWrap.animated .levelblock:last-child:after { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}

  @keyframes afterWidthLastChild {
		0% {
				width: 0;
			}
		100% {
				width: 90%;
		}
	}

  .TotalValue { margin-bottom: 33px; }
  .building { max-width: 550px; top: 50px; }
  .floorNum { font-size: 16px;}
  .terraceSpace { font-size: 14px;}
  .levelblock { padding: 10px 0 8px 0px; }
  .levelblock:last-child { padding-top: 5px; padding-bottom: 10px; }

  /* location page start */
    .leftHandText, .rightHandText { font-size: 1.7vw; line-height: 2vw; }
    /* doorstep1 Start here */
    .rightHandText { width: 28vw; padding-right: 75px; margin-right: 0; }
    .doorstep1 .imagesPossion { width: 88vW; }
    .setOneOfOne { width: 40vw; margin-right: 0;}
    .setOneOftwo { width: 60vw; margin: -15vw 0 0 0; }
    .setOneOfThree { width: 21vw; margin: -21vw 19vw 0 auto; position: relative; z-index: 9; }
    .rightHandText img.s_image { max-width: 23.8vw; left: -70px; top: 51px;  }
    .rightHandText h5 { font-size: 2.1vw; line-height: 2.5vw;}

    /* doorstep1 Start End */

    /* doorstep2 Start here */
      .doorstep2 { padding: 90px 0 40px; }
      .leftHandText { top: 80px; padding-left: 75px; margin-left: 0; width: 58vw; }
      .leftHandText img.e_image { max-width: 23.8vw; width: auto; right: -70px; bottom: 50px; }
      .doorstep2 .imagesPossion { width: 100vW; margin-left: auto; }
      .setTwoOfOne { width: 40vw;}
      .setTwoOftwo { width: 60vw; margin: -11.1vw 17vw 0 auto;}
      .setTwoOftwo.SetTwo_large_Image .imageHolder .imageCaptionBox { top: auto !important; bottom: 0; position: absolute; right: 0; left: auto !important; padding-right: 20px; }
      .setTwoOfThree { width: 40vw; margin-top: -12vw;}

    /* doorstep2 Start End */

    /* doorstep3 Start Here*/
    .doorstep3 { padding: 1.5vw 0 0; }
    .topSideText { top: 0.6vw;}
    .topSideText h5 { margin-left: 60px;}
    .topSideText img.one_image { right: -2vw; top: -8.1vw; max-width: 20vw; }
    .doorstep3 .imagesPossion { width: 95vW;}
    .setThreeOfOne { width: 20vw;}
    .setThreeOftwo { width: 57vw; margin: -23.5vw 14vw 0 auto;}
    .setThreeOfThree { width: 22vw; margin-top: -18vw;}
    .setThreeOfFour { width: 32.5vw; margin-top: -26vw;}
    .imageCaptionBox { font-size: 1.3vw; line-height: 2.3vw;}
    /* doorstep3 Start end*/
  /* location page End */


}
@media only screen and (max-width:1100px){
  .heroWithText { padding-bottom: 158px; }

  /* building page start */
  .page-template-template-building .container_1680 { padding: 0 75px; }

  .buildingLevels { width: 100%; order: 1; }
  .building { max-width: 600px; width: auto; margin: 0 auto 40px; position: relative; right: 0; top: 0; order: 0; }
  .levelblock:last-child::after { width: 100%; }
  .levelblock:last-child { padding: 20px 0 20px 0px; }
  .levelblock { padding: 20px 0 20px 0px;}
  .levelblock::before { top: 0;}
  .levelblock:last-child::before { top: 0; }
  .locationNavigator img { width: 45px; }

  .buildingLevelWrap.TB-Space { padding-bottom: 20px; }
  .buildingLevelWrap.animated .levelblock:nth-child(2):after { -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-duration: 1.5; animation-duration: 1.5;}
  .buildingLevelWrap.animated .levelblock:nth-child(3):after { -webkit-animation-delay:0.7s; animation-delay:0.7s; -webkit-animation-duration: 1.5; animation-duration: 1.5;}
  .buildingLevelWrap.animated .levelblock:nth-child(4):after { -webkit-animation-delay:0.9s; animation-delay:0.9s; -webkit-animation-duration: 1.5; animation-duration: 1.5;}
  .buildingLevelWrap.animated .levelblock:nth-child(5):after { -webkit-animation-delay:1.1s; animation-delay:1.1s; -webkit-animation-duration: 1.5; animation-duration: 1.5;}
  .buildingLevelWrap.animated .levelblock:nth-child(6):after { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 2s; animation-duration: 2s;}
  .buildingLevelWrap.animated .levelblock:last-child:after { -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}

  @keyframes afterWidthLastChild {
    0% {
        width: 0;
      }
    100% {
        width: 100%;
    }
  }

  /* building page End */

  .FloorplanSliderInside .sectiontitle { max-width: 55%; margin: 7px auto 50px; }
  .slick-prev.slick-arrow, .slick-prev:hover, .slick-prev:focus { left: 18%;}
  .slick-next.slick-arrow, .slick-next:hover, .slick-next:focus { right: 18%;}

  .buildingLevels.animated .levelblock:last-child::after {  width: 100%;}

/* footer start */
  .uspLogo { width: 13%; }
  .menu-footer-menu-container { width: 19%; }
/* footer end */
}
@media only screen and (min-width:1025px){

}
@media screen and (min-width: 0px) and (max-width:1024px){
/* menu css start */
  .plusTrigger { top: 25px;}
  .topMenu > li > a { margin: 5px 0;}

  .sub-menu li:last-child { padding-bottom: 10px; }
/* menu css End */

/* Common css start */
  .introRowSection h2 { font-size:50px; line-height:58px; }
  h1{font-size: 50px; line-height: 58px; }
  h2{font-size: 45px; line-height: 53px; }
  h3{font-size: 40px; line-height: 48px; }
  h4{font-size: 35px; line-height: 43px; }
  h5{font-size: 30px; line-height: 38px; }
  h6{font-size: 25px; line-height: 33px; }
  body { font-size:20px ; line-height: 27px;}
  blockquote { font-size:22px; line-height:30px;}
  blockquote * { font-size: 22px; line-height: 30px;}
  .histoyGroupSection .flexWrap .wp-6 { font-size: 20px;}
  .cky-audit-table-element h3 { font-size: 25px; line-height: 33px;}

/* Common css End */

/* homepage css start */
.introRowSection h3 { font-size: 30px; line-height: 40px; margin-top: 10px; }

.histoyGroupSection .container_1400.topSpace { padding: 30px 20px 40px 20px;}
.histoyGroupSection .container_1400 h4 { margin-bottom: 20px; margin-top: 0; }

.dataHolder h2 { font-size: 36px; line-height: 45px; }
.dataHolder h3 { line-height: 33px; font-size: 22px; margin-bottom: 20px; }
.dataHolder h4.sectiontitle { font-size: 21px; line-height: 25px; }
.dataHolder .downArrow { cursor: pointer; width: 25px; height: 22px;}

/* homepage css End */

/* loacation page start */
.page-template-template-the-area .container_1680 { padding: 0 75px;}
.map-caption { width: 320px; font-size: 16px; line-height: 22px; }
.locationSection .container_1600 h4 { text-align: center; margin: 20px 0 50px; }

/* loacation page End */

}
@media screen and (min-width: 0px) and (max-width:992px){
  .imageCaptionBox { font-size: 1.25vw; font-family: 'Akkurat';}

/* spacification section start */
  .specification .speceDiv { width: 33.33%; font-size: 18px; line-height: 22px;  padding: 10px; margin-bottom: 10px;}
  .speceDiv p { padding: 0 5px; }
/* spacification section End */

/* footer start */
  footer { padding: 30px 0 10px; }
  .footerINfO { width: 100%; padding: 0; border-left: 0;}
  .footerContactinfo { width: 33.33%; margin-bottom: 35px; padding: 0 20px; border-left: 1px solid #777673;}
  .footerContactinfo:nth-last-of-type(2) { border-right: 1px solid #777673; }
  .menu-footer-menu-container { width: 33.33%; }
  .developBy { width: 33.33%; }
  .uspLogo { width: 33.33%; border-right: 1px solid #777673; }
  footer .container > div:last-child { width: 100%; margin: 30px auto 0; text-align: center; display: block; border-top: 1px solid #777673; padding-top: 10px; }
  .developBy a img { max-width: 150px; width: 100%; }
  .uspLogo img { max-width: 100px; width: auto; }

/* footer End */

.pageNotFound h3 {font-size: 30px; line-height: 30px; }
.pageNotFound { padding: 30px 30px 20px;}
.pageNotFound p { font-size: 18px; line-height: 26px; letter-spacing: 0;}

}
@media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {

  }
  @media all and (orientation: portrait) {

  }

  /* menu css start */
  .plusTrigger { top: 22px;}
  /* menu css End */

  /* Common css start */
    .TB-Space { padding-top: 20px; padding-bottom: 20px; }
    section.TB-Space:last-child { padding-bottom: 40px; }
    section.contactSection {  padding-bottom: 70px !important; padding-top: 70px;}
    .cky-modal.cky-modal-open { width: 95%; max-height: 95%; }
  /* Common css end */

  /* Homepage section Start */
   .heroWithText { padding-bottom: 125px; }
   .heroWithText .box::before { padding-top: 60vh;}
   .heroWithText .banner-caption { top: auto; bottom: 3.5vh; }
   .bottomArrow svg { width: 3.5vw; }
   .headingdataBox { bottom: 70px; }

   .introRowSection h2 { margin-top: 15px;}
   .introRowSection h3 { font-size: 23px; line-height: 30px; }
   .introRowSection h4.sectiontitle { margin-top: 15px; font-size: 25px;}

   .home .homebannerSection .imageHolder { width: 100%; }
   .dataHolder { position: relative; width: 100%; padding: 30px 20px 0; text-align: center; display: block; }
   .dataHolder h2 { font-size: 40px; line-height: 50px; }
   .dataHolder h3 { line-height: 35px; font-size: 25px; margin-bottom: 30px; }
   .dataHolder h4.sectiontitle { font-size: 27px; text-align: center; line-height: 30px; }
   .dataHolder .downArrow { cursor: pointer; width: 25px; height: 22px;}

  /* Homepage section End */

  /* bulding page start */
  .FloorplanSliderInside .sectiontitle { max-width: 70%; margin: 7px auto 40px; }
  .slick-prev.slick-arrow, .slick-prev:hover, .slick-prev:focus { left: 10%;}
  .slick-next.slick-arrow, .slick-next:hover, .slick-next:focus { right: 10%;}

  .floorDetails { width: 30%; }
  .floorImgBox { width: 70%; }
  .floorImgBox a { width: auto; }
  /* bulding page End */

  /* location page start */

    .rightHandText img.s_image { max-width: 23.8vw; left: -40px; top: 21px; }
    /* set of 2 css start */
      .doorstep2 { padding: 60px 0 20px; }
      .leftHandText { top: 50px;}

    /* set of 2 css start */

    /* set of 3 css start */
    .doorstep3 .imagesPossion { width: 100vW; padding-bottom: 30px;}
    .doorstep3 { padding: 1.7vw 0 0; position: relative; }
    .topSideText { width: 60vw; top: 0vw;}
    .topSideText h5 { margin-left: 4vw; font-size: 2.5vw; line-height: 3.2vw; }
    .topSideText img.one_image { right: -3.5vw; top: -7vw; }
    .midSectionbanner { padding: 40px 0 40px; }
    .setThreeOfOne { width: 25vw; margin-left: 6.6vw; }
    .setThreeOfOne .box:before { padding-top: 150%; }
    .setThreeOftwo { width: 57vw; margin: -30vw 14vw 0 auto;}
    .setThreeOftwo .box:before { padding-top: 70.8%; }
    .setThreeOftwo { width: 65vw;}
    .setThreeOfThree {width: 25vw; margin-right: 0; margin-top: -22vw;}
    .setThreeOfFour { width: 30vw; margin-top: -26vw; }

    /* set of 3 css End */

    .deskToplocation { position: relative; display: none; }
    .mobileLocation { display: block; }
    .mobileLocation .legends { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
       -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 50px 0 0; }
    .mobileLocation .imageHolder1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .mobileMap-caption { margin-bottom: 40px; text-align: center; font-family: 'Akkurat';}
    .locationSection .container_1600 h4 { text-align: center; margin: 20px 0 20px; }

  /* location page End */

  /* contact page css start */
    .Contactinfo h6 { font-size: 20px;  line-height: 25px;}
    .Contactinfo a:first-child { font-size: 22px; }
    .Contactinfo a { line-height: 27px; font-size: 20px; }
    .developByWRE h6 {font-size: 20px; line-height: 25px; margin-bottom: 10px;}
    .contactUsBoxes.flexWrap { margin: 20px 0;}
    .developByWRE { margin: 0px 0 30px; padding-top: 30px; display: block; width: 100%; text-align: center;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
    }

  /* contact page css End */

  .pageNotFound { margin: 30px auto 30px; padding: 50px 30px 30px;}

}

@media screen and (min-width: 0px) and (max-width:840px){
  .jarallax { height: 45vh; }

  .heroWithText { padding-bottom: 128px;}
  .topMenu > li a { font-size: 7vw; line-height: 6vw;}
  .topMenu > li .sub-menu li a { font-size: 4vw; line-height: 5.5vw;}

  .gallerySwiperSlider .container_1800 { padding: 0 30px; }
  .cky-prefrence-btn-wrapper .cky-btn { min-width: 150px !important;}
  .closeNavMenu { right: 20px;}

  .contactFooter ul#menu-footer-menu li { font-size: 14px; padding-right: 10px; }

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

  /* menu css start */
  .plusTrigger { top: 26px; width: 5vw; height: 5vw; }
  .plusTrigger { top: 18px; width: 4.5vw; height: 4.5vw; }

  /* menu css end */

  /* Common css start */
    /* #page-wrap { padding-top: 85px; } */
    .introRowSection h2 { font-size:45px; line-height:52px; }
    .introRowSection h3 { font-size: 25px; line-height: 35px; }
    h1{font-size: 45px; line-height: 52px; }
    h2{font-size: 40px; line-height: 47px; }
    h3{font-size: 35px; line-height: 42px; }
    h4{font-size: 30px; line-height: 38px; }
    h5{font-size: 25px; line-height: 33px; }
    h6{font-size: 22px; line-height: 30px; }
    body { font-size:18px ; line-height: 25px;}
    blockquote { font-size:20px; line-height:27px;}
    blockquote * { font-size: 20px; line-height: 27px;}
    .TB-Space { padding-top: 15px; padding-bottom: 15px; }
    .histoyGroupSection .flexWrap .wp-6 { font-size: 18px;}
    .cky-audit-table-element h3 { font-size: 22px; line-height: 30px;}

  /* Common css End */

  /* homepage respomsvie start */
  .histoyGroupSection .flexWrap .wp-6 { width: 100%; padding: 0; text-align: center;}
  .histoyGroupSection .container_1400 h4 { margin-bottom: 20px; margin-top: 0;}

  .dataHolder .bottomArrow { margin: 40px 0 0;}

  /* homepage respomsvie End */

  /* building page Start */
  .legendsOfMap { padding: 15px 0 30px; }
  .specification .speceDiv { font-size: 16px; line-height: 20px; }
  .locationNavigator img { width: 35px; }
  .floorDetails { width: 100%; order: 1; margin-top: 20px;}
  .floorImgBox { width: 100%; padding-top: 50px; }
  .floorDetails h5 { font-family: 'Akkurat-Light'; font-weight: 600; }
  .legendsOfMap li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; font-size: 19px; vertical-align: middle;
    margin-right: 20px; vertical-align: bottom !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .legendsOfMap li.whiteCircle span { vertical-align: bottom;}

  .locationNavigator { position: absolute; top: 110px; }
  .speceDivBox { margin-bottom: 10px;}

  .floorImageTabbing { width: 100%;}

  .floorImgBox { min-height: auto;}

  /* building page end */

/* location page start here */
.leftHandText, .rightHandText { font-size: 2vw; line-height: 2.4vw; }
.leftHandText img.e_image { right: -30px;}

/* location page end */

  /* contact page css start */
    .Contactinfo h6 { font-size: 18px;  line-height: 22px;}
    .Contactinfo a:first-child { font-size: 20px; }
    .Contactinfo a { line-height: 23px; font-size: 18px; }
    .developByWRE h6 {font-size: 18px; line-height: 25px; margin-bottom: 10px;}
    .contactUsBoxes.flexWrap { margin: 20px 0;}
    .developByWRE { margin: 0px 0 30px; padding-top: 0px;}
    .Contactlogo { max-width: 125px; width: auto; }
    .developByWRE img { max-width: 140px; width: auto; margin-top: 5px; }

  /* contact page css End */

}

@media screen and (min-width: 0px) and (max-width:720px){
  .rightHandText { padding-right: 20px;}
  .leftHandText { padding-left: 20px;}
}
@media screen and (min-width: 0px) and (max-width:680px){
  .homebannerSection .imageHolder img { object-fit: cover; }

  .headingdataBox { bottom: 65px; }
  .heroWithText { padding-bottom: 100px; }
  .heroWithText .banner-caption { top: auto; bottom: 1.5vh; }

  /* location page start */
  .rightHandText h5 { font-size: 2.2vw; line-height: 2.7vw; }
  .leftHandText h5 { font-size: 2.2vw; line-height: 2.7vw;}
  .doorstep1 .imagesPossion { width: 85vW; }
  .rightHandText { width: 31vw;}

  /* set of 2 css start */
    .doorstep2 { padding: 40px 0 0px; }
    .leftHandText { top: 30px;}
  /* set of 2 css start */

  /* location page End */

/* contact page css start */
  .Contactinfo { width: 50%; text-align: center; margin-bottom: 50px; margin: 20px 0 20px;}
  .developByWRE { padding-top: 20px;}
  section.contactSection { min-height: 95vh; }
/* contact page css End */

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

}
@media screen and (min-width: 0px) and (max-width:600px){
  .logo svg.homeLogo { width: 40px; height: 40px;}
  .burgerMenu { width: 40px; height: 40px; }
  .menuCloseIcon, .burgerMenu { width: 40px; height: 40px; }
  .icon { width: 20px; top: 18px;}
  .icon:before, .icon:after { width: 20px; }
  .icon:before { top: -6px;}
  .icon:after { top: 6px;}
  .burgerMenu.is-active .icon { top: 18px; }

  .heroWithText .box::before { padding-top: 40vh; }
  .heroWithText .banner-caption { top: auto; bottom: 2vh; }
  .banner-caption .dataBox { padding: 80px 15px 0; max-width: 80px; }
  .banner-caption.verticlLogo .dataBox img { max-width: 38px; }
  .bottomArrow { bottom: 15px;}

  .dataHolder .bottomArrow { margin: 35px 0 0; }

  .histoyGroupSection .flexWrap.TextCenter .wp-6.viewElm { width: 90%;}

  .floorNum { font-size: 15px; }

  /* #page-wrap { padding-top: 75px; } */

  /* menu css start here */
  .plusTrigger { top: 12px; }
  .topMenu > li > a { padding: 7px 0;}
  /* menu css End here */

  .swiper-button-prev, .swiper-button-prev:hover, .swiper-button-prev:focus { background-size: 22px !important;}
  .swiper-button-next, .swiper-button-next:hover, .swiper-button-next:focus { background-size: 22px !important;}
  .sliderTitle { font-size: 16px; line-height: 22px; padding: 20px 40px;}

  /* building section start */
  .locationNavigator img { width: 40px; }
    /* spacification section start */
      .specification .speceDiv { width: 50%; margin-bottom: 10px;}

    /* spacification section End */

    .contactFooter ul#menu-footer-menu { width: 100%; text-align: center; }

  /* building section End */

  /* location page start */
  .mobileMap-caption { margin-bottom: 20px;}
  .mobileLocation { font-size: 16px; line-height: 22px; }
  .mobileLocation .legends { margin: 30px 0 0;}

  .textImageSectionSet1 h4 { text-align: center; padding: 0 0 0; }
  /* location page End */

  /* footer start */
  .footerContactinfo { width: 50%; margin-bottom: 0; padding: 0 20px 35px; }
  footer .container > .menu-footer-menu-container { display: none; }
  .footerINfO .menu-footer-menu-container { display: block; border-left: 0; padding: 0; border-right: 1px solid #777673;}
  .footerINfO .menu-footer-menu-container ul#menu-footer-menu { padding: 0 20px;}
  .footerContactinfo:nth-last-of-type(2) { border-right: 0; }
  .footerContactinfo:nth-child(2) { border-left: 0; border-right: 1px solid #777673; }
  .menu-footer-menu-container { width: 50%; }
  .developBy { width: 50%; }
  .uspLogo { width: 50%;  border-left: 0}
  /* footer End */

  .cky-consent-container { width: 100% !important; margin: 0 auto; float: none; display: flex; left: 0 !important; right: 0 !important; bottom: 20px !important; padding: 0 20px; }
  .cky-prefrence-btn-wrapper .cky-btn { min-width: 120px !important; }

  .pageNotFound h3 { font-size: 25px; line-height: 30px; padding: 0; margin-bottom: 10px; margin-top: 10px;letter-spacing: 2px;}
  .pageNotFound p { font-size: 16px; line-height: 22px; letter-spacing: 0; }
  .pageNotFound { margin: 10px auto 30px; padding: 30px 20px 30px; }

  .contactFooter .container { display: block; text-align: center; }
  .contactBy { font-size: 12px;}
  .contactFooter .menu-footer-menu-container { width: 100%; border: 0; padding: 0; margin-bottom: 10px; }
  .contactBy { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

  section.contactSection { padding-bottom: 90px !important;  }

}
@media screen and (min-width: 0px) and (max-width:576px){
  .cky-prefrence-btn-wrapper .cky-btn { min-width: 200px !important;}
  .imageCaptionBox { font-family: 'Akkurat-Light'; }

  .midSectionbanner { padding: 40px 0 30px; }

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

  .histoyGroupSection .flexWrap.TextCenter .wp-6.viewElm { width: 100%;}

/* building section start */
  .FloorplanSliderInside .sectiontitle { max-width: 80%; margin: 7px auto 30px; }
  .slick-prev, .slick-next { top: 25px !important; }
  .slick-prev.slick-arrow, .slick-prev:hover, .slick-prev:focus { left: 0%;}
  .slick-next.slick-arrow, .slick-next:hover, .slick-next:focus { right: 0%;}
/* building section End */

.locationSection .container_1600 h4 { margin: 0px 0 20px;}

/* contact page css Start */
  .Contactinfo { width: 100%; text-align: center; margin-bottom: 30px; }
  .developByWRE { padding-top: 0; margin: 0;}
  .Contactlogo { padding-bottom: 20px;}
/* contact page css End */

}

@media screen and (min-width: 0px) and (max-width:480px){
  /* menu css start */
    .plusTrigger { top: 14px; width: 5.5vw; height: 5.5vw; }
    .topMenu > li a { font-size: 8vw; line-height: 7vw; }
    .topMenu > li .sub-menu li a { font-size: 5vw; line-height: 7vw; }
  /* menu css end */
  .headingdataBox { bottom: 60px; }
  .heroWithText .banner-caption { top: auto; bottom: -2.3vh; }
  .bottomArrow svg { width: 4.4vw; }
  .heroWithText { padding-bottom: 55px; }
  .heroWithText .bottomArrow { bottom: 5px; }

  .dataHolder h2 { font-size: 35px; line-height: 45px; }
  .dataHolder h3 { line-height: 30px; font-size: 22px; margin-bottom: 15px; }
  .dataHolder h4.sectiontitle { font-size: 21px; text-align: center; line-height: 30px; }
  .dataHolder .downArrow { cursor: pointer; width: 27px; height: 22px;}

  .sliderTitle { font-size: 14px; line-height: 19px; padding: 20px 40px; }

  /* Common css start */
    section.TB-Space:last-child { padding-bottom: 35px; }
    .introRowSection h2 { font-size:40px; line-height:50px; }
    h1{font-size: 40px; line-height: 50px; }
    h2{font-size: 35px; line-height: 45px; }
    h3{font-size: 30px; line-height: 40px; }
    h4{font-size: 25px; line-height: 35px; }
    h5{font-size: 22px; line-height: 32px; }
    h6{font-size: 20px; line-height: 30px; }
    .cky-audit-table-element h3 { font-size: 20px; line-height: 30px;}
    .wp-caption.alignleft, .wp-caption.alignright { width: 100% !important; margin: 10px 0; padding: 0; max-width: 100%;}
    img.alignright, img.aligncenter, img.alignleft { display: block;  width: 100%;}

    .jarallax { height: 40vh; }

  /* Common css End */

  .page-template-template-building .container_1680 { padding: 0 55px; }

  /* spacification section start */
    .specification .speceDiv { width: 100%; margin-bottom: 20px;}
  /* spacification section End */

  /* location page start */
  .page-template-template-the-area .container_1680 { padding: 0 55px;}
    .wrapperBackground:before { top: 7.7%;}
    .imageCaptionBox { font-size: 3.2vw; line-height: 3.7vw; padding-right: 5px; }
    .leftHandText, .rightHandText { font-size: 3vw; line-height: 3.5vw; }
    /* doorstep1 Start here */
      .imagesPossion { width: 100%; }
      .doorstep1 .imagesPossion { width: 100vW; }
      .setOneOfThree { width: 45vw; margin: -11vw auto 0 0; }
      .setOneOfOne { width: 75vw; margin-right: 0; }
      .setOneOftwo { width: 100%; margin: -17vw 0 0 0; }
      .setOneOfThree .box::before { padding-top: 140%; }
      .rightHandText { width: 55vw; padding-right: 20px; padding-left: 20px; bottom: 0;}
      .rightHandText img.s_image { max-width: 33.3vw; left: -45px; top: 20px; }
      .rightHandText h5 { font-size: 3.5vw; line-height: 4.6vw; }
      .leftHandText h5 { font-size: 3.5vw; line-height: 4.6vw;}
      .setOneOftwo.SetOne_Large_Image .imageCaptionBox { float: right; }

    /* doorstep1 Start End */

    /* doorstep2 Start Start */
    .doorstep2 { padding: 30px 0 0; }
    .leftHandText { width: 100vw; text-align: left; position: relative; padding-right: 20px; }
    .doorstep2 .imagesPossion { width: 100vW; margin-left: auto; margin-top: -33vw;}
    .setTwoOfOne { width: 75vw;}
    .setTwoOftwo { width: 100vw; margin: -6.6vw 17vw 0 auto; }
    .setTwoOfThree { width: 60vw; margin-top: -7vw;}
    .leftHandText { top: -5px;}
    .leftHandText img.e_image { max-width: 33.3vw;  right: 0; }

    /* doorstep2 Start End */

  .locationSection .container_1600 h4 {  margin: 0 0 15px; }
  .setThreeOfOne { width: 40vw; margin-left: 0; }
  .setThreeOfOne .box:before { padding-top: 150%; }
  .setThreeOftwo { width: 90vw; margin: -35vw 0vw 0 auto; }
  .setThreeOftwo .box:before { padding-top: 70%; }
  .setThreeOfThree { width: 40vw; margin-right: 0; margin-top: 12vw; }
  .setThreeOfThree .box:before { padding-top: 150%; }
  .setThreeOfFour { width: 90vw; margin-top: -84vw; margin-left: 0; padding-bottom: 50px; }
  .setThreeOfFour .box:before { padding-top: 70%; }
  .imageCaptionBox { font-size: 2.7vw; line-height: 3.6vw; }
  .SetThree_Large_Image .imageCaptionBox { float: right; margin-right: 10px; padding-left: 10px; }

  .topSideText { width: 50vw; top: 5vw; left: auto; right: 10vw; }
  .topSideText img.one_image { right: -7.5vw; top: -8vw; max-width: 33.3vw; }
  .topSideText h5 { margin-left: 4vw; font-size: 3.2vw; line-height: 3.7vw; }
  /* location page End */

}
@media screen and (min-width: 0px) and (max-width:440px){
  .page-template-template-building .container_1680 { padding: 0 25px;}
  .page-template-template-the-area .container_1680 { padding: 0 25px;}

  .introRowSection h2 { font-size: 35px; line-height: 40px; }
  .introRowSection h3 { font-size: 20px; line-height: 28px; }
  .introRowSection h4.sectiontitle { margin-top: 10px; font-size: 20px; }

  .legendsOfMap li { width: 45%; font-size: 18px; margin-right: 10px;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }

 /* Cookies settings css start */
  .cky-btn {  margin: 0 0 15px 0 !important; }
  .cky-consent-container .cky-consent-bar { width: 100%; margin: 0 auto;}
  .cky-notice-des, .cky-notice-btn-wrapper { padding-left: 0; padding-right: 0; }
  .cky-consent-container .cky-consent-bar:before { left: 22px; }
  .cky-consent-bar .cky-notice-des { padding: 10px 10px; }
  .cky-btn { max-width: 100% !important;}
  .cky-notice-btn-wrapper { padding: 0 10px !important; }
  .cky-consent-container .cky-consent-bar {  padding: 90px 20px 10px !important; }
  .cky-notice-btn-wrapper .cky-btn-accept { order: 2 !important;}
 /* Cookies settings css End */

}
@media screen and (min-width: 0px) and (max-width:420px){
  /* Common css start */
    section.TB-Space:last-child { padding-bottom: 35px; }
    .introRowSection h2 { font-size:35px; line-height:42px; }
    .introRowSection h3 { font-size: 20px; line-height: 28px; }
    h1{font-size: 35px; line-height: 42px; }
    h2{font-size: 30px; line-height: 38px; }
    h3{font-size: 25px; line-height: 32px; }
    h4{font-size: 22px; line-height: 28px; }
    h5{font-size: 20px; line-height: 26px; }
    h6{font-size: 18px; line-height: 24px; }
    .cky-audit-table-element h3 { font-size: 18px; line-height: 24px;}
  /* Common css start */

  /* menu css start */
    .plusTrigger { top: 14px; width: 6.3vw; height: 6.3vw; }
    .plusTrigger > svg { padding-left: 3px;}
    .topMenu > li a { font-size: 8vw; line-height: 8vw;}
    .topMenu > li .sub-menu li a { font-size: 6vw; line-height: 8vw;}
  /* menu css end */

  .heroWithText { padding-bottom: 56px; }
  .bottomArrow svg { width: 5vw;}

  .lavelPlusSign {
      margin-right: 10px;
      display: inline-block;
  }
  .FloorSubLevel {  padding-left: 50px;}

  .locationNavigator img { width: 35px; }

    /* location page start */
    .rightHandText img.s_image { top: 30px; }
    /* location page End */

  /* footer start */
  .menu-footer-menu-container { width: 100%; }
  .footerINfO { border-left: 1px solid #777673; border-right: 1px solid #777673; text-align: center; padding-top: 10px;}
  .footerContactinfo { width: 100%; border: 0 !important; padding: 0 20px 30px; text-align: center;}
  .footerINfO .menu-footer-menu-container { border: 0; }
  .FooterBottomMenu li { margin-bottom: 6px; text-align: center; }
  .developBy { width: 100%;  padding-top: 30px; }
  .developBy a img { max-width: 150px; width: 100%; margin: 0 auto;}
  .uspLogo { width: 100%; padding-top: 45px !important; padding-bottom: 20px;}
  .uspLogo img { max-width: 100px; width: auto; margin: 0 auto; }
  .developBy, .uspLogo { border-left: 1px solid #777673; border-right: 1px solid #777673; text-align: center;}
  footer .container > div:last-child { margin: 20px auto 0;}
  /* footer End */

  .pageNotFound p { font-size: 14px; line-height: 22px; letter-spacing: 0;}
  section.contactSection { padding-bottom: 150px !important; }
  .contactSection .container_1200:first-of-type { padding-bottom: 0; }

}
@media screen and (min-width: 0px) and (max-width:374px){
  .doorstep3 .imagesPossion { width: 100vW; padding-bottom: 20px; }

  .dataHolder h2 { font-size: 32px; line-height: 40px; }
  .dataHolder h3 { line-height: 27px; font-size: 20px; margin-bottom: 20px; }
  .dataHolder h4.sectiontitle { font-size: 20px; line-height: 25px; }

  .levelblock:last-child .levelclick { width: 100%; padding-left: 45px;}
  .FloorSubLevel { margin-top: 10px; padding-left: 45px; }
}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 896px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .heroWithText { padding-bottom: 105px; }
}
/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .heroWithText { padding-bottom: 90px; }
}