/********** 1799px and below **********/
@media only screen and (max-width: 1799px) {
  /***** About The Vybe *****/
  .enjoy-pleasant-sec {
    background-position: 200px 99px !important;
    background-size: 800px auto !important;
    margin-top: -40px;
  }
  .enjoy-pleasant-sec .col2 > div {
    margin-top: 175px !important;
  }
  /***** About The Vybe End *****/
}
/********** 1799px and below End **********/

/********** 1699px and below End **********/

@media only screen and (max-width: 1699px) {
  /***** Gallery Slider *****/
  .gallery-cate-wrap {
    left: 200px;
  }
  /***** Gallery Slider *****/
}
/********** 1699px and below End **********/


/********** 1499px and below **********/
@media only screen and (max-width: 1499px) {
  /***** About The Vybe *****/
  .enjoy-pleasant-sec {
    background-position: 100px 111px !important;
    background-size: 780px auto !important;
    margin-top: -50px;
  }
  .enjoy-pleasant-sec .col2 > div {
    margin-top: 185px !important;
  }
  /***** About The Vybe End *****/

  /***** Gallery Slider *****/
  .gallery-cate-wrap {
    left: 100px;
  }
  /***** Gallery Slider *****/
}
/********** 1499px and below End **********/


/********** 1399px and below **********/
@media only screen and (max-width: 1399px) {
  /***** Standard Popup *****/
  .fancybox__container .standard-popup.fancybox__content>.carousel__button.is-close {
    transform: translateX(0);
    left: auto;
    right: 36px;
  }
  /***** Standard Popup End *****/


  /***** Gallery Slider *****/
  .gallery-cate-wrap {
    /* transform: translate(-371px, 8px); */
    transform: translate(0, 8px);
    margin-bottom: 20px;
  }
  .gallery-cate-name.active {
    font-size: 70px;
    margin: 0 0 20px -7px;
  }
  /***** Gallery Slider End *****/


  /***** Unique Features *****/
  .uf-col > div {
    margin-left: 100px !important;
  }
  /***** Unique Features End *****/
}
/********** 1399px and below End **********/


/********** 1299px and below **********/
@media only screen and (max-width: 1299px) {
  /***** About The Vybe *****/
  html body div .soho h2:not(.elementor-element), html body div .soho h2.elementor-element div *, .soho .freehold-text, .soho:not(.initial):before {
    font-size: 300px;
    line-height: 380px;
  }
  .freehold-text:before {
    width: 78px;
    font-size: 14px;
    line-height: 23px;
    height: 27px;
    top: 120px;
    left: 11px;
  }
  .freehold-text:after {
    top: 147px;
    left: 11px;
  }
  .label-text {
    width: 78px;
    font-size: 14px;
    line-height: 23px;
    height: 27px;
  }
  .label-text:after {
    top: 27px;
  }
  /***** About The Vybe End *****/
}
/********** 1299px and below **********/
  

/********** 1245px and below **********/
@media only screen and (max-width: 1245px) {
  /***** General *****/
  html body div .fs-260:not(.elementor-element), html body div .fs-260.elementor-element div * {
    font-size: 210px;
  }
  /***** General End *****/


  /***** Gallery *****/
  .gallery-inner .elementor-container {
    max-width: 958px !important;
  }
  .hg-sec {
    max-width: 322px;
    width: 100%;
    height: 421px;
  }

    /*** Gallery Slider ***/
    .gallery-cate-name.active:before {
      width: 98%;
      height: 3px;
      left: 4px;
      bottom: -5px;
      top: auto;
    }
    .gallery-cate-wrap {
      transform: translate(0, 8px);
      right: auto;
      left: 15px;
    }
    /*** Gallery Slider End ***/

  /***** Gallery End *****/
}
/********** 1245px and below End **********/


