@import url(../font-web-khp/font.css);


@media (min-width: 1400px) {
  .container.csd {
    max-width: 1140px;
  }
}
@media (min-width: 1600px) {
  .container.csd {
    max-width: 1320px;
  }
}
@media (min-width: 1800px) {
  .container.csd {
    max-width: 1460px;
  }
}
@media (min-width: 1920px) {
  .container.csd {
    max-width: 1600px;
  }
}

#header {
}
#fullpageNav ul li .nav-link .title {
  font-weight: 400;
  transition: all 0.5s
    linear(0 0%, 0.43 10.71%, 0.78 29.42%, 1 63.52%, 1.09 102.01%);
}
#fullpageNav ul li.current .nav-link .title,
#fullpageNav ul li:hover .nav-link .title {
  transform: none;
  font-size: 16px;
}
#fullpageNav ul li .nav-link .title.gradient {
  background-color: #ffffff;
  transform: none;
}
#fullpageNav ul li .nav-link {
  text-transform: none;
}
#fullpageNav ul li .nav-link {
  text-transform: none;
}

#fullpageNav {
  bottom: 25%;
}
#fullpageNav ul {
  margin-left: 16px;
}
#fullpageNav::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 60px;
  background-color: #2e221b;
  bottom: -75px;
  left: 25px;
}
#fullpageNav::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 60px;
  background-color: #2e221b;
  top: -75px;
  left: 25px;
}

#fullpageNav li .nav-link i {
  margin-right: 3px;
}

#fullpageNav li.current .nav-link i {
  color: #b0734b;
}

#fullpageNav li {
  margin-left: 10px;
}

#fullpageNav li .nav-link .title {
  opacity: 0;
  transition: opacity 0.2s ease;
}

#fullpageNav li:hover .nav-link .title {
  opacity: 0;
  margin-left: 5px;
}
#fullpageNav ul li .nav-link .title {
  transition: none;
}
#fullpageNav li.current {
}

.uppercase {
  text-transform: uppercase !important;
}
.title-group {
  margin-bottom: 0px;
}
#fullpageNav ul li.current .nav-link.ct-color-5 .title.gradient,
#fullpageNav ul li.current .nav-link.ct-color-9 .title.gradient {
  background-image: linear-gradient(
    90deg,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 50%,
    rgb(255, 255, 255) 100%
  );
}
.relax-title-group .page-subtitle {
  margin-top: 0.5rem;
}

.main-content p {
  font-family: Montserrat, serif !important;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
  font-family: BeautiqueBold, serif !important;
}
#about_us .section-bg {
  background-position: 0% 10%;
  width: 100%;
}

.text-tr {
  color: #f5e3d7 !important;
}
.view-more-btn {
  border-radius: 20px;
  color: #f5e3d7;
  border: 1px solid #f5e3d7 !important;
  padding: 5px 15px 5px 18px !important;
  text-transform: uppercase;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
}
.view-more-btn2 {
  border-radius: 20px;
  color: #702e02;
  border: 1px solid #702e02 !important;
  padding: 5px 15px 5px 18px !important;
  text-transform: uppercase;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
}
.view-more-btn i {
  font-size: 20px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-bottom: 0px;
}
.view-more-btn:hover {
  background-color: #f5e3d7 !important;
  color: #702c00 !important;
  border: 1px solid #f5e3d7 !important;
}
.view-more-btn:hover {
  background-color: #f5e3d7 !important;
  color: #702c00 !important;
  border: 1px solid #702c00 !important;
}
/* .view-more ver 2 */
.view-more-btn-ver2 {
  border-radius: 20px;
  color: #702c00;
  border: 2px solid #702c00 !important;
  padding: 5px 15px 5px 18px !important;
  text-transform: uppercase;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  background: none;
}
.view-more-btn-ver2 i {
  font-size: 20px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-bottom: 0px;
}
.view-more-btn-ver2:hover {
  background: #702c00 !important;
  color: #f5e3d7 !important;
  border: 1px solid #702c00 !important;
}
.menu-toggle .bars span:nth-child(1) {
  height: 2px;
}
.menu-toggle .bars span:nth-child(2) {
  height: 2px;
}
.menu-toggle .bars span:nth-child(3) {
  height: 1.5px;
}

