@media (max-width: 1280px) {
  .contact-us {
    padding: 20px;
    width: 100%;
    margin: 0;
  }
  .contact-sec {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .contact-us {
    padding: 20px;
    width: 100%;
    margin: 0;
  }
  .contact-sec {
    padding: 20px;
  }
  .box {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "form"
      "info"
      "map";
  }
  .map {
    min-height: 300px;
    padding: 0;
  }
  .contact {
    padding: 20px;
  }
  form .inbut-box {
    flex-direction: column;
    gap: 0;
  }
  .inbut-box .input-field,
  .inbut-box .input-field-msg {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .whatsapp {
    width: 40px;
    height: 40px;
  }
  .scroll-to-top {
    width: 40px;
    height: 40px;
  }
  .scroll-to-top svg {
    width: 40px;
    height: 40px;
  }
  .map {
    padding: 0;
  }
}