.floating-menu{display:none}.floating-menu{display:none}

/* ==========================================================================
   Thai typography + responsive layer
   The base template is desktop-only; these rules adapt it for tablet and
   mobile without changing the markup.
   ========================================================================== */

body { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; }

/* Thai labels are wider than the original Latin ones */
.top-menu > li > a { line-height: 1.3; padding-left: 2px; padding-right: 2px; text-transform: none; }
.top-menu > li { flex-basis: calc(100% / 9); }
.top-menu { overflow-x: auto; scrollbar-width: none; }
.top-menu::-webkit-scrollbar { display: none; }
.footer-section-title, .copyright { line-height: 1.5; }

/* ---------- Tablet (≤ 991px) ---------- */
@media (max-width: 991.98px) {
    .top-menu > li { flex-basis: calc(100% / 7); }
    .nav-btn.main-prev, .nav-btn.main-next { display: none !important; } /* slick moves these outside the banner; dots + swipe remain */
    .topbar-left-container, .topbar-right-container { width: auto; }
    .topbar-container .row { justify-content: space-between; flex-wrap: nowrap; }

    .announcement-container { flex-wrap: wrap; gap: 6px 12px; padding: 10px 14px; }
    .announcement-container > [data-section="announcements"] { order: 3; width: 100%; flex-basis: 100%; }

    .home-inner-container { flex-direction: column; gap: 16px; margin-bottom: 24px; }
    .home-inner-container > [data-section] { width: 100%; }
    .home-progressive-jackpot .border-container { gap: 20px; }

    .popular-games { flex-direction: column; }
    .popular-games [data-section="left"] { margin-right: 0; }
    .popular-games [data-section="right"] { min-width: 0; width: 100%; overflow: hidden; }
    .popular-games .animated-image { opacity: .35; }

    .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 6px * 5) / 4.5); }

    .download-apk-container { overflow: hidden; } /* the reveal animation slides columns in from off-screen */
    .download-apk { flex-direction: column; text-align: center; }
    .download-apk > div { flex-basis: auto; width: 100%; }
    .download-apk > div:first-child img { max-width: 380px; margin: 0 auto; }

    .footer-copyright-section .col-md-12 { flex-wrap: wrap; }
    .supported-browser-container { justify-content: flex-start; }
}

/* ---------- Mobile (≤ 767px) ---------- */
@media (max-width: 767.98px) {
    .container { padding-left: 12px; padding-right: 12px; }

    /* top bar: the login/register bar stays pinned instead of the tall logo header */
    .topbar-container { padding: 6px 0; position: sticky; top: 0; z-index: 31; }
    .site-header { position: relative; }
    .topbar-left-section .topbar-item a, .topbar-left-section .live-chat { padding: 4px; }
    .topbar-left-section .topbar-item:nth-child(n+3) { display: none; } /* keep chat + app icons */
    .login-panel { gap: 6px; }
    .login-panel .login-button, .login-panel .register-button { padding: 7px 12px; font-size: 13px; white-space: nowrap; }

    /* logo + menu */
    .site-header .row > [class*="col-"] { width: 100%; }
    .site-header .logo { padding-top: 64px; }
    .site-header .logo > img, .site-header .logo > picture { height: 44px; margin: 10px auto; }
    .menu-slide .left_trigger, .menu-slide .right_trigger { display: none; }
    .top-menu > li { flex-basis: 20%; }
    .top-menu > li > a { padding: 10px 0; font-size: 12px; }
    .top-menu > li > a > img { height: 26px; width: 26px; }
    .top-menu .game-list { display: none !important; } /* hover dropdowns are unusable on touch */

    /* hero banner */
    .banner .nav-btn.sub-up, .banner .nav-btn.sub-down { display: none; }

    /* announcement */
    .announcement-container { margin: 10px 0; font-size: 13px; }
    .announcement-container > [data-section="date"] { margin-left: auto; font-size: 12px; }

    /* jackpot + lottery */
    .home-progressive-jackpot { border-radius: 20px; padding: 6px; }
    .home-progressive-jackpot .outer-container, .home-progressive-jackpot .inner-container { padding: 5px; }
    .home-progressive-jackpot .border-container { flex-direction: column; gap: 6px; padding: 8px; border-radius: 24px; }
    .home-progressive-jackpot .jackpot-play-section { flex-direction: row; align-items: center; gap: 8px; margin-left: 0; }
    .home-progressive-jackpot .jackpot-play-section img { width: 56px; }
    .home-progressive-jackpot .jackpot-play-section .jackpot-play-text { font-size: 20px; }
    .home-progressive-jackpot .jackpot-container { width: 100%; font-size: 24px; letter-spacing: 2px; }
    .home-progressive-jackpot .jackpot-border-container { line-height: 30px; padding: 2px 10px 6px; }

    /* popular games strip */
    .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 6px * 3) / 3.3); }

    /* video slots block */
    .popular-games [data-section="left"] .section-title { font-size: 17px; height: 46px; }
    .popular-games .animated-image { display: none; }
    .popular-games .popular-game-list { padding: 0 6px; }
    .popular-games .popular-game-list .link-container { opacity: 1; background: rgba(9, 13, 37, .35); }
    .popular-games .popular-game-list .link-container a { font-size: 12px; padding: 4px; }

    /* app download */
    .download-apk-container { padding: 20px 0; }
    .download-apk .h2 { font-size: 22px; }
    .download-apk .h2 strong { display: block; text-align: center; }
    .download-apk .h3 { font-size: 15px; }
    .download-apk-info, .download-apk-section { flex-direction: column; align-items: center; }
    .download-apk-info .download-apk-section, .download-apk-section > * { flex-basis: auto; }

    /* footer */
    .footer-description-section .site-description { font-size: 14.5px; line-height: 1.75; }
    .footer-description-section .site-description h1 { font-size: 23px; }
    .footer-description-section .site-description h2 { font-size: 19px; margin-top: 22px; }
    .footer-featured-product-section > div { margin-bottom: 10px; }
    .footer-banking-section .bank-list { gap: 8px 14px; justify-content: center; }
    .footer-banking-section .banking-footer-section .bank-service-container { margin: 16px 0; gap: 10px; }
    .footer-copyright-section .col-md-12 { flex-direction: column; gap: 14px; }
    .provider-container { display: block; margin: 24px 0 0; }
    .provider-section .hover-list > li img { max-width: 104px; height: auto; }

    /* modals */
    .modal-dialog { margin: 12px; max-width: calc(100% - 24px); }
}

/* ---------- Small phones (≤ 400px) ---------- */
@media (max-width: 400px) {
    .login-panel .login-button, .login-panel .register-button { padding: 6px 9px; font-size: 12px; }
    .footer-banking-section .banking-footer-section .bank-service-container { grid-template-columns: 1fr; }
}