.footer-partner {
  position: absolute;
  bottom: 0;
  width: -webkit-fill-available;
}
.contact-form-home.contact-col {
  background-color: #ffffff99;
  padding: 40px 25px 10px 25px;
  border-radius: 10px;
}
.contact-form-home .wpcf7 {
}
.contact-form-home h3 {
  color: #702c00;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.welcome-group {
  top: 10%;
  right: 20%;
  width: 15.6%;
}
.contact-form-home .wpcf7 form .form-control-group .form-control-input {
}
.contact-form-home .wpcf7 form .form-control-input input::placeholder,
.contact-form-home .wpcf7 form .form-control-input textarea::placeholder {
  color: #702c00;
}
.contact-form-home .wpcf7 form .form-control-group .form-control-input input,
.contact-form-home
  .wpcf7
  form
  .form-control-group
  .form-control-input
  textarea {
  height: 40px;
  margin-bottom: 10px;
  padding: 5px 10px 5px 0;
  border-radius: 0;
  background-color: rgb(255 255 255 / 0%);
  border: none;
  color: #702c00;
  border-bottom: 1px solid #702c00;
  font-style: italic;
  font-size: 16px;
}

.contact-form-home
  .wpcf7
  form
  .form-control-group
  .form-control-input
  textarea {
  height: 130px;
  margin-bottom: 30px;
}

.contact-form-home
  .wpcf7
  form
  .form-control-group
  .form-control-input
  input[type="submit"] {
  border: 1px solid #702c00;
  border-radius: 20px;
  padding: 4px 20px;
  font-weight: 600;
  background: none;
}
.contact-form-home
  .wpcf7
  form
  .form-control-group
  .form-control-input
  input[type="submit"]:hover {
  color: #ffffff;
  background: #702c00;
}
.page-title {
  font-size: 2.9rem;
}

.location-left {
  width: 34%;
  margin-right: -50px;
}
.location-left .location-content p {
  color: #702c00;
  direction: rtl;
  margin-top: 15px;
}
.page-subtitle-utility {
  display: block;
  font-family: BeautiqueBold, serif;
  font-size: 40px;
  text-align: right;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 0;
}

.page-title-utility {
  text-transform: uppercase;
  line-height: inherit;
  padding-top: 10px;
  font-size: 36px;
}
.text-right {
  text-align: right;
}
.news-title-group {
  display: inherit;
  text-align: center;
}

.news-title-group .news-title span {
  color: #702c00 !important;
}

.box-news-item {
}
.box-news-item img {
  border-radius: 10px;
}
.box-news-item .post-title a {
  color: #702c00 !important;
  font-family: Montserrat, serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17px;
  font-style: italic;
}
.page-title.location-title {
  font-size: 44px;
}
.page-title.value-title span {
  padding-top: 20px;
}
.value-group .value-list {
  margin-top: 20px;
}
.box-news-item .post-title.title-top a {
  color: #702c00 !important;
  font-family: Montserrat, serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 20px;
  font-style: italic;
}
.apartment-content {
  margin-top: 25px;
}
.apartment-group .apartment-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box-news-item .post-meta {
  color: #702c00 !important;
  font-family: BeautiqueBold, serif;
  width: 100px;
}
.about-wrapper {
  display: flex;
  align-items: start;
}
.about-infomation ul li {
  font-size: 15px;
  color: #702c00;
}
.about-infomation {
  text-align: left;
  margin-top: 15px;
}
.about-left {
  order: 1;
  width: 68%;
  margin-top: 5%;
  margin-left: 5%;
}
.about-infomation ul li .label {
  width: 180px;
  font-weight: 600;
}
.justify-center {
  justify-content: center !important;
}
/* .about-wrapper {
  display: block;
  align-items: unset;
}
.about-group {
  display: block;
  position: relative;
}
.about-left {
  width: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}
.about-right {
  width: 50%;
  position: absolute;
  top: 10px;
  right: 0;
}
.about-left-image {
  width: 60%;
}
.about-left-image .image-box {
  display: contents;
}
.about-left-image .image-box img {
  position: relative;
  margin-bottom: 20px;
}
.about-right-image .image-box {
  padding-bottom: 80px;
}
.about-right-image .image-box img {
}
.about-infomation ul li .label {
  width: 180px;
  font-weight: 600;
}
.about-infomation ul li {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.about-left-image2 img {
  filter: brightness(1000%) grayscale(100%);
  margin-left: -10px;
  margin-top: 10px;
} */
@media screen and (min-width: 1650px) {
  .partner-item h6,
  .partner-item .h6 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
}

