/* ============================================================
   Responsive rules — mobile-first overrides layered on style.css
   Breakpoints: 992px (tablet landscape), 768px (tablet), 576px (mobile)
   ============================================================ */

/* ---------- Tablet landscape (<=992px) ---------- */
@media (max-width: 992px){
  .intro-cards{grid-template-columns:repeat(2,1fr);}
  .test-grid{grid-template-columns:repeat(2,1fr);}
  .service-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .pran-grid{grid-template-columns:1fr;text-align:center;}
  .pran-grid img{margin:0 auto;}
  .news-grid{grid-template-columns:repeat(2,1fr);}

  .hero{height:480px;}
  .pair-grid{grid-template-columns:1fr;gap:30px;}
  .bio-banner-inner{justify-content:center;}
  .bio-card{max-width:100%;}
  .bio-card .stats{justify-content:space-around;}
  .testi-icons-row::before,.pran-blog-row::before{background:rgba(10,12,20,.75);}
  .phone-btn{display:none;}
  .profile-body p{text-align:left;}
  .album-grid{grid-template-columns:repeat(2,1fr);}
  .video-grid{grid-template-columns:repeat(3,1fr);}
  .news-page-layout{grid-template-columns:1fr;}
  .news-sidebar{flex-direction:row;flex-wrap:wrap;}
  .news-sidebar .widget{flex:1 1 45%;}

  .touch-grid{grid-template-columns:1fr;gap:34px;max-width:420px;}
  .contact-form .row-3{grid-template-columns:1fr;}
}

/* ---------- Tablet (<=768px) ---------- */
@media (max-width: 768px){
  header.main .container{position:relative;}

  /* collapse nav into a toggleable stack */
  .nav-toggle{display:block;}
  nav.primary-nav{width:100%;order:3;display:none;}
  nav.primary-nav.open{display:block;}
  nav.primary-nav ul{flex-direction:column;gap:0;width:100%;}
  nav.primary-nav li{width:100%;border-top:1px solid #eee;}
  nav.primary-nav a{display:block;padding:12px 0;}
  nav.primary-nav .dropdown{position:static;box-shadow:none;display:block;padding-left:16px;}

  .header-right{order:2;}

  .intro-cards{grid-template-columns:1fr;padding:40px 0;}
  .doctor-bio{padding:40px 0;}
  .stats{gap:30px;}
  .test-grid{grid-template-columns:1fr;}
  .highlights{grid-template-columns:1fr;}
  .service-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;text-align:center;}

  form.appt{grid-template-columns:1fr;}

  .cta-banner .call{left:50%;transform:translateX(-50%);width:90%;bottom:14px;font-size:.9rem;text-align:center;}

  .hero{height:360px;}
  .hero-dots{left:50%;transform:translateX(-50%);}
  .bio-banner,.pair-row{padding:44px 0;}
  .form-col,.icons-col{padding:26px;}
  .call-btn{padding:18px 22px;}
  .socials a{width:30px;height:30px;}

  .page-banner{padding:50px 0;}
  .page-banner h1{font-size:1.9rem;}
  .profile{padding:50px 0;}
  .why-choose,.news-strip{padding:50px 0;}
  .why-slides{height:300px;}
  .gallery{padding:50px 0;}
  .album-grid{grid-template-columns:1fr;}
  .video-gallery{padding:50px 0;}
  .video-grid{grid-template-columns:repeat(2,1fr);}
  .news-page{padding:50px 0;}
  .news-thumb-grid{grid-template-columns:repeat(2,1fr);}
  .news-sidebar{flex-direction:column;}
  .news-sidebar .widget{flex:1 1 auto;}

  .contact-banner{padding:60px 0 40px;}
  .contact-banner h1{font-size:1.9rem;}
  .get-in-touch,.contact-us{padding:50px 0;}
  .contact-map-row iframe{height:280px;}
}

