/* MEDIA QUARY */
@media only screen and (max-width: 1550px) {
  /* line 8, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-inner {
    width: 90%;
  }
  /* line 12, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-form-inner {
    width: 90%;
  }
}

@media only screen and (max-width: 800px) {
  /* line 34, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .top-band {
    display: none;
  }
}

/* Responsive layout */
@media (max-width: 750px) {
  /* line 43, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-form-container {
    flex-direction: column;
    margin: 0px 0px 20px 0px;
  }
  /* line 48, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-section {
    margin-top: 70px;
    height: 350px;
  }
  /* line 53, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  section#headquarters {
    margin-top: 30px;
  }
  /* line 57, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-contact-box {
    flex-direction: column;
    padding: 20px;
  }
  /* line 62, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-divider {
    width: 80%;
    /* make it long horizontally */
    height: 1px;
    /* thin line */
  }
  /* line 70, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-contact-item {
    align-items: center;
    text-align: center;
    width: 100%;
  }
  /* line 76, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-text h2 {
    font-size: 2.5rem;
  }
  /* line 80, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-text p {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 500px) {
  /* line 95, app/assets/stylesheets/contact-us/contact-us-responsive.scss */
  .contact-us-form-row {
    flex-direction: column;
  }
}