:root {
  /* default Colors */
  --white: #fff;
  --black: #000;

  /* Primary Colors */
  --primary-color: #EF7D00;
  --primary-color-dark: #D25528;

  /* Secondary Colors */
  --secondary-color: #086C65;
  --secondary-color-dark: #24938C;
  --secondary-color-light: #58DFD5;

  /* Blue Shades */
  --blue-dark: #0C4270;
  --blue-medium: #5380A6;
  --blue-light: #008BD2;

  /* Extended Blue Palette (formerly repeated as --blue-color) */
  --blue-cream: #FDF0E3;
  /* Very light cream tone */
  --blue-peach: #FFD9B0;
  /* Warm peach tone */
  --blue-sky: #D1E9F6;
  /* Light sky blue */
  --blue-muted: #8FB8CE;
  /* Soft muted blue */
  --blue-primary: #AACEED;
  /* Primary blue tint */
  --blue-pale: #E4EBF0;
  /* Pale bluish-gray */

  /* Gray */
  --gray-900: #2B2A2A;
  /* --gray-900: #E4EBF0; */

  --font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --transition: all 0.3s ease-in-out;

}


@media(min-width:768px) {
  .donation-wrap .donation-row .donation-left {
    width: 50%;
    padding-top: 112px;
  }

  .donation-wrap .donation-row .donation-right {
    width: 50%;
    padding-left: 30px;
  }

  .donation-form-box {
    max-width: 380px;
  }

  .help-us-wrap .help-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .help-us-wrap .help-list ul li {
    position: relative;
    width: 33.333%;
    padding: 0 15px;
  }

  .help-us-wrap .help-list ul li:nth-child(2) {
    text-align: center;
    left: 21px;
    padding-top: 203px;
  }

  .help-us-wrap .help-list ul li:nth-child(3) {
    text-align: right;
    top: -114px;
  }

  .content-image .inner:nth-child(odd) {
    flex-direction: row-reverse;
  }

  .landing-donation .column-wrap .col-left {
    width: 50%;
  }

  .landing-donation .column-wrap .col-right {
    width: 50%;
    padding-left: 63px;
  }

  .features-slider .features-pagination{
    display: none;
  }
}