/********** 1199px and below **********/
@media only screen and (max-width: 1199px) {
  /***** Nav Menu *****/
  .desktop_default_header .ele-nav-menu ul li a,
  .elementor-2905 .elementor-element.elementor-element-35bfbb6 .elementor-nav-menu .elementor-item {
    /* --e-nav-menu-horizontal-menu-item-margin: calc( 90px / 2 ); */
    font-size: 13px !important;
  }
  /***** Nav Menu End *****/


  /***** Registration Form *****/
  .popup-button .dialog-close-button .eicon-close:before {
    left: auto;
    right: 13px;
  }
  /***** Registration Form End *****/


  /***** About The Vybe *****/
  .enjoy-pleasant-sec {
    background-position: 0px 168px !important;
    background-size: 680px auto !important;
    margin-top: -100px;
  }
  .enjoy-pleasant-sec > div > div.elementor-column {
    width: 50% !important;
  }
  .enjoy-pleasant-sec .col2 > div {
    margin-top: 230px !important;
  }
  .soho-sec .swiper-button-next, .soho-sec .swiper-button-prev {
    width: 55px;
    height: 55px;
  }
  .soho-sec .swiper-button-next:after, .soho-sec .swiper-button-prev:after {
    width: 55px;
  }
  .soho-sec .swiper-button-prev {
    right: -80px;
  }
  .soho-sec .swiper-button-next {
    right: -133px;
  }
  .soho-sec .swiper-pagination {
    transform: translate(108px, -77px);
  }
  /***** About The Vybe End *****/


  /***** Unique Features *****/
  .uf-col > div {
    margin-left: 15px !important;
  }
  .uf-sec .swiper-button-prev {
    left: -492px;
  }
  .uf-sec .swiper-button-next {
    left: -405px;
  }
  /***** Unique Features End *****/
}
/********** 1199px and below End **********/


/********** 1025px to 1120px **********/
@media only screen and (min-width: 1025px) and (max-width: 1120px) {
  /***** General *****/
  html body div .fs-170:not(.elementor-element), html body div .fs-170.elementor-element div * {
    font-size: 160px;
  }
  /***** General End *****/


  /***** Floor Plan *****/
  .your-text {
    left: -185px !important;
  }
  .space-text {
    left: -42px !important;
  }
  .fp-desc br {
    display: none;
  }
  /***** Floor Plan End *****/
}
/********** 1025px to 1120px End **********/

/********** 1099px and below **********/
@media only screen and (max-width: 1099px) {
  /***** Nav Menu *****/
  .desktop_default_header .ele-nav-menu ul li a,
  .elementor-2905 .elementor-element.elementor-element-35bfbb6 .elementor-nav-menu .elementor-item {
    /* --e-nav-menu-horizontal-menu-item-margin: calc( 73px / 2 ); */
    --e-nav-menu-horizontal-menu-item-margin: calc( 22px / 2 );
  }
  .desktop_default_header .ele-nav-menu .elementor-widget-container {
    margin-right: 20px !important;
  }
  /***** Nav Menu End *****/


  /***** APDL Section *****/
  .apdl_sec .tthvp_popup_close {
    transform: translate(0px, 20px);
    left: auto;
    right: 20px;
    /* top: 120px; */
    top: 0;
  }
  /***** APDL Section End *****/
}
/********** 1099px and below **********/


