/* redsarmy archive — responsive shim (เพิ่มตอนทำคลัง ไม่ใช่ของธีมเดิม) */
html{-webkit-text-size-adjust:100%}
img:not([data-wb-ph]),video{max-width:100%;height:auto}
img[data-wb-ph]{max-width:100%}
iframe,embed,object{max-width:100%}
pre{overflow-x:auto}

/* ธีมยุคนั้นตั้ง width เป็น px ตายตัวไว้หลายชั้น (960.css ตั้งที่ body เลย, TypePad 1200px)
   ไล่ปลดทีละตัวตามที่อ่านจาก style.css/960.css/home/styles.css จริง */
/* ⚠️ 960.css ตั้ง `body{min-width:960px}` — min-width ชนะ max-width เสมอ
   ถ้าไม่ปลด min-width ด้วย ใส่ max-width:100% ไปก็ไม่ขยับ (เสียเวลาหาอยู่รอบนึง) */
@media (max-width:1060px){
  html,body{width:auto!important;min-width:0!important;max-width:100%!important;
    overflow-x:hidden!important}
  .container,.container_12,.container_16,.general,.top,.top-wrap,.top-nav-wrapper,
  .header,.ast-container,#slider-wrapper-full,#slider-wrapper-full #slider,
  #container,#container-inner,#pagebody,#pagebody-inner,#banner,#banner-inner,#nav,#nav-inner{
    width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    margin-left:auto!important;margin-right:auto!important;
    padding-left:14px!important;padding-right:14px!important}
  .container_12 .grid_12,.container_16 .grid_16{width:auto!important}
  /* กล่องรูปในบทความ (WP ใส่ width เป็น px ไว้ใน style ของแต่ละกล่อง) + สไลด์หน้าแรก */
  .wp-caption,.wp-caption-text,figure,.alignnone,.aligncenter,.alignleft,.alignright{
    width:auto!important;max-width:100%!important}
  #slider-wrapper,#slider,.nivoSlider,.nivo-imageLink,.nivo-caption,.slider-wrapper{
    max-width:100%!important;overflow:hidden!important}
}
@media (max-width:860px){
  [class*="grid_"]{float:none!important;width:auto!important;
    margin-left:0!important;margin-right:0!important;display:block!important}
  [class*="prefix_"],[class*="suffix_"]{padding-left:0!important;padding-right:0!important}
  #alpha,#alpha-inner,#beta,#beta-inner,#gamma,#gamma-inner{
    float:none!important;width:auto!important;max-width:100%!important;
    margin-left:0!important;margin-right:0!important}
  table{display:block;overflow-x:auto;max-width:100%}
  body,p,li,td,h1,h2,h3,a{overflow-wrap:break-word;word-break:break-word}
}