/* Moban 8-2-34 responsive.css - Ice Blue Tech responsive */
@media(max-width:1200px){
  .main-wrapper{grid-template-columns:1fr 240px}
  .card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
@media(max-width:991px){
  .main-wrapper{grid-template-columns:1fr}
  .right-sidebar{display:none}
  .hero-section{padding:24px 18px}
  .hero-section .hero-title{font-size:1.5rem}
  .poster-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .content-area{padding:16px}
  .compare-table{font-size:.8rem}
  .compare-table th,.compare-table td{padding:8px 10px}
}
@media(max-width:767px){
  html{font-size:13px}
  .left-sidebar{width:260px}
  .hero-section .hero-title{font-size:1.3rem}
  .card-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .img-text-list .list-item img{width:80px;height:56px}
  .poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .footer-widgets{grid-template-columns:1fr !important}
  .section-title{font-size:1.1rem}
  .compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tab-btn{padding:6px 12px;font-size:.8rem}
}
@media(max-width:480px){
  .card-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .card-grid .card-body{padding:8px}
  .hero-section{padding:20px 14px}
  .content-area{padding:12px}
  .compare-table th,.compare-table td{padding:6px 8px;font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
