@media only screen and (max-width: 1400px) {
        .ivo-banner::after {
          display: none !important;
        }
      }
@media only screen and (max-width: 1200px) {
      .ccm-block-hero-image-text p {
        font-size: 16px !important;
      }
      .ccm-block-hero-image-text h2 {
        font-size: 50px !important;
      }
      .service-section .left {
        display: none !important;
      }
      .service-section > div {
        flex: 100% !important;
      }
      .ivo-nav .nav-link, .loginnav {
        font-size: 14px;
      }

    }
      @media only screen and (max-width: 768px) {
        .opleidingen .opleiding {
          flex: 1 0 100% !important;
          margin-bottom: 15px !important;
        }
        .btn {
          margin-bottom: 15px;
        }
        .ccm-block-testimonial-wrapper {
          border-left: 10px solid #03636a;
        }
        .ccm-block-testimonial-paragraph {
          font-size: 18px !important;
        }
        .ccm-block-hero-image-text h2 {
          font-size: 30px !important;
        }
        .ivo-right {
          padding: 40px !important;
        }
        .ivo-right h1 {
          font-size: 70px !important;
        }
        .service-section {
          flex-direction: column !important;
        }
        .service-section .left {
          display: none !important;
        }
        .ivo-hero {
          flex-direction: column-reverse !important;
          height: auto !important;
          min-height: unset !important;
        }
        .ivo-left {
          display: none !important;
        }
        .opleiding {
          margin: 0 !important;
        }
        .ccm-block-testimonial-wrapper {
          padding: 40px !important;
        }
        .about p {
          padding-left: 0 !important;
          font-size: 17px !important;
        }
        .ccm-page img {
          max-width: 100%;
          height: auto;
        }
        .ccm-page h2 {
          font-size: 36px !important;
        }
        .navbar-dark .navbar-toggler {
          margin: 0 auto !important;
        }
        .ivo-home-banner {
          padding-top: 30px !important;
        }
        .service-section {
          display: block !important;
        }
        .service-section .left, .service-section .right, .ccm-block-hero-image-image {
          border-radius: 0 !important;
        }
        .ivo-header {
          position: relative !important;
        }
        .ivo-header img {
          max-width: 75% !important;
          margin: 0 auto !important;
          display: block !important;
          padding-bottom: 15px;
        }
        .ivo-banner h1 {
          font-size: 40px !important;
        }
        .download .download-right {
          padding: 60px !important;
        }
        .download {
          flex-direction: column !important;
        }
        .download .download-image {
          margin-left: 0 !important;
        }

      }

      @media only screen and (max-width: 990px) {
        .ivo-nav .nav-link.nav-selected::after {
          display: none !important;
        }
        .navbar {
          float: none;
          text-align: center;
        }
        .loginnav::before {
          display: none !important;

        }
        .loginnav {
          display: block !important;
          border-top: 1px solid white;
          padding-top: 10px;
          margin-top: 15px;
          text-align: center !important;
        }
      }
      /* Media Query for Tablets Ipads portrait mode */
      @media (min-width: 768px) and (max-width: 1024px){

      }

      /* Media Query for Laptops and Desktops */
      @media (min-width: 1025px) and (max-width: 1280px){

      }

      /* Media Query for Large screens */
      @media (min-width: 1281px) {

      }
      @media (max-width: 480px) {
        .opleidingen .opleiding {
          flex: 1 0 100% !important;
        }
        .ivo-right h1 {
          font-size: 50px !important;
        }
        .ccm-block-hero-image-text {
          padding: 20px !important;
        }
            }