/* ---------- Mobile (<=576px) ---------- */
@media (max-width: 576px){
  .container{padding:0 16px;}
  .topbar .container{flex-direction:column;align-items:flex-start;}
  .topbar .links a{margin-left:0;margin-right:15px;}

  .logo img{height:32px;}
  .btn{padding:8px 16px;font-size:.85rem;}

  .doctor-bio h2{font-size:1.5rem;}
  .stats{gap:20px;}
  .stats .num{font-size:1.5rem;}

  .services h2, .pran h2, .appointment h2{font-size:1.4rem;}

  .test-card, .service-card .body, .highlights div{padding:18px;}

  .map iframe{height:220px;}
  .map-row iframe{height:240px;}
  form.appt{grid-template-columns:1fr;}
  .bio-card{padding:26px;}
  .bio-card h2{font-size:1.5rem;}
  .blog-item{flex-direction:column;text-align:center;}
  .blog-item .thumb{width:100%;height:150px;}

  .page-banner h1{font-size:1.5rem;}
  .profile-head h2{font-size:1.5rem;}
  .profile-head .social{gap:10px;flex-wrap:wrap;}
  .profile-body p{text-align:left;}
  .profile-body p:first-of-type::first-letter{font-size:2.2rem;margin:2px 6px 0 0;}
  .profile-tab{font-size:1rem;}
  .why-choose h2,.news-strip h2{font-size:1.4rem;}
  .news-grid{grid-template-columns:1fr;}
  .why-slides{height:220px;}
  .why-nav{width:34px;height:34px;font-size:.85rem;}
  .video-grid{grid-template-columns:1fr;}
  .video-modal-close{top:-36px;font-size:1.3rem;}
  .news-thumb-grid{grid-template-columns:1fr;}
  .news-lightbox-close{top:14px;right:16px;font-size:1.4rem;}

  .contact-banner h1{font-size:1.6rem;}
  .get-in-touch h2,.contact-us h2{font-size:1.5rem;}
  .contact-map-row iframe{height:220px;}
}






/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:1199px){
  .container{width:min(100% - 40px,1100px)}
  .header-main{gap:18px}
  .header-right{gap:15px}
  .main-nav{gap:19px}
  .content-area{gap:45px}
  .posts-grid{column-gap:30px}
}

@media (max-width:991px){
  .header-main{display:none}
  .mobile-header{
    display:flex;
    min-height:82px;
    align-items:center;
    justify-content:space-between;
  }
  .mobile-header .logo img{width:170px;height:auto}
  .mobile-menu-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    color:#fff;
    background:#015e8c;
    font-size:22px;
    cursor:pointer;
  }
  .site-header > .mobile-menu-button{display:none}

  .mobile-menu{
    display:none;
    background:#202b31;
    padding:12px 20px 20px;
  }
  .menu-toggle:checked ~ .mobile-menu{display:block}
  .mobile-menu>a,
  .mobile-menu details,
  .mobile-menu details summary{
    color:#fff;
    font-size:16px;
  }
  .mobile-menu>a,
  .mobile-menu details summary{
    display:block;
    padding:11px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .mobile-menu details a{
    display:block;
    padding:8px 0 8px 20px;
    color:#ccd5d8;
  }
  .mobile-menu details summary{cursor:pointer}
  .page-title{min-height:170px;padding:42px 0}
  .page-title h1{font-size:40px}
  .content-area{
    grid-template-columns:1fr;
    gap:60px;
  }
  .sidebar{
    max-width:600px;
    width:100%;
  }
  .footer-inner{gap:35px}
}

@media (max-width:767px){
  .container{width:calc(100% - 30px)}
  .page-title{
    min-height:150px;
    padding:35px 0;
  }
  .page-title h1{font-size:36px}
  .breadcrumbs{font-size:13px}
  .content-area{
    padding-top:50px;
    padding-bottom:55px;
  }
  .posts-grid{
    grid-template-columns:1fr;
    row-gap:45px;
  }
  .post-featured.no-image{display:none}
  .post-header h2{font-size:23px}
  .footer-inner{
    grid-template-columns:1fr;
    gap:45px;
    padding-top:55px;
    padding-bottom:40px;
  }
}

@media (max-width:480px){
  body{font-size:15px}
  .mobile-header{min-height:72px}
  .mobile-header .logo img{width:155px}
  .mobile-menu-button{width:38px;height:38px;font-size:20px}
  .page-title h1{font-size:32px}
  .content-area{padding-top:42px}
  .post-featured{margin-bottom:18px}
  .post-header h2{font-size:21px}
  .post-meta{font-size:12px}
  .post-excerpt{font-size:14px}
  .pagination{margin-top:48px}
  .footer-column h3{font-size:20px}
  .copyright{font-size:12px}
  .scroll-top{right:15px;bottom:15px;width:38px;height:38px}
}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}

/* Exact Blog / News banner responsive sizing */
@media (max-width: 768px){
  .blog-page-banner,.news-page-banner{min-height:240px;height:240px;}
  .blog-page-banner h1,.news-page-banner h1{font-size:40px;}
}
@media (max-width: 576px){
  .blog-page-banner,.news-page-banner{min-height:210px;height:210px;}
  .blog-page-banner h1,.news-page-banner h1{font-size:34px;}
  .blog-page-banner .breadcrumbs,.news-page-banner .crumbs{font-size:13px;}
}