/* Moban 8-2-25 | Responsive */

@media(max-width:768px){
    .nav-toggle{display:block}
    .main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#1A1A2E;padding:20px;flex-direction:column;border-top:1px solid rgba(187,134,252,.15)}
    .main-nav.active{display:flex}
    .nav-menu{flex-direction:column;gap:16px}
    .header-actions{display:none}
    .hero-section{padding:72px 0 56px}
    .hero-title{font-size:1.9rem}
    .cardgrid-section,.imglist-section,.hscroll-section,.posts-section{padding:56px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .imglist-item{flex-direction:column;gap:14px}
    .imglist-item img{width:100%;height:150px}
    .post-row-link{flex-direction:column;gap:12px}
    .post-row-thumb{width:100%;height:170px}
    .footer-widgets{grid-template-columns:1fr;gap:24px}
    .single-title{font-size:1.5rem}
    .hscroll-item{flex:0 0 210px}
    .hscroll-item img{width:210px;height:290px}
}

@media(max-width:480px){
    .content-island{padding:0 16px}
    .hero-section{padding:56px 0 48px}
    .hero-title{font-size:1.5rem}
    .hero-desc{font-size:.9rem}
    .btn-dl{padding:13px 32px;font-size:.88rem}
    .section-title{font-size:1.2rem;margin-bottom:28px}
    .cardgrid-section,.imglist-section,.hscroll-section,.posts-section{padding:44px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .card-label{font-size:.72rem}
    .card-btn{font-size:.68rem;padding:5px 12px}
    .imglist-item img{height:130px}
    .hscroll-item{flex:0 0 180px}
    .hscroll-item img{width:180px;height:250px}
    .single-post{padding:48px 0}
    .single-title{font-size:1.3rem}
    .archive-title{font-size:1.4rem}
    .breadcrumb-nav{font-size:.75rem}
}