/********** 1024px and below **********/
@media only screen and (max-width: 1024px) {
  /***** General *****/
  body .elementor-widget-heading h1.elementor-heading-title, body .elementor-element h1, body .elementor-element h1 *, body h1, body h1 * {
    font-size: 50px;
    line-height: 56px;
  }
  body .elementor-widget-heading h3.elementor-heading-title, body .elementor-element h3, body .elementor-element h3 *, body h3, body h3 * {
    font-size: 30px;
  }
  html body div .fs-260:not(.elementor-element), html body div .fs-260.elementor-element div * {
    font-size: 160px;
  }
  html body div .fs-170:not(.elementor-element), html body div .fs-170.elementor-element div * {
    font-size: 110px;
  }
  html body div .fs-80:not(.elementor-element), html body div .fs-80.elementor-element div * {
    font-size: 60px;
  }
  html body div .lh-49:not(.elementor-element), html body div .lh-49.elementor-element div * {
    line-height: 40px;
  }
  /***** General End *****/


  /***** Header End *****/
  /* .head_notice {
    top: 0;
    z-index: 99;
    position: fixed;
    width: 100%;
  }
  body .custom_heading .new_ct_mobile_head {
    top: 40px;
  } */
  /***** Header End *****/


  /***** Menu End *****/
  .hm_mobile_menu_popup .desktop {
    display: none;
  }
  .hm_mobile_menu_popup .tablet_mobile {
    display: block;
  }
  .hm_mobile_menu_popup {
    height: 100%;
    top: 70px;
  }
  .hm_mobile_menu_popup:before {
    background-image: url(../images/hamburger-tablet-bg.jpg);
    background-size: 471px 637px;
    background-position: top 10% right 4.5%;
  }
  .hm_mobile_menu_popup .hm_nav_div ul > li > a {
    font-size: 19px;
    width: fit-content;
  }
  .hm_mobile_menu_popup .download-icon a:before {
    content: "";
    position: absolute;
    background-image: url(../images/yellow-download-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    right: -33px;
  }
  /***** Menu End *****/


  /***** Homepage Banner *****/
  .hb-bg {
    background-position: top left 60%;
  }
  .hb-title-desc-wrap {
    margin-top: 150px;
  }
  body .hb-title-desc-wrap h1 p {
    font-size: 55px;
    line-height: 55px;
    letter-spacing: 0;
  }
  /***** Homepage Banner End *****/


  /***** About The Vybe *****/
  .freehold-text:before {
    width: 120px;
    font-size: 20px;
    line-height: 40px;
    height: 45px;
    top: 161px;
    left: 6px;
  }
  .freehold-text:after {
    top: 206px;
    left: 6px;
  }
  .soho:before {
    display: none;
  }
  .soho-sec {
    max-width: 400px;
    height: 524px;
  }
  .soho-sec .swiper-pagination {
    justify-content: center;
    transform: translate(0px, 50px);
  }
  .soho-sec .swiper-button-next {
    right: 0;
    left: 54px;
    margin: auto;
    bottom: -110px;
  }
  .soho-sec .swiper-button-prev {
    right: 0;
    left: -54px;
    margin: auto;
    bottom: -110px;
  }
  /***** About The Vybe End *****/


  /***** Registration Form *****/
  .popup-button .dialog-close-button .eicon-close:before {
    left: auto;
    right: 23px;
    top: 20px;
    width: 25px;
    height: 25px;
  }
  .reg-form form {
    margin: 0 -15px;
  }
  .reg-form form p {
    width: calc(50% - 30px);
    margin: 0 15px;
    margin-bottom: 38px;
  }
  /***** Registration Form End *****/


  /***** Explore Techzone *****/
    /*** Building Status ***/
    .building-status h3,
    .building-status h3 span {
      line-height: 40px !important;
    }
    /*** Building Status End ***/
  /***** Explore Techzone End *****/


  /***** Floor Plan *****/
  .fp-sec {
    max-width: 768px;
  }
  /***** Floor Plan End *****/


  /***** Gallery Slider *****/
  #gallery-popup {
    padding: 0;
  }
  .gallery-title-mobile {
    display: block;
    margin-top: 70px;
    margin-left: 15px;
  }
  .gallery-title-mobile h2 {
    color: #fdb913;
  }
  .desktop-gallery {
    display: none;
  }
  .mobile-gallery {
    display: block;
    background: #39474F;
  }
  .mobile-gallery .gallery-cate-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    margin: 20px 3px 30px;
    width: 98%;
  }
  .mobile-gallery .gallery-cate-name {
    background: #5D6A71;
    border-radius: 100px;
    color: #ffffff;
    font-size: 18px;
    margin: 0 5px 10px;
    padding: 0 10px;
    min-width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mobile-gallery .gallery-cate-name:hover,
  .mobile-gallery .gallery-cate-name.active {
    background: #fdb913;
    -webkit-text-fill-color: #39474F;
    -webkit-text-stroke-width: 0px;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 5px 10px;
  }
  .mobile-gallery .gallery-cate-name.active:before {
    display: none;
  }
  .mobile-gallery .gallery-div {
    max-width: 100%;
    max-height: initial !important;
    cursor: default;
    margin-bottom: 15px;
  }
  .mobile-gallery .gallery-div:last-child {
    margin-bottom: 0;
  }
  /***** Gallery Slider End *****/


  /***** Unique Features *****/
  .uf-wrapper {
    height: 324px !important;
  }
  .uf-sec {
    overflow: visible !important;
  }
  .uf-sec.desktop {
    display: none;
  }
  .uf-sec.mobile {
    display: block;
    margin-right: 15px;
  }
  .uf-slide {
    width: 306px;
  }
  .uf-div {
    padding: 20px 20px 16px 24px;
  }
  .uf-title {
    padding-right: 36px;
  }
  .uf-title br {
    display: none;
  }
  body .uf-description p {
    font-size: 14px;
    line-height: 22px;
  }
  .uf-open-slider:before {
    width: 43.72px;
    height: 43.22px;
  }
  .uf-close-slider:before {
    width: 39.27px;
    height: 38.82px;
    right: 18px;
    background-image: url(../images/black-minus-mobile-btn.png);
  }
  .uf-sec .swiper-button-prev, .uf-sec .swiper-button-next,
  .uf-sec .swiper-button-next:after, .uf-sec .swiper-button-prev:after {
    width: 45.43px;
    height: 45.43px;
    z-index: 2;
  }
  .uf-sec .swiper-button-next {
    left: auto;
    right: 0;
    bottom: -66px;
  }
  .uf-sec .swiper-button-next:after {
    background-image: url(../images/white-circle-arrow-next.png);
  }
  .uf-sec .swiper-button-prev {
    left: auto;
    right: 46px;
    bottom: -66px;
  }
  .uf-sec .swiper-button-prev:after {
    background-image: url(../images/white-circle-arrow-prev.png);
  }
  .uf-sec .swiper-pagination {
    bottom: -55px;
    left: 0px;
    z-index: 1;
  }
  /***** Unique Features End *****/
}
/********** 1024px and below End **********/

