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


}

@media (min-width: 992px) {


    header a.logo {
        transition: transform 0.2s ease;
    }

    header a.logo:hover {
        transform: scale(1.01); 
    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    header.sticky a.logo {
        width: 210px;
    }

    body.single-team .block-f-img .f-img {

        background-position: -210px center;
    }

    .item-box-a .text-box {
        height: 216px !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {


    .item-box-a .text-box {
        height: 176px !important;
    }

}


@media (min-width: 1500px) {

    .container.menu-container {

        min-width:1500px;

    }


}

@media (max-width: 1499px) {

    .container.menu-container {

        min-width:100%;
        max-width:1390px;

    }    

}


@media (max-width: 1399px) {

    .inline-item div {
        display:block;
    }

    .nav-wrap-slider .next {

        right:0px;  
    } 

    .slider-outer.portfolio {
        width: 1353px;

    }

    .home .block-3 .row2-outer {
        padding-left:0;
    }

    .list-box-a {
        padding:32px;
        padding-left:22px;
        padding-right:22px;
    }

    .top-menu-block .menu-container {
        padding-top: 4px;
        padding-bottom: 4px;
    }   
}


@media (max-width: 1332px) {

    footer .no-wrap {
        white-space: normal;
    }
    footer a.button.black {

        white-space: nowrap;
    } 
    
    .logo-container-large-slider {
        width:100%;
        margin-left:auto;
    }    
       
}


@media (max-width: 1199px) {

    


    .orange-wrapper {
        padding:30px 40px 30px 40px;
    }

    footer .inner {

        border-radius:0 100px 0 0;
    }    

    .reviews-slider .inner {
        height:460px;
    } 


    .project-inner:hover .img .button-wrapper, .project-inner .img .layer:hover {
        opacity:0 !important;
        background-color:transparent !important;
    }     


    h3 {

        font-size: 20px;
        line-height: 26px;
    }    


    .box-cta-right {
        padding: 32px;
    } 
    .block.default-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .slider-outer.portfolio {
        width: 1153px;

    }

    .slider-outer.portfolio .item
    {
        width: 270px;
    }

    header a.logo {
        width: 211px;
        height: 40px;
    }

    .main-nav li {
        padding-right: 35px;
    } 

    .block-recent-werk-2.odd-2 .contents {
        padding-left:0px;
    }

    .block-recent-werk-2.even .contents {
        padding-right:0px;
    }    

    .c1 .project-inner .img {
        height: 400px;
    }



}     


@media (max-width: 1044px) {


    .nav-wrap-slider.portfolio
    {
        right: 0px;
    }

}       

@media (max-width: 991px) {
    
    .block-expertisev2-1 .c2 h2 {
        margin-bottom: 14px;
    }    
    
    .block.odd.block-expertisev2-1 .c2 p + ul {
        margin-top:-9px;
    }
    .block-expertisev2-1.even.s-item .c2 {
   
       padding-left:15px; 
       order:1; 
       }
       
    .block.block-expertisev2-1 .c2 strong span, .block.block-expertisev2-1 .c2 strong {
      
        font-size:16px !important;
    }
   
     .card-expertise img {
     
        margin-bottom:12px;
    }  
    
    .card-expertise {
        
        padding:25px;
        padding-bottom:32px;
        padding-top:20px;
        
        
    }    
    
    .block-expertisev2-2 .rr {
        --bs-gutter-y: 20px;
        --bs-gutter-x: 20px;
        
    }
    
    .block-f-img .c1 {
        display:block !important;
    }
    .block-f-img .contents {

        top:0px;
    }   
    
    .intro-new a.button {
        width:100%;
    }
    
    .block-f-img .f-video {
        width:100%;
    }
  
    .page-template-ux-scan .block-3 .intro {
        display:none;
    }
    
    .page-template-ux-scan .block-3 .list-box-a h2 {
        font-size:20px;
        text-align:center;
    }
    
    
    .block-image-tekst .c1 img {
        height:100%;
    }
    .block-image-tekst .c1 {
        padding-right:15px;
        padding-bottom:25px;
    }
    
    .block-cta-2.has-intro.default-padding, .page-template-ux-scan .block-cta-2.has-intro.default-padding {
        padding-bottom: 50px;
        padding-top:50px;
    }    
    
    .block-one-review .text-card-a {
        margin-top: 0px;
        margin-bottom: 50px;
    }    
     .block-recent-werk-2 img.logo-opdr {
        display:none !important;
    }
    
    .text-card-a .txt {
        font-size:14px;
        line-height: 25px;
    }
    
    .text-card-a .author {
        font-size:14px;
        
        margin-top: 20px;
    }
    
    .star-review {
        width: 15px;
        height: 15px;
    }

    
    .block-cta-2 .list-box-a {
        margin-top: 30px;
    } 


    ul.faq li h3 {
        font-size:14px;
    }

    ul.faq li .answer * {
        font-size:14px;
    }


    ul.faq li a.question:after {
        background-image:url('../images/arrow-right-1.svg') !important;
        width:11px;
        height:11px;
    }  

    ul.faq li.active a.question:after {
        transform:none;
    }    

    ul.faq li {

        padding: 15px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom:25px;
    }    

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;

    }

    .star-reviews-wrapper {
        padding-top:5px;
    }

    .owl-theme .owl-dots .owl-dot.active span {
        width:23px;
    }

    .reviews-slider .author {
        font-size:14px;
        text-align:center;
    } 

    .reviews-slider .inner .contents p {
        text-align: center;

    }

    .reviews-slider .inner .contents {
        padding-top:15px;
    }

    .reviews-slider .inner {
        display:block;
        text-align:center;
        border-radius:35px;
        height:auto;
    }

    .reviews-slider .inner .img {
        width: 86px;
        height: 86px;
        display:inline-block;
        border-radius:50%;
        margin-top:25px;

    }


    .contents.intro.intro2 {

        padding-bottom: 20px;
    }  




    .block-f-img .f-video {

        height: 200px;
    }    



    .nice-list ul li:before {

        top: 6px;
    } 

    .nice-list div.counter-ul ul li:before {
        top: 0px;
    }


    .box-cta-right ul {
        margin-bottom: 15px;
    }

    .top-menu-block {
        display:none;
    }

    .block-cta-2 .row2-outer {

        padding-left:0;   
    }    


    footer ul.socials {
        padding-left:0;
    }

    footer .p2 .c {

        padding-bottom: 0px;
    }    

    .content-text .short-description.c {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .content-text .short-description.c.even {
        margin-left:auto;
    }

    .content-text .short-description.c.odd {
        margin-right:auto;
    }   



    #breadcrumbs > span span:not(.breadcrumb_last) {
        position: relative;
        top:-21px;
    }

    .breadcrumb_last {

        max-width:145px;
    }

    .uitgelicht-item .inner {

        height: 28px;
    } 

    .uitgelicht-item .inner:after {

        top:-1px;   
    }

    .uitgelicht-item .inner h3 {
        width:calc(100% - 25px);   
    }


    .block-intro.b.block-f-img .contents {
        max-width: 100%;
    }    

    .card-dark h3 {
        margin-bottom:0px;
    }

    .row-breadcrumbs {
        position: inherit;
    } 

    #breadcrumbs {
        text-align:center;
    }

    #breadcrumbs span a, #breadcrumbs span {
        font-size:14px;
    }

    .block-icon-items .row .c:last-child .item-box-a {
        margin-bottom:0;
    }

    ul.list-a li:before {

        width: 20px;
        height: 15px;
        left:0;
    }

    ul.list-a li:hover {
        background:#fff;
    }

    ul.list-a li strong {
        font-size: 15px;
    }

    ul.list-a li {

        padding-left: 40px;
        padding-bottom:0;
        padding-top:22px;
    }

    .list-box-a h2, .list-box-a a.button {
        margin-left: 0px;
        margin-right: 0px;
        width:100%;
        margin-top:4px;
        margin-bottom:-15px;
    }  

    .block-cta-2 .bg-img {

        height: 200px;
        border-radius: 100px 15px 15px 15px
    }    

    .block-cta-2 .row2-outer {
        position: inherit;
        right:auto;

        margin-bottom:25px;
    }


    .intro p:last-child a.button:first-child {
        margin-right: 0px;
        margin-bottom:20px;
    }

    .block-f-img .contents {
        margin-bottom:0;
    }

    .block-f-img .contents {
        max-width:100%;
    }

    .intro p:last-child a.button {
        width:100%;
        display:block;
    }


    .block-f-img .c2 {
        order:-1;
    }

    .block-f-img .f-img {

        width:calc(100% + 155px);
        border-radius: 15px 0 0 100px;

    }

    .f-img-wrapper, .block-f-img .f-img {
        height:200px;
    }

    .f-img-wrapper {
        margin-bottom:25px;
    }

    p, li, div.txt {
        font-size:14px;
        line-height: 25px;
    }

    .block-intro p, .block-intro a:not(.button) {
        font-size:14px;
        line-height: 25px;
    }

    h3, h2, .the-content h2, .h2-small h2, h3 span {

        font-size: 17px;
        line-height: 25px;
        margin-bottom:10px;
    }  


    .contents-single-title h2 {
        margin-bottom: 22px;
        font-size: 20px;
        line-height: 23px;        
    }    




    h1, h1 span {

        font-size: 20px;
        line-height: 30px;
    } 
    
    .p-new-height p {
        line-height: 25px;
    }   
    
    ul.list-a.custom-icons li {
        padding-left:70px;
    }
    
    .block-with-form .c1 {
        padding-right: 15px;
    }

    .box-cta-right {
        margin-bottom:30px;
        padding:27px;
        padding-top:36px;
    }

    .content-text .short-description {
        background-color: #F2F3F4;
        padding: 27px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .box-share-page {
        margin-top:35px;
    }

    .uitgelicht-item {
        margin-bottom:30px;
    }

    .content-text.p-right {
        padding-right:0;
    }

    .content-text .short-description {

        width: 100%;
        margin-left: auto;
    }

    header .top-menu-block {
        display:none !important;
    }

    header .main-menu-block {
        display:none;
    }

    header .container-nav-mobile {
        display:block;
    }

    footer .c1, footer .c2 {
        margin-bottom:30px;
    }

    a.button, a.button span {
        font-size:14px;
    }


    .block-intro.centered-img .f-img {

        background-position: -50px -1000px;

    }



}


@media (min-width: 768px) {


    .item-box-a .text-box {
        height:150px;
        overflow:hidden;
        margin-bottom:15px;
    }

    .page-template-ux-scan .block-1 a.button.accent {
        display:none !important;
    }
    
}

@media (max-width: 767px) {


    .card-expertise h3 {
        font-size:15px;
    }
    
     .block-expertisev2-2 .rr {
        --bs-gutter-y: 20px;
        --bs-gutter-x: 0px;
        
    }
       
    
    .block-expertisev2-1 .c1, .block-expertisev2-1 .c2 {
        padding-left:15px;
        
    }
    
    .block-expertisev2-1 .c1 {
        order:-1 !important;
    }
   
    
    .block-expertisev2-1 .c1 img {
        width: 100%;
        margin: 0 auto 30px auto;
        display: block;
    }
    
    .orange-wrapper {
        padding:30px 20px 30px 20px;
        text-align:center;
    }
    
    
    a.button.transparent-mobile {
        background-color:transparent !important;
        background:transparent !important;
        border-color:#000 !important;
    }
    
    a.button.transparent-mobile span:after {
        filter:invert(1);
    }
    
    .button.transparent-mobile span {
            color:#000;
    }
    
    
    a.button.full-mobile {
        width:100% !important;
    }
    

    .item-box-a {
        padding-bottom:0;
        margin-bottom:5px;
    }



    footer ul.socials {

        text-align: center;
    }

    footer .c1, footer .c2 {
        margin-bottom: 0px;
    }   

    footer .p2 .c {
        padding-top: 15px;
    } 

    .block-recent-werk-2 img:not(.logo-opdr) {
        margin-bottom:17px;
        width:100% !important;
    }

    .block-recent-werk-2.even .c1 {
        text-align: left;

        order:-1;
    }


    .item-box-a:hover a.button {
        background-color: transparent !important;
        border: transparent !important;

    }   

    .item-box-a:hover {
        background-color:transparent !important;
    } 


    .block-intro.centered-img .f-img {
        background-position: -10px -0px;
        background-size: 79%;
        background-repeat: no-repeat;
    }    

    table.t2 * {
        font-size:14px;
    } 

    #map {
        height:270px;
        border-radius:10px;
        margin-left:20px;
        margin-right:20px;
        width:calc(100% - 40px);

    }


    .ginput_container_select:before {

        width: 16px;
        height: 10px;
        top: 18px;
        bottom: 0;
        right: 15px;
    }    
    .gfield.halve {
        display:block;
        width:100%;
    }

    .gfield.halve.b {
        padding-left:0px;
    }

    .gfield.halve:not(.b) {
        padding-right:0px;
    }  

    input[type="text"], input[type="email"], input[type="password"], textarea, select {
        font-size:16px;
    }  

    a.button.submit {
        width:100%;
    }

    .page-template-contact .short-description.review {
        text-align:left !important;
    }


    .card-item-b .inner-a {

        height: auto;
    }

    .team-member-item h3 {
        font-size: 15px;

    }
    .team-member-item h4 {
        font-size: 14px;

        margin-top: 5px;
    }    

    .team-item-c h4 {
        font-size:14px;

    } 

    .intro-description {

        padding: 20px;
        padding-top: 17px;
    }

    .team-item-c .c2 {
        background-color: #FBFBFB;
        padding: 18px;
        padding-top:20px;
    }  

    .team-item-c {

        margin-bottom:20px;
    }


    .block-blogs-grid {
        padding-top:0 !important;
        padding-bottom:0 !important;
        background-color:#fff !important;
    }

    .large-blog-blocks .block:first-child {
        margin-top:25px;
    }

    .large-blog-blocks .odd-2 .c2 { 

        padding-left:15px;
    }

    .large-blog-blocks.b .even .c2, .large-blog-blocks.b .odd-2 .c2 { 
        order:0; 
        padding-right:15px;
        padding-left:15px;
    }  

    .large-blog-blocks.b {
        margin-bottom:30px;
    } 

    .block.ffa {
        padding-top:30px !important;
        padding-bottom:10px !important;
    }

    .large-blog-blocks .even .c2 { 
        order:0; 
        padding-right:15px;
    }    

    .large-blog-blocks:not(.c) a.button {
        display:none;
    }

    .large-blog-blocks.c .blog-small-detail-box:after {
        display:none !important;
    }

    .large-blog-blocks.c .blog-small-detail-box a.button {
        margin-top: 10px;
        width:100%;
        margin-bottom:40px;
    }

    .block-blogs-grid:not(.b) .img {
        margin-bottom:15px;
        position: relative;

    }


    .blog-small-detail-box {
        position: relative;
    }

    .blog-small-detail-box h3 {
        max-width: calc(100% - 40px);
    }

    .blog-small-detail-box:after {
        background-image: url(../images/pijl-2.svg);
        width: 11px;
        height: 11px;
        content: '';
        background-size: cover;
        position: absolute;
        top: 9px;

        right: 10px;

    }

    .block-blogs-grid .img {
        height:183px;
    }



    .the-content img.halve {
        width:100%;
        margin-right: 0px;
    }

    .the-content img.halve + img.halve {
        margin-left:0px;
        margin-right: 0;
    }

    blockquote {
        padding:25px;
        width: 100%;
        margin-left: 0px;
    }

    blockquote:before, blockquote:after {
        display:none;
    }

    blockquote p:first-child {
        position: relative;
    }

    blockquote p:first-child:before {
        content:'';
        margin-right:7px;
        width:33px;
        height:22px;
        background-image:url('../images/quote2.svg');
        background-size:cover;
        display: inline-block;

    }

    blockquote p:first-child:after {
        content:'';
        rotate:180deg;
        margin-left:7px;
        width:33px;
        height:22px;
        background-image:url('../images/quote2.svg');
        background-size:cover;
        display: inline-block;

    }

    blockquote p {
        line-height: 30px;
        font-size:14px;
        font-weight: 600;
    }

    blockquote small {

        margin-top:10px;
    }

    blockquote small, blockquote small * {
        font-size:14px;

        line-height: 22px;
    }    


    #breadcrumbs {
        overflow: hidden;
        white-space: nowrap;

        max-width: 97vw; /* Adjust the max-width as needed */
    }    


    .project-col-wrap .c2 {
        padding-left: 0px;
        padding-top:10px;
    } 

    .project-col-wrap a.button {
        width:100%;
    }

    .single-button-wrap a.button {
        width:100%;
    }

    .project-col-wrap .img {

        height:210px;
    }


    .project-col-wrap {
        display: block;
    }


    .content-text .short-description {
        margin-bottom:25px;
    }    

    div.box-cta-right + div.box-cta-right {
        margin-top:25px;
    } 

    div.box-cta-right a.button {
        width:100%;
    }       

    .card-item-b {
        margin-bottom:40px;
    }

    .card-item-b a.img {
        height:170px;
    }

    .card-item-b .contents {
        padding-left:0px;
        padding-right:0px;
    }

    .short-description.review {
        text-align:center;
        padding-top:30px;
        padding-bottom:30px;
        margin-bottom: 35px;


    }

    .single-project .box-share-page {
        margin-top:5px;
    }

    .short-description.review .c2 {
        padding-top:25px;

        text-align:left;
    }

    .short-description.review .picture {
        width:130px;
        height:130px;
    }

    .short-description.review .fbox {
        display:block;
    }

    .short-description.review .c3 {
        width: 100%; 
    }

    #breadcrumbs span > span {

        padding-right: 20px;
    }

    #breadcrumbs span > span:not(:last-child):after {
        right:12px;
    }


    a.zoom-img {
        pointer-events:none !important;
    }

    .uitgelicht-item .inner {
        padding-left:10px;
        padding-right:10px;
    }

    .uitgelicht-item .inner:after {
        right:10px;
    }

    .project-inner .img {
        height:187px !important;
    }

    .project-inner .infos span {
        display:none;
    }

    .project-inner .infos {
        margin-top: 13px !important;
        margin-bottom: 21px !important;
        padding-left:10px;
        position: relative;
    }

    .block-preview .row-space {
        margin-top:20px;
    }

    .c3 .project-inner .infos {
        margin-bottom:0; 
    }

    .project-inner .infos:after {
        background-image: url(../images/pijl-2.svg);
        width: 11px;
        height: 11px;
        content: '';
        background-size: cover;
        position: absolute;
        top: -1px;
        bottom: 0;
        right: 10px;
        margin: auto;

    }

    .odd .project-inner .infos:after {
        filter: invert(100%) brightness(200%);
    }

    .project-inner h3 {
        font-size:14px;
    }

    .desktop-only {
        display:none !important;
    }

    .mobile-only {
        display:block !important;
    }
    .card-dark {

        padding:20px;

    }

    .card-dark h3 {
        font-size:14px;
    }

    .card-dark .icon-a {
        width: 54px;
        height: 54px;
        margin-bottom:15px;
    }

    .reviews-slider {
        padding-left:0;
        padding-right:0;
    }

    .reviews-slider .stars {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .reviews-slider .owl-dots {
        margin-top:40px !important;
    }

    .the-content-review {
        background-color:#F5F5F5;
        border-radius:10px;
        padding:20px;
        margin-top:15px;
        text-align:left;
    }

    .block-reviews .nav-wrap {
        display:none !important;
    }

    .reviews-slider .picture {
        width: 130px;
        height: 130px;
    }


    .reviews-slider .contents div.picture {
        order:-1;
    }

    .reviews-slider .contents div {
        order:1;
    }

    .reviews-slider .contents div.stars {
        order:0;
    }






    .item-box-a {
        text-align:left;
        display: flex;
    }

    .item-box-a .text-box * {
        font-weight: 800;
    }

    .item-box-a .text-box {
        max-width:100%;
    }

    .item-box-a .c1 {

        width:95px;

        vertical-align:top;
    }

    .item-box-a .c2 {
        flex: 1;

        padding-right:34px;
        vertical-align:top;
        position: relative;
    }

    a.button.mobile-transform {

        position: absolute;
        top:0;
        right:0px;
        bottom:0;
        margin:auto;
        border:0;
        background:transparent;
        width:100%;

    }

    a.button.mobile-transform span {
        display:none;
    }

    a.button.mobile-transform:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom:0;
        margin:auto;

        background-image: url(../images/arrow2.svg);
        width: 13px;
        height: 13px;
        content: '';
        background-size: cover;

    }

    .item-box-a .icon {
        width: 69px;
        height: 69px;
        background-position: left;
    }











    .block.default-padding {
        padding-top: 45px;
        padding-bottom: 45px;
    }  

    .nav-wrap-slider.portfolio {
        display:none;
    }

    .slider-outer.portfolio {
        width: 790px;

    }    
    .slider-outer.portfolio .item
    {
        width: 240px;
    } 

    .row-space {
        margin-top:35px;
    }   

    .team-member-item {
        height:210px;
    }

    .home .row-team .col-item-3 {
        display:none;
    }

    .faq-answer-wrapper {
        display:none;
    }
}


