@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    

}

@media (min-width: 1970px) {
    footer .divider {
         height: 95px;
    }
    
}

@media (min-width: 2270px) {
    footer .divider {
         height: 115px;
    }
    
}


@media (min-width: 2390px) {
    footer .divider {
         height: 115px;
         background-size: contain;
    }
    
}


@media (min-width: 1200px) {
    
    .team-slider .item:hover .team-circle .img, .static-team-item.b .item:hover .team-circle .img {
        transform: translateY(-15px); /* Moves the image up by 10px */
    }

}



@media (max-width: 1500px) {

    .slider-outer {
        width: calc(100% + 300px);
    }
    
    .block-team .slider-outer:before {
         right: -40px;
    }

     
}

@media (max-width: 1488px) {
    
    
    .block.blue .extra-wrapper {
     
        padding-left:30px;
        padding-right:30px;
        width:calc(100% + 50px);
        margin-left:-25px;
        
    }
        
}

@media (max-width: 1399px) {
    
    .circular-img .slogan {
        bottom:-135px;
    }

    .block-team .slider-outer:before {
        display:none;
    }
    
     header .balloon.b {
        display:none;
    }
    
    .circular-img {
    
        width: 370px;
        height: 370px;
    }
    
    .circular-img.b {
      
        width: 250px;
        height: 250px;
        right: 80px;
    }
    
    .circular-img.b .circle:after {
 
       top: -70px;
    }
    
    .thema-hl-slider a.item {
        
       width:220px;   
    }
    
    
}

@media (max-width: 1199px) {

    .circular-img .slogan {
        bottom:-165px;
    }    
    
    .row-share {
        
        height: 90px;
    }    
    
    
    a.sort {
        font-size:14px;
    }
    
    .kb-filters-active a, .kb-filters-active span {
        font-size:14px;
    }
   
    ul.filter label.label {
        padding-left: 7px;
        font-size: 13px;
    }
    
    .kb-filters-active {
        gap:10px;
    }
    
    .slider-outer:after {
        display:none;
    }
    
    .circular-img {
    
        width: 270px;
        height: 270px;
    }
    
    .circular-img.b {
      
        width: 150px;
        height: 150px;
        right: 130px;
    }   
    
    .circular-img.b .circle:after {
        width: 53px;
        height: 53px;
        right:-50px;
    } 
    
    .team-slider-nav {
        display:none;
    }
    
 
    .thema-hl-nav {
        display:none;
    }
    
    .thema-hl-slider a.item {
        width:100%;
    } 
    
    body:not(.has-sticky-menu) {
        background-color:#67c5ee;
    }  
   
}


@media (max-width: 1199px) {
    a.button:hover {
        color:inherit;
    }    
    
    a.button:hover:before {
        background-image:url('../images/pijl-rechts.svg');
    }
    
    a.button.spg:hover:before {
        background-image:url('../images/pijl-oranje.svg');
    }
    
    .zoom-a:hover {
        transform:none !important;
    }
    
}