.footer-partner-midd {
}
.footer-partner-midd h3 {
  font-size: 2rem;
  color: #f5e3d7;
  font-weight: 600;
}
.footer-partner-midd h4 {
  font-size: 1.1rem;
  color: #f5e3d7;
  font-weight: 300;
}
.footer-partner-midd img {
  margin-right: 10px;
  width: 16px;
}
.footer-partner-midd p {
  font-size: 12px;
  text-align: center;
  color: #f5e3d7;
}

.footer-partner-right {
  position: relative;
}
.footer-partner-right > div {
  position: absolute;
  bottom: 15px;
  right: 100px;
}
.footer-partner-right::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 35px;
  width: 100px;
  height: 2px;
  background-image: linear-gradient(
    90deg,
    rgb(177 150 134) 0%,
    rgb(224 204 190) 35%,
    rgb(245 227 215) 100%
  );
}
.footer-partner-right img {
  margin: 0 15px;
}
.footer-partner-right p {
  margin-bottom: 0;
  background: linear-gradient(
    90deg,
    rgb(177, 150, 134) 0%,
    rgb(224, 204, 190) 35%,
    rgb(245, 227, 215) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-partner-left {
  position: relative;
}
.footer-partner-left > div {
  position: absolute;
  bottom: 15px;
  left: 100px;
}
.footer-partner-left::before {
  content: "";
  position: absolute;
  left: -30px;
  bottom: 35px;
  width: 100px;
  height: 2px;
  background-image: linear-gradient(
    90deg,
    rgb(177 150 134) 0%,
    rgb(224 204 190) 35%,
    rgb(245 227 215) 100%
  );
}
.footer-partner-left img {
  margin: 0 15px;
}
.footer-partner-left p {
  margin-bottom: 0;
  background: linear-gradient(
    90deg,
    rgb(177, 150, 134) 0%,
    rgb(224, 204, 190) 35%,
    rgb(245, 227, 215) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.partner-logo img {
  max-height: 95px;
}
.partner-item {
  padding-bottom: 50px;
}
.partner-item .partner-logo {
  height: 100px;
  justify-content: center;
  display: flex;
}
.partner-item .partner-logo img {
  object-fit: contain;
}
#map_canvas {
  margin-bottom: 50px;
}
#news .title-group.news-title-group {
  margin-top: -50%;
}

.navbar-nav .nav-item .nav-link {
  font-size: 20px;
  text-transform: uppercase;
}

.apartment-content.page-content p, .location-content p {
    color: #702c00 !important;
}

.page-subtitle.link-title {
  width: 200px;
}

.apartment-slider .apartment-image .image-box {
  overflow: hidden;
}

.apartment-slider .apartment-image .image-box img {
  display: block;
  width: 100%;
  transition: transform 1s ease-in-out!important; /* áp dụng cả khi zoom và khi trở lại */
  transform: scale(1) !important;/* trạng thái ban đầu */
}

.apartment-slider .apartment-image .image-box:hover img {
  transform: scale(1.1) !important; /* zoom siêu nhẹ */
}

#relax .relax-title-group .page-subtitle,
#chill .relax-title-group .page-subtitle {
  margin-top: 0rem;
}
.apartment-group .apartment-left {
  width: 70%;
  padding-right: 2%;
}
#progress .progress-image {
}
#progress .progress-image img {
}
#progress .progress-slider {
  transform: scale(0.8);
  top: -15px;
  margin-top: -65px;
}
@media (min-width: 1200px) {
  .wrapper.wrapper1 {
    min-height: auto;
    display: block;
    align-items: center;
    padding-top: 100px;
  }
}