@media only screen and (max-width: 1024px) and (min-width: 577px) {
  .uf-div {
    background-position: top 25% center;
  }
}

/********** 991px and above **********/
@media only screen and (max-width: 991px) {
  /***** Popup *****/
  .tthvp_popup_close {
    width: 38px;
    height: 38px;
    left: auto;
    right: 15px;
    top: 110px;
    transform: translate(0px, 0px);
  }
  .ha_popup_container .swiper-button-prev {
    top: auto;
    left: -50px;
    right: 0;
    transform: none;
  }
  .ha_popup_container .swiper-button-next {
    top: auto;
    left: 0;
    right: -50px;
    transform: none;
  }
  .ha_popup_container .swiper-button-next:after, .ha_popup_container .swiper-button-prev:after {
    width: 43px;
  }
  /***** Popup End *****/


  /***** About The Vybe *****/
  html body div .soho h2:not(.elementor-element), html body div .soho h2.elementor-element div *, .soho .freehold-text, .soho:before {
    font-size: 220px;
    line-height: 300px;
  }
  .freehold-text:before {
    width: 100px;
    font-size: 16px;
    line-height: 32px;
    height: 35px;
    top: 128px;
    left: 2px;
  }
  .freehold-text:after {
    top: 163px;
    left: 2px;
  }
  /***** About The Vybe End *****/
}
/********** 991px and above End **********/


/********** 922px and above **********/
@media only screen and (min-width: 922px) {
  /***** General *****/
  body .site-content .ast-container {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
  }
  /***** General End *****/
}
/********** 922px and above End **********/


