@media (max-width: 768px) {
  .btn-slide-index {
    width: 175px !important;
  }
  .btn-orange.btn-hover.btn-slide {
    font-size: 16px !important;
    padding: 10px 0px;
  }
  a.text-title-article {
    font-size: 30px !important;
    line-height: 1.2;
  }
  .elementor-icon-list-icon {
    top: 46px !important;
  }
  .bg-about {
    height: 170px !important;
  }
  .service-design.fs-45 {
    font-size: 6vw !important;
  }
  .contact-section-sub {
    height: 174px !important;
    padding: 30px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .contact-section-sub h1 {
    font-size: 24px !important;
  }
  .contact-section-sub.w-75 {
    width: 90% !important;
  }
  .hero-section-bottom-text {
    font-size: 26px !important;
  }
  .menu-top-left {
    margin-left: -3px !important;
  }
  .hero-section {
    height: 370px !important; /* ปรับตามต้องการ */
  }
  .b-lt,
  .b-rt,
  .b-lb,
  .b-rb {
    position: relative;
    /* overflow: inherit !important; */
    height: fit-content !important;
    padding: 1.5rem 0 !important;
  }
  .b-lt h2,
  .b-lt .fs-6,
  .b-rt h2,
  .b-rt .fs-6,
  .b-lb h2,
  .b-lb .fs-6,
  .b-rb h2,
  .b-rb .fs-6 {
    text-align: center !important;
  }
  .elementor-widget-container-img {
    overflow: visible !important;
    width: 100%;
    text-align: center;
  }

  .b-rt .attachment-large,
  .b-lb .attachment-large,
  .b-rb .attachment-large,
  .b-lt .attachment-large {
    border-radius: 0 !important;
  }

  .question-box img {
    width: 24px !important;
    height: fit-content !important;
    /* height: inherit; */
  }

  .question-title {
    line-height: 15px !important;
    font-size: 11px;
  }

  .w-50 {
    width: 80% !important;
  }

  .fs-45 {
    font-size: 7vw !important;
  }

  .ceo-box-home {
    margin-right: 20px !important;
  }

  .ceo-box-home .text-title,
  .text-title-head {
    font-size: 7vw !important;
  }
}

/* ------------------------------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
  .text-title-head {
    font-size: 26px !important;
  }
  .text-contact-detail{
    padding-right: 40px !important;
    text-align: justify !important;
    text-align-last: justify !important;
  }
  .text-contact{
    font-size: 32px !important;
  }
  .text-sendmessage{
    font-size: 18px !important;
    padding: 14px 48px !important;
  }
  .text-chairman{
    font-size: 18px !important;
  }
  .bg-about {
    height: 200px !important;
  }
  .logo {
    margin: 12px 0px !important;
  }
  .hero-section {
    height: 400px !important; /* ปรับตามต้องการ */
  }

  .header-menu {
    display: none !important;
  }

  .text-article {
    margin: -22px 30px 0 30px !important;
    height: 22px !important;
  }

  .btn-hover.btn-left-right {
    padding: 0px 20px !important;
    font-size: 12px !important;
  }

  .btn-hover.btn-slide {
    padding: 10px 20px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 576px) {
  .header-menu {
    display: none !important;
  }
}
@media (max-width: 992px) {
}
@media (max-width: 1200px) {
}

@media (max-width: 1400px) {
  .fs-100 {
    font-size: 7vw;
  }
  .menu-right .ht-dropdown {
    right: 0;
    /* left: 0; */
  }
  .header-bottom {
    padding: 0px 0;
    border-bottom: 1px solid #e5e5e5;
  }
}

/*----------------------------------------*/
.text-ceo-detail1 {
  letter-spacing: 1px;
}

.news-section-2 {
  margin-top: -320px;
}
.news-section {
  height: 590px;
}
.contact-section-sub {
  height: 250px;
  padding: 30px;
  margin-left: 90px;
}
.contact-section {
  margin-top: -190px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
.menu-top-left {
  margin-left: 0px;
}
.hero-section {
  position: relative;
  height: 767px; /* ปรับตามต้องการ */
  background-image: url("../images/banner/2.jpg");
  background-size: cover; /* ขยายให้เต็มพื้นที่ */
  background-position: center; /* โฟกัสตรงกลางภาพ */
  display: flex; /* ใช้ flex จัดข้อความ */
  justify-content: center; /* จัดกลางแนวนอน */
  align-items: center; /* จัดกลางแนวตั้ง */
  color: white; /* สีตัวอักษร */
  text-align: center;
}
.hero-section-bottom {
  position: relative;
  height: 538px; /* ปรับตามต้องการ */
  background-image: url("../images/bg/5.jpg");
  background-size: cover; /* ขยายให้เต็มพื้นที่ */
  background-position: center; /* โฟกัสตรงกลางภาพ */
  display: flex; /* ใช้ flex จัดข้อความ */
  justify-content: center; /* จัดกลางแนวนอน */
  align-items: center; /* จัดกลางแนวตั้ง */
  color: white; /* สีตัวอักษร */
  text-align: center;
}

.hero-section-bottom-text {
  font-size: clamp(16px, 4vw, 60px);
  line-height: 1.1;
  margin-top: -170px;
}

.ceo-box-home {
  margin-right: 90px;
}

.ceo-box-home .text-title {
  font-size: 44px;
  line-height: 1.2;
  letter-spacing: -1px;
}

.question-box img {
  width: 40px;
  height: 40px;
}

.text-title-head {
  font-size: 44px;
  line-height: 1.2;
  letter-spacing: -1px;
}
.bg-about {
  background: url(../images/bg/5.jpg) no-repeat center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 330px;
  overflow: hidden;
  position: relative;
}
.bg-about::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  /* ความมืด 50% */
}