@media only screen and (max-width: 975px) {
  #about_us .main_container.flexbox,
  #course_text .main_container.flexbox {
    display: block;
  }

  #about_us .side_img,
  #course_text .side_img {
    padding-top: 75%;
  }

  #home_courses .card,
  #courses .card {
    flex-basis: 45%;
  }

  .cta_container h2 {
    font-size: 2.5rem;
  }

  .cta_button {
    min-width: 200px;
    padding: 20px;
  }

  .cta_button span {
    font-size: 1.5rem;
  }

  .swiper {
    padding: 20px 0;
  }

  .footer_container {
    flex-wrap: wrap;
    row-gap: 25px;
  }

  .footer_col {
    flex: 1 1 50%;
  }

  .footer_col:nth-of-type(1) {
    order: 1;
    align-self: center;
  }
  .footer_col:nth-of-type(2) {
    order: 3;
  }
  .footer_col:nth-of-type(3) {
    order: 4;
  }
  .footer_col:nth-of-type(4) {
    order: 2;
    align-self: center;
  }

  .footer_col img.footer_high {
    width: 100%;
  }

  .footer_bottom {
    display: block;
    text-align: center;
  }

  .footer_bottom p:nth-of-type(2) {
    margin-top: 5px;
  }
}

@media only screen and (max-width: 800px) {
  #main_nav,
  #contact_nav {
    display: none;
  }

  .burger {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  #sideMenu {
    display: none;
  }

  #course_page .main_container {
    display: block;
  }

  .form_right {
    display: none;
  }

  .form_below {
    display: inline;
  }

  .form-container {
    margin-top: 30px;
    max-width: 100%;
  }

  #contact_page .main_container .inner_container {
    display: block;
  }

  .contact_details {
    margin-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  #home_courses .card,
  #courses .card {
    flex-basis: 50%;
  }

  #accreditation .main_container.flexbox {
    display: block;
  }

  #hf_crest {
    width: 40%;
    margin: auto;
  }

  .course_name_container .inner h1 {
    text-align: center;
  }

  .course_name_container .inner a {
    display: none;
  }

  .block_who > div,
  .block_contact > div,
  .block_new > div,
  .block_existing > div {
    flex: 1 1 100%;
  }

  .footer_col {
    flex: 1 1 100%;
  }

  .footer_col img.footer_logo {
    width: 60%;
  }
  .footer_col img.footer_high {
    width: 80%;
  }
}

@media only screen and (max-width: 525px) {
  .cta_container {
    display: block;
    text-align: center;
  }

  .cta_container h2 {
    margin-bottom: 20px;
  }

  .swiper {
    padding: 20px 15%;
  }
}

@media only screen and (max-width: 425px) {
  .swiper {
    padding: 20px 11%;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .course_banner ul {
    float: none;
  }

  .course_banner ul li {
    width: 100%;
    border: 0;
    float: none;
  }

  #contact_page .main_container {
    padding: 40px 20px;
  }

  .cta_container h2 {
    font-size: 2rem;
  }
}