/********** 767px and below **********/
@media only screen and (max-width: 767px) {
  /***** General *****/
  body .elementor-widget-heading h1.elementor-heading-title, body .elementor-element h1, body .elementor-element h1 *, body h1, body h1 * {
    font-size: 35px;
    line-height: 42px;
  }
  body .elementor-widget-heading h2.elementor-heading-title, body .elementor-element h2, body .elementor-element h3 *, body h3, body h3 * {
    font-size: 30px;
  }
  body .elementor-widget-heading h3.elementor-heading-title, body .elementor-element h3, body .elementor-element h3 *, body h3, body h3 * {
    font-size: 20px;
  }
  body .elementor-widget-heading h4.elementor-heading-title, body .elementor-element h4, body .elementor-element h4 *, body h4, body h4 * {
    font-size: 22px;
  }
  body .elementor-widget-heading h5.elementor-heading-title, body .elementor-element h5, body .elementor-element h5 *, body h5, body h5 * {
    font-size: 16px;
  }
  body .elementor-widget-heading h6.elementor-heading-title, body .elementor-element h6, body .elementor-element h6 *, body h6, body h6 * {
    font-size: 13px;
    line-height: 20px;
  }
  body .elementor-element p, body .elementor-widget-heading p.elementor-heading-title, body p {
    font-size: 15px;
    line-height: 21px;
  }


  html body div .fs-260:not(.elementor-element), html body div .fs-260.elementor-element div * {
    font-size: 76px;
  }
  html body div .fs-170:not(.elementor-element), html body div .fs-170.elementor-element div * {
    font-size: 50px;
  }
  html body div .fs-80:not(.elementor-element), html body div .fs-80.elementor-element div * {
    font-size: 38px;
  }
  html body div .fs-m-22:not(.elementor-element), html body div .fs-m-22.elementor-element div * {
    font-size: 22px;
  }
  html body div .fs-m-18:not(.elementor-element), html body div .fs-m-18.elementor-element div * {
    font-size: 18px;
  }
  html body div .fs-m-13:not(.elementor-element), html body div .fs-m-13.elementor-element div * {
    font-size: 13px;
  }
  html body div .fs-20:not(.elementor-element), html body div .fs-20.elementor-element div * {
    font-size: 15px;
    line-height: 18px;
  }
  html body div .fs-13:not(.elementor-element), html body div .fs-13.elementor-element div, html body div .fs-13.elementor-element div * {
    font-size: 12px !important;
  }
  html body div .lh-49:not(.elementor-element), html body div .lh-49.elementor-element div * {
    line-height: 25px;
  }
  html body div .lh-38:not(.elementor-element), html body div .lh-38.elementor-element div * {
    line-height: 27px;
  }
  html body div .ml-48:not(.elementor-element), html body div .ml-48.elementor-element div * {
    margin-left: 15px;
  }
  html body div .remove-br-mobile br:not(.elementor-element), html body div .remove-br-mobile br.elementor-element div * {
    display: none;
  }

    /*** Yellow Button ***/
    body div .yellow-button:not(.elementor-element):not(.menu-item), body .elementor-element.elementor-yellow-button .elementor-button, body div .yellow-button.menu-item:not(.current-menu-item) .menu-link, .reg-form input[type="submit"],
    body div .dark-button:not(.elementor-element):not(.menu-item), body .elementor-element.elementor-dark-button .elementor-button, body div .dark-button.menu-item:not(.current-menu-item) .menu-link,
    body div .white-button:not(.elementor-element):not(.menu-item), body .elementor-element.elementor-white-button .elementor-button, body div .white-button.menu-item:not(.current-menu-item) .menu-link {
      height: 39px;
      font-size: 13px;
    }
    /*** Yellow Button End ***/


    /*** Header ***/
    body .elementor-element.header-btn .elementor-button {
      height: 31px;
      padding: 8px 11px;
    }
    .hm_mobile_menu_popup {
      height: calc(100% - 62px);
      top: auto;
    }
    .hm_mobile_menu_popup:before {
      background-image: url(../images/hamburger-mobile-bg.png);
      background-size: contain;
      background-position: bottom;
    }
    .hm_mobile_menu_popup .hm_nav_div ul {
      margin-top: 22px;
    }
    .hm_mobile_menu_popup .hm_nav_div ul > li > a {
      font-size: 19px;
      padding: 15px 0 7px;
    }

    /* body .custom_heading .new_ct_mobile_head {
      top: 47px;
    }
    body .head_notice .hn_div {
      padding-top: 9.5px;
      padding-bottom: 9.5px;
    }
    body .head_notice .hn_div .hn_inner_div {
      display: flex;
    }
    .add-padd {
      padding-top: 46px;
    } */
    /*** Header End ***/
  /***** General End *****/


  /***** Swiper End *****/
    /*** Floor Plan End ***/
    .fp-right {
      max-width: initial;
    }
    .fp-sec.swiper-container {
      text-align: center;
    }
    .fp-sec .swiper-button-next, .fp-sec .swiper-button-prev {
      position: relative;
      display: inline-flex;
      width: 45.43px;
      height: 45.43px;
    }
    .fp-sec .swiper-button-next:after, .fp-sec .swiper-button-prev:after {
      width: 45.43px;
      height: 45.43px;
    }
    .fp-sec .swiper-button-prev {
      right: auto;
      bottom: 0;
      margin-right: -2px;
    }
    .fp-sec .swiper-button-next {
      right: auto;
      bottom: 0;
      margin-left: -2px;
    }
    .fp-sec .swiper-button-next:after {
      background-image: url(../images/white-next-mobiles.png);
    }
    .fp-sec .swiper-button-prev:after {
      background-image: url(../images/white-prev-mobile.png);
    }
    /*** Floor Plan End ***/
  /***** Swiper End *****/


  /********** Standard Popup **********/
  .fancybox__container .standard-popup.fancybox__content>.carousel__button.is-close {
    width: 31px;
    right: 17px;
    top: 17px;
  }
  .standard-popup .carousel__button svg {
    width: 31px;
    height: 31px;
  }
  /********** Standard Popup End **********/


  /***** Header Announcement *****/
  .hn_inner_div {
      line-height: 1.3;
      text-align: center;
  }
  .hn_inner_div span {
      margin-bottom: 5px;
  }
  .hn_inner_div > a {
      text-align: center;
      display: block;
      width: 80px;
      margin: auto;
  }
  .head_announcement_sec .swiper-button-next, .head_announcement_sec .swiper-button-prev {
      width: 20px;
      padding: 0 6px;
      top: auto;
      bottom: 6px;
  }
  .head_announcement_sec .swiper-button-next {
      right: -6px;
  }
  .head_announcement_sec .swiper-button-prev {
      right: 14px;
  }
  .hn_inner_div a {
      margin-left: 8px;
      display: inline-block;
      width: 95px;
  }
  /***** Header Announcement End *****/


  /***** Homepage Banner *****/
  .hb_sec_wrapper {
    max-height: 672px;
    min-height: 672px !important;
  }
  .hb-bg {
    background-position: top center;
  }
  body .hb-title-desc-wrap h1 p {
    font-size: 33px;
    line-height: 36px;
    letter-spacing: 0;
  }
  .hb-bg.desktop {
    display: none;
  }
  .hb-bg.mobile {
    display: block;
    background-position: bottom 40% right;
  }
  .hb-title-desc-wrap {
    margin-top: 204px;
  }
  .hb-title-desc-wrap h1 {
    margin-bottom: 9px;
  }
  .hb-title-desc-wrap p br {
    display: none;
  }
  body .hb-title-desc-wrap div p {
    padding-right: 40px;
  }
  /***** Homepage Banner End *****/


  /***** About The Vybe *****/
  html body div .soho h2:not(.elementor-element), html body div .soho h2.elementor-element div *, .soho .freehold-text, .soho:not(.initial):before {
      font-size: 110px;
      line-height: 132px;
  }
  .soho-sec {
    max-width: 248px;
    height: 312px;
  }
  .soho-desc {
    font-size: 10px;
    right: 9px;
    bottom: 4px;
  }
  .soho-sec .swiper-pagination {
    transform: translate(0px, 40px);
  }
  .soho-sec .swiper-button-next {
    left: 44px;
    bottom: -81px;
  }
  .soho-sec .swiper-button-prev {
    left: -44px;
    bottom: -81px;
  }
  .soho-sec .swiper-button-next, .soho-sec .swiper-button-prev {
    width: 46px;
    height: 46px;
  }
  .soho-sec .swiper-button-next:after, .soho-sec .swiper-button-prev:after {
    width: 46px;
  }
  .freehold-text:before {
    width: 65px;
    font-size: 12px;
    line-height: 22px;
    height: 25px;
    top: 56px;
    left: 1px;
  }
  .freehold-text:after {
    top: 80px;
    left: 1px;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #212A2F;
  }
  .label-text {
    width: 65px;
    font-size: 12px;
    line-height: 22px;
    height: 25px;
    top: 8px;
  }
  .label-text:after {
    top: 25px;
    left: 1px;
    border-bottom: 7px solid transparent;
    border-right: 8px solid #212A2F;
  }
  .only-soho {
    width: 100% !important;
    max-width: 190px !important;
  }
  .soho-circle:before,
  .soho-circle .elementor-widget-container:after {
    max-width: 106px;
  }
  body .only-soho p {
  line-height: 21px;
  font-size: 15px;
  }
  /***** About The Vybe End *****/


  /***** Registration Form *****/
  .reg-form form {
    margin: 0;
  }
  .reg-form form p {
    width: 100%;
    margin: 0;
    margin-bottom: 38px;
    font-size: 13px;
  }
  .reg-form form p:nth-last-child(3) {
    margin-bottom: 5px;
  }
  .reg-form .wpcf7-form-control-wrap {
    margin-top: 0;
  }
  .reg-form .wpcf7 input:not([type=submit]), .reg-form .wpcf7 select, .reg-form .wpcf7 textarea {
    padding: 0.45em;
    height: 30px;
  }
  #radioPrivacy {
    margin-top: 38px;
  }
  #radioPrivacy input[type=radio] {
    margin: 0;
    margin-right: 11px;
    margin-top: 4px;
  }
  #privacyPolicy {
    font-size: 13px;
    padding-right: 15px;
  }
  #privacyPolicy span {
    line-height: 18px;
    padding-right: 10px;
  }
  .reg-form input[type="submit"] {
    margin-top: 8px;
    padding: 12px 43px;
  }
  .popup-button .dialog-close-button .eicon-close:before {
    right: 6px;
    top: 27px;
    width: 21px;
    height: 21px;
  }
  /***** Registration Form End *****/


  /***** Privacy Policy *****/
  .privacy-policy div ul {
    margin-left: 15px;
  }
  /***** Privacy Policy End *****/


  /***** Explore Techzone *****/
    /*** Building Status ***/
    .building-status h3,
    .building-status h3 span {
      font-size: 18px !important;
      line-height: 25px !important;
    }
    .building-status h3 br {
      display: none;
    }
    /*** Building Status End ***/


    /*** Techzone Component ***/
    .elementor-element.text_with_quote_before .elementor-widget-container > *:first-child span:first-child:before {
      width: 34px !important;
      height: 20px !important;
    }
    .tz-component-title p {
      font-size: 13px !important;
    }
    .tz-component-title:before {
      top: 27px;
      width: 36px;
      height: 21px;
      left: -6px;
    }
    .tz-component-title:after {
      top: 48px;
      left: -6px;
      border-bottom: 6px solid transparent;
      border-right: 6px solid #212A2F;
    }
    .tz-component-title.num1:before {
      top: 6px;
    }
    .tz-component-title.num1:after {
      top: 26px;
    }
    /*** Techzone Component End ***/
  /***** Explore Techzone End *****/


  /***** Unique Features *****/
  .uf-title {
    padding-right: 45px;
  }
  /***** Unique Features End *****/


  /***** Facility *****/
  body .elementor-element.level-btn .elementor-button {
    height: 29px;
    padding: 8px 12px;
    font-size: 12px;
  }
  .level-btn.elementor-yellow-button {
    pointer-events: none;
  }
  .facility-wrap {
    padding-top: 6px;
    padding-bottom: 6px;
    max-width: initial;
  }
  .facility-title {
    font-size: 14px;
  }
  .facility-title div:first-child {
    width: 22px;
    height: 22px;
    font-size: 13px;
    margin-right: 10px;
  }
  .facility-content {
    margin-left: 32px;
    font-size: 14px;
  }
  .facility-content ul {
    margin-top: 8px;
  }
  .facility-wrap.icon:before {
    top: 3px;
  }
  html body div .facility-view:not(.elementor-element):not(.menu-item),
  html body div .facility-collapse:not(.elementor-element):not(.menu-item) {
    height: 31px;
  }
  /***** Facility End *****/


  /***** Gallery *****/
  .hg-sec {
    max-width: 169px;
    height: 220px;
  }
  .hg-sec-wrapper:first-child {
    transform: translateY(-18px) rotate(-6.5deg);
  }
  .hg-toggle-slider img {
    max-width: 49px;
  }
  .hg-toggle-slider:before {
    width: 45px;
    height: 45px;
  }
  /***** Gallery *****/


  /***** Gallery Slider *****/
  .gallery-title-mobile {
    margin-top: 10px;
  }
  .mobile-gallery .gallery-cate-wrap {
    /* margin: 12px 0 16px 3px; */
    margin: 12px 0 16px 15px;
  }
  .mobile-gallery .gallery-cate-name {
    /* padding: 0 5px; */
    padding: 0 10px;
    font-size: 12px;
    min-width: 80px;
    height: 29px;
  }
  .mobile-gallery .gallery-cate-name:hover,
  .mobile-gallery .gallery-cate-name.active {
    font-size: 12px;
  }
  .mobile-gallery .gallery-div {
    margin-bottom: 5px;
  }
  /***** Gallery Slider End *****/


  /***** Floor Plan *****/
  .fp-sec-wrapper {
    margin-bottom: 11px;
  }
  .fp-div {
    flex-direction: column;
    align-items: center;
  }
  .fp-left {
    max-width: 230px;
    height: 316px;
  }
  .fp-right {
    padding-top: 20px;
  }
  body .fp-right h1 {
    font-size: 25px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  body .fp-right h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 9px;
  }
  .fp-desc {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
  }
  .fp-desc br {
    display: none;
  }
  .fp-price h5 {
    margin-bottom: 0;
  }
  body .fp-price h5 * {
    font-size: 18px;
  }
  /***** Floor Plan End *****/


  /***** APDL Section *****/
  .apdl_sec .tthvp_popup_inner_div {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .apdl_sec img {
    max-width: 120px;
  }
  .apdl_sec hr {
    margin: 20px 0;
  }
  .apdl_content p {
    font-size: 13px;
  }
  .apdl_content p:first-child,
  .apdl_content p:nth-child(2),
  .apdl_content p:nth-child(3) {
    margin-bottom: 10px;
  }
  /***** APDL Section End *****/
}
/********** 767px and below End **********/


