@media (max-width: 768px) {
  .mobile-br {
    display: block;
  }
  .pc-br {
    display: none;
  }
  .logo {
    font-size: 12px;
  }
  .logo img {
    height: 34px;
  }
  .hero1{
    margin-top: -3px;
    margin-bottom: 0;
  }
  .hero2 {
    min-height: inherit;
    margin-top: 60px;
  }
  .hero-content {
    grid-template-columns: 1fr;
    text-align: center;
    /*transform: translateY(0px);*/
    padding-top: 40px;
  }

  .hero1 .hero-title,
  .hero2 .hero-title{
    font-size: 30px;
    line-height: 1.5;
    padding-top: 20px;
  }
  .hero1 .hero-title::after, 
  .hero2 .hero-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .hero1 .hero-subtitle,
  .hero2 .hero-subtitle{
    font-size: 26px;
    line-height: 1.5;
  }
  .hero1 .hero-description,
  .hero2 .hero-description {
    font-size: 16px;
    line-height: 1.6;
    padding: 10px;
    margin-bottom: 30px;
  }
  .hero2 .hero-description {
    margin-bottom: 100px;
  }

  .hero1 .hero-subtitle::before,
  .hero1 .hero-subtitle::after,
  .hero2 .hero-subtitle::before,
  .hero2 .hero-subtitle::after {
    display: none;
  }
  .hero2>.landmark-overlay{
    height: 20%;
  }
  .section-title-network{
    display: inline-block;
  }
  .section-title-network::before,
  .section-title-network::after {
    display: none;
  }

  .benefits-list {
    grid-template-columns: 1fr;
  }

  .benefit-item {
    text-align: center;
  }

  .benefit-content h3::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .support-item {
    grid-template-columns: 1fr;
  }

  .support-image {
    display: none;
  }

  .nav-links {
    display: none;
  }

  .city-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .uk-flag {
    display: none;
  }
  .uk-flag-img {
    width: 20px;
  }

  .cta-button {
    width: 100%;
    text-align: center;
  }

  .footer-links {
    flex-direction: column;
    gap: 8px;
  }

  .final-cta-section h2 {
    font-size: 24px;
  }

  .tip-item {
    gap: 10px;
    padding: 20px;
  }
}