/* ============================================================
   Moban 8-2-14 — Responsive
   ============================================================ */
@media(max-width:1024px){
    .singlecol-grid{grid-template-columns:repeat(2,1fr)}
    .posts-grid{grid-template-columns:repeat(2,1fr)}
    .footer-widgets{grid-template-columns:repeat(2,1fr)}
    .hero-title{font-size:2.2rem}
}
@media(max-width:768px){
    .container{padding:0 16px}
    .header-inner{height:56px}
    .site-logo .logo-img{height:34px}
    .hero-section{padding:60px 0 50px}
    .hero-title{font-size:1.8rem}
    .hero-subtitle{font-size:1rem}
    .section-title{font-size:1.45rem;margin-bottom:26px}
    .hscroll-section,.singlecol-section,.about-section,.posts-section{padding:38px 0}
    .hscroll-track{padding:8px 16px 16px;gap:14px}
    .hscroll-item{flex:0 0 260px}
    .hscroll-item img{width:260px;height:175px}
    .hscroll-posters .hscroll-item{flex:0 0 180px}
    .hscroll-posters .hscroll-item img{width:180px;height:255px}
    .posts-grid{grid-template-columns:1fr}
    .singlecol-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .about-content{padding:28px 22px}
    .single-post{padding:35px 0}
    .single-post .post-title{font-size:1.6rem}
    .related-posts{padding:35px 0}
    .footer-widgets{grid-template-columns:1fr;gap:24px}
    .tab-label{font-size:.6rem}
    .tab-icon{font-size:1.15rem}
    .tab-item{padding:4px 8px}
}
@media(max-width:480px){
    .hero-title{font-size:1.5rem}
    .hero-rating{gap:10px}
    .rating-stars{font-size:1.15rem}
    .btn{padding:10px 24px;font-size:.85rem}
    .btn-lg{padding:13px 32px;font-size:.95rem}
    .section-title{font-size:1.25rem}
    .singlecol-grid{grid-template-columns:1fr}
    .singlecol-img{height:180px}
    .hscroll-item{flex:0 0 230px}
    .hscroll-item img{width:230px;height:155px}
    .hscroll-posters .hscroll-item{flex:0 0 150px}
    .hscroll-posters .hscroll-item img{width:150px;height:215px}
    .single-post .post-title{font-size:1.4rem}
    .archive-title{font-size:1.4rem}
    .page-title{font-size:1.5rem}
    .page-numbers{padding:8px 13px;font-size:.9rem}
    .site-footer{padding-bottom:85px}
}