.elementor-907 .elementor-element.elementor-element-9a5de30{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-907 .elementor-element.elementor-element-1099346 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:5.4rem;font-weight:600;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-3dde4e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-907 .elementor-element.elementor-element-3dde4e3:not(.elementor-motion-effects-element-type-background), .elementor-907 .elementor-element.elementor-element-3dde4e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-44655f5 );}.elementor-907 .elementor-element.elementor-element-592f7f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-592f7f2:not(.elementor-motion-effects-element-type-background), .elementor-907 .elementor-element.elementor-element-592f7f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-115dbf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-907 .elementor-element.elementor-element-9ef21f9{width:100%;max-width:100%;}.elementor-907 .elementor-element.elementor-element-72b5f7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-907 .elementor-element.elementor-element-72b5f7f:not(.elementor-motion-effects-element-type-background), .elementor-907 .elementor-element.elementor-element-72b5f7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f52d7f );}.elementor-907 .elementor-element.elementor-element-c41efb5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-b81ede2 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:2.8rem;font-weight:600;text-transform:uppercase;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-494c7e5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a1ae290{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-ab9b6ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-ab9b6ca .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-6e6fca9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-180f1a5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-f8033d5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-f8033d5 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-a7b2747{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a9fe36f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-819b156{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-819b156 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-55554bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-35c29f0 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:2.8rem;font-weight:600;text-transform:uppercase;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-aa15657{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-646774a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-83c98c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-83c98c8 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-80edef4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-b411cd9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-4075431{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-4075431 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}.elementor-907 .elementor-element.elementor-element-a4c78cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a35be86{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-ed1a607{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 4px) 0px;}.elementor-907 .elementor-element.elementor-element-ed1a607 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:0.08em;color:var( --e-global-color-352e0f2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-907 .elementor-element.elementor-element-9a5de30{--content-width:1440px;}.elementor-907 .elementor-element.elementor-element-72b5f7f{--content-width:1440px;}.elementor-907 .elementor-element.elementor-element-c41efb5{--width:100%;}.elementor-907 .elementor-element.elementor-element-55554bf{--width:100%;}}@media(max-width:1024px){.elementor-907 .elementor-element.elementor-element-9a5de30{--min-height:60vh;--justify-content:flex-end;--padding-top:100px;--padding-bottom:50px;--padding-left:70px;--padding-right:70px;}.elementor-907 .elementor-element.elementor-element-1099346 .elementor-heading-title{font-size:2.8rem;}.elementor-907 .elementor-element.elementor-element-3dde4e3{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-907 .elementor-element.elementor-element-b81ede2 .elementor-heading-title{font-size:1.1rem;}.elementor-907 .elementor-element.elementor-element-ab9b6ca .elementor-heading-title{font-size:0.7rem;}.elementor-907 .elementor-element.elementor-element-f8033d5 .elementor-heading-title{font-size:0.7rem;}.elementor-907 .elementor-element.elementor-element-819b156 .elementor-heading-title{font-size:0.7rem;}.elementor-907 .elementor-element.elementor-element-35c29f0 .elementor-heading-title{font-size:1.1rem;}.elementor-907 .elementor-element.elementor-element-83c98c8 .elementor-heading-title{font-size:0.7rem;}.elementor-907 .elementor-element.elementor-element-4075431 .elementor-heading-title{font-size:0.7rem;}.elementor-907 .elementor-element.elementor-element-ed1a607 .elementor-heading-title{font-size:0.7rem;}}@media(max-width:767px){.elementor-907 .elementor-element.elementor-element-9a5de30{--min-height:50vh;--padding-top:100px;--padding-bottom:40px;--padding-left:40px;--padding-right:040px;}.elementor-907 .elementor-element.elementor-element-1099346 .elementor-heading-title{font-size:1.2rem;}.elementor-907 .elementor-element.elementor-element-3dde4e3{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-907 .elementor-element.elementor-element-72b5f7f{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-907 .elementor-element.elementor-element-b81ede2 .elementor-heading-title{font-size:0.9rem;}.elementor-907 .elementor-element.elementor-element-494c7e5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a1ae290{--width:80%;}.elementor-907 .elementor-element.elementor-element-ab9b6ca .elementor-heading-title{font-size:0.6rem;}.elementor-907 .elementor-element.elementor-element-6e6fca9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-180f1a5{--width:80%;}.elementor-907 .elementor-element.elementor-element-f8033d5 .elementor-heading-title{font-size:0.6rem;}.elementor-907 .elementor-element.elementor-element-a7b2747{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a9fe36f{--width:80%;}.elementor-907 .elementor-element.elementor-element-819b156 .elementor-heading-title{font-size:0.6rem;}.elementor-907 .elementor-element.elementor-element-35c29f0 .elementor-heading-title{font-size:0.9rem;}.elementor-907 .elementor-element.elementor-element-aa15657{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-646774a{--width:80%;}.elementor-907 .elementor-element.elementor-element-83c98c8 .elementor-heading-title{font-size:0.6rem;}.elementor-907 .elementor-element.elementor-element-80edef4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-b411cd9{--width:80%;}.elementor-907 .elementor-element.elementor-element-4075431 .elementor-heading-title{font-size:0.6rem;}.elementor-907 .elementor-element.elementor-element-a4c78cc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-907 .elementor-element.elementor-element-a35be86{--width:80%;}.elementor-907 .elementor-element.elementor-element-ed1a607 .elementor-heading-title{font-size:0.6rem;}}/* Start custom CSS for html, class: .elementor-element-2a89aca */.custom-counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  color: #ffffff;
  font-family: 'Oswald', sans-serif; /* เปลี่ยนเป็นฟอนต์ที่ใช้ */
  font-weight: bold;
}

.text-vertical {
  font-size: 1.5rem;
  letter-spacing: 1px;
  /* ทำให้ตัวอักษรหมุนแนวตั้ง */
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin-right: 4px;
  opacity: 0.9;
}

.text-number {
  font-size: 80px; /* ปรับขนาดตัวเลขใหญ่ตามชอบ */
  line-height: 1;
  font-weight: 900;
  margin-right: 5px;
}

.text-right {
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: left;
}

/* ปรับขนาดบนมือถือ */
@media (max-width: 768px) {
  .text-number { font-size: 50px; }
  .text-right { font-size: 12px; }
  .text-vertical { font-size: 12px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c0c7bf *//* กล่องครอบภายนอกสุด ป้องกันการเกิด Scrollbar แนวนอนของบราวเซอร์ */
.infinite-gallery-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: transparent; /* เปลี่ยนเป็น #111 ได้หากต้องการพื้นหลังมืด */
  padding: 30px 0;
}

/* รางสไลด์ที่ขยับตัวต่อเนื่อง */
.infinite-gallery-track {
  display: flex;
  width: max-content;
  animation: scrollLeft 60s linear infinite; /* ความเร็วรอบละ 60 วินาที */
}

/* คำสั่งหยุดสไลด์เมื่อนำเมาส์ไปชี้ */
.infinite-gallery-wrapper:hover .infinite-gallery-track {
  animation-play-state: paused;
}

/* ระยะห่างของแต่ละกลุ่มเพื่อไม่ให้ตอนเชื่อมลูปชนกัน */
.gallery-group {
  display: flex;
  padding-right: 20px;
}

/* โครงสร้างหลักในการจัดแผงรูปภาพ */
.grid-layout {
  display: grid;
  grid-auto-flow: column; /* สั่งให้คอลัมน์ขยายไปทางขวาเรื่อยๆ ตามจำนวนรูป */
  grid-template-rows: repeat(5, 180px); /* บังคับให้มี 3 แถว แถวละ 180px ความสูงรวมประมาณ 540px */
  grid-auto-columns: 260px; /* ความกว้างมาตรฐานของ 1 บล็อกช่อง */
  grid-gap: 15px; /* ระยะห่างระหว่างรูป */
}

/* สไตล์และการจัดการรูปภาพให้อยู่ในกรอบแบบ Object-fit */
.pic img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* รูปไม่เบี้ยว ไม่ยืด และตัดสัดส่วนเต็มกรอบพอดี */
  border-radius: 10px; /* ความมนของขอบรูปภาพ */
  display: block;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* เพิ่มมิติมืดๆ ใต้ภาพเล็กน้อย */
}

/* การกำหนดสเกลขนาดภาพจากคลาสต่างๆ */
.pic-large { 
  grid-row: span 5;    /* ทรงสูงยาวเต็ม 4 แถว */
  grid-column: span 3; /* กว้างควบ 2 บล็อก */
}

.pic-wide { 
  grid-column: span 2; /* รูปแนวนอนยาว กว้างควบ 3 บล็อก */
  grid-row: span 2;    /* สูง 2 แถวปกติ */
}

.pic-high { 
  grid-column: span 1; /* รูปแนวนอนยาว กว้างควบ 2 บล็อก */
  grid-row: span 2;    /* สูง 3 แถวปกติ */
}

.pic-higher { 
  grid-column: span 2; /* รูปแนวนอนยาว กว้างควบ 2 บล็อก */
  grid-row: span 3;    /* สูง 3 แถวปกติ */
}

.pic-normal {
  grid-row: span 1;
  grid-column: span 1;
}

/* อนิเมชันการขยับ */
@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* วนลูปกลับมาจุดเริ่มต้นเมื่อสไลด์ไปได้ครึ่งทาง */
}

/* ปรับสเกลหน้าจอสำหรับแท็บเล็ตและมือถือ */
/* ================= ปรับสเกลหน้าจอสำหรับแท็บเล็ตและมือถือ ================= */

/* สำหรับ Tablet (หน้าจอเล็กกว่า 1024px) */
@media (max-width: 1024px) {
  .infinite-gallery-wrapper {
    padding: 15px 0;
  }
  .grid-layout {
    grid-template-rows: repeat(5, 120px); /* ทอนความสูงเหลือแถวละ 120px (รวม 600px) */
    grid-auto-columns: 180px;            /* ทอนความกว้างแต่ละช่องลงมา */
    grid-gap: 10px;                       /* กระชับช่องไฟ */
  }
  .gallery-group {
    padding-right: 10px;
  }
}

/* สำหรับ Mobile (หน้าจอมือถือเล็กกว่า 768px) */
@media (max-width: 768px) {
  .infinite-gallery-wrapper {
    padding: 10px 0;
  }
  .grid-layout {
    grid-template-rows: repeat(5, 85px);  /* หดความสูงลงมาเหลือแถวละ 85px (รวม 425px พอดียิ้มบนจอมือถือ) */
    grid-auto-columns: 125px;             /* ปรับความกว้างช่องให้กะทัดรัด รูปจะไม่ใหญ่เบิ้มเต็มจอ */
    grid-gap: 8px;                        /* บีบช่องไฟให้แน่นสไตล์ Masonry */
  }
  .pic img {
    border-radius: 6px;                  /* ลดความมนขอบลงตามสัดส่วนรูปที่เล็กลง */
  }
  .gallery-group {
    padding-right: 8px;
  }
  .infinite-gallery-track {
    animation-duration: 45s;             /* ปรับให้วิ่งเร็วขึ้นนิดหน่อยบนมือถือเพราะระยะทางสั้นลง จะได้ไม่ดูอืดครับ */
  }
}/* End custom CSS */