/* Tablet Styles (481px to 768px) */
@media (min-width: 481px) and (max-width: 768px) {
  /* Hero Section */
  .about-hero {
    height: 70vh;
  }

  .hero-content h1 {
    font-size: 2.5rem;
  }

  .hero-content p {
    font-size: 1.1rem;
  }

  /* Who We Are Section */
  .who-we-are {
    padding: 80px 0;
  }

  .section-header h2 {
    font-size: 2.2rem;
  }

  .organization-summary h3 {
    font-size: 1.7rem;
  }

  .organization-summary p {
    font-size: 1.1rem;
  }

  /* Why Manilom Section */
  .why-manilom {
    padding: 80px 0;
  }

  .why-manilom-content h2 {
    font-size: 2.2rem;
  }

  .why-manilom-text .intro-text {
    font-size: 1.1rem;
  }

  .benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Vision & Mission Sections */
  .vision-section,
  .mission-section {
    padding: 80px 0;
  }

  .vision-content h2,
  .mission-content h2 {
    font-size: 2.2rem;
  }

  .vision-content h3,
  .mission-content h3 {
    font-size: 1.7rem;
  }

  .vision-content blockquote,
  .mission-content blockquote {
    font-size: 1.4rem;
  }

  /* Core Values Section */
  .core-values {
    padding: 80px 0;
  }

  .core-values h2 {
    font-size: 2.2rem;
  }

  .values-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Leadership Section */
  .leadership-section {
    padding: 80px 0;
  }

  .leadership-content h2 {
    font-size: 2.2rem;
  }

  .leadership-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .leader-card {
    max-width: 100%;
  }

  .leader-image {
    height: 250px;
  }

  /* History Section */
  .history-section {
    padding: 80px 0;
  }

  .history-content h2 {
    font-size: 2.2rem;
  }

  .timeline:before {
    left: 50px;
  }

  .timeline-item {
    padding-left: 50px;
  }

  /* Legal Status Section */
  .legal-status {
    padding: 80px 0;
  }

  .legal-content h2 {
    font-size: 2.2rem;
  }

  .certifications {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Footer */
  .footer {
    padding: 60px 0 0;
  }

  .footer-sections {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .footer-links {
    flex-wrap: wrap;
    justify-content: center;
  }
}