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

@media(max-width:1024px){
    .dot-nav{right:16px;gap:10px}
    .hero-title{font-size:2.8rem}
    .features-grid{grid-template-columns:repeat(2,1fr);gap:28px}
    .related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
    .dot-nav{display:none}
    .header-bar{padding:0 20px}
    .btn-hdr-outline{display:none}
    .hero-full{min-height:80vh}
    .hero-title{font-size:2rem}
    .hero-desc{font-size:1rem}
    .btn-hero{padding:14px 36px;font-size:.9rem}
    .section-title{font-size:1.5rem;margin-bottom:36px}
    .story-section{padding:80px 20px}
    .story-text{font-size:1rem}
    .hscroll-section{padding:70px 0}
    .hscroll-item{flex:0 0 240px}
    .hscroll-item img{width:240px;height:340px}
    .game-card{flex:0 0 180px}
    .game-card img{width:180px;height:180px}
    .poster-card{flex:0 0 260px}
    .poster-card img{width:260px;height:160px}
    .features-section{padding:80px 20px}
    .features-grid{grid-template-columns:1fr;gap:24px}
    .news-section{padding:80px 20px}
    .news-link{flex-direction:column;gap:14px}
    .news-thumb{width:100%;height:180px}
    .download-section{padding:80px 20px}
    .download-title{font-size:1.8rem}
    .btn-download-big{padding:16px 40px;font-size:.95rem}
    .archive-header{padding:80px 20px 36px}
    .archive-title{font-size:1.6rem}
    .archive-section{padding:60px 20px}
    .post-link{flex-direction:column;gap:14px}
    .post-thumb{width:100%;height:180px}
    .single-post{padding:80px 20px 50px}
    .single-title{font-size:1.7rem}
    .related-grid{grid-template-columns:1fr}
    .footer-widgets{grid-template-columns:1fr;gap:24px}
}

@media(max-width:480px){
    .hero-title{font-size:1.6rem}
    .hero-desc{font-size:.9rem}
    .btn-hero{padding:12px 28px;font-size:.85rem}
    .section-title{font-size:1.2rem;margin-bottom:28px}
    .story-section{padding:60px 16px}
    .hscroll-section{padding:56px 0}
    .hscroll-item{flex:0 0 200px}
    .hscroll-item img{width:200px;height:280px}
    .game-card{flex:0 0 160px}
    .game-card img{width:160px;height:160px}
    .features-section{padding:60px 16px}
    .news-section{padding:60px 16px}
    .download-section{padding:60px 16px}
    .download-title{font-size:1.4rem}
    .btn-download-big{padding:14px 32px;font-size:.88rem}
    .single-title{font-size:1.4rem}
    .post-content{font-size:.98rem}
    .container,.archive-inner,.news-inner,.features-inner,.related-inner,.single-inner{padding-left:16px;padding-right:16px}
}