@media only screen and (min-width: 320px) and (max-width: 351px) {
  /* .hero {

    padding-top: 430px;

  }



  .hero-dflt-title {

    font-size: 1.5rem !important;

  } */

  .m-block {
    display: block !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
  html {
    width: 100%;

    padding: 0;

    margin: 0;

    scroll-behavior: smooth;
  }

  .m-d-none {
    display: none !important;
  }

  .d-d-none {
    display: block !important;
  }

  .header-logo {
    width: 100%;

    padding-left: 10px;
  }

  .header-logo img {
    max-width: 90%;
  }

  .hero-dflt-info {
    font-size: 0.85rem;

    margin-bottom: 0.5rem;
  }

  .hero-dflt-title {
    width: 100%;

    font-size: 1.6rem;

    font-weight: 500;

    margin: 0 auto 1rem auto;

    line-height: 35px;

    letter-spacing: 1px;
  }

  .header-right {
    display: block;

    width: 100%;

    padding-right: 10px;
  }

  .header-amb-icon {
    max-width: 80%;

    margin-left: auto;

    display: flex;

    justify-content: flex-end;
  }

  .hero {
    padding-top: 430px;

    padding-bottom: 50px;
  }

  .hero-dflt-content .enq-btn1 {
    display: inline-block !important;
  }

  .icon-card-item {
    padding: 1rem 0.3rem 0.2rem;

    text-align: center;

    display: inline-block;

    border-radius: 0.8rem;

    background: #fff;

    font-size: 0.85rem;

    overflow: hidden;

    width: 100%;
  }

  .icon-card-icon {
    height: 3.0625rem;

    overflow: hidden;

    margin-bottom: 7px;
  }

  .icon-card-icon img {
    object-fit: contain;

    height: 3.0625rem;
  }

  .icon-card-item h6 {
    font-size: 0.7rem;

    font-weight: 500;

    line-height: 18px;
  }

  .hero-footer {
    display: flex;

    justify-content: space-evenly;

    width: 100%;

    margin: 0rem auto 0;
  }

  .hero-footer .btn-them {
    font-size: 0.8rem;

    width: 45%;

    padding-right: 0.3rem;

    padding-left: 0.75rem;

    padding-top: 0.6rem;

    padding-bottom: 0.6rem;

    align-content: center;

    font-weight: 500;
    display: inline-flex;
    align-items: center;
  }

  .hero-footer .btn-them .fa-circle-play {
    font-size: 20px;

    margin-right: 9px;
  }

  /* NEO CLASSICAL  */

  .neo-itm-container {
    display: flex;

    flex-direction: column-reverse;

    height: auto;

    padding-bottom: 230px;

    padding-top: 30px;

    position: relative;
  }

  .neo-right {
    display: block;

    width: 100%;

    height: 100%;

    padding-right: 5%;

    padding-left: 5%;

    align-content: center;
  }

  .neo-title {
    font-size: 1.65rem;

    color: var(--color-white);

    margin-bottom: 0.6rem;

    font-weight: 700;

    font-family: var(--body-font);

    text-align: center;
  }

  .neo-subtitle {
    position: relative;

    font-size: 1.2rem;

    margin-bottom: 0.7rem;

    text-align: center;
  }
  .neo-content::-webkit-scrollbar {
    width: 6px;
  }
  .neo-subtitle:after {
    display: none;
  }

  .neo-content {
    margin-top: 1rem;

    margin-bottom: 1rem;

    font-size: 0.8rem;

    text-align: center;

    position: absolute;

    left: 50%;

    transform: translatex(-50%);

    width: 85%;

    bottom: 120px;

    color: var(--color-white);

    font-family: var(--body-font);

    font-weight: 400;
    max-height: 75px;
    overflow-y: hidden;
  }

  .neo-itm-container .enq-btn1 {
    font-size: 0.8rem;

    padding: 0.45rem 1.3rem;

    position: absolute;

    bottom: 80px;

    left: 50%;

    transform: translate(-50%);
  }

  .neo-left {
    width: 100%;

    margin-top: 10px;
  }

  .neo_pagination {
    bottom: 35px !important;

    top: auto !important;

    left: 50% !important;

    transform: translate(-50%);

    max-width: 60% !important;

    width: 100% !important;

    right: 12% !important;
  }

  /* Construction Updates */

  .const_update {
    padding-top: 4.6875rem;

    padding-bottom: 2.6875rem;
  }

  #mainTab .nav-link {
    font-size: 1.5rem;
  }

  .const_update_subtitle {
    font-size: 0.798rem;

    width: 100%;

    margin: 0 auto 1.2rem auto;
  }

  #mainTabContent .nav-link {
    font-size: 0.9rem;

    font-weight: 500 !important;
  }

  #mainTabContent .nav-item {
    margin-right: 15px;
  }

  .swiper-slide2 h6 {
    position: absolute;

    bottom: 20px;

    color: var(--color-white);

    left: 50%;

    transform: translate(-50%);

    font-size: 18px;

    font-weight: 400;
  }

  .swiper-slide2 h6:after {
    content: "";

    position: absolute;

    width: 30px;

    height: 1.5px;

    background: var(--color-green2);

    bottom: -5px;

    left: 50%;

    transform: translate(-50%);
  }

  /* Reconnect with Time! */

  .reconnect-title {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 25px;
  }

  .reconnect-title:after {
    width: 40%;

    left: 50%;

    transform: translatex(-50%);
  }

  .reconnect-txt {
    width: 100%;

    text-align: center;
  }

  .reconnect-icon-cont {
    padding: 0 5px;
  }

  .reconnect-icon-cont .col-4 {
    padding: 0 3.5px;
  }

  .reconnect-icon-cont .icon-card-item h6 {
    font-size: 0.6rem;

    font-weight: 500;

    line-height: 16px;
  }

  .reconnect-icon-cont .icon-card-icon {
    height: 3rem;
  }

  .reconnect-icon-cont .icon-card-icon img {
    height: 3rem;
  }

  .enq-section {
    padding: 2rem;

    background: var(--color-white);

    border-radius: 0.625rem;

    margin-left: 0;

    margin-top: 3.5rem;
  }

  .enq-section .enq-form-grp:last-child {
    text-align: center !important;
  }

  .cstm-submit {
    width: 65%;

    text-align: left;
  }

  .reconnect {
    padding-bottom: 2.6875rem;
    padding-top: 1rem;
  }

  /* Cosmos */

  .cosmos {
    padding: 50px 0 0;
  }

  .cosmos-title-cont {
    position: relative;

    z-index: 920;

    top: auto;

    width: 100%;

    text-align: center;
  }

  .cosmos-title-logo {
    margin: 0 auto;

    margin-bottom: 1.125rem;

    width: 50%;
  }

  .cosmos-title {
    position: relative;

    font-size: 1.5rem;

    font-family: var(--title-font);

    color: #000;

    font-weight: 400;

    margin-top: 1.3rem;

    padding-bottom: 2.2rem;

    width: 100%;
  }

  .cosmos-title:after {
    content: "";

    width: 50%;

    height: 2px;

    background: var(--color-green2);

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 18px;
  }

  .cosmos-overflow {
    display: none;
  }

  .cosmos-nav-grp {
    z-index: 950;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    width: 6rem;

    bottom: 15%;

    display: inline-block;
  }

  .cosmos_slider .nav-btn {
    width: 2rem;

    height: 2rem;

    display: none;
  }

  .cosmos_slider .nav-btn i {
    font-size: 13px;
  }

  .cosmos-icon-cont .icon-card-item {
    height: 7rem;

    margin: 0 0.1rem;

    align-items: center;

    width: 100%;

    padding: 12px 6px;
  }

  .cosmos_icon {
  }

  .cosmos_icon .swiper-slide {
    width: 32% !important;
  }

  .cosmos-icon-cont .icon-card-icon {
    width: 70px;

    height: 50px;

    overflow: hidden;
  }

  .cosmos-icon-cont .icon-card-icon img {
    width: 70px;

    height: 50px;

    object-fit: contain;
  }

  .cosmos-icon-cont {
    margin-top: 2rem;
  }

  .cosmos-icon-cont .icon-card-item h6 {
    font-size: 13px;

    font-weight: 500;
  }

  .ftr-btm p {
    font-size: 0.775rem;
  }

  .ftr-btm span {
    font-size: 0.775rem;
  }

  /* Quaint Address */

  .quaint-address {
    padding-top: 2.6875rem;

    padding-bottom: 2.6875rem;
  }

  .quaint-title {
    font-size: 1.7rem;
  }

  .quaint-txt {
    font-size: 0.9rem;

    color: var(--color-blur1);

    font-weight: 400;

    margin: 1rem auto;

    width: 95%;

    margin-bottom: 20px;
  }

  .quaint-btn {
    font-size: 0.85rem;

    font-weight: 600;

    color: var(--color-blur1);

    padding: 0.625rem 1.3rem;

    margin-bottom: 25px;
  }

  .quaint-map-cont {
    max-width: 40rem;
  }

  .quaint-map-cont {
    height: 17rem;

    overflow: hidden;
  }

  .quaint-map-cont img {
    width: 100%;

    transform: scale(1.5);

    margin-top: 16px;
  }

  .down-plan-cont {
    padding-top: 1.6875rem;

    padding-bottom: 2.8rem;

    position: relative;
  }

  .down-planl-title {
    font-size: 1.8rem;

    color: var(--color-blur1);

    font-family: var(--title-font);

    font-weight: 400;

    position: relative;

    width: 100%;

    text-align: center;

    margin-bottom: 1.4rem;

    padding-bottom: 1rem;

    padding-right: 25px;

    padding-left: 25px;
  }

  .down-planl-title:after {
    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translate(-50%);

    content: "";

    width: 25%;

    height: 2.5px;

    background: var(--color-green2);
  }

  .down-planl-txt {
    font-size: 0.85rem;

    font-weight: 400;

    color: var(--color-black2);

    width: 100%;

    text-align: center;

    padding: 0 10px;

    margin-bottom: 0;
  }

  .down-planl-btn {
    font-size: 0.9rem;

    position: absolute;

    bottom: -20px;

    left: 50%;

    transform: translate(-50%);

    width: 70%;

    padding-top: 10px;

    padding-bottom: 10px;

    font-weight: 500;
  }

  .down-planl-left img {
    transform: scale(1.1);

    margin-top: 40px;
  }

  .floor-plan-title {
    text-align: center;

    font-size: 2rem;
  }

  .floor-plan .nav-pills {
    justify-content: center;
  }

  .floor-plan .nav-pills .nav-link {
    font-size: 1rem;
  }

  .floor-plan {
    padding-top: 4.6875rem;
  }

  .floor-nav-grp {
    display: none;
  }

  /* Gallery  */

  .gallery {
    padding: 3rem 0;
  }

  .gallery-title {
    font-size: 1.8rem;

    width: 100%;
  }

  .gallery-txt {
    width: 100%;

    padding: 0 7px;

    font-size: 0.8rem;
  }

  .gallery-container .nav-link {
    font-size: 1.1rem;

    font-weight: 500;
  }

  /* End Gallery  */

  /* Footer  */

  footer {
    padding-top: 50px;

    padding-bottom: 50px;
  }

  .footer-title {
    font-size: 1.89rem;

    margin-bottom: 1rem;
  }

  .them-bg3 .cstm-form-control {
    font-size: 14px;

    font-weight: 300;

    text-align: center;
  }

  footer .enq-form-grp {
    margin: 0.625rem 0 0.89rem;
  }

  .download-section {
    margin-top: 3rem;
  }

  .down-cont-btn {
    display: block;

    text-align: center;
  }

  .down-title {
    margin-right: 0;

    font-size: 1.6rem;

    margin-bottom: 1.3rem;
  }

  .down-cont-btn .btn-them {
    margin-right: 0;

    margin-bottom: 10px;
  }

  .m-ftr {
    flex-direction: column-reverse;
  }

  .ftr-info {
    padding-top: 2.5rem;

    padding-left: 7%;

    padding-right: 7%;

    padding-bottom: 1.5rem;
  }

  .ftr-cnt-info-itm {
    margin-bottom: 0.6rem;

    justify-content: center;
  }

  .ftr-social-icon {
    margin-left: 1rem;

    justify-content: center;
  }

  .ftr-info-addrs {
    margin-bottom: 3rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .ftr-subtitle {
    margin-bottom: 1.1rem;

    text-align: center;
  }

  .ftr-info-logo {
    margin: 0 auto;

    margin-bottom: 1rem;
  }

  .ftr-btm {
    margin-top: 0;
  }

  .ftr-info-txt {
    text-align: center;
  }

  .mobile-ft-fixed {
    display: flex !important;

    position: fixed;

    bottom: 0;

    background: #ffffff;

    width: 100%;

    margin-bottom: 0;

    list-style: none;

    justify-content: space-between;

    padding: 0;

    z-index: 9999;

    height: auto;

    margin-bottom: -1px;
  }

  .mobile-ft-fixed li {
    width: 50%;

    text-align: center;
  }

  .mobile-ft-fixed li:first-child {
    background: var(--color-green1);

    /* background: #184f78; */
  }

  .mobile-ft-fixed li:last-child {
    background: var(--color-green2);

    /* background: #f7941e; */
  }

  .mobile-ft-fixed li a {
    padding: 10px;

    color: var(--color-white);

    font-weight: 600;

    cursor: pointer;
  }

  .mobile-ft-fixed .open_modal_download {
  }

  .hero-icon-cont .icon-card-icon {
    height: 3.2rem;
  }

  ::-webkit-calendar-picker-indicator {
    display: none;
  }

  .input-with-icon {
    position: relative;

    width: 100%;

    max-width: 200px;
  }

  /* Space for custom icon */

  .input-with-icon input {
    padding-right: 35px;
  }

  /* Custom icon positioning */

  .input-with-icon .icon {
    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

    font-size: 18px;

    color: var(--color-white);
  }

  /* Hide native icon for most browsers */

  .input-with-icon input::-webkit-calendar-picker-indicator {
    opacity: 0;

    appearance: none;

    -webkit-appearance: none;

    position: absolute;

    right: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;
  }

  /* Additional styles to remove default arrow (especially mobile Safari/Chrome) */

  .input-with-icon input {
    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: none;
  }

  .ftr-info-logo {
    width: 65%;
  }

  .reconnect-tab-cnt .nav-tabs {
    justify-content: center;

    margin-bottom: 15px;

    border-bottom: none;
  }

  .reconnect-tab-cnt .tab-content {
    /* height: 320px; */
  }

  .reconnect-cnt-box-thmb {
    position: relative;

    z-index: 9;

    height: 240px;

    height: 320px;
  }

  .reconnect-cnt-box-thmb img {
    width: 100%;

    /* height: 240px; */

    height: 320px;

    object-fit: cover;
  }

  .neo-right {
    margin-top: 0.5rem;
  }

  .sub-hero {
    padding-top: 40%;
  }
  .reconnect-tab-cnt .nav-tabs {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .reconnect-tab-cnt .nav-tabs .nav-link {
    margin-right: 10px;
    font-size: 12px;
  }
  .m-block {
    display: block !important;
  }
  .m-brk {
    display: block;
  }
  .m-none {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html {
    width: 100%;

    padding: 0;

    margin: 0;

    scroll-behavior: smooth;
  }

  .m-d-none {
    display: none !important;
  }

  .d-d-none {
    display: block !important;
  }
  .thumbSwiper .swiper-slide {
    height: auto;
  }
  .thumbSwiper .swiper-slide img {
    height: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  html {
    width: 100%;

    padding: 0;

    margin: 0;

    scroll-behavior: smooth;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1366px) {
  .reconnect-txt {
    width: 100%;
  }
}

@media screen and (min-width: 1366px) {
  .cosmos-nav-grp {
    z-index: 950;

    position: absolute;

    left: 15% !important;

    width: 7.8125rem;

    bottom: 25% !important;

    display: inline-block;
  }
}

@media screen and (min-width: 1280px) {
  .cosmos-nav-grp {
    left: 13%;
    bottom: 23%;
  }
}