/********** 576px and below **********/
@media only screen and (max-width: 576px) {
  /***** Back to Top Button *****/
  .back-to-top-btn .elementor-button-icon svg {
      width: 3.8em;
  }
  /***** Back to Top Button End *****/


  /***** APDL Section *****/
  .apdl_container {
    /* margin-top: 40px; */
    overflow: scroll;
    /* height: 100vh; */
    height: 100%;
  }
  .apdl_sec .tthvp_popup_div {
      padding: 30px 15px;
  }
  .apdl_sec .tthvp_popup_close {
    top: -2px;
  }
  /***** APDL Section End *****/
}
/********** 576px and below End **********/


/********** 360px and below **********/
@media only screen and (max-width: 360px) {
  /***** Header Announcement *****/
  .hn_inner_div a {
      margin-left: 50%;
      transform: translate(-50%, 0);
      margin-top: 3px;
      display: block;
      width: 95px;
      box-sizing: border-box;
  }
  /***** Header Announcement End *****/

  /***** About The Vybe *****/
  html body div .soho h2:not(.elementor-element), html body div .soho h2.elementor-element div *, .soho .freehold-text, .soho:before {
      font-size: 96px;
      line-height: 120px;
  }
  .freehold-text:before {
    width: 53px;
    font-size: 10px;
    line-height: 19px;
    height: 23px;
    top: 46px;
    left: 0px;
  }
  .freehold-text:after {
    top: 69px;
    left: 0px;
  }
  /***** About The Vybe End *****/
}
/********** 360px and below **********/


/********** 343px and below **********/
@media only screen and (max-width: 343px) {
  /***** About The Vybe *****/
  .only-soho {
    text-align: center !important;
    max-width: initial !important;
  }
  .only-soho > div {
    margin-left: 0 !important;
    margin-top: 13px !important;
  }
  /***** About The Vybe End *****/
}
/********** 343px and below **********/