@media (max-width: 1600px) {
  .year-heading {
    padding: 120px 0 20px;
  }
}

@media (max-width: 940px) {
  .history-end {
    padding: 20px 0 20px;
  }
  .history-hero {
    min-height: 250px;
    padding: 140px 8% 80px;
  }

  .history-hero::before {
    display: none;
  }
  .history-end-dot {
    left: -23.5px;
  }
  .history-hero h1 {
    font-size: clamp(3rem, 16vw, 5rem);
    letter-spacing: 0.1em;
  }
  .history-year {
    margin-bottom: 10px;
  }
  .history-main {
    padding: 0 8% 100px;
  }

  .history-timeline {
    padding-left: 32px;
  }

  .history-timeline::before {
    left: 8px;
  }

  .history-card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 24px;
  }

  .history-card::before {
    left: -34.5px;
    width: 16px;
    height: 16px;
  }

  .history-card::after {
    display: none;
  }

  .record-box {
    border-right: none;
    border-bottom: 1px solid rgba(55, 186, 186, 0.35);
    padding-bottom: 20px;
  }

  .record-box strong {
    font-size: 3.4rem;
  }
}
@media (max-width: 768px) {
  .history-end {
    padding: 10px 0 10px;
  }

  .history-end-dot {
    left: -23.5px;
    top: 70px;
    width: 22px;
    height: 22px;
  }
  .history-category {
    margin: 0;
  }
  .history-end-content p {
    font-size: 16px;
  }
  .history-content h3 {
    font-size: 1.5rem;
  }
  .history-content p {
    padding: 0;
  }
  .history-end-content p br {
    display: none;
  }

  .history-end-content a {
    width: 70%;
    justify-content: center;
  }
}