@media (max-width: 500px) {

    .block-image-tekst .c2 p:last-of-type {
        text-align:center;
    }
    
    ul.list-b {
   
        margin-bottom: 13px;
        margin-top: 18px;
    }
    
    ul.list-b li:before {
    
        width: 17px;
        height: 13px;
        top:5px;
    }
    
    ul.list-b li {
       padding-left: 30px;
    }
    
    .logo-container-large-slider {
        width:calc(100% + 40px);
        margin-left:-20px;
        
    } 
    
    
    .logo-slider-b .owl-item a img {
     
        width:100px !important;
        height:40px !important;
    }
        
    
    .slider-outer.portfolio {
        width: 460px;

    }    

    .slider-outer.portfolio .owl-item.last {
        opacity:1.0; 
    }      

    .slider-outer.portfolio .item
    {
        width: 220px;
    } 

    .inner-card-portfolio .logo-holder {
        height: 116px;
    } 

    .inner-card-portfolio .bg-bottom {
        height: 136px;
    }  

    .inner-card-portfolio img.logo-p {
        scale: 70%;
    }
    
    .page-template-contact .f-img-wrapper, .single-team .f-img-wrapper  {
        height: 400px;
      
    }
    
    .page-template-contact .block-f-img .f-img, .single-team .block-f-img .f-img {
        height:100%;
        background-position-x: -60px;
    }
    
    .single-team .block-f-img .f-img {
       background-position-x:center; 
    }
    
    .postid-657 .block-f-img .f-img {
        
       background-position-x: -140px;    
    }
    
    .
}