@media(min-width:992px) {
  .donation-wrap .donation-row .donation-left {
    width: 50%;
    padding-top: 112px;
  }

  .donation-wrap .donation-row .donation-right {
    width: 50%;
    padding-left: 70px;
  }

  .our-event.home .our-event-left {
    width: 36%;
  }

  .our-event.home .our-event-right {
    width: 64%;
  }

  .our-event.home .our-event-right>.btn-wrap {
    display: none;
  }

  .our-event.home .event-box {
    max-width: 672px;
  }

  .our-event.home .title-wrap {
    padding-top: 10px;
  }

  .how-can-you-help-left-img::after {
    top: 25px;
    bottom: -25px;
    left: 40px;
    right: -40px;
  }

  .how-can-you-help-left {
    width: 45%;
    padding-right: 15px;
  }

  .how-can-you-help-right {
    width: 42.8%;
    padding-top: 71px;
    padding-left: 15px;
  }

  .about-page,
  .about-page .about-inner {
    min-height: 100vh;
  }

  .about-page .space {
    height: 5vh;
  }

  .about-page .about-inner .about-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about-page .about-inner .about-item .item {
    width: 33.3333%;
    overflow: hidden;
    border-radius: 3rem;
  }

  .mission-vision-wrap .mission-vision .vision {
    max-width: 516px;
    margin-left: 122px;
  }

  .mission-vision-wrap.default .mission-vision .vision {
    margin-left: 0;
  }

  .mission-vision-wrap .mission-vision .mission {
    max-width: 522px;
  }

  .box-event .event-img {
    height: 353px;
  }

  .contact-us-wrap .contact-gallery .img-cover {
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 0;
  }

  .contact-us-wrap .contact-gallery ul li {
    position: absolute;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(1) {
    top: -35.5%;
    left: 0.3%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(1) .img-cover {
    width: 291px;
    height: 210px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(2) {
    top: 2.9%;
    right: 2.3%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(2) .img-cover {
    width: 314px;
    height: 227px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(3) {
    top: -109.9%;
    right: 13.3%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(3) .img-cover {
    width: 223px;
    height: 174px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(4) {
    top: 41.9%;
    left: 21%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(4) .img-cover {
    width: 402px;
    height: 290px;
  }

  .section-anbi-cbf .inner .col-left {
    width: 40%;
    display: flex;
  }

  .section-anbi-cbf .inner .col-right {
    width: 60%;
  }

  .section-anbi-cbf .content-box {
    max-width: 648px;
  }

  .thank-404 .inner .column-wrap :is(.col-left, .col-right) {
    width: 50%;
  }

  .section-team .team-list {
    max-width: 842px;
  }

  .section-team .column-wrap .col-left {
    width: 22%;
  }

  .section-team .column-wrap .col-right {
    width: 78%;
  }

}

@media(min-width:1532px) {

  footer .inner-bg,
  .how-can-you-help .inner-bg,
  .het-syndroom .inner-bg {
    width: 100%;
    max-width: calc(100% - clamp(30px, 7.2vw, 108px));
    border-radius: 10px;
    margin: 0 auto 0;
    background: var(--primary-color-dark);
  }

  footer .inner-bg {
    background: var(--blue-dark);
  }
}

@media(min-width:1200px) {
  .team-wrap .team-list ul li:nth-child(1) {
    width: 50%;
    text-align: left;
    transform: translateY(-230px);
  }

  .team-wrap .team-list ul li:nth-child(2) {
    width: 50%;
    text-align: right;
    transform: translateY(-60px);
  }

  .team-wrap .team-list ul li:nth-child(3) {
    width: 100%;
    text-align: center;
  }

  .team-wrap .team-list ul li:nth-child(3) .team-box {
    margin-right: 117px;
  }

  .team-wrap .team-list ul li:nth-child(4) {
    width: 50%;
    text-align: left;
    transform: translateY(-230px);
  }

  .team-wrap .team-list ul li:nth-child(4) .team-box {
    margin-left: 20px;
  }

  .team-wrap .team-list ul li:nth-child(5) {
    width: 50%;
    text-align: right;
    transform: translateY(-230px);
  }

  .team-wrap .team-list ul li:nth-child(5) .team-box {
    margin-right: 97px;
  }
}

@media(min-width:1280px) {
  .help-us-wrap .help-list ul li:nth-child(1) {
    text-align: left;
    left: -31px;
  }

  .help-us-wrap .help-list ul li:nth-child(3) {
    right: -30px;
  }

  .team-wrap .team-list ul li:nth-child(2) .team-box {
    margin-right: -17px;
  }

  .thank-404 .inner .img-box .img-cover {
    margin-right: -20px;
  }
}

@media (max-width: 1400px) {
  .onze-evenementen-content-list-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .onze-evenementen {
    padding-right: 32px;
  }

  /* .help-ook-inner {
        padding-right: 32px;
    } */
}

@media (max-width: 1360px) {
  .section>.inner {
    max-width: calc(100% - 30px);
  }

  /* .header-wrap header {
    padding: 32px 0;
  } */

  /* .header-wrap header .logo a {
    width: 120px;
  } */

  .header-wrap header .container {
    column-gap: 40px;
  }

  .header-wrap header .header-user-donate {
    column-gap: 22px;
  }

  .header-wrap header .menu>ul {
    column-gap: 25px;
  }

  .how-can-you-help-left-img {
    margin-left: 0;
    margin-top: 0;
  }

  .mission-vision-wrap .inner {
    max-width: calc(100% - 30px);
  }
}

@media (max-width: 1279px) {
  .header-wrap header .logo a {
    width: 120px;
  }

  .header-wrap header .menu>ul {
    column-gap: 20px;
  }

  .header-wrap header li a {
    font-size: 16px;
  }

  .header-wrap .header-top {
    top: 15px;
  }

  .het-syndroom {
    margin-top: -55px;
  }

  .mission-vision-wrap .mission-img {
    max-width: 320px;
  }

  .help-us-wrap .help-list ul li {
    padding-top: 50px;
  }

  .banner-cta .img-box img {
    position: relative;
    right: 0;
    margin-bottom: -174px;
  }

  .inner-wat-is-22q11 .content-wrap {
    margin: 0 -30px;
  }

  .inner-wat-is-22q11 .content-wrap .content-box {
    padding: 0 30px;
  }

  .het-expert-content .read-more-content>ul>li .content-box {
    max-width: 547px;
  }

  .box-event .event-info .icon-box {
    display: none;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(3) {
    top: -97.9%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(4) {
    left: 15%;
  }
}

@media (max-width: 1200px) {
  .meer-slider-content {
    font-size: 60px;
  }

  .will-you-help-us .h2 {
    font-size: 60px;
  }

  .onze-evenementen-content-list-item .h2 {
    font-size: 48px;
  }

  .onze-evenementen {
    padding-top: 100px;
  }

  .onze-evenementen-left-btn {
    margin-top: 32px;
  }

  .banner-content .h1 {
    font-size: 42px;
  }

  .meer {
    padding-bottom: 60px;
  }

  .content-image .inner {
    max-width: 100%;
  }

  .single-content .custom-content-box img {
    width: 110%;
    margin: 38px 0 64px -5%;
  }
}

@media (min-width: 1025px) {

  .toggle-donate,
  .mobile-menu,
  .menu-toggle {
    display: none !important;
  }

  .header-wrap header {
    transform: translateY(-125%);
  }

  .header-wrap header .header-menu .menu>ul>li:hover .menu-arrow .icon {
    transform: rotate(180deg);
  }

  .header-wrap header .header-menu .menu>ul>li .menu-arrow .icon {
    transition: var(--transition);
    width: 12px;
    height: auto;
  }

  .menu-arrow {
    pointer-events: none;
  }

  .header-wrap header .menu>ul.desktop-hide {
    display: none;
  }

  .features-slider .swiper-slide {
    max-width: 456px;
    width: 456px;
    /* padding-right: 30px; */
  }

  .features-wrap .features-scroll {
    /* display: flex; */
    /* width: max-content; */
    /* will-change: transform; */
  }

  .news-wrap ul li .inner:hover {
    border-radius: 10px;
    background: var(--primary-color-dark);
    border: 0 !important;
  }

  /* .news-wrap ul li .inner:hover { */
  .news-wrap .inner:hover .news-box .news-info .description,
  .news-wrap .inner:hover .news-box .news-info .title h3,
  .news-wrap .inner:hover .news-box .news-info .title .date {
    color: var(--white);
  }

  .news-wrap .inner:hover .news-box .news-info .icon-box {
    opacity: 1;
  }

  .news-wrap .inner:hover .news-box .btn {
    color: var(--white);
    border-color: var(--white);
    color: var(--white);
  }

  .news-wrap .inner:hover .news-box .btn:is(:hover, :focus, :focus-within, :active) {
    color: var(--white);
    border-color: var(--white);
    color: var(--white);
    background: transparent;
  }

  .inner:hover .box-event .event-info,
  .inner:hover .box-event .event-info p,
  .inner:hover .box-event .event-info h3 {
    color: var(--white);
  }

  .inner:hover .box-event .icon-box {
    opacity: 1;
  }

  .event-wrap>ul>li .inner:hover {
    background: var(--primary-color-dark);
  }

}

@media (max-width: 1024px) {
  .header-wrap header .logo {
    margin: 0;
  }

  .header-wrap header {
    padding: 20px 0;
  }

  .header-wrap.sticky header {
    padding: 15px 0;
  }

  .header-wrap header .logo a {
    width: 77px;
  }

  .header-wrap.sticky header .logo a {
    width: 65px;
  }

  .header-wrap header .header-user-donate {
    display: none;
  }

  .header-wrap header .head-user .icon {
    width: 17px;
  }

  .header-wrap header .header-menu {
    display: none;
  }

  .header-wrap .header-top {
    display: none;
  }

  .onze-evenementen-inner {
    flex-wrap: wrap;
    row-gap: 32px;
  }

  .banner-content {
    padding-top: 64px;
  }

  .features-wrap .features-scroll {
    padding-left: 15px;
  }

  .features-slider .swiper-slide {
    max-width: 274px;
    width: 274px;
  }

  .features-wrap+footer {
    margin-top: 15px;
  }

  .news-wrap .news-box .news-info .title,
  .news-wrap .news-box .news-info .description {
    width: 100%;
  }

  .news-wrap .news-box .news-info .description {
    padding-bottom: 35px;
  }

  .news-wrap .news-box .news-info {
    padding: 10px 0 2px 25px;
  }

  .page-template-template-contact .header-wrap,
  .page-template-default .header-wrap {
    height: 100px;
  }

  .news-wrap .inner .news-box .btn:is(:hover, :focus, :focus-within, :active) {
    color: var(--gray-900);
    border-color: var(--gray-900);
    background: transparent;
  }

}

@media (min-width: 768px) and (max-width: 1199px) {
  .team-wrap .title-wrap {
    padding-bottom: 50px;
  }

  .team-wrap .team-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-bottom: 30px;
  }

  .team-wrap .team-list ul li {
    width: 50%;
    padding: 0 15px;
  }

  /* .team-wrap .team-list ul li:nth-child(odd) {
    text-align: right;
  }

  .team-wrap .team-list ul li:nth-child(odd) {
    margin-top: -30px;
  }

  .team-wrap .team-list ul li:nth-child(even) {
    margin-top: 30px;
  } */

  .team-wrap .team-list ul li {
    width: 33.333%;
  }

  .team-wrap .team-list ul li:nth-child(3n+1) {
    padding-top: 50px;
  }

  .team-wrap .team-list ul li:nth-child(3n+2) {
    padding-top: 203px;
  }

  .team-wrap .team-list ul li:nth-child(3n+3) {
    padding-top: -114px;
  }


}

@media (max-width: 991px) {
  .het-syndroom {
    margin-top: -35px;
  }

  .het-syndroom .section-contact-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .het-syndroom .section-contact-cta .inner>div.col-left {
    width: 100%;
  }

  .het-syndroom .section-contact-cta .inner>div.col-right {
    display: none;
  }

  .het-syndroom .section-contact-cta p {
    max-width: 100%;
  }

  .our-event.home .title-wrap .btn-wrap {
    display: none;
  }

  .how-can-you-help-left-img {
    width: 300px;
  }

  .footer-inner .column-wrap>.col:nth-child(1) {
    width: 41%;
    padding-bottom: 8px;
  }

  .footer-inner .column-wrap>.col:nth-child(2) {
    width: 59%;
  }

  .footer-inner .column-wrap>.col:nth-child(3) {
    width: 41%;
  }

  .footer-inner .column-wrap>.col:nth-child(4) {
    width: 59%;
  }

  .about-page .about-inner .about-content {
    max-width: 100%;
  }

  .about-page {
    overflow: hidden;
    padding: 296px 0 236px;
  }

  .about-page .about-inner .about-item:nth-child(1) .about-page .about-inner .about-item:nth-child(5) {
    display: none;
  }

  .about-page .about-inner .about-item {
    position: absolute;
  }

  .about-page .about-inner .about-item .item {
    width: 100%;
    height: 100%;
  }

  .about-page .about-inner .about-item .img-cover {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
  }

  .about-page .about-inner .about-item:nth-child(2) {
    top: 127px;
    left: -9px;
    width: 140px;
    height: 101px;
  }

  .about-page .about-inner .about-item:nth-child(3) {
    top: 195px;
    right: 25px;
    width: 123px;
    height: 90px;
  }

  .about-page .about-inner .about-item:nth-child(4) {
    bottom: 75px;
    right: -5px;
    width: 153px;
    height: 102px;
  }

  .about-page .about-inner .about-item:nth-child(6) {
    bottom: 104px;
    left: -8px;
    width: 124px;
    height: 90px;
  }

  .mission-vision-wrap .col-right {
    display: none;
  }

  .mission-vision-wrap .col-left {
    width: 100%;
    padding: 0;
  }

  .banner-cta .img-box img {
    top: -50px;
    margin-bottom: -50px;
  }

  .inner-wat-is-22q11 .content-wrap .content-box {
    width: 100%;
  }

  .het-expert-content .read-more-content>ul>li h3 {
    width: 100%;
  }

  .het-expert-content .read-more-content>ul>li h3 {
    width: 100%;
  }

  .het-expert-content .read-more-content>ul>li .content-box {
    width: 100%;
    padding-top: 0;
    position: relative;
    padding-right: 64px;
    max-width: 100%;
  }

  .het-expert-content .read-more-content>ul>li .content-box .icon-box {
    right: 0;
  }

  .news-wrap ul li .inner {
    width: 100%;
  }

  .single-content .custom-content-box img {
    width: 100%;
    margin: 28px 0 27px 0;
  }

  .event-wrap>ul>li .inner {
    max-width: 100%;
  }

  .box-event {
    flex-direction: column;
    row-gap: 33px;
  }

  .box-event .event-img {
    width: 100%;
    position: relative;
    padding-bottom: 49.296%;
  }

  .box-event .event-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .box-event .event-info {
    padding: 0;
  }

  .contact-us-wrap .banner-text {
    margin-left: 0;
  }

  .contact-us-wrap .contact-gallery {
    padding: 47px 0 0;
  }

  .contact-us-wrap .contact-gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .contact-us-wrap .contact-gallery ul li {
    width: 100%;
    padding: 0 15px;
  }

  .contact-us-wrap .contact-gallery ul li .img-cover {
    border-radius: 10px;
    overflow: hidden;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(1) {
    width: 57.932%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(2) {
    width: 42.068%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(3) {
    width: 87.242%;
    padding-top: 43px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(4) {
    width: 51.035%;
    padding-top: 54px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(1) .img-cover {
    padding-bottom: 71.27%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(2) .img-cover {
    padding-bottom: 71.54%;
    top: -33px;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(3) .img-cover {
    padding-bottom: 76.83%;
    left: 12%;
  }

  .contact-us-wrap .contact-gallery ul li:nth-child(4) .img-cover {
    padding-bottom: 70.82%;
    top: 6%;
    left: 8%;
  }

  .contact-us-wrap .banner-text {
    padding-top: 50px;
  }

  .thank-404 .inner .banner-info {
    padding-top: 0;
  }

  .thank-404 .inner .img-box {
    padding-top: 43px;
    justify-content: flex-start;
  }

  .thank-404 .inner .img-box .img-cover {
    width: 93.462%;
    padding-bottom: 69.233%;
    height: auto;
  }

  .section-team .team-list ul>li .team-box {
    max-width: 100%;
  }

  .section-team .team-list ul {
    margin: 0 -15px;
    row-gap: 30px;
  }

  .section-team .team-list ul>li {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {

  .btn {
    font-size: 16px;
    line-height: 1;
    padding: 14px 20px;
  }

  .btn:is(.secondary-outline, .blue-outline, .black-outline) {
    font-size: 16px;
    line-height: 1;
    padding: 14px 20px;
  }

  .btn.btn-md:is(.secondary-outline, .blue-outline, .black-outline) {
    padding: 15px 20px;
  }


  .hero-banner .banner-info h1 {
    line-height: 1.0277;
  }

  .hero-banner .banner-info .btn-wrap .btn.primary {
    min-width: 184px;
  }

  .hero-banner .banner-info .btn-wrap .btn.secondary-outline {
    min-width: 191px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-more {
    padding-top: 12px;
  }

  .section-more .more-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }

  .section-more .more-inner .more-right {
    padding: 47px 0;
    overflow: hidden;
  }

  .donation-form-box {
    width: initial;
    padding: 24px 16px 70px;
    margin: 0 15px 15px 0;
  }

  .donation-form-box::after {
    top: 23px;
    left: 20px;
    bottom: -15px;
    right: -15px;
  }

  .het-syndroom-inner {
    padding: 38px 16px 54px;
  }

  .event-box {
    flex-direction: column;
    padding: 115px 15px 35px 15px;
    margin: 58px 0 0;
  }

  .event-box .event-img {
    width: 190px;
    height: 115px;
    top: -50px;
    left: -12px;
    right: 0;
    bottom: auto;
    margin: 0 auto;
  }

  .event-box .event-img::after {
    top: 12px;
    left: 12px;
    right: -12px;
    bottom: -12px;
  }

  .event-box .content-box .btn-wrap {
    padding-top: 18px;
  }

  .our-event.home .our-event-list ul {
    row-gap: 40px;
  }

  .how-can-you-help {
    padding-top: 2px;
  }

  .how-can-you-help-inner {
    padding: 42px 15px 49px 15px;
  }

  .how-can-you-help-left-img {
    display: none;
  }

  .news-box .news-desc p {
    -webkit-line-clamp: 6;
  }

  .news-box .news-img {
    padding-bottom: 40%;
  }

  .news-wrap .news-box .btn {
    padding: 5px 16px 5px;
  }

  .footer {
    padding: 40px 15px 20px;
  }

  .footer-social {
    padding: 11px 0 0 1px;
  }

  .footer-social ul {
    column-gap: 10px;
  }

  .footer-inner {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-bottom-right ul li a {
    width: 40px;
    height: 21px;
  }

  .footer-bottom {
    flex-direction: column-reverse;
    padding-top: 28px;
    align-items: flex-start;
    row-gap: 27px;
  }

  .footer-bottom-right ul li+li {
    margin-right: 13px;
  }

  .section-more .more-inner .more-left {
    max-width: 100%;
  }

  .onze-evenementen {
    padding-right: 0;
  }

  .het-syndroom {
    margin-top: 52px;
  }

  .het-syndroom-content .h3 {
    font-size: 24px;
    line-height: 1.25;
  }

  .het-syndroom-content p {
    font-size: 16px;
  }

  .onze-evenementen {
    padding-top: 46px;
  }

  .onze-evenementen-left .h2 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .onze-evenementen-left-content .onze-evenementen-left-btn {
    display: none;
  }

  .onze-evenementen-right .onze-evenementen-left-btn {
    display: table;
    margin: 32px auto 0 auto;
  }

  .onze-evenementen-content-list-item {
    margin-bottom: 0;
    margin-top: 100px;
    padding: 110px 15px 34px 15px;
    min-height: auto;
  }

  .onze-evenementen-content-list-item .h2 {
    font-size: 38px;
  }

  .onze-evenementen-img {
    width: 190px;
    height: 115px;
    top: -52px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
  }

  .onze-evenementen-content-desc {
    margin-bottom: 15px;
  }

  .will-you-help-us-content {
    padding-right: 0;
  }

  .footer-logo,
  .stay-informed {
    width: 50%;
  }

  .footer-menu,
  .footer-contact {
    width: 100%;
  }

  .banner-content {
    padding-top: 32px;
  }

  .will-you-help-us,
  .footer-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-btn {
    font-size: 16px;
    padding-left: 26px;
    padding-right: 26px;
  }

  .cta-btn-border {
    font-size: 16px;
    padding-left: 26px;
    padding-right: 26px;
  }

  .banner-content-btn {
    margin-top: 30px;
  }

  .onze-evenementen-left-content {
    margin-right: 0;
    top: 0;
  }

  .onze-evenementen-inner {
    row-gap: 0;
  }

  .onze-evenementen-content-desc {
    font-size: 16px;
    line-height: 1.625;
  }

  .footer-logo {
    max-width: 94px;
    padding-right: 13px;
    width: 40%;
  }

  .stay-informed {
    width: 60%;
    padding-left: 13px;
  }

  .banner-img {
    padding-bottom: 61.75%;
  }

  .latest-news .swiper-slide {
    width: calc(50vw - 23px);
  }

  .mission-vision-wrap {
    padding-top: 2px;
  }

  .team-wrap .title-wrap {
    padding-bottom: 75px;
  }

  .help-us-wrap .help-list ul,
  .team-wrap .team-list ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 36px;
  }

  .help-us-wrap .help-list ul li {
    padding: 0;
  }

  .help-us-wrap .help-list ul li .team-box,
  .team-wrap .team-list ul li .team-box {
    max-width: calc(100% - 39px);
  }


  .help-us-wrap .help-list ul li .team-box .team-img,
  .team-wrap .team-list ul li .team-box .team-img {
    padding-bottom: 87.013%;
  }

  .team-wrap .team-list ul li:nth-child(even) {
    text-align: right;
  }

  .help-us-wrap .help-list ul li:nth-child(odd) {
    text-align: right;
  }


  .help-us-wrap .title-wrap {
    padding-bottom: 66px;
  }

  .section-team .help-us .title-wrap h2,
  .help-us-wrap .title-wrap h2 {
    padding-bottom: 39px;
  }

  .banner-cta .banner-box {
    width: 100%;
  }

  .banner-cta .img-box {
    padding: 0;
    position: absolute;
    bottom: -27px;
    right: -15px;
    width: 106px;
  }

  .inner-wat-is-22q11 .content-box.text-md {
    line-height: 1.5;
  }

  .syndrome-banner .syndrome-box h2 {
    line-height: 1.2;
  }

  .syndrome-banner::after {
    height: 55%;
  }

  .inner-intro-text>div>h1 {
    padding-bottom: 24px;
  }

  .custom-content-box :is(h1, h2, h3, h4, h5) {
    padding-bottom: 36px;
  }

  .content-image {
    padding-top: 37px;
  }

  .content-image .inner {
    flex-direction: column;
    row-gap: 27px;
  }

  .content-image .inner .content-img {
    width: initial;
    height: inherit;
    margin: 0 30px 10px 0;
  }

  .content-image .inner .content-img img {
    width: 100%;
    height: 100%;
  }

  .content-image .inner .content-img::after {
    top: 10px;
    bottom: -10px;
    left: 13px;
    right: -13px;
  }

  .content-image .inner .content-box {
    padding-top: 0;
  }

  .inner-news h1 {
    text-align: left;
  }

  .inner-news .btn-wrap {
    justify-content: flex-start;
  }

  .news-wrap .news-box .news-info,
  .news-wrap .news-box .news-img {
    width: 100%;
  }

  .news-wrap .news-box .news-info {
    padding: 20px 0 0;
  }

  .news-wrap .news-box .news-info .icon-box {
    display: none;
  }

  .inner-news .btn-wrap {
    padding-top: 66px;
  }

  .inner-news .btn-wrap .btn {
    padding: 15px 20px;
  }

  .news-single-banner .inner {
    padding: 70px 0;
  }

  .news-single-banner .inner h1 {
    line-height: 1;
    margin-top: 0;
    padding-bottom: 39px;
  }

  .event-single-banner .inner {
    text-align: left;
  }

  .event-single-banner .inner h1 {
    padding-bottom: 40px;
  }

  .event-single-banner .inner ul {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 6px;
  }

  .event-single .inner .column-wrap {
    flex-direction: column;
    row-gap: 30px;
  }

  .event-single .inner .column-wrap .col-left {
    width: 100%;
  }

  .event-single .inner {
    max-width: 100%;
    border-radius: 0;
  }

  .event-single .inner .content-box.program ul {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
  }

  .event-single .inner .content-box.program ul li {
    flex-direction: column;
  }

  .event-single .inner .content-box.program ul li span:first-child {
    width: 100%;
  }

  .event-single-gallery .btn-wrap {
    padding-top: 50px;
  }

  .hero-gallery-wrap {
    padding: 4.5vh 0;
  }

  .hero-gallery-wrap .inner {
    padding: clamp(28px, 3.6vw, 54px) 0 clamp(13px, 3.6vw, 54px);
  }

  .section-anbi-cbf .title-wrap h3 {
    line-height: 1.1;
  }

  .section-team .team-list ul {
    margin: 0;
    row-gap: 30px;
  }

  .section-team .team-list ul>li {
    padding: 0;
    width: 100%;
    max-width: calc(100% - 39px);
  }

  .section-team .team-list ul>li:nth-child(even) {
    margin-left: auto;
  }

  .section-team .team-list ul>li .team-box .team-img {
    padding-bottom: 87.013%;
  }

  .features-slider .arrow-wrap {
    justify-content: center;
    display: none;
  }
  .features-slider .features-pagination {
    padding-right: 0;
  }
}

@media (max-width: 480px) {
  .latest-news .swiper-slide {
    width: calc(100vw - 30px);
  }

  .footer-inner .column-wrap>.col:nth-child(3) {
    width: 100%;
  }

  .footer-inner .column-wrap>.col:nth-child(4) {
    width: 100%;
  }

  .box-event .event-info>ul {
    flex-direction: column;
    justify-content: initial;
    align-items: flex-start;
    row-gap: 10px;
  }

  .event-popup .inner .gform_wrapper .gform-body .gform_fields .gfield.gfield--width-half,
  .event-popup .inner .gform_wrapper .gform-body .ginput_complex>span {
    width: 100%;
  }
}