@media (max-width: 480px), (min-width: 481px) and (max-width: 1024px)  {
  #donate h3 {
    font-size: 30px;
  }

  #donate-splash {
    background: url("/images/donate/splash-mobile.png") no-repeat;
    background-position-x: 0px;
    background-position-y: 0;
    background-size: cover;
  }

  .donate-row {
    flex-direction: column;
  }

  .donate-text {
    width: 100%;
    padding: 0 20px;
  }

  .donate-text p {
    margin: 0;
  }

  .donate-text .red-underline {
    margin-bottom: 10px;
  }

  .donate-image {
    width: 100%;
    height: 300px;
    margin: 40px 0 10px 0;
  }

  .donate-text li {
    margin: 20px;
  }

  .testimonial-swiper {
    padding-bottom: 20px;
  }

  .testimonial-slide {
    padding: 20px;
  }

  .donate-testimonial {
    width: 100%;
    margin: 0;
  }

  /* MySchool */
  .myschool-container {
    background: #f8f8f8;
    height: auto;
    position: static;
    padding: 0;
    margin: 0;
  }

  .myschool-element {
    position: static;
    width: 100%;
    padding: 20px;
    margin: 0;
  }

  .myschool-element h2 {
    font-size: 32px;
  }

  .myschool-partner-container {
    display: none;
  }

  .myschool-buttons-container {
    display: block;
    max-width: 90vw;
  }

  /* Contact */
  #donate-contact h2 {
    font-size: 26px;
  }

  .donate-contact-image {
    display: none;
  }

  .donate-contact-form {
    padding: 20px;
    width: 100%;
  }

  .inline-inputs {
    display: block;
  }

  .inline-inputs input {
    display: block;
    width: 100%;
    margin: 10px 0 !important;
  }

  .donate-contact-form textarea {
    margin-bottom: 10px;;
  }
}
