@charset "utf-8";
/* ================================================================
   responsive.css  —  โหลดต่อจาก style.css
   ปรับหน้า frontpage ให้แสดงผลสวยงามทุกอุปกรณ์ (mobile / tablet / desktop)
   CSS-only ไม่แตะ HTML/parser-repeat
   ================================================================ */

/* ---------- พื้นฐาน: สื่อไม่ล้นจอ / กันเลื่อนแนวนอน ---------- */
img{max-width:100%;height:auto;}
img[width],img[height]{height:auto !important;}
iframe,embed,object,video{max-width:100%;}
#container{overflow-x:hidden;}
table{max-width:100%;}
.table-responsive{-webkit-overflow-scrolling:touch;}

/* ---------- ระยะขอบ container บนจอเล็ก ---------- */
@media (max-width:991px){
    .container{padding-left:14px;padding-right:14px;}
}

/* ---------- สไลด์บนสุด (bxslider) ให้เต็มกว้าง + สัดส่วนถูกบนแท็บเล็ต/มือถือ ---------- */
@media (max-width:991px){
    .heading-news2 .image-slider.snd-size{width:100% !important;float:none !important;margin:0 0 16px;}
    .heading-news2 .bxslider img{width:100% !important;height:auto !important;}
    /* หมายเหตุ: ธีมซ่อน .heading-news2 .ticker-news-box ที่ ≤991px อยู่แล้ว (ticker ไม่เหมาะบนมือถือ) — คงไว้ */
}

/* ---------- คอลัมน์วิดเจ็ตข่าว/ศูนย์ข้อมูล: stack เต็มจอบนมือถือ ---------- */
@media (max-width:767px){
    .heading-news2 .heading-news-box .news-post,
    .heading-news2 .heading-news-box .news-post.snd-size,
    .heading-news2 .heading-news-box .image-slider.snd-size{width:100% !important;float:none !important;}
    .heading-news2 table.table-hover[border="1"]{margin-bottom:16px;}
    .heading-news2 .review-widget{margin-bottom:16px;}
}

/* ---------- section คารูเซล/หัวข้อ ให้หายใจขึ้นบนจอเล็ก ---------- */
@media (max-width:640px){
    section.features-today{padding-top:26px;padding-bottom:6px;}
    .place-carousel .post-content h2{font-size:14px;line-height:1.5;}
    .title-section{margin-bottom:20px;}
}

/* ---------- ปุ่มลอยไม่ทับกัน + ย่อขนาดบนมือถือ ---------- */
/* float-complaint (ป.ป.ช./ป.ป.ท.) อยู่ซ้าย, floating-menu + back-top อยู่ขวา จึงไม่ชนกัน */
@media (max-width:600px){
    #back-top{bottom:12px !important;right:12px !important;}
    #back-top span{width:44px !important;height:44px !important;line-height:44px !important;font-size:18px !important;}
    .floating-menu{bottom:68px !important;right:12px !important;}
    .floating-menu img{width:48px !important;height:48px !important;}
}

/* ---------- รูปในเนื้อหาข่าว/เพจ ที่มาจาก editor ---------- */
.post-content img,.entry-content img,.review-widget img{height:auto !important;}