/* ==========================================
   ASTRONTECH Pvt. Ltd. — RESPONSIVE STYLES
   ========================================== */

/* ─── LARGE DESKTOP (1600px and down) ─── */
@media (max-width: 1600px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 4.8rem;
  }
  h2 {
    font-size: 2.9rem;
  }
}

/* ─── DESKTOP (1440px and down) ─── */
@media (max-width: 1440px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 4.5rem;
  }
  h2 {
    font-size: 2.8rem;
  }
}

/* ─── DESKTOP (1400px and down) ─── */
@media (max-width: 1400px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 4.2rem;
  }
  h2 {
    font-size: 2.7rem;
  }
}

/* ─── LAPTOP (1366px and down) ─── */
@media (max-width: 1366px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 2.6rem;
  }
}

/* ─── TABLET (1024px and down) ─── */
@media (max-width: 1024px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 1.1rem;
  }
  p {
    font-size: 0.95rem;
  }
}

/* ─── TABLET / SMALL MOBILE BREAKPOINTS (900px and down) ─── */
@media (max-width: 900px) {
  #worldMap {
    height: 340px;
  }
  .gp-legend {
    position: static;
  }
  .pg-section[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  .biz-flip .biz-img,
  .biz-flip .biz-content {
    order: unset;
  }
  .ct-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

/* ─── MOBILE / SMALL TABLET (768px and down) ─── */
@media (max-width: 768px) {
  .nav-links,
  .nav-call,
  .nav-cta,
  .nav-contact-btn {
    display: none;
  }
  .hamburger {
    display: flex;
  }
  section {
    padding: 70px 5%;
  }
  .hero-stats {
    flex-wrap: wrap;
    width: 100%;
  }
  .inner-page-banner {
    padding: 80px 0 60px 0;
  }
  .hero-eyebrow {
    font-size: 0.6rem;
  }
  .hs {
    flex: 1;
    min-width: 120px;
    border-bottom: 1px solid var(--border);
  }
  .hs:nth-child(odd) {
    border-right: 1px solid var(--border);
  }
  .hs:nth-child(3),
  .hs:nth-child(4) {
    border-bottom: none;
  }
}

/* ─── MOBILE (767px and down) ─── */
@media (max-width: 767px) {
  h1, #hero h1, .inner-page-banner h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.05rem;
  }
  p {
    font-size: 0.9rem;
  }
}

/* ─── SMALL MOBILE (600px and down) ─── */
@media (max-width: 600px) {
  .vv-block {
    grid-template-columns: 1fr;
  }
  .timeline::before {
    left: 0;
  }
  .tl-item {
    grid-template-columns: 1fr;
  }
  .tl-year::after {
    display: none;
  }
  .tl-year {
    text-align: left;
  }
  html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: 0px;
  }
}

/* ─── ULTRA SMALL MOBILE (500px and down) ─── */
@media (max-width: 500px) {
  .fr {
    grid-template-columns: 1fr;
  }
}

/* ─── HIGH RESOLUTION RETINA ─── */
@media (min-resolution: 192dpi) {
  :root {
    --wp-admin-border-width-focus: 1.5px;
  }
}