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

@media(max-width:1024px){
    .card-grid{grid-template-columns:repeat(3,1fr)}
    .news-grid{grid-template-columns:repeat(2,1fr)}
    .posts-grid{grid-template-columns:repeat(2,1fr)}
    .related-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
    .nav-toggle{display:block}
    .header-actions{display:none}
    .search-title{font-size:2rem}
    .search-sub{font-size:.95rem}
    .search-form{flex-direction:column;max-width:320px}
    .search-input{text-align:center}
    .section-title{font-size:1.4rem;margin-bottom:36px}
    .hscroll-section,.cardgrid-section,.timeline-section,.news-section{padding:70px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .news-grid{grid-template-columns:1fr}
    .posts-grid{grid-template-columns:1fr}
    .related-grid{grid-template-columns:1fr}
    .footer-widgets{grid-template-columns:1fr;gap:24px}
    .archive-header{padding:70px 20px 36px}
    .archive-title{font-size:1.6rem}
    .single-post{padding:70px 0 50px}
    .single-title{font-size:1.7rem}
    .hscroll-item{flex:0 0 220px}
    .hscroll-item img{width:220px;height:320px}
    .search-actions{flex-direction:column;align-items:center}
}

@media(max-width:480px){
    .section-bar{padding:0 16px}
    .search-title{font-size:1.6rem}
    .section-title{font-size:1.2rem;margin-bottom:28px}
    .hscroll-section,.cardgrid-section,.timeline-section,.news-section{padding:56px 0}
    .card-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .card-label{font-size:.75rem;padding:10px 6px 4px}
    .card-btn{font-size:.68rem;padding:6px 14px}
    .hscroll-item{flex:0 0 180px}
    .hscroll-item img{width:180px;height:260px}
    .timeline{padding-left:30px}
    .timeline::before{left:10px}
    .tl-dot{left:-26px;width:10px;height:10px}
    .tl-content{padding:16px}
    .tl-content h3{font-size:.95rem}
    .single-title{font-size:1.4rem}
    .btn-viewall{padding:12px 32px;font-size:.85rem}
}