/* ==========================================================================
   Moban 8-2-23 | Responsive
   ========================================================================== */

@media(max-width:768px){
    .content-island{padding:0 20px}
    .hero-section{padding:80px 0 70px}
    .hero-title{font-size:2rem}
    .hero-desc{font-size:.95rem;margin-bottom:32px}
    .btn-download-lg{padding:15px 36px;font-size:1rem}
    .section-title{font-size:1.3rem;margin-bottom:36px}
    .hscroll-section,.cardgrid-section,.imglist-section,.posts-section{padding:60px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .imglist-item{flex-direction:column;gap:16px}
    .imglist-item img{width:100%;height:160px}
    .post-row-link{flex-direction:column;gap:12px}
    .post-row-thumb{width:100%;height:180px}
    .footer-widgets{grid-template-columns:1fr;gap:28px}
    .single-title{font-size:1.6rem}
    .post-content{font-size:.98rem}
    .overlay-menu a{font-size:1.4rem}
    .hscroll-item{flex:0 0 220px}
    .hscroll-item img{width:220px;height:300px}
}

@media(max-width:480px){
    .content-island{padding:0 16px}
    .hero-section{padding:64px 0 56px}
    .hero-title{font-size:1.6rem}
    .hero-desc{font-size:.9rem}
    .hero-tag{font-size:.7rem;padding:5px 14px}
    .btn-download-lg{padding:13px 30px;font-size:.9rem}
    .section-title{font-size:1.15rem;margin-bottom:28px}
    .hscroll-section,.cardgrid-section,.imglist-section,.posts-section{padding:48px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .card-label{font-size:.75rem;padding:8px 6px 4px}
    .card-btn{font-size:.7rem;padding:5px 14px}
    .imglist-item{padding:14px}
    .imglist-item img{height:140px}
    .imglist-body h3{font-size:.95rem}
    .imglist-body p{font-size:.82rem}
    .post-row-link{padding:12px}
    .post-row-thumb{height:160px}
    .post-row-body h3{font-size:.92rem}
    .btn-viewall{padding:12px 28px;font-size:.88rem;margin-top:36px}
    .single-post{padding:48px 0}
    .single-title{font-size:1.4rem}
    .single-meta{font-size:.78rem}
    .footer-widgets{gap:24px}
    .overlay-menu{gap:20px}
    .overlay-menu a{font-size:1.2rem}
    .archive-title{font-size:1.5rem}
    .page-numbers{padding:8px 12px;font-size:.85rem}
}