@media (max-width: 991px) {
   
     
    
.p-left-text {
   padding-left:0;
}    
    
.circular-img .circle:after {
    display:none;
}

.circular-img .circle:before {
   display:none;
} 

.circular-img.b {
  
        right: 40px;
    }    
    
    header .search-nav-bar {
        display:none;
    }
    
     .menu-container-outer {
        
        z-index:4;
    }
    
    header .f-img-outer .img {
        width: 341px;
        height: 482px;
        bottom: -100px;
        right: -20px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
}


@media (max-width: 767px) {
    
    footer ul.socials {
        margin-bottom:35px;
        
    }
    .locatie-s a.info:after{

        top:-3px;
    } 
    
     .locatie-s h2 {
         margin-bottom:8px;
     }  
     
    .s-card ul li a, .s-card ul li {
        font-size: 13px;
    }  

    a.info {

        font-size:13px;
        
    }
  
    .s-card {

        padding: 25px;
    }    
    
    .container-custom-5 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
        gap: 10px; /* Adjust the gap between items */
    }
        
    
    .row-breadcrumbs {
        display: none;
        
    }
    
    a.mobile-only {
        display:inline-block !important;
    }
    
     
    .line {
      margin-top: 15px;
      margin-bottom: 15px;
    }
   
    .small-h1 h1 {
        font-size:17px;
        line-height: 20px;
    }
    
    .block-content-page.block-padding {
        padding-top: 10px;
    }
  
    header .f-img-outer .img {
        width: 179px;
        height: 288px;
        right:10px;
    }    
    
    
    .agenda-card {
       padding:10px;
       margin-bottom:10px;
    }
    
    .card-arrow:after {
        right:15px;
    }
    
    .block.block-wide .container {
        
        padding-left:0;
        padding-right:0;
    }
    
    .block.block-wide .extra-wrapper {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
        margin-left: 0px;
        border-radius: 5px;
    }  
   
    header .menu-container-outer-d {   
        height:60px;    
    }
        
    .block-padding {
        padding-top: 32px;
        padding-bottom: 32px;
    }   
    
    .block-padding-bottom {
        padding-bottom: 32px; 
    } 
    
    
    h1 {
        font-size:32px;
        line-height: 40px;
    }

    h3, .title-b {
        font-size:14px;
        line-height: 18px;
    }
    
    .thema-hl-slider .item span {
        line-height: 13.3px;
    }
    
    h2, h2 span {
        font-size:17px;
        line-height: 20px;
        margin-bottom:8px;
    }
    
    h2:after {

      right: -6px;
    }
   
    a.button:after {
        bottom:-3px;   
    }
    a.button:before {
      width: 12px;
      height: 11px;
    }
    
     p, span:not([class^="swal2"]), a, li, td {
        font-size:13px;
   
        line-height:22px;
    } 
    
    td {
        padding-bottom:10px;
    }  
    
    div.space2 {
        height:35px;
    }
    
    .search-inner .input-wrapper a.go {
        
        top: 4px;
    }
    
    .container-hl-img .img {
        width:259px;
        height:298px;
        left: auto;
        right: -45px;
    }
    
    header .balloon.a {
        width: 672px;
        height: 672px;
        top: -290px;
        left: -250px;
    }
    
    header .balloon.b {
        display:none;
    }
    
    header a.logo img {
      width: 140px;
    }
    

    
    .menu-container .inner {
        background-color: #fff;
        display: flex;
        border-radius: 15px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
        padding: 15px;
        padding-left: 18px;
    }
        
    header.topheader .contents {
   
      padding-bottom: 90px;
    }
    
    header .search-inner .input-wrapper {
        display:none;
    }
    
    header.topheader .vignet { 
        height:30px;
    }
    
    header.topheader .vignet:after {
       
        top:29px;
       
    }    
    
    header .search-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .navbar {
      
        margin-left: 0px;
    }
    
    .top-menu {
        display:none;
    }
    
    header .contents {
        padding-top:15px;
    }
    
    .thema-hl-slider a.item {
        height:68px;
        border-radius:10px;
        padding: 0;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }
   
    
    .themas-hl-contrainer {
        margin-bottom:0;
        padding-left:20px;
    }
    
    header .search-container  {
        padding-left:30px;
        padding-right:30px;
    }
    
    .themas-hl-contrainer h3 {
        margin-left: 15px;
    }
    
    .block-intro-home:not(.prevent-hiding) .c1 {
        display:none !important;
    }
    
    .single-team .slogan {
        display:none;
    }
    
    .single-team .circular-img {
        width: 240px;
        height: 240px;
    }
    
    .single-team .block-intro-home .c1 {
            align-items: center;
            left: -20px;
            position: relative;
    }
    
    h3.b, h3.b span {
        font-size:14px;
        line-height: 20px;
    }
    
    .block.padding-bottom {
        padding-bottom: 50px;
    }  
    
    .thema-hl-slider a.item:after {
        
       top:0;
       bottom:0;
          
    }
    
    .thema-hl-slider .item span {
    
        padding-right:45px;
    }
    
        
    .blog-card {
        display: flex;
        align-items: flex-start;
        border-bottom:1px solid #B3E2F7;
        padding-bottom:15px;
        padding-top:15px;
    }
    
    .row-cards .c:last-child .blog-card {
        border-bottom:0;
    }
    
    .row-cards .c:first-child .blog-card {
        padding-top:0;
    }

    .blog-card .img {
        width: 110px;
        height: 67px; /* Adjust as needed to maintain aspect ratio */
        margin-right: 15px; /* Space between img and infos */
        border-radius:10px;
    }

    .blog-card .infos {
        flex: 1; /* Fills the remaining space */
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top:5px;
    }   
    
    .blog-card:not(.b) small, .blog-card:not(.b) time {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 9px;
    } 
    
    main .row>* {
        padding-right:20px;
        padding-left:20px;
    }
    
    .circular-img.b {
        width: 125px;
        height: 125px;
        right: -40px;
        bottom: -10px;
    }
    
    .circular-img.b .circle {
      left: -10px;
    }
    
     .circular-img.b .circle:before {
         display:block;
         width:10px;
         height:10px;
         top: -30px;
         right: -34px;
     }
     
     .c-images {
         width:169px;
         height:169px;
         margin-bottom:50px;
         margin-left: -60px;
     }
         
     .circular-img.b .circle:after {
         display:block;
         width: 26px;
         height: 26px;
         right: -15px;
         top: -20px;
     }
    
    .c-images .circular-img.a {
        width: 169px;
        height: 169px;
    }
    
    .mobile-center {
        text-align:center;
    }
    
    .flex-column.mobile-center {
      flex-direction: row !important;
    }
    
    a.button img {
       
        margin-bottom: 15px;
        margin-top: 6px;
    }
    
    a.button.new-line {
        margin-top:25px;
    }
    
    .team-circle .img, .team-circle .circle {
        width: 155px;
        height: 155px;
    }
    
    .team-circle .circle {
        display:none !important;
    }
    
    .team-circle {
     
        
    }
    
    .team-slider .item {
        width:155px;
    }
    
    .team-slider .item span {
        font-size:12px;
    }
        
   
   .small-par p, .small-par a:not(.button), .small-par span, .small-par li {
        font-size:12px;
       
    }  
    
    footer h3, footer.dot-h3 h3:after {
        font-size: 17px;
    }  
    
    footer h3 {
        margin-bottom: 10px;
    }
    
    footer .block-a .c {
        margin-bottom:45px;
    }  
    
    footer .block-a .c form {
        max-width:300px;
        width:100%;
        text-align:left;
    }  
    
    footer .block-a .c3 {
        order:-1;
    }
    
    footer .block-a .c3 p {
        margin-bottom:15px;
    }
    
    input[type="text"], input[type="email"], input[type="password"], textarea {
        
      font-size:13px;   
    }
    
    form {
       margin-top: 10px;
    
    }
    
    ul.contact li {
        padding-left: 25px;
    }
    
    .large-h2 h2 {
        font-size:32px;
        line-height: 39px;
    }
    
    footer .block-a {
    
        padding-bottom: 0px;
        padding-top:25px;
    }
    
    footer .block-b {
    
     padding-top: 5px;
    }
    
    footer .block-c .c {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    footer .block-c .links {
         display: flex;
        flex-direction: column;
        text-align: center;
        margin-top:20px;
        margin-bottom:35px;
    }
    
    footer .block-c .links a {
        margin-left:0;
    }
    
    footer .block-c {
        
        padding-top: 55px;
        padding-bottom: 55px;
    }
    
    .block-team .slider-outer, .themas-hl-contrainer .slider-outer {
        left:-20px;
    }
    
    footer .divider {

        height: 50px;
        background-size: cover;
    }
    
    ul.contact li a:before {
  
      top:6px;
    }
    
    
    footer .block-b .c1 {
        text-align:left !important;
    }
    
    .agenda-card .infos strong {
        line-height: 18px;
    }
    
    ul.inline-location {
        margin-top:8px;
    }
    
    .agenda-card ul li {
        font-size:11px;
    }
    
    ul.inline-location li {
       padding-left: 20px;
    }
    
    ul.inline-location li.time {
        padding-left: 23px;
    }
    
    ul.inline-location li:before {
      top:-2px;
    }
    
    .blog-card.b .img {
        height:67px;    
    }
    
    .blog-card.b time {
        font-size:9px;
        order:-1;
    }
    
    .blog-card.b h3 {
        font-size:13px;
        margin-top: -3px;
        margin-bottom: 0px;
        line-height: 22px;
        
    }  
    
    .blog-card h3 {
        font-size:13px;
        line-height: 22px;
    }
    
    .blog-card .infos {
        padding-top:0;
    }
    
    body:not(.header-large) header .balloon.a {
        top: -550px;
        left: -250px;
    }
    
    body:not(.header-large) header.topheader .contents {
        padding-bottom: 50px;
    }
    
    body:not(.header-large) header.topheader .vignet:after {
        display:none;
    }

    .row-share .c2 {
        display:none;
    }
    
    .row-share {
        height: 50px;
    }
    
    .images-box.two-images img {
      max-width: 49%;
    }
    
    .images-box.two-images {

       gap: 10px;
    }
    
    .images-box {
        margin-top: 15px;
        margin-bottom: 18px;
    }
    
    .h2-content h2 {
        font-size: 17px;
        line-height: 20px;
        
    }
    
    .date-info {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .date-info * {
        font-size:10px;
    }
    
    .block-content-page .intro {
      
        border-radius: 0;
        padding: 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    
    .block-content-page .the-content {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    
    .the-content p {
        margin-top: 0;
        margin-bottom: 0.6rem;
    }
    
    .the-content dl, .the-content ol, .the-content ul {
        margin-top: 0;
        margin-bottom: 0.6rem;
    }
    
    .static-team-item h3 {
        font-size:13px;
    }
    
    .static-team-item span {
        font-size:11px;
    }
    
    .static-team-item .infos {
        text-align: center;
        padding-top: 10px;
    }
    
    div.mobile-only {
        display:block !important;
    }
    
    div.mobile-only .share {
        margin-top:20px;
        margin-bottom:35px;
    }
    
    input[type="text"], input[type="email"], input[type="password"], textarea {
      margin-bottom:15px;   
    }
    
    ul.filter li {
        padding-bottom:6px;
    }
    
    .multi .card-wrapper {
        margin-bottom:0px;
    }

    .agenda-card.thema-card .img {
      width:85px;
      height:85px;
    }
    .agenda-card.thema-card .infos {
        margin-left: 15px;
    }
    
    .themas-outer .breadcrumb-box {
        display:none;
    }
    
    .single-thema .f-img-outer {
         display:none;
    }
    
    header .intro {
        max-width: 500px;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 20px;
        padding-left: 14px;
        padding-right:14px;
    }
    
        body.single-thema:not(.header-large) header .balloon.a {
          top: -250px;
        }
        
    .card-wrapper-b .short-description {
    
        max-height: 37px;
        line-height: 20px;
    }
    
    .card-wrapper-b time {
        font-size: 9px;
    }    
    
    .h3-small h3 {
        font-size: 13px;
        
        margin-bottom: 0px;
        line-height: 19px;
    }
    
    .card-wrapper-b time.agenda-time, .card-wrapper-b .img {
        border-radius: 10px;
        width: 95px;
        height: 95px;
    }
    
    .card-wrapper-b .infos {
  
     padding-left: 12px;
    }
    
    .row-res-founds {
        margin-top:15px;
    }
}


@media (max-width: 413px) {
    
    
   .team-circle .img, .team-circle .circle {
        width: 143px;
        height: 143px;
    }
    
}