@media (max-width: 768px) {
            .bnrCnt .head {
                font-size: 32px;
            }
            .nav-links {
        display: none;
        position: absolute;
        top: 60px;
        right: 0;
        background: white;
        flex-direction: column;
        width: 100%;
        border-top: 1px solid #ddd;
      }

      .nav-links li {
        text-align: left;
      }

      .nav-links.show {
        display: flex;
      }

      .dropdown {
        position: static;
        display: none;
        box-shadow: none;
      }

      .nav-links li.open .dropdown {
        display: flex;
        flex-direction: column;
      }

      .hamburger {
        display: flex;
      }
     .hero-content h1 {
        font-size: 32px;
      }

      .hero-content h2 {
        font-size: 22px;
      }

      .hero-content {
        padding: 0 20px;
      }
        }