@media (max-width: 1023px) {
  .contact-content {
    padding: 80px 60px;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .contact-content {
    padding: 80px 60px;
  }
  .contact-infor-page {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-infor-page .contact-box {
    width: 50%;
    justify-content: flex-start;
  }
}

@media (max-width: 740px) {
  .contact-content {
    padding: 40px 20px;
  }
  .contact-infor-page {
    flex-direction: column;
	gap: 15px;
  }
  .contact-infor-page .contact-box {
    justify-content: flex-start;
	flex-direction: column;
  }
  .contact-other {
    flex-direction: column;
    align-items: flex-start;
  }
  .contact-input {
    flex-direction: column;
    gap: 20px;
  }
  .contact-other .contact-box {
    flex-direction: row;
  }

}