/* =====================================================================================
   VỎ DESKTOP Ở CỬA SỔ HẸP (< 1200px)  —  thêm 2026-08-11
   User báo giao diện vỡ khi xem ở khổ iPad (ảnh chụp 1024×1366): ba cột 590+295+295 chồng
   lên nhau, sinh một dải trắng giữa cột tin và cột "Tin mới nhất".

   NGUYÊN NHÂN đo được: bộ vỏ desktop bị GHIM KHUNG CỨNG —
     · `.container { min-width: 1200px }` và `#MainContent { min-width: 1200px }`
       (có trong CẢ style2.css LẪN App_Themes/hanoi/css/hanoi.css của tenant Hà Nội);
     · quảng cáo "bay hai bên mép" định vị tuyệt đối theo mép 1275px.
   ⇒ ở khung 1014px trang rộng 1342px, cuộn ngang và vỡ cột.

   PHẠM VI CỐ Ý HẸP — tệp này CHỈ làm ba việc, và chỉ dưới 1200px:
     ① gỡ khoá khung cứng (min-width) để bố cục co được;
     ② ẩn quảng cáo bay hai mép (ở khổ này chúng nằm ngoài vùng nhìn hoặc đè nội dung);
     ③ cho thanh menu ngang cuộn trong chính nó thay vì đẩy cả trang.
   KHÔNG đụng tới lưới, cỡ chữ hay màu của bất kỳ mẫu nào: từ 1200px trở lên tệp này
   không sinh một luật nào, nên 46 mẫu giữ nguyên hiển thị như trước.

   TRANG CHỦ của đơn vị đã bật Is_auto_Responive không cần tới đây: `_MasterAllDesktop`
   đưa cửa sổ hẹp sang thẳng bản "rp" (đã responsive hoàn chỉnh). Tệp này lo phần còn lại —
   các TRANG TRONG và những đơn vị chưa bật cờ.
   ===================================================================================== */

@media (max-width: 1199.98px) {

    /* ① Gỡ khoá khung. Dùng !important vì luật gốc nằm ở style2.css / hanoi.css của tenant,
       nạp sau tệp này trong vài nhánh vỏ. */
    .container,
    #MainContent,
    .content {
        min-width: 0 !important;
    }

    /* ② Quảng cáo bay hai bên mép: định vị theo mép màn hình rộng nên ở khổ này luôn nằm
       ngoài khung hoặc chồng lên nội dung. */
    .ads-wrapper.adsLeft,
    .ads-wrapper.adsRight {
        display: none !important;
    }

    /* ③ Menu ngang dài hơn khung thì cuộn trong chính nó, không đẩy cả trang trượt ngang. */
    .qimenu,
    .menu-main {
        overflow-x: auto;
    }
}