@media (min-width: 1920px) {
  .wrapper.wrapper1 {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1440px) {
  .page-subtitle-utility {
    font-size: 36px;
  }
  .about-left {
    order: 1;
    width: 68%;
    margin-top: 0%;
    margin-left: 30px;
  }
  .page-title {
    font-size: 36px;
  }

  .page-title-utility {
    font-size: 32px;
  }
  .footer-partner-midd h3 {
    font-size: 1.7rem;
    color: #f5e3d7;
    font-weight: 600;
  }
  #fullpageNav {
    bottom: 23%;
  }
  .footer-partner-midd h4 {
    font-size: 14px;
    color: #f5e3d7;
    font-weight: 300;
  }
  .footer-partner-left > div {
    position: absolute;
    bottom: 15px;
    left: 40px;
  }
}
@media screen and (max-width: 1360px) {
  .vr360 {
    transform: scale(1.5);
  }
  .partner-logo img {
    max-height: 80px;
  }
  .partner-item h6,
  .partner-item .h6 {
    font-size: 1rem;
  }
  .partner-item {
    padding-bottom: 20px;
  }
  .slider-partner-logo .box-partner-logo {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .footer-partner-midd h4 {
    font-size: 13px;
    color: #f5e3d7;
    font-weight: 300;
  }
}
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1200px) {
  .vr360 {
    display: contents;
  }

  .vr360 img {
    width: 60px;
    height: auto;
  }
  #fullpageNav {
    bottom: 30%;
  }

  #cta {
    bottom: 50%;
    right: 5.6%;
  }
  .map-image {
    pointer-events: none;
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 60%;
    float: left;
  }
  .location-left {
    width: 32%;
    margin-left: 70%;
  }
  #map_wrapper #map_svg {
    position: absolute;
    width: 100%;
    height: 100vh;
  }
  .page-title {
    font-size: 2.5rem;
  }
  .page-title-utility {
    text-transform: uppercase;
    line-height: inherit;
    padding-top: 10px;
    font-size: 1.7rem;
  }
  .page-subtitle-utility {
    display: block;
    font-family: BeautiqueBold, serif;
    font-size: 2.5rem;
    text-align: right;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 0;
  }
  .page-title {
    font-size: 1.7rem;
  }
  .view-more-btn-ver2 {
    border-radius: 20px;
    color: #702c00;
    border: 1px solid #702c00 !important;
    padding: 3px 8px 3px 8px !important;
    text-transform: uppercase;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    background: none;
  }
  .menu-toggle .bars span:nth-child(2) {
    height: 2px;
  }
  .menu-toggle .bars span:nth-child(3) {
    height: 2px;
  }
  .partner-logo img {
    max-height: 75px;
  }

  .partner-item {
    padding-bottom: 30px;
  }
  .footer-partner {
    position: relative;
    bottom: 0;
    width: -webkit-fill-available;
  }
  .footer-partner-midd h3 {
    font-size: 1.3rem;
  }
  .footer-partner-midd h4 {
    font-size: 1rem;
  }
  .footer-partner-midd p {
    font-size: 10px;
  }
  .footer-partner-left img,
  .footer-partner-right img {
    width: 60%;
  }
  .footer-partner-right p,
  .footer-partner-left p {
    font-size: 14px;
  }
  .footer-partner-left::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 70px;
    width: 70px;
  }

  .footer-partner-right::before {
    content: "";
    opacity: 0;
  }
  #location .wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 90px;
  }

  #location .location-right {
    width: 30%;
  }
  #location {
  }
  #location #map_wrapper #map_svg {
    position: relative;
  }
  #location .panzoom-control {
    bottom: 120px;
  }
}
@media screen and (max-width: 991px) {
  #utility .section-bgc,
  #relax .section-bgc,
  #enjoy .section-bgc,
  #chill .section-bgc {
    background-position: right;
  }
  .floorplan-group .title-group,
  .typical-group .title-group {
    margin-top: 0;
  }
  .floorplan-group .title-group .title-line-top,
  .typical-group .title-group .title-line-top {
    top: -10px;
  }

  #location .wrapper {
    min-height: auto;
    display: block;
    align-items: center;
    padding-top: 90px;
  }
  #location .location-right {
    width: 100%;
  }
  #location .title-group.location-title-group {
    width: auto;
  }
  #location span.subtitle {
    text-align: right !important;
    display: inline-block !important;
    width: auto !important;
  }
  #location .location-left {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  #location #map_canvas {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }

  #location .panzoom-control {
    z-index: 999999;
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    white-space: nowrap;
  }

  #header {
    height: 60px;
    top: -10px;
  }
  #location .section-bg,
  #utility .section-bg,
  #news .section-bg,
  #partner .section-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #header,
  #location .container.csd,
  #news .container.csd {
    background-color: #e4d0c3;
  }
  .location-left {
    width: 100%;
  }
  .location-left {
    text-align: left;
    margin-left: 0;
  }
  .location-left .location-content p {
    color: #702c00;
    direction: ltr;
    margin-top: 15px;
  }
  .vr360 {
    display: block;
  }

  #logo {
    text-align: center;
    margin-top: 1px;
  }
  #header .header-wrapper {
    margin-top: 10px;
  }
  .map-image {
    pointer-events: none;
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%;
    float: left;
    margin-top: 20px;
  }
  #map_wrapper #map_svg {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .title-group.utility-title-group {
    float: right;
  }
  #news .title-group.news-title-group {
    margin-top: 0%;
  }
  .partner-logos .row {
    gap: 30px 0;
  }
  .partner-item h6,
  .partner-item .h6 {
    font-size: 0.9rem;
    margin-bottom: 16px;
  }

  .view-more-btn2 {
    font-size: 13px;
  }
  .section-bg {
    min-height: 40vh;
  }
  /* #about_us .section-about > .csd {
    position: absolute;
    z-index: 999;
    left: 10%;
    top: 10%;
  } */
  /* #about_us .section-about > .csd .about-left {
    width: 80%;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #e4d0c3c9;
    border-radius: 15px;
    padding: 20px 20px 0 20px;
  } */
  #map_wrapper #map_svg {
    margin-left: -5%;
  }
  .title-group.utility-title-group {
    float: left;
  }
  .utility-group .text-right {
    margin-top: 20px;
  }

  #apartment .section-about > .csd {
    position: absolute;
    z-index: 999;
    left: 10%;
    top: 10%;
  }
  #apartment .section-bg {
    display: none;
  }
  #apartment .section {
    background: none;
  }
  #progress .section {
    background: none;
  }
  #progress .section-bg {
    display: none;
  }
  .progress-slider.slick-slider {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  #apartment,
  #about_us,
  #progress {
    background-image: url("https://khaihoanprime.vn/wp-content/uploads/2025/05/Background-section-2.png");
    padding-top: 40px;
  }

  #inspired .about-content p {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 30px;
  }
  #combine .page-title span,
  #combine .page-subtitle span {
    color: #702c00;
  }
  #utility {
    margin-top:0px;
    margin-bottom: 0px;
  }
  #about_us {
    padding-top: 0px;
  }
  #location .map-image {
    width: 100%;
    height: auto;
  }
  #value .section-bg {
    display: none;
  }
  #value .section,
  #about_us .section {
    background: none;
  }
  .about-infomation {
    text-align: left;
    margin-top: 30px;
  }
  #value {
    background-image: url("https://khaihoanprime.vn/wp-content/uploads/2025/02/Hhinh-phoi-canh.jpg");
    padding-top: 40px;
  }
  #value .wrapper.value-wrapper {
    background-color: #e4d0c3c9;
    border-radius: 15px;
    padding: 20px 20px 0 20px;
    margin-bottom: 40px;
  }
  .footer-partner {
    display: none;
  }
  .about-left {
    order: 1;
    width: 90%;
    margin-left: 5%;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer-partner-left::before {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 70px;
  }
  .welcome-group {
    position: absolute;
    top: 0%;
    right: 20%;
    width: 15.6%;
  }
  .footer-partner-left > div {
    position: relative;
    bottom: 0;
    left: 100px;
  }
  .footer-partner-right > div {
    position: relative;
  }
  .footer-partner-right > div {
    position: relative;
    bottom: -8px;
    right: -100px;
  }
  .footer-partner-left img,
  .footer-partner-right img {
    width: 40%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 560px) {
  #location .map-image {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .section-bg {
    min-height: 30vh;
  }
  .welcome-group {
    position: absolute;
    top: 0%;
    right: 15%;
    width: 30%;
  }
  .about-left {
    order: 1;
    width: 100%;
    margin-left: 0;
  }
  #about_us {
    padding-top: 0px;
  }
  .title-group {
    width: 100%;
  }
  .value-title > span .number {
    width: 30%;
  }
  /* #about_us .section-about > .csd {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0%;
  } */
  /* #about_us .section-about > .csd .about-left {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #e4d0c3c9;
    border-radius: 15px;
    padding: 20px 20px 0 20px;
  }
  .about-left-image {
    width: 70%;
  }
  .about-infomation ul li {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 8px;
  }
  .about-left-image {
    width: 80%;
  }
  .about-infomation ul li .label {
    width: 170px;
    font-weight: 600;
  }

  #about_us .section-bg {
    min-height: 48vh;
  } */
  .page-title.location-title {
    font-size: 36px;
  }

  .welcome-group .text-center {
    display: none;
  }
  .vr360 {
    display: contents;
  }
  .vr360 img {
    width: 65px;
    height: auto;
    margin-top: 5px;
  }
  #map_wrapper #map_svg {
    margin-left: -7%;
  }
  .box-news-item .post-meta {
    width: 120px;
  }
  .box-news-item .post-title {
    padding: 0 15px;
  }
  .box-news-item .order-2.order-sm-2.flex-column {
    flex-direction: row !important;
  }
  .box-news-item .order-2.order-sm-2.flex-column .post-date {
    font-size: 30px !important;
  }
  .box-news-item .order-2.order-sm-2.flex-column .post-month-year {
    font-size: 14px !important;
  }
  .box-news-item .post-title.title-top a {
    font-size: 17px;
  }
  .footer-partner-left::before {
    display: none;
  }
  .footer-partner-left > div {
    position: relative;
    bottom: 0;
    left: 0;
    gap: 0 !important;
  }
  .footer-partner-left img {
    width: 50%;
    margin: 0 10px;
    margin-bottom: 15px;
  }
  .footer-partner-left p {
    font-size: 13px;
    margin-left: -10px;
  }
  .footer-partner-right p {
    font-size: 13px;
  }
  .footer-partner-right > div {
    position: relative;
    bottom: -7px;
    right: 10px;
  }
  .footer-partner-right img {
    width: 100%;
    margin: 0;
    margin-left: -10px;
  }
  .value-subtitle {
    left: 32%;
    bottom: 23%;
  }
  #apartment,
  #about_us {
    background-position-x: right;
  }
  #map_canvas {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .value-item-inner .value p {
    color: #702c00 !important;
  }
  .partners .box-partner-item-2 {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .partners .box-partner-item-2 .partner-item {
    margin: -20px;
  }
  .panzoom-control .btn {
    background: #401f12;
    color: #fff;
    height: 2rem !important;
    min-width: 2rem !important;
    font-size: 12px !important;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    border-radius: 1rem 0 1rem 0 !important;
    gap: 0.5rem;
    margin-right: 3px !important;
  }
  #welcome .image-box img {
    scale: 0.7;
  }
  #welcome .welcome-group {
    top: -6%;
    right: 12%;
  }
  .slick-prev,
  .slick-next {
    font-size: 0; /* Ẩn chữ Previous */
    color: transparent; /* Nếu text là màu chữ */
    text-indent: -9999px; /* Đẩy text ra khỏi vùng nhìn thấy */
    overflow: hidden;
  }
  .slick-prev::before,
  .slick-next::before {
    content: "" !important;
    background-size: 100% 100%;
    opacity: 1;
    display: inline-block;
    width: 30px;
    height: 60px;
  }
  .partner-logos .row {
        gap: 0;
    }
}
@media screen and (max-width: 400px) {
  /* #about_us .section-bg {
    min-height: 66vh;
  } */
  .page-title {
    font-size: 1.4rem;
  }
  .page-subtitle-utility {
    font-size: 2.2rem;
  }
  .box-news-item .post-meta {
    width: 135px;
  }
  .footer-partner-left img {
    width: 40%;
    margin: 0;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .footer-partner-right > div {
    position: relative;
    bottom: 5px;
    right: 10px;
  }
  .box-news-item .post-title.title-top a {
    font-size: 15px;
  }
  .box-news-item .post-title {
    font-size: 15px;
  }
}

/* CSS khi chiều cao màn hình lớn hơn  680px */

@media (max-height: 680px) {
  .page-subtitle-utility {
    font-size: 36px;
  }
  #fullpageNav {
    bottom: 18%;
  }
  .value-list .value-item {
    margin-top: 20px;
  }
  .box-news-item .post-title a {
    color: #702c00 !important;
    font-family: Montserrat, serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    font-style: italic;
  }
  .partner-logo img {
    max-height: 75px;
  }
  .partner-item {
    padding-bottom: 0;
  }
  .partner-item .partner-logo {
    height: 90px;
  }
  .footer-partner-left img {
    margin: 0px 10px;
    transform: scale(0.8);
  }
  .footer-partner-left > div {
    left: 80px;
  }
}