@media (max-width: 1199px) {
  .hero__title { font-size: 3.2rem; }
  .hero__stats { gap: 24px; }
  .hero__stat-value { font-size: 1.4rem; }
  .counters__grid { grid-template-columns: repeat(2, 1fr); }
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .products-scroll { grid-template-columns: repeat(2, 1fr); }
  .news__grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: repeat(2, 1fr); }
  .team__grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .values__grid { grid-template-columns: repeat(2, 1fr); }
  .awards__grid { grid-template-columns: repeat(2, 1fr); }
  .publications__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
  .why-us .container { grid-template-columns: 1fr; gap: 40px; }
  .about-story .container { grid-template-columns: 1fr; gap: 40px; }
  .about-story__image { min-height: 250px; }
  .mission-vision { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .research-areas__grid { grid-template-columns: 1fr; }
  .timeline__item { width: 100%; justify-content: flex-start !important; margin-left: 30px !important; }
  .timeline::before { left: 15px; }
  .timeline__item:nth-child(odd) .timeline__dot,
  .timeline__item:nth-child(even) .timeline__dot { left: -8px; right: auto; }
  .timeline__item:nth-child(odd) { left: 0; }
  .timeline__content { width: 90%; }
  .pipeline__stages { justify-content: flex-start; gap: 20px; }
  .pipeline__stage { min-width: 80px; flex: 0 0 auto; }
  .pipeline__stage::after { display: none; }
}

@media (max-width: 767px) {
  .navbar__links {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    background: rgba(13, 27, 42, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    transition: var(--transition);
    z-index: 1000;
  }

  .navbar__links.open { right: 0; }

  .navbar__links a { font-size: 1.1rem; }
  .navbar__cta { margin-left: 0; }

  .navbar__toggle { display: block; }

  .hero__title { font-size: 2.2rem; }
  .hero__badge { font-size: 0.75rem; padding: 6px 14px; }
  .hero__subtitle { font-size: 1rem; }
  .hero__actions { flex-direction: column; align-items: center; }
  .hero__stats { flex-direction: column; gap: 16px; padding-top: 20px; }
  .hero__stat-divider { display: none; }
  .hero__stat-value { font-size: 1.3rem; }
  .section-title { font-size: 1.8rem; }
  .section__tag { font-size: 0.7rem; }
  .section__tag::before, .section__tag::after { width: 16px; }
  .counters__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .counter-card__number { font-size: 2.2rem; }
  .services__grid { grid-template-columns: 1fr; }
  .products-scroll { grid-template-columns: 1fr; }
  .news__grid { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: 30px; }
  .footer__bottom { flex-direction: column; gap: 12px; text-align: center; }
  .section { padding: 60px 0; }
  .page-hero__title { font-size: 2rem; }
  .page-hero { min-height: 40vh; }
  .team__grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: 1fr; }
  .values__grid { grid-template-columns: 1fr; }
  .awards__grid { grid-template-columns: 1fr; }
  .publications__grid { grid-template-columns: 1fr; }
  .research-stats { grid-template-columns: 1fr; }
  .certifications__grid { grid-template-columns: 1fr; }
  .product-filters { flex-direction: column; align-items: center; }
  .error-page__number { font-size: 6rem; }
  .error-page__title { font-size: 1.3rem; }
  .contact-form { padding: 25px; }
  .clinical-table { font-size: 0.8rem; display: block; overflow-x: auto; }
}

@media (max-width: 479px) {
  .hero__title { font-size: 1.8rem; }
  .counter-card__number { font-size: 1.8rem; }
  .counters__grid { grid-template-columns: 1fr; }
  .team__grid { grid-template-columns: 1fr; }
  .timeline__content { width: 85%; }
  .navbar__links { width: 100%; max-width: none; }
  .error-page__number { font-size: 4rem; }
  .btn { padding: 12px 24px; font-size: 0.85rem; }
}