@media (max-width: 768px) {
    /* Hero Section */
    .hero-section {
      text-align: center;
    }
  
    .hero-section .detail-box h1 {
      font-size: 4rem; /* Increase text size */
    }
  
    .hero-section .detail-box h2 {
      font-size: 2.5rem; /* Increase subheading size */
    }
  
    .hero-section .image-box {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
    }
  
    .hero-section .image-box img {
      max-width: 80%; /* Adjust image width */
      height: 180%;
    }
  
    /* Info Section */
    .info_section {
      padding: 50px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
  
    .info_section .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
  
    .info_section .row {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
  
    /* Center the Info Contact Section */
    .info_contact {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-bottom: 20px;
    }
  
    .info_logo img {
      max-width: 100%;
      height: auto;
      margin-bottom: 15px;
    }
  
    .info_contact h5 {
      font-size: 1.5rem;
      margin-bottom: 20px;
    }
  
    /* Aligning the contact details */
    .info_contact .img-box {
      margin-bottom: 10px;
    }
  
    .info_contact p {
      margin: 5px 0;
    }
  
    /* Center Menu Section */
    .info_info, .info_links, .info_form {
      text-align: center;
    }
  
    .info_links ul {
      list-style-type: none;
      padding: 0;
    }
  
    .info_links ul li {
      margin: 10px 0;
    }
  
    .info_form input,
    .info_form textarea {
      width: 100%;
      margin: 10px 0;
    }
  
    .info_form button {
      width: 100%;
      padding: 10px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  }
  
  @media (max-width: 576px) {
    .hero-section .detail-box h1 {
      font-size: 3.5rem; /* Slightly smaller for small screens */
    }
  
    .hero-section .detail-box h2 {
      font-size: 2.2rem;
    }
  
    .hero-section img {
      display: none;
    }
  
    .info_section .container {
      padding: 20px;
    }
  
    .info_section .col-md-3 {
      padding: 10px;
    }
  
    .info_form button {
      width: 100%;
    }
  }
  
  @media (max-width: 420px) {
    .hero-section .detail-box h1 {
      font-size: 3rem;
    }
  
    .hero-section .detail-box h2 {
      font-size: 2rem;
    }
  
    .hero-section img {
      max-width: 100%;
    }
  
    .info_section .col-md-3 {
      padding: 10px;
    }
  
    .info_form input,
    .info_form textarea {
      width: 100%;
    }
  }