@media (max-width: 1600px) {
  body {
    --container-width: 1220px;
  }
  .unit-options-content ul {
    column-gap: 20px;
  }
  .unit-options-content li img {
    max-width: 30px;
  }
  .unit-options-content li h5 {
    font-size: 15px;
  }
  .unit-options-content li h5 {
    font-size: 16px;
  }
  .unit-options-content li {
    padding-left: 40px;
  }
  h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 15px;
  }
  .resp-tabs-list li {
    font-size: 18px;
  }
}

@media (max-width: 1200px) {
  .container {
    max-width: 94%;
  }
  h2 {
    font-size: 27px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .new_detail_box,
  .home-banner-content,
  .home-banner-third > div {
    width: 100%;
  }
  .home-banner {
    padding: 50px 0 0 0;
    background-size: 1500px;
  }
  .home-banner-content img {
    max-width: 270px;
    margin-inline: auto;
  }
  .outline-btn {
    padding: 9px 20px;
    min-width: 150px;
  }
  .new_detail_box {
    padding: 25px;
    border-radius: 20px;
  }
  .new_detail_form button {
    margin-top: 50px;
    height: 42px;
  }
  .new_detail_form select,
  .new_detail_form .nice-select,
  .new_detail_form input:not(.file) {
    height: 42px;
  }
  .home-banner-second {
    padding: 50px 0;
  }
  .district-block {
    padding-top: 50px;
  }
  .faq-section {
    padding: 50px 0;
  }
  .faq-section h2 {
    margin-bottom: 30px;
  }
  .accordion-title {
    padding-right: 30px;
    font-size: 14px;
  }
  .accordion-item {
    margin-top: 15px;
    padding-bottom: 15px;
  }
  .footer {
    margin: 0;
  }
  .footer .container {
    justify-content: center;
  }
  .pagination {
    margin-top: 30px;
  }
  .pagination a {
    font-size: 15px;
    width: 40px;
    height: 40px;
  }
  .discover-content h4 {
    font-size: 16px;
  }
  .discover-swiper .swiper-slide .discover-image > a > img {
    height: 300px;
  }
  .discover-swiper .swiper-slide:hover {
    width: 320px !important;
  }
  .discover-item:hover .expand-arrow {
    max-width: 30px;
  }
  .community {
    padding: 50px 0;
    background: #fff;
  }
  .community .container > div {
    width: 100%;
  }
  .community-location-item {
    width: calc(100%);
    padding-left: 0;
  }
  .community-location-content h4 {
    font-size: 17px;
  }
  .community-location-content h4 span {
    font-size: 30px;
  }
  .community-location {
    margin-top: 0;
  }
  .features-list {
    justify-content: center;
    gap: 20px;
  }
  .features-list .item {
    width: calc(33.33% - 20px);
  }
  .why-invest .title img {
    max-width: 300px;
  }
  .why-invest-list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
    row-gap: 12px;
  }
  .graph-block + .graph-block {
    margin-top: 50px;
  }
  .growth,
  .graph-section {
    padding: 50px 0;
  }
  .growth-title p {
    font-size: 16px;
  }
  .why-invest-list .item {
    min-height: 254px;
    padding: 15px;
    border-radius: 12px;
  }
  .graph-block h2 {
    font-size: 22px;
  }
  .six-district {
    padding: 50px 0;
  }
  .unit-options {
    padding-top: 50px;
    margin-bottom: 40px;
    width: 100%;
  }
  .unit-options-swiper .swiper-slide > div {
    width: 100%;
  }
  .unit-options-swiper .swiper-pagination {
    margin-top: 25px;
  }
  .home-banner-third {
    padding-top: 20px;
  }
  .footer .container {
    border-top: 1px solid #7d7d7d;
  }
  .new_detail_form select, .new_detail_form .nice-select, .new_detail_form input:not(.file){
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  /* .why-invest-list {
    grid-template-columns: repeat(1, 1fr);
  } */
  .new_detail_form li:not(.full) {
    width: 100%;
  }
  .discover-bottom > div {
    column-gap: 10px;
    width: 40px;
    height: 40px;
    background-size: cover !important;
  }
  .map-swiper .swiper-button-next, .map-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
}
}