/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .width-logo {
    width: 30%;
  }
  
  .banner-index {
    text-align: center;
  }

  .fs-text-index {
    font-size: 22px;
    font-weight: 300;
  }

  .fs-text-index2 {
    font-size: 22px;
    font-weight: 600;
  }

  .fs-p-index p {
    color: #fff;
    font-size: 16px;
  }

  .top_nav_soc {
    padding-bottom: 0px;
  }

  .left-imgs-about {
    padding-bottom: 0px;
  }

  .order-res1 {
    order: 2;
  }

  .order-res2 {
    order: 1;
  }

  h4 {
    font-size: 14px;
    line-height: 100%;
  }

  h2 {
    font-size: 25px;
    line-height: 122%;
  }

  .img-point {
    width: 30%;
  }

  .price-paceage {
    font-size: 45px;
  }

  .img-mlm {
    width: 80%;
  }

  .fs-pac-mlm {
    font-size: 23px;
  }

  .img-mlm-ttt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-slide-index {
    width: 100%;
    object-fit: cover;
    /* height: 250px; */
    border: 3px solid #ffbf99;
  }

  .font-head-index1 {
    font-size: 27px;
    line-height: 30px;
  }

  .line-head-index1 {
    line-height: 33px !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .width-logo {
    width: 30%;
  }

  .banner-index {
    text-align: center;
  }

  .fs-text-index {
    font-size: 22px;
    font-weight: 300;
  }

  .fs-text-index2 {
    font-size: 22px;
    font-weight: 600;
  }

  .fs-p-index p {
    color: #fff;
    font-size: 16px;
  }

  .top_nav_soc {
    padding-bottom: 0px;
  }

  .left-imgs-about {
    padding-bottom: 0px;
  }

  .order-res1 {
    order: 2;
  }

  .order-res2 {
    order: 1;
  }

  h4 {
    font-size: 14px;
    line-height: 100%;
  }

  h2 {
    font-size: 25px;
    line-height: 122%;
  }

  .img-point {
    width: 30%;
  }

  .price-paceage {
    font-size: 45px;
  }

  .img-mlm {
    width: 80%;
  }

  .fs-pac-mlm {
    font-size: 23px;
  }

  .img-mlm-ttt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-slide-index {
    width: 100%;
    object-fit: cover;
    height: 250px;
    border: 3px solid #ffbf99;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .width-logo {
    width: 30%;
  }

  .banner-index {
    text-align: center;
  }

  .fs-text-index {
    font-size: 20px;
    font-weight: 300;
  }

  .fs-text-index2 {
    font-size: 20px;
    font-weight: 600;
  }

  .fs-p-index p {
    color: #fff;
    font-size: 18px;
  }

  .top_nav_soc {
    padding-bottom: 8px;
  }

  .left-imgs-about {
    padding-bottom: 60px;
  }

  .order-res1 {
    order: 2;
  }

  .order-res2 {
    order: 1;
  }

  h4 {
    font-size: 18px;
    line-height: 100%;
  }

  h2 {
    font-size: 25px;
    line-height: 122%;
  }

  .img-point {
    width: 10%;
  }

  .price-paceage {
    font-size: 45px;
  }

  .img-mlm {
    width: 80%;
  }

  .fs-pac-mlm {
    font-size: 20px;
  }

  .img-mlm-ttt {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-slide-index {
    width: 100%;
    object-fit: cover;
    height: 250px;
    border: 3px solid #ffbf99;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  .width-logo {
    width: 30%;
  }

  .banner-index {
    text-align: left;
  }

  .fs-text-index {
    font-size: 19px;
    font-weight: 300;
  }

  .fs-text-index2 {
    font-size: 19px;
    font-weight: 600;
  }

  .fs-p-index p {
    color: #fff;
    font-size: 18px;
  }

  .top_nav_soc {
    padding-bottom: 15px;
  }

  .left-imgs-about {
    padding-bottom: 110px;
  }

  .order-res1 {
    order: 1;
  }

  .order-res2 {
    order: 2;
  }

  .img-point {
    width: 6%;
  }

  .price-paceage {
    font-size: 45px;
  }

  .img-mlm {
    width: 80%;
  }

  .fs-pac-mlm {
    font-size: 20px;
  }

  .img-mlm-ttt {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }

  .img-slide-index {
    width: 100%;
    object-fit: cover;
    height: 250px;
    border: 3px solid #ffbf99;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .banner-index {
    text-align: left;
  }

  .fs-text-index {
    font-size: 19px;
    font-weight: 300;
  }

  .fs-text-index2 {
    font-size: 19px;
    font-weight: 600;
  }

  .fs-p-index p {
    color: #fff;
    font-size: 18px;
  }

  .top_nav_soc {
    padding-bottom: 15px;
  }

  .left-imgs-about {
    padding-bottom: 110px;
  }

  .order-res1 {
    order: 1;
  }

  .order-res2 {
    order: 2;
  }

  .img-point {
    width: 5%;
  }

  .price-paceage {
    font-size: 45px;
  }

  .img-mlm {
    width: 80%;
  }

  .fs-pac-mlm {
    font-size: 20px;
  }

  .img-mlm-ttt {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }

  /* .img-slide-index {
    width: 100%;
    object-fit: cover;
    height: 300px;
    border: 3px solid #ffbf99;
  } */

  .img-slide-index {
    width: 100%;
    /* กำหนดให้ภาพมีความกว้างเต็ม container */
    height: 350px;
    object-fit: contain;
    /* ครอบคลุมพื้นที่ทั้งหมดโดยไม่เสียรูปแบบ อาจตัดภาพบางส่วนทิ้งถ้าจำเป็น */
  }


  .width-logo {
    width: 10%;
  }
}

/* ------------------------------------ */

.color-fs {
  color: #000 !important;
}

.color-org {
  color: #f67829;
}

.color-org a {
  color: inherit; /* สืบทอดสีจาก .color-org */
}

.color-org:hover , .color-org:focus{
  color: #ff6505;
}


.color-org4 {
  background: linear-gradient(45deg, #ffb25d, #e5aa72, #ffe5d5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.color-org2 {
  color: #fdd5bc;
}



.color-org3 {
  color: #ffa36a;
}

.color-org3:hover,
.color-org2:focus {
  color: #fdd5bc;
}

.color-fs-wh {
  color: #fff !important;
}

.swiper-pagination-dot .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #ee9c6c7d;
  opacity: 1;
}

.pad-bot10px {
  padding-bottom: 10px;
}

.fs-blog {
  font-size: 19px;
}

.cut-text-blog {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-h-39 {
  line-height: 39px;
}

.text-index1 {
  color: #525252;
  font-size: 16px;
}

.photo-gellary-sec {
  background: linear-gradient(to right, #ff9858, #fdd5bc);
}

.font-text-qa{
  font-size: smaller;
}



.event-feature-sec {
  background: linear-gradient(to right, #ff9a5b, #ff711b, #f75376);
}

.copyright-conts {
  background: linear-gradient(to right, #2c1246, #240535, #44233f);
}