@media screen and (max-width: 768px) {
  .contact-container {
    flex-direction: column;
    gap: 30px;
  }

  .contact-map,
  .contact-form-box {
    width: 100%;
    height: auto;
  }

  .form-row {
    flex-direction: column;
    gap: 12px;
  }

  .contact-form input,
  .contact-form textarea {
    font-size: 1rem;
    padding: 12px;
  }

  .contact-form button {
    width: 100%;
    text-align: center;
    padding: 14px;
  }

  .contact-form-box {
    padding: 20px;
  }

  .contact-form-box h2 {
    font-size: 1.3rem;
  } 
  .flat-slider.home-3 {
    background-image: url(../new-img/pexels-pixabay-258154.jpg);
    background-attachment: fixed;
    position: relative;
    height: 26vh;
}
.flat-slider.home-3 {
    background-image: url(../new-img/pexels-pixabay-258154.jpg);
    background-attachment: fixed;
    position: relative;
    height: 22vh!important;
}
  
}