@media (max-width: 1400px) {
	.banner-left {
	  padding-left: 20px;
	}
  }
  
  @media (max-width: 1280px) {
	.home-acquisition {
	  padding: 50px 20px;
	}
  
	.team-featured {
	  height: 250px;
	}
  
	.number-it-box h3 {
	  font-size: 30px;
	}
  
	.banner-info h2 {
	  font-size: 40px;
	}
  
	.acquisition-banner-bottom .banner-left {
	  min-height: 600px;
	}
  
	.project-info {
	  padding-right: 20px;
	}
  
	.project-map {
	  padding-left: 20px;
	}
  }
  
  @media (max-width: 991px) {
	.menu-main li {
	  margin: 0px;
	}
  
	.menu-main ul {
	  margin: 0 -10px;
	}
  
	.home-top h1 {
	  font-size: 40px;
	}
  
	.home-number {
	  padding: 12.5px;
	  flex-wrap: wrap !important;
	}
  
	.home-top {
	  padding: 80px 0;
	}
  
	.investing-left {
	  width: 100%;
	  padding: 0 0 30px 0;
	}
  
	.investing-right {
	  width: 100%;
	}
  
	.ph-title {
	  font-size: 45px;
	}
  
	.track-left {
	  width: 100%;
	  padding-right: 0;
	  margin-bottom: 50px;
	}
  
	.home-investing {
	  margin-bottom: 100px;
	}
  
	.track-right {
	  width: 100%;
	}
  
	.acquisition-left {
	  width: 100%;
	  padding: 0 0 50px 0;
	}
  
	.acquisition-right {
	  width: 100%;
	}
  
	.team-it {
	  width: 50%;
	}
  
	.team-featured {
	  height: 330px;
	}
  
	#footer {
	  padding: 50px 0;
	}
  
	.ft-menu li {
	  margin: 0 10px;
	}
  
	.ft-menu ul {
	  margin: 0 -10px;
	}
  
	.banner-left {
	  padding-left: 20px;
	}
  
	.banner-left {
	  min-height: 450px;
	}
  
	.banner-info h1 {
	  font-size: 30px;
	}
  
	.abstory-des h2 {
	  margin-bottom: 20px;
	}
  
	.properties-info h3 {
	  font-size: 35px;
	  margin-bottom: 20px;
	}
  
	.properties-info {
	  padding-left: 30px;
	}
  
	.properties-info p {
	  font-size: 16px;
	}
  
	.about-properties {
	  padding: 80px 0;
	}
  
	.acquisition-about {
	  padding: 80px 0;
	}
  
	.criteria-it {
	  width: 50%;
	  padding: 5.5px;
	}
  
	.acquisition-banner-bottom .banner-info {
	  padding-left: 0;
	}
  
	.banner-info h2 {
	  font-size: 30px;
	  margin-bottom: 15px;
	}
  
	.banner-info p {
	  font-size: 20px;
	}
  
	.acquisition-banner-bottom .banner-left {
	  min-height: 500px;
	}
  
	.project-info {
	  padding: 0 0 50px 0;
	  width: 100%;
	}
  
	.project-map {
	  padding: 0;
	  width: 100%;
	  min-height: 400px;
	}
  
	.before_after,
	.project-change-2 .before_after {
	  height: 500px !important;
	}
  
	.gallery-item {
	  height: 500px;
	}
  
	.gallery-slider .slick-arrow {
	  display: none !important;
	}
  
	.best-slider {
	  grid-template-columns: repeat(3, 1fr);
	}
  }
  
  @media (max-width: 767px) {
	.header-bottom {
	  justify-content: space-between;
	  padding: 5px 16px;
	}
  
	.search-box input.search-input {
		width: 100%;
	  display: block !important;
	}
  
	.search-btn {
	  padding: 6px 10px;
	  background: transparent;
	  color: #000;
	  border: none;
	  cursor: pointer;
	  font-size: 14px;
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	}
  
	.lang-select {
	  width: 100%;
	}
  
	.list-flex {
	  display: flex;
	  gap: 15px;
	  flex-wrap: nowrap;
	}
  
	.top-slogan {
	  display: none;
	}
  
	.top-right {
	  width: 100%;
	}
  
	.menu-main {
	  position: fixed;
	  top: 146px;
	  right: -100%;
	  width: 100%;
	  bottom: 0;
	  background: var(--bg-color);
	  transition: all 0.3s;
	  -webkit-transition: all 0.3s;
	  padding: 0 20px;
	  z-index: 100;
	}
  
	.search-input {
	  padding: 10px 14px;
	  width: 240px;
	  max-width: 100%;
	  border: 1px solid var(--border-color);
	  border-radius: 30px;
	  outline: none;
	  font-size: 14px;
	  font-family: var(--font-main);
	  background-color: var(--white-color);
	  color: var(--text-color);
	  transition: 0.3s all ease-in-out;
	}
  
	.search-input:focus {
	  border-color: var(--primary-color);
	  box-shadow: 0 0 0 2px rgba(185, 128, 109, 0.15);
	}
  
	.search-btn:hover {
	  color: var(--secondary-color);
	  background: transparent;
	}
  
	.search-btn {
	  position: absolute;
	  right: 10px;
	  background: none;
	  border: none;
	  color: var(--primary-color);
	  font-size: 16px;
	  cursor: pointer;
	  padding: 8px;
	  transition: color 0.3s;
	}
	.search-container {
		width: 100%;
	}
	.search-input {
	  max-width: 100%;
	  width: 100%;
	}
	#searchIcon {
		display: none;
	}
	.search-box {
		display: block!important;
		right: 0px;
		left: 0px;
		background: transparent;
		padding: 0px; 
		box-shadow: none;
	}
  
	.toogle-menu {
	  display: block;
	}
  
	#header.menu-open .menu-main {
	  right: 0;
	  flex-direction: column;
	  justify-content: flex-start;
	  align-items: center;
	  text-align: center;
	  gap: 22px;
      overflow: scroll;
	}
  
	.menu-main li {
	  display: block;
       padding: 10px 0px;
       width: 100%;
       max-width: 100%;
	}
  .menu-main li a {
    line-height: 21px;
  }
	.menu-main li.menu-contact a {
	  margin-top: 30px;
	  display: block;
	  text-align: center;
	}
  
	body.menu-open {
	  overflow-y: hidden;
	}
  
	.menu-main ul {
	  margin: 0;
	  flex-direction: column;
	}
  
	.home-top {
	  padding: 20px 0;
	}
  
	.home-top h1 {
	  font-size: 28px;
	  margin-bottom: 0px;
	}
  
	.video-box .image-fit img {
	  min-height: 300px;
	}
  
	.video-play {
	  min-width: 175px;
	  padding-right: 10px;
	}
  
	.home-number .number-it {
	  width: 100%;
	}
  
	#footer {
	  text-align: center;
	  padding: 50px 0 30px;
	}
  
	.ft-top {
	  display: block;
	}
  
	.ft-menu {
	  margin-top: 30px;
	}
  
	.ft-logo img {
	  margin: 0 auto;
	}
  
	.ft-menu li {
	  margin: 10px;
	}
  
	.ft-bottom {
	  display: block;
	}
  
	.ft-right {
	  max-width: 100%;
	  margin-top: 20px;
	}
	.footer-socials ul {
	  margin: 0 auto;
	  justify-content: center;
	}
	.best-slider {
	  grid-template-columns: repeat(2, 1fr);
	}
  
	.categories-section,
	.testimonials-section,
	.contact-section {
	  padding: 30px 0px;
	}
	.footer-info {
	  width: 100%;
	}
  
	.ft-left {
	  width: 100%;
	  display: flex;
	  padding: 0px;
	}
	.ft-left {
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	  gap: 25px;
	  justify-content: flex-start;
	}
  
	.blog-lists .blog-card {
	  margin: 0px;
	}
  }
  
  @media (max-width: 640px) {
	.best-slider {
	  grid-template-columns: repeat(1, 1fr);
	}
  }
  
  @media (max-width: 991px) {
	.best-slider {
	  grid-template-columns: repeat(2, 1fr);
	}
  }
  
  @media (max-width: 768px) {
	.section-title {
	  font-size: 22px;
	}
  
	.product-grid {
	  grid-template-columns: repeat(2, 1fr);
	}
  }
  
  @media (max-width: 480px) {
	.product-grid {
	  grid-template-columns: 1fr;
	}
  }
  
  @media (max-width: 575px) {
	.best-slider {
	  grid-template-columns: 1fr;
	}
  
	.product-overlay {
	  padding: 12px;
	}
  
	.overlay-title {
	  font-size: 14px;
	}
  
	.overlay-desc {
	  font-size: 13px;
	}
  
	.btn-detail {
	  font-size: 13px;
	  padding: 6px 12px;
	}
  }