/* TABLET ADJUSTMENTS
**************************************************/
/* hide mobile elements by default */
.show-on-mobile { display:none; }

/* HERO block */
@media screen and (max-width: 1200px) {

    .bru-block-hero::before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.35);
    }
    .bru-hero-text .block-title,
    .bru-hero-text > span,
    .circled-phone-number-light span,
    .circled-phone-number-light a,
    .hero-secondary-link,
    .hero-secondary-link a {
        color:#fff !important;
    }

}
@media screen and (max-width: 1050px) {

    .bru-hero-text {
        align-self:flex-start;
        margin-top:150px;
    }
    .bru-hero-text .block-title {
        max-width:450px;
        font-size:50px;
        line-height:55px;
    }
    .bru-hero-text > span {
        max-width:350px;
    }
    .hero-buttons-wrapper {
        position:relative;
    }
    .hero-buttons-wrapper .hero-secondary-link {
        position:absolute;
        top:60px;
        right:-10px;
        width:max-content;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-hero {
        min-height:700px;
        margin-top:50px;
        background-image:url(images/bru-hero-01-mobile.jpg);
    }
    .bru-block-hero.light {
        background-image:url(images/bru-hero-02-mobile.jpg);
    }
    .bru-block-hero-inner::before {
        content:'';
        position:absolute;
        left:0;
        bottom:0;
        width:90%;
        height:7px;
        background-color:#EA5925;
        display:none;
    }
    .bru-hero-text {
        margin-top:75px;
    }
}
@media screen and (max-width: 700px) {

    .bru-block-hero {
        min-height:500px;
    }
    .bru-block-hero,
    .bru-block-hero.light {
        background-position:right top 25%;
    }
    .bru-block-hero-inner {
        padding:0 20px;
    }
    .bru-hero-text {
        margin-top:60px;
    }
    .bru-hero-text .block-title {
        max-width:350px;    
        font-size:40px;
        line-height:45px;
    }
    .bru-hero-text > span {
        max-width:250px;
        font-size:18px;
        margin-bottom:25px;
    }
    .hero-buttons-wrapper {
        transform:scale(.8);
        transform-origin:top left;
    }

}
@media (max-width: 400px) {

    .bru-block-hero-inner {
        padding:0 15px;
    }
    .bru-hero-text .block-title {
        max-width:300px;
        font-size:30px;
        line-height:35px;
    }

}





/* OVER ONS block */
@media screen and (max-width: 1300px) {

    .bru-block-overons {
        padding-bottom:0;
    }
    .bru-block-overons-inner {
        position:relative;
        width:1300px;
        margin:0 0 0 0;
    }
    .bru-block-overons-inner::before {
        display:none;
    }
    .bru-block-overons-inner h2,
    .bru-block-overons-inner .block-title {
        padding:0 35px;
    }
    .bru-overons-right {
        max-width:100%;
    }
    .slide-down {
        width:100%;
        height:100%;
    }
    .slide-down-inner {
        transform:scale(1);
    }
    .bru-overons-right p {
        padding-left:35px;
        padding-right:35px;
    }
    .bru-overons-right a {
        margin-left:35px;
    }
    .bru-overons-right .cta-outline-orange {
        transform:scale(.8);
        display:block;
    }
    .bru-block-overons-inner .float {
        position:relative;
        left:auto;
        right:0;
        width:auto;
        max-width:900px;
        margin:75px 0 0 auto;
    }
    .bru-block-overons-inner .float h2 {
        padding-left:0;
    }

}
@media screen and (max-width: 700px) {

    .bru-block-overons {
        padding-top:25px;
    }
    .bru-block-overons-inner h2 {
        padding:0 20px;
        font-size:20px;
    }
    .bru-block-overons-inner .block-title {
        padding:0 20px;
        font-size:25px;
        line-height:40px;
        margin-bottom:35px;
    }
    .bru-overons-right p {
        margin-top:0;
        padding-left:65px;
        padding-right:25px;
        font-size:16px;
        line-height:30px;
    }
    .bru-overons-right a {
        margin-left:65px;
        transform:scale(.8);
        transform-origin:top left;
    }
    .bru-block-overons-inner .float {
        position:relative;
        left:auto;
        right:0;
        width:auto;
        max-width:350px;
        min-height:300px;
        margin:50px 0 0 auto;
        padding:25px 0 0 20px;
    }
    .bru-block-overons-inner .float h2 {
        margin-bottom:10px;
        font-size:22px;
        line-height:20px;
    }
    .bru-block-overons-inner .float p {
        font-size:14px;
    }
    .bru-block-overons-inner .float .jobs-links {
        font-size:14px;
    }
    .bru-block-overons-inner .float .jobs-links a span::before {
        top:4px;
    }
    .bru-block-overons-inner .float .cta-button-arrow {
        transform:scale(.7);
        transform-origin:top left;
        margin-bottom:10px;
    }

}
@media (max-width: 400px) {

    .bru-block-overons-inner h2 {
        padding:0 15px;
        font-size:15px;
    }
    .bru-block-overons-inner .block-title {
        padding:0 15px;
        font-size:20px;
        line-height:30px;
        margin-bottom:20px;
    }
    .bru-overons-right p {
        margin-top:-10px;
        padding-left:15px;
        padding-right:15px;
        font-size:16px;
        line-height:25px;
    }
    .bru-overons-right a {
        margin-left:15px;
        transform:scale(.7) !important;;
    }
    .bru-block-overons-inner .float {
        margin-top:25px;
    }
    .bru-block-overons-inner .float h2 {
        font-size:20px;
    }

}



/* ADVICE block */
@media screen and (max-width: 1300px) {

    .bru-advice-content-wrapper .bru-advice-content {
        background-position:center left -50px !important;
    }

}
@media (max-width: 1000px) {

    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1) {
        background-image:url('images/advice-vastgoedrecht-mobile.jpg');
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2) {
        background-image:url('images/advice-bouwrecht-mobile.jpg');
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
        background-image:url('images/advice-huurrecht-mobile.jpg');
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
        background-image:url('images/advice-vve-recht-mobile.jpg');
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
        background-position:top left !important;
        background-size:cover;
    }
    .bru-block-advice-inner .bru-advice-content-wrapper {
        flex-direction:column;
    }
    .bru-advice-content {
        min-height:200px;
        margin:0 5px 5px 5px;
    }
    .bru-advice-content span {
        width:350px;
        top:50px;
        right:0;
        left:auto;
        bottom:auto;
        text-align:left;

        font-size:45px;

        transform:rotate(0deg) translateX(0) translateY(0);
    }
    .bru-advice-content p {
        max-width:350px;
        top:95px;
        left:auto;
        right:0;
        bottom:auto;
        text-align:left;
        padding-right:25px;

        font-size:16px;

        transform:rotate(0deg) translateX(0) translateY(0);
    }
    .bru-advice-content::before,
    .bru-advice-content:hover::before,
    .bru-advice-content-wrapper:hover .bru-advice-content:not(:hover)::before {
        content:'';
        position:absolute;
        top:0%;
        left:0;
        width:100%;
        height:100%;
        background:linear-gradient(to left, rgba(0,0,0,0.95), transparent);
        pointer-events:none;

        transition:.5s cubic-bezier(.5, 1, 0.2, 1);
    }

}
@media (max-width: 900px) {

    .bru-block-advice {
        padding:50px 0;
    }
    .bru-block-advice-inner h2 {
        font-size:24px;
    }
    .bru-block-advice-inner .block-title {
        max-width:450px;
        font-size:40px;
        line-height:130%;
    }
    .bru-advice-content-wrapper {
        margin-top:50px !important;
        margin-bottom:40px !important;
        margin:0 auto;
    }
    .bru-block-advice .cta-outline-orange-light:hover {
        padding-left:25px;
        padding-right:50px;
    }

}
@media (max-width: 750px) {

    .bru-block-advice-inner .cta-outline-orange-light .hide-on-mobile {
        display:none;
    }
    .bru-block-advice-inner .cta-outline-orange-light .show-on-mobile {
        display:inline;
    }

    .bru-block-advice a.cta-plain-light-text {
        margin-left:0;
        margin-top:30px;
        display:block;
    }

}
@media (max-width: 625px) {

    .bru-block-advice-inner .bru-advice-content-wrapper {
        min-height:auto;
    }
    .bru-advice-content {
        min-height:135px;
    }
    .bru-advice-content span {
        width:215px;
        top:35px;

        font-size:28px;
    }
    .bru-advice-content p {
        max-width:215px;
        top:65px;

        font-size:10px;
    }
    .bru-block-advice a.cta-plain-light-text {
        margin-top:20px;
        font-size:18px;
    }

}
@media (max-width: 500px) {

    .bru-block-advice {
        padding:25px 0;
    }
    .bru-block-advice-inner h2 {
        font-size:20px;
    }
    .bru-block-advice-inner .block-title {
        max-width:400px;
        font-size:32px;
        line-height:130%;
    }
    .bru-advice-content-wrapper {
        margin-top:30px !important;
        margin-bottom:20px !important;
    }
    .bru-block-advice .cta-outline-orange-light {
        padding-right:40px;
        font-size:18px;
    }
    .bru-block-advice .cta-outline-orange-light::after {
        top:18px;
        right:17px;
        background-size:13px 13px;
    }

}
@media (max-width: 400px) {
  
    .bru-block-advice-inner h2 {
        font-size:16px;
    }
    .bru-block-advice-inner .block-title {
        margin:0 20px;
        font-size:22px;
    }
    .bru-block-advice-inner .bru-advice-content {
        min-height:100px;
    }
    .bru-block-advice-inner .bru-advice-content span {
        font-size:22px;
        width:210px;
        top:25px;
    }
    .bru-block-advice-inner .bru-advice-content p {
        max-width:210px;
        top:45px;
    }
    .bru-block-advice-inner a.cta-outline-orange-light {
        transform:scale(.8);
    }

    .bru-block-advice a.cta-plain-light-text {
        margin-top:15px;
        font-size:14px;
    }

}


/* Last-minute image replacements */
@media screen and (max-width: 1600px) {
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
        background-position:3% !important;
    }
}
@media screen and (max-width: 1450px) {
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
        background-position:6% !important;
    }
}
@media screen and (max-width: 1300px) {
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
        background-position:9% !important;
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
        background-position:3% !important;
    }
}
@media screen and (max-width: 1200px) {
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
        background-position:12% !important;
    }
    .bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
        background-position:6% !important;
    }
}



/* EXPERTISE block */
@media (max-width: 1300px) {

    .expertise-items-wrapper {
        padding:0;
    }

}
@media (max-width: 1200px) {

    .expertise-items-wrapper .expertise-item {
        flex:1 1 calc(33.333% - 20px);
        max-width:calc(33.333% - 20px);
    }

}
@media (max-width: 950px) {

    .expertise-items-wrapper .expertise-item {
        flex:1 1 calc(50% - 15px);
        max-width:calc(50% - 15px);
    }

}
@media screen and (max-width: 650px) {

    .bru-block-expertise {
        padding:0 20px;
    }
    .bru-block-expertise-inner {
        padding-top:40px;
        padding-bottom:40px;
    }
    .bru-block-expertise-inner .bru-block-title.hide-on-mobile {
        display:none;
    }
    .bru-block-expertise-inner .bru-block-title.show-on-mobile {
        display:inline;
        font-size:30px;
    }
    .bru-expertise-content p {
        display:none;
    }
    .expertise-items-wrapper {
        display:flex;
        flex-wrap:wrap;
        gap:15px;
        margin-top:30px;
    }
    .expertise-items-wrapper .expertise-item {
        flex:1 1 100%;
        max-width:100%;
        height:auto;

        flex-direction:column;
        justify-content:center;
    }
    .expertise-items-wrapper .expertise-item h3 {
        font-size:16px;
        line-height:20px;
        margin:0;
        padding:15px 40px 15px 0;
    }
    .expertise-items-wrapper .expertise-item:hover > a.expertise-item-link {
        width:100%;
        height:100%;
        padding-right:50px;
        padding-bottom:20px;
    }
    .expertise-items-wrapper .expertise-link,
    .expertise-items-wrapper .expertise-item:hover .expertise-link {
        position:absolute;
        right:20px;
        bottom:50%;
        transform:translateY(50%);
    }
    .expertise-items-wrapper .expertise-link.show-on-mobile {
        padding:0;
        width:40px;
        height:40px;
    }
    .expertise-items-wrapper .expertise-link.show-on-mobile::after {
        top:13px;
        right:13px;
    }
    .expertise-items-wrapper .expertise-item:hover .expertise-link.show-on-mobile::after {
        transform:rotate(0);
    }
    .expertise-link.hide-on-mobile {
        display:none;
    }
    .expertise-link.show-on-mobile {
        display:inline;
    }

}
@media (max-width: 500px) {
  
    .bru-block-expertise-inner .bru-block-title.show-on-mobile {
        font-size:25px;
    }
    
}
@media (max-width: 400px) {

    .bru-block-expertise {
        padding:0 15px;
    }
    .bru-block-expertise-inner .bru-block-title {
        font-size:22px !important;
    }
    .bru-block-expertise-inner .expertise-item-link {
        padding:0;
    }
    .bru-block-expertise-inner .expertise-item-link h3 {
        font-size:14px;
        padding:0;
    }
    .expertise-link.show-on-mobile,
    .bru-block-expertise-inner .expertise-item-link:hover .expertise-link.show-on-mobile {
        transform:scale(.65) translateY(30px) translateX(20px);
    }
    .expertise-items-wrapper .expertise-item:hover > a.expertise-item-link {
        padding-right:40px;
    }

}




/* PUBLICATIONS block */
@media (max-width: 1300px) {

    .bru-blog-post:last-of-type {
        padding-right:0;
    }

}
@media (max-width: 1100px) {

    .bru-blog-post {
        padding:0 25px;
    }

}
@media (max-width: 700px) {

    .bru-block-publications {
        padding:0 25px 10px 25px;
    }
    .bru-publications-blog-inner {
        width:100%;
        display:inline;
        padding:0 0 75px 0;
        margin-top:-10px;
        border:none !important;
    }
    .bru-block-publications .bru-blog-post {
        width:100%;
        padding:25px 0 10px 0;
        border:none;
        border-bottom:1px solid #A3A3A3 !important;
        border-radius:0;
    }
    .bru-block-publications .bru-blog-post h3 {
        padding:0;
        font-size:30px;
    }
    .bru-block-publications .bru-blog-post p {
        display:none;
    }
    .bru-block-publications .cta-outline-orange.hide-on-mobile {
        display:none;
    }
    .bru-block-publications .cta-outline-orange.show-on-mobile {
        display:inline;
        position:absolute;
        right:20px;
        bottom:50px;
        transform:scale(.75);
        transform-origin:bottom right;
    }

}
@media (max-width: 500px) {
  
    .bru-block-publications h3 {
        font-size:25px;
    }
    .bru-block-publications-inner ul h3 {
        font-size:20px !important;
        line-height:28px;
    }
    .bru-block-publications-inner ul li {
        margin-bottom:0 !important;
    }
    
}
@media (max-width: 400px) {

    .bru-block-publications {
        padding:0 15px;
    }
    .bru-block-publications-inner h3 {
        font-size:22px;
    }
    .bru-publications-blog-inner .bru-blog-post {
        padding:0;
    }
    .bru-publications-blog-inner .bru-blog-post a {
        font-size:10px;
    }
    .bru-publications-blog-inner .bru-blog-post a h3 {
        font-size:18px !important;
        line-height:23px;
        margin-top:10px;
        margin-bottom:10px;
    }
    .bru-publications-blog-inner {
        padding-bottom:50px;
    }
    .bru-block-publications-inner .cta-outline-orange.show-on-mobile {
        transform:scale(.7) translateY(35px) translateX(20px);
    }  

}




/* REVIEWS block */
@media (max-width: 650px) {

    .bru-block-reviews {
        padding-top:35px;
        padding-bottom:50px;
    }

}
@media (max-width: 500px) {

    .bru-block-reviews h2 {
        font-size:25px;
    }

}
@media (max-width: 400px) {

    .bru-block-reviews {
        padding:25px 15px 30px 15px;
    }
    .bru-block-reviews h2 {
        font-size:22px;
    }

}




/* FAQ block */
@media (max-width: 650px) {

    .bru-block-faq {
        padding-top:35px;
        padding-bottom:75px;
    }
    .bru-faq-content a {
        margin-right:0;
    }
    .bru-block-faq h2 {
        font-size:30px;
    }
    .bru-block-faq .faq-question {
        font-size:20px;
    }
    .bru-block-faq .faq-answer {
        padding-right:25px;
    }

}
@media (max-width: 500px) {

    .bru-block-faq h2 {
        font-size:25px;
    }
    .bru-block-faq a {
        font-size:15px;
        margin-right:0;
    }
    .bru-block-faq .faq-item {
        font-size:18px;
        line-height:22px;
    }
    .faq-question {
        font-size:18px !important;
    }
    .faq-answer {
        font-size:16px !important;
    }

}
@media (max-width: 400px) {

    .bru-block-faq {
        padding:25px 15px 30px 15px;
    }
    .bru-faq-content h2 {
        font-size:22px;
    }
    .bru-faq-content a {
        font-size:12px;
        margin-bottom:14px;
    }
    .bru-faq-content {
        margin-bottom:15px;
    }
    .faq-question {
        font-size:16px !important;
        line-height:22px;
        padding:15px 40px 15px 5px;
    }
    .faq-toggle {
        position:absolute;
        top:13px;
        right:0;
    }
    .faq-answer {
        font-size:14px !important;
        line-height:22px;
        padding:0 0 15px 5px;
    }

}



/* CALLOUT block */
@media (max-width: 1000px) {

    .bru-callout-content span {
        font-size:30px;
        line-height:45px;
    }

}
@media (max-width: 500px) {
    
    .bru-block-callout-inner {
        margin-bottom:50px;
    }
    .bru-callout-content span {
        font-size:27px;
        line-height:45px;
        margin-bottom:40px;
    }
    .bru-callout-content .cta-outline-orange {
        display:block;
        margin:0 auto;
        transform:scale(.9);
        transform-origin:top center;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-callout-inner {
        margin:25px 0;
    }
    .bru-block-callout img {
        transform:scale(.8) !important;
    }
    .bru-block-callout a {
        transform:scale(.75) !important;
    }
    .bru-block-callout span {
        padding:0 25px;
        margin-top:20px;
        font-size:20px;
        line-height:30px;
    }
    .bru-block-callout a:hover {
        padding-right:50px;
    }

}




/* FOOTER */
@media (max-width: 1300px) {

    .bru-block-footer {
        padding-top:50px;
    }
    .bru-block-footer-inner {
        margin:0 35px;
    }

}
@media (max-width: 900px) {

    .bru-block-footer {
        margin:0;
        padding-top:25px;
    }
    .bru-block-footer-inner {
        margin:0 25px;
    }
    .bru-block-footer-column-wrapper {
        display:inline;
    }
    .bru-block-footer-column {
        margin:0 10px;
    }
    .footer-mobile-nav.show-on-mobile {
        display:block;
        width:100%;
        padding-bottom:20px;
        margin-bottom:35px;
        border-bottom:1px solid #E7E5DE;
    }
    .bru-footer-info:nth-of-type(5) {
        margin-top:100px;
    }
    .bru-footer-info:nth-of-type(5) img {
        width:175px;
        height:auto;
    }
    .bru-footer-slogan-review {
        position:absolute;
        right:30px;
        margin:-95px 0 0 0;
        width:max-content;
    }
    .bru-footer-slogan-review {
        transform:scale(.6);
        transform-origin:center right;
    }
    
    .bru-footer-slogan {
        display:none;
    }
    .footer-latest-posts.hide-on-mobile,
    .bru-block-footer-column-links.hide-on-mobile {
        display:none;
    }

    .bru-footer-cta > span {
        position:absolute;
        margin-top:-425px;
        right:5px;
        width:35px;
    }
    .bru-footer-cta > span img {
        width:35px;
        height:auto;
        margin:0 0 20px 0;
    }
    
    .bru-footer-cta {
        position:relative;
        padding:20px 0 30px 0;
        border-top:1px solid #E7E5DE;
        border-bottom:1px solid #E7E5DE;

        display:block;
    }
   .bru-footer-cta .circled-phone-number-light {
        margin:0 0 0 35px;
        position:relative;
    }
    .bru-footer-cta .circled-phone-number-light span {
        font-size:10px;
    }
    .bru-footer-cta .circled-phone-number-light span .tel {
        font-size:21px;
        margin-top:2px;
    }
     .bru-footer-cta .circled-phone-number-light::before {
        content:'';
        position:absolute;
        z-index:-1;
        bottom:-28px;
        left:-32px;
        right:auto;
        width:225px;

        background-repeat:no-repeat;
        background-size:100% auto;
    }
    .bru-footer-cta .hero-secondary-link {
        position:absolute;
        font-size:12px;
        top:17px;
        left:175px;
    }
    
    .bru-footer-fin {
        display:block;
        padding:15px 0 0 0;
    }
    .bru-footer-fin span {
        display:block;
        width:100%;
        font-size:10px;
    }
    .bru-footer-fin span:nth-child(2) {
        text-align:right;
        margin-top:10px;
    }

}
@media screen and (max-width: 500px) {

    .bru-block-footer-inner {
        margin:0 15px;
    }
    .bru-footer-slogan-review {
        right:20px;
    }

}
@media screen and (max-width: 400px) {

    .footer-dropdown-mobile li a {
        font-size:14px;
    }
    .footer-dropdown-mobile > li > a::after {
        top:11px;
        width:12px;
        height:12px;
        background-size:12px 12px;
    }
    .bru-block-footer-inner {
        margin:0 10px;
    }
    .footer-mobile-nav {
        margin-bottom:20px !important;
    }
    .bru-block-footer-column {
        margin-left:5px;
    }
    .bru-footer-logo img {
        width:125px;
    }
    .bru-footer-info {
        font-size:14px;
    }
    .bru-footer-cta > span {
        margin-top:-415px;
    }
    .bru-footer-social img {
        width:16px !important;
    }
    .bru-footer-slogan-review {
        right:15px;
        margin-top:-90px;
    }
    .bru-footer-info:nth-of-type(5) img {
        width:150px;
        margin-left:-5px;
    }
    .bru-footer-slogan-review {
        transform:scale(.5);
    }
    .bru-footer-cta {
        padding-bottom:50px;
    }
    .bru-footer-cta .hero-secondary-link {
        top:45px;
        left:30px;
    }
    .bru-footer-fin span {
        font-size:9px;
    }

}




/* OVER ONS page */
@media screen and (max-width: 1000px) {

    .bru-block-overons-main {
        min-height:600px;
        margin-top:50px;
        background-size:cover;
    }
    .bru-block-overons-content-inner {
        padding-top:25px;
        padding-bottom:50px;
    }
    .bru-block-overons-main-inner .float {
        position:absolute;
        margin-top:0px;
        margin-bottom:0px;
        bottom:0;
        transform:scale(.6);
        transform-origin:right bottom;
        display:none;
    }
    .bru-overons-content-left.hide-on-mobile {
        display:none;
    }
    .bru-overons-nav-mobile.show-on-mobile {
        display:flex;
        align-items:center;
        margin:20px 0 40px 0;
    }
    .bru-overons-nav-mobile h1 {
        font-size:40px;
        line-height:100%;
        font-weight:400;
        display:inline;
    }
    .bru-overons-nav-mobile a {
        text-align:center;
        font-family:Merriweather;
        color:#3B3C3C;
        font-size:30px;
        width:max-content;
        padding:0 25px;
    }
    .bru-overons-nav-mobile a:first-child {
        flex:1.5;
        text-align:left;
        color:#EA5925;
        padding:0;
    }

}
@media screen and (max-width: 750px) {

    .bru-block-overons-main {
        min-height:500px;
    }
    .bru-block-overons-main-inner .float {
        transform:scale(.5);
    }
    .bru-overons-nav-mobile.show-on-mobile {
        margin:0px 0 30px 0;
    }
    .bru-overons-nav-mobile h1 {
        font-size:35px;
    }
    .bru-overons-nav-mobile a {
        font-size:28px;
        padding:0 15px;
    }
    .bru-overons-content-right p {
        font-size:18px;
        line-height:35px;
    }

}
@media screen and (max-width: 600px) {

    .bru-block-overons-main {
        min-height:350px;
    }
    .bru-block-overons-main-inner .float {
        transform:scale(.35);
    }
    .bru-overons-nav-mobile h1 {
        font-size:22px;
    }
    .bru-overons-nav-mobile a {
        font-size:18px;
        padding:0 10px;
    }
    .overons-people {
        gap:15px;
    }
    .person:hover img {
        opacity:1;
    }
    .person span {
        display:none;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-overons-main {
        min-height:250px;
    }
    .bru-block-overons-content-inner {
        margin:0 15px;
        padding-bottom:25px;
    }
    .bru-block-overons-main-inner .float {
        width:500px;
    }
    .bru-overons-nav-mobile.show-on-mobile {
        margin-bottom:10px;
    }
    .bru-overons-nav-mobile h1 {
        font-size:20px;
    }
    .bru-overons-nav-mobile a {
        font-size:16px;
        padding:0 6px;
    }
    .bru-overons-content-right p {
        font-size:16px;
        line-height:26px;
    }

}




/* SIDEBAR page template */
@media screen and (max-width: 1300px) {

    .bru-content-main-inner {
        padding:175px 0 50px 0;
    }
    .bru-content-sidebar {
        margin-right:0;
    }

}
@media screen and (max-width: 1100px) {

    .bru-content-main-inner {
        margin:0 35px;
    }
    .bru-content-main-inner article {
        max-width:100%;
        margin-right:0;
    }
    .bru-content-sidebar {
        width:100%;
        margin:100px 35px 0 auto;
        flex-shrink:none;
    }
    .bru-content-sidebar-wrapper {
        display:inline;
    }
    .sidebar-lawyers {
        max-width:100%;
        margin-top:0;
    }
    .sidebar-lawyers .overons-people {
        grid-template-columns:repeat(4, 1fr);
    }
    .bru-content-sidebar .bru-sidebar-banner {
        max-width:450px;
    }
    .bru-content-sidebar .bru-sidebar-banner img {
        width:100%;
        height:auto;
    }

}
@media screen and (max-width: 800px) {

    .bru-content-sidebar {
        width:100%;
        margin-right:0;
    }
    .bru-content-main-inner {
        margin:0 25px;
        padding:125px 0 50px 0;
    }
    .bru-content-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }
    .sidebar-lawyers .overons-people {
        grid-template-columns:repeat(3, 1fr);
    }

}
@media screen and (max-width: 700px) {

    .bru-sidebar-banner img {
        width:100%;
        height:auto;
    }
    .team-banner-wrapper {
        display:inline;
    }

}
@media screen and (max-width: 500px) {

    .bru-content-main-inner h1 {
        font-size:25px;
        line-height:120%;
        margin-bottom:0;
    }
    .bru-content-main-inner p {
        font-size:18px;
        line-height:30px;
    }
    .bru-blog-post-sidebar {
        padding-left:0;
    }
    .bru-blog-post-sidebar a {
        font-size:14px !important;
    }
    .bru-blog-post-sidebar a h3 {
        font-size:22px !important;
        line-height:25px;
        margin-top:10px;
    }

}
@media screen and (max-width: 400px) {

    .bru-content-main-inner {
        margin:0 15px;
    }
    .bru-content-main-inner .bru-breadcrumbs-dark {
        font-size:12px;
    }
    .bru-content-main-inner h1 {
        font-size:22px;
    }
    .bru-content-main-inner article p {
        font-size:16px;
        line-height:28px;
    }
    .bru-content-main-inner article h2 {
        font-size:20px;
        line-height:30px;
        margin-bottom:0;
    }
    .bru-content-sidebar {
        margin-top:50px;
    }
    .bru-sidebar-nav {
        padding:30px 15px 1px 15px;
        margin-bottom:20px;
    }
    .bru-sidebar-nav span,
    .bru-sidebar-nav span a {
        font-size:20px;
    }
    .bru-sidebar-nav li a {
        font-size:14px !important;;
    }
    .bru-sidebar-nav ul li a::after {
        background-position:8px 12px;
    }
    .bru-sidebar-nav p a {
        font-size:14px;
    }
    .bru-sidebar-nav p a::before {
        top:0;
        background-size:11px 11px;
    }
    .bru-sidebar-latest-posts {
        margin-top:50px;
    }
    .bru-sidebar-latest-posts h3 {
        font-size:20px;
    }
    .bru-sidebar-latest-posts li {
        padding:15px 0 0 0 !important;
    }
    .bru-sidebar-latest-posts span {
        font-size:12px;
    }
    .bru-sidebar-latest-posts .bru-blog-post-sidebar h3 {
        font-size:18px !important;
        line-height:25px;
        margin-top:5px !important;
    }

}




/* EXPERTISE page */
@media screen and (max-width: 1300px) {

    .bru-expertise-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 800px) {

    .bru-expertise-main-inner {
        padding:125px 0 25px 0;
    }
    .bru-expertise-main-inner {
        margin:0 25px;
    }
    .bru-expertise-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }

}
@media screen and (max-width: 500px) {

    .bru-expertise-main-inner h1 {
        font-size:25px;
        line-height:35px;
        line-height:100%;
        margin-bottom:0;
    }
    .bru-expertise-main-inner p {
        font-size:18px;
        line-height:30px;
    }

}
@media screen and (max-width: 400px) {

    .bru-expertise-main-inner {
        margin:0 15px;
    }
    .bru-expertise-main-inner h1 {
        font-size:22px;
    }
    .bru-expertise-main-inner p {
        font-size:16px;
        line-height:28px;
    }
    .page-template-page-expertise .bru-block-advice-inner h2 {
        font-size:13px;
    }

}




/* VOOR WIE page */
@media screen and (max-width: 1300px) {

    .bru-block-voor-wie-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-voor-wie-main-inner {
        padding:125px 0 25px 0;
    }
    .bru-block-voor-wie-main-inner {
        margin:0 25px;
    }
    .bru-block-voor-wie-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }

}
@media screen and (max-width: 500px) {

    .bru-block-voor-wie-main-inner h1 {
        font-size:25px;
        line-height:35px;
        line-height:100%;
        margin-bottom:0;
    }
    .bru-block-voor-wie-main-inner p {
        font-size:18px;
        line-height:30px;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-voor-wie-main-inner {
        margin:0 15px;
    }
    .bru-block-voor-wie-main h1 {
        font-size:22px;
    }
    .bru-block-voor-wie-main p {
        font-size:16px;
        line-height:28px;
    }

    .expertise-page-items-wrapper .expertise-item > a.expertise-item-link {
        padding:25px 20px 0 20px !important;
    }
    .expertise-page-items-wrapper .expertise-item-link h3 {
        font-size:22px;
    }
    .expertise-page-items-wrapper .expertise-item-link p {
        font-size:16px;
        line-height:24px;
    }
    .expertise-page-items-wrapper .expertise-link {
        transform:scale(.8);
        transform-origin:bottom right;
    }
    .expertise-page-items-wrapper {
        gap:20px !important;
    }
    .expertise-page-items-wrapper:hover .expertise-item-link {
        width:100% !important;
        height:100% !important;
        padding-right:20px;
    }
    .expertise-page-items-wrapper .expertise-item:hover .expertise-link {
        right:20px;
        bottom:20px;
    }

}




/* VACATURES page */
@media screen and (max-width: 1300px) {

    .bru-content-wrapper .bru-vacatures-woman,
    .bru-content-wrapper .bru-vacatures-man {
        height:600px;
        background-size:cover;
        margin-top:100px;
    }

}
@media screen and (max-width: 1000px) {

    .bru-block-vacatures-main-inner {
        padding-bottom:0;
    }
    .bru-content-wrapper .bru-vacatures-woman,
    .bru-content-wrapper .bru-vacatures-man {
        height:500px;
    }
    .bru-vacatures-hero-inner h2 {
        font-size:60px;
        line-height:70px;
    }
    .bru-vacatures-hero-inner p {
        font-size:24px;
        margin-top:15px;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-vacatures-main-inner {
        margin:0 25px;
    }
    .bru-content-wrapper .bru-vacatures-woman,
    .bru-content-wrapper .bru-vacatures-man {
        margin-top:75px;
        height:400px;
    }
    .bru-vacatures-hero-inner h2 {
        font-size:45px;
        line-height:55px;
        margin-top:10px;
    }
    .bru-vacatures-hero-inner p {
        font-size:18px;
        margin-top:10px;
    }

}
@media screen and (max-width: 600px) {

    .bru-vacatures-hero-inner {
        margin:0 25px;
    }
    .bru-content-wrapper .bru-vacatures-woman,
    .bru-content-wrapper .bru-vacatures-man {
        height:250px;
    }
    .bru-vacatures-hero-inner h2 {
        font-size:30px;
        line-height:40px;
        margin-top:10px;
    }
    .bru-vacatures-hero-inner p {
        font-size:12px;
        margin-top:5px;
    }
    .bru-block-vacatures-main-inner {
        padding-top:35px;
    }
    .bru-block-vacatures-main-inner li.job_listing {
        padding:25px 0;
    }
    .bru-block-vacatures-main-inner h1 {
        font-size:25px;
    }
    .bru-block-vacatures-main-inner .job-title h3 {
        font-size:20px;
        line-height:22px;
    }
    .bru-block-vacatures-main-inner .job-description {
        margin-top:0;
    }
    .bru-block-vacatures-main-inner .job-type {
        margin:2px 5px 0 0;
    }
    .bru-block-vacatures-main-inner .job-type-item {
        font-size:15px !important;
    }

}
@media screen and (max-width: 400px) {

    .bru-vacatures-hero-inner {
        margin:0 15px;
    }
    .bru-block-vacatures-main-inner {
        margin:0 15px;
    }
    .bru-content-wrapper .bru-vacatures-woman,
    .bru-content-wrapper .bru-vacatures-man {
        height:200px;
    }
    .bru-vacatures-hero-inner > h2 {
        font-size:24px;
        line-height:30px;
    }
    .bru-block-vacatures-main-inner h1 {
        font-size:22px;
        line-height:30px;
    }
    .bru-block-vacatures-main-inner .job-title h3 {
        font-size:18px;
    }
    .bru-block-vacatures-main-inner .job_listing:last-of-type {
        margin-bottom:50px;
    }

}




/* CONTACT page */
@media screen and (max-width: 1300px) {

    .bru-contact-page-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 1100px) {

    .bru-form-contact-details {
        margin-right:50px;
    }

}
@media screen and (max-width: 800px) {

    .bru-contact-content {
        display:inline;
    }
    .bru-contact-page-main-inner {
        padding-top:125px;
    }
    .bru-contact-page-main-inner {
        margin:0 25px;
    }
    .bru-form-contact-details {
        margin-right:0;
    }
    .bru-form-contact {
        padding-top:50px;
    }

}
@media screen and (max-width: 600px) {

    .bru-contact-page-main-inner h1 {
        font-size:30px;
        line-height:40px;
        margin-bottom:20px;
    }
    .bru-form-contact-details div:first-of-type {
        font-size:20px;
    }
    .bru-form-contact-details {
        font-size:16px;
    }
    .bru-form-contact-details div {
        margin-bottom:20px;
    }

}




/* FAQ page */
@media screen and (max-width: 1300px) {

    .bru-faq-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 800px) {

    .bru-faq-main-inner {
        padding:125px 0 0 0;
    }
    .bru-faq-main-inner  {
        margin:0 25px;
    }
    .bru-form-contact-details {
        margin-right:0;
    }
    .bru-form-contact {
        padding-top:50px;
    }
    .wp-block-columns {
        row-gap:0;
    }

}
@media screen and (max-width: 600px) {

    .bru-faq-main-inner h1 {
        font-size:30px;
        line-height:40px;
        margin-bottom:20px;
    }

}
@media screen and (max-width: 400px) {

    .bru-faq-main-inner {
        margin:0 15px;
        padding-top:100px;
        padding-bottom:0;
    }
    .bru-faq-main-inner h1 {
        font-size:22px;
        margin-bottom:-15px;
    }
    .bru-faq-main-inner h2 {
        font-size:18px;
        line-height:24px;
    }

    .bru-faq-main-inner .entry-content p {
        font-size:16px;
        line-height:26px;
        padding-top:10px;
    }

}




/* ZOEKEN page */
@media screen and (max-width: 1300px) {

    .bru-block-404-main {
        min-height:600px;
    }
    .bru-block-404-main-inner {
        padding-top:200px;
    }

}
@media screen and (max-width: 1000px) {

    .bru-block-404-main {
        padding:0 25px;
    }
    .bru-block-404-main-inner {
        padding-top:175px;
    }

}
@media screen and (max-width: 650px) {

    .bru-block-404-main {
        min-height:700px;
    }
    .bru-block-404-main-inner input[type=text] {
        width:100%;
    }
    .bru-block-404-main-inner input[type=submit] {
        width:100% !important;
        margin:15px 0 0 0 !important;;
    }

}
@media screen and (max-width: 400px) {
  
    .bru-block-404-main {
        padding:0 15px;
    }
    .bru-block-404-main-inner {
        padding-top:125px;
    }
    .bru-block-404-main h1 {
        font-size:22px;
    }
  
}




/* SEARCH RESULTS page */
@media screen and (max-width: 1300px) {

    .bru-block-search-results-main-inner {
        padding-top:200px;
    }
    .bru-block-search-results-main-inner li.bru-blog-post {
        margin-bottom:25px !important;
        padding-bottom:15px !important;
    }

}
@media screen and (max-width: 1000px) {

    .bru-block-search-results-main {
        padding:0 25px;
    }
    .bru-block-search-results-main-inner {
        padding-top:175px;
    }

}
@media screen and (max-width: 700px) {

    .bru-block-search-results-main-inner {
        padding-top:125px;
    }
    li.bru-blog-post {
        padding-bottom:10px !important;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-search-results-main {
        padding:0 15px;
    }
    .bru-block-search-results-main h1 {
        font-size:22px;
        margin-bottom:5px !important;
    }
    .bru-block-search-results-main-inner {
        padding-bottom:50px;
    }
    .bru-block-search-results-main-inner span {
        font-size:16px;
    }
    .bru-block-search-results-main-inner span:last-of-type {
        font-size:16px;
    }
    .bru-block-search-results-main-inner .bru-loop {
        margin-top:50px;
    }
    .bru-block-search-results-main-inner li.bru-blog-post {
        margin:0 !important;
    }
    .bru-block-search-results-main-inner .bru-blog-post a h3 {
        font-size:18px !important;
        margin-bottom:0;
    }
    .bru-block-search-results-main-inner .bru-blog-post p {
        display:none;
    }

}



/* 404 page */
@media screen and (max-width: 1300px) {

    .error404 .bru-block-404-main {
        min-height:550px;
    }
    .bru-block-404-main-inner p {
        margin-bottom:50px;
    }

}
@media screen and (max-width: 600px) {

    .bru-block-404-main-inner h1 {
        font-size:30px;
    }

}
@media screen and (max-width: 400px) {
  
    .bru-block-404-main h1 {
        font-size:22px;
    }
    .bru-block-404-main p {
        font-size:16px;
        line-height:28px;
    }

    .bru-block-404-main-inner .cta-outline-orange {
        display:block;
        transform:scale(.8) translateY(-10px);
        transform-origin:top left;
    }

}





/* FULL-WIDTH page template */
@media screen and (max-width: 1300px) {

    .bru-block-content-full-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 1100px) {

    .bru-block-content-full-main-inner {
        margin:0 35px;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-content-full-main-inner {
        margin:0 25px;
        padding:125px 0 50px 0;
    }
    .bru-block-content-full-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-content-full-main-inner {
        margin:0 15px;
        padding-bottom:25px;
    }
    .bru-block-content-full-main .bru-breadcrumbs-dark {
        font-size:12px;
    }
    .bru-block-content-full-main h1 {
        font-size:22px;
    }
    .bru-block-content-full-main article p {
        font-size:16px;
        line-height:28px;
    }
    .bru-block-content-full-main article h2 {
        font-size:20px;
        line-height:30px;
        margin-bottom:0;
    }

}



/* CENTERED page template */
@media screen and (max-width: 1300px) {

    .bru-block-content-centered-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 1100px) {

    .bru-block-content-centered-main-inner {
        margin:0 35px;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-content-centered-main-inner {
        margin:0 25px;
        padding:125px 0 50px 0;
    }
    .bru-block-content-centered-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }

}
@media screen and (max-width: 400px) {

    .bru-block-content-centered-main-inner {
        margin:0 15px;
        padding-bottom:25px;
    }
    .bru-block-content-centered-main .bru-breadcrumbs-dark {
        font-size:12px;
    }
    .bru-block-content-centered-main h1 {
        font-size:22px;
    }
    .bru-block-content-centered-main article p {
        font-size:16px;
        line-height:28px;
    }
    .bru-block-content-centered-main article h2 {
        font-size:20px;
        line-height:30px;
        margin-bottom:0;
    }

}




/* REVIEWS page */
@media screen and (max-width: 1300px) {

    .bru-reviews-main-inner {
        padding:175px 0 50px 0;
    }

}
@media screen and (max-width: 1100px) {

    .bru-reviews-main-inner {
        margin:0 35px;
    }

}
@media screen and (max-width: 800px) {

    .bru-reviews-main-inner {
        margin:0 25px;
        padding:125px 0 50px 0;
    }
    .bru-reviews-main-inner h1 {
        font-size:30px;
        line-height:40px;
    }

}
@media screen and (max-width: 400px) {

    .bru-reviews-main-inner {
        margin:0 15px;
    }
    .bru-reviews-main-inner h1 {
        font-size:22px;
    }
  
}




/* GFORM */
@media screen and (max-width: 800px) {

    .bru-contact-page-main-inner .ginput_container {
        margin-top:-15px;
    }
    .bru-contact-page-main-inner .gchoice {
        margin-top:10px !important;
    }

}
@media screen and (max-width: 600px) {

    .gform_wrapper textarea,
    .gform_wrapper input[type=text],
    .gform_wrapper input[type=email],
    .gform_wrapper input[type=tel] {
        padding:20px !important;
        font-size:20px !important;
    }

}
@media screen and (max-width: 400px) {

    .bru-contact-page-main-inner {
        margin:0 15px;
        padding-top:100px;
        padding-bottom:25px;
    }
    .bru-contact-page-main-inner h1 {
        font-size:22px;
    }
    .bru-form-contact-details div:last-of-type {
        font-size:13px;
    }
    .gchoice label {
        font-size:14px !important;
        line-height:20px !important;
    }
    input.gfield-choice-input + label:after {
        top:-2px;
    }
    .job_listing-template-default .gfield--type-fileupload .gfield_label {
        font-size:20px;
    }
    .job_listing-template-default .gfield--type-fileupload .gfield_description {
        left:0;
        top:40px;
    }
    .job_listing-template-default input[type="file"]::file-selector-button {
        right:-12px;
    }

}



/* LOOP (cat/tag/author) */
@media screen and (max-width: 1300px) {

    .bru-block-archives-main-inner {
        padding:175px 0 50px 0;
    }

}
@media (max-width: 1200px) {

    .bru-loop ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .bru-loop ul li {
        padding:0 35px;
        border:none;
    }
    .bru-loop ul li.bru-blog-post:nth-of-type(3n + 1) {
        padding-left:35px !important;
    }
    /* on archive pages, remove left padding on 1st and every 4th post */
    .bru-loop ul li.bru-blog-post:nth-of-type(2n + 1) {
        padding-left:0 !important;
        border-right:1px solid #CFCFCF;
    }

}
@media screen and (max-width: 1100px) {

    .bru-block-archives-main-inner {
        margin:0 35px;
    }

}
@media screen and (max-width: 900px) {

    .author .showing-right h1 {
        font-size:20px !important;
        line-height:125% !important;
        margin-top:25px;
        margin-bottom:5px;
    }
    .author .showing-left > img {
        width:75px;
        height:75px;
    }
    .author .showing-right h1 {
        margin-top:20px;
    }

}
@media (max-width: 800px) {

    .bru-loop ul {
        grid-template-columns: 1fr;
    }
    /* on archive pages, remove left padding on 1st and every 4th post */
    .bru-loop ul li.bru-blog-post:nth-of-type(3n + 1) {
        padding-left:0 !important;
    }
    .bru-loop ul li.bru-blog-post {
        padding-left: 0 !important;
        border:none !important;
        border-bottom:1px solid #CFCFCF !important;
    }

    .bru-loop {
        margin-top:25px;
    }
    .bru-block-archives-main-inner {
        margin:0 25px;
        padding-top:125px;
    }
    .bru-block-archives-main-inner .showing h1 {
        font-size:30px !important;
        line-height:40px !important;
    }

    .author .showing-right h1 {
        font-size:20px !important;
        line-height:125% !important;
    }

}
@media (max-width: 500px) {

    li.bru-blog-post a h3 {
        font-size:20px !important;
        line-height:28px;
    }
    li.bru-blog-post {
        margin-top:20px !important;
        margin-bottom:0 !important;
    }

    .bru-block-archives-main-inner {
        margin:0 15px;
        padding-top:125px;
    }
    .bru-block-archives-main-inner .showing h1 {
        font-size:22px !important;
        margin-bottom:0;
    }
    .bru-block-archives-main-inner .showing span {
        font-size:16px;
    }
    .bru-block-archives-main-inner .bru-blog-post {
        padding:0 !important;
        margin:0 !important;
    }
    .bru-block-archives-main-inner .bru-loop h3 {
        font-size:20px !important;
    }
    .bru-block-archives-main-inner .bru-loop p {
        display:none;
    }
    .bru-block-archives-main-inner .showing-left img {
        width:50px;
        height:auto;
    }
    .bru-block-archives-main-inner .showing-right h1 {
        font-size:18px !important;
        margin-top:5px;
    }

}




/* BLOG INDEX */
@media screen and (max-width: 1300px) {

    .bru-block-publicaties-main-inner h1 {
        margin:75px 0 10px 0;
    }
    .bru-block-publicaties-main-inner > p {
        display:none;
    }
    .bru-publicaties-columns-wrapper {
        grid-template-columns:repeat(2, 1fr);
    }
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:nth-of-type(3),
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:nth-of-type(4) {
        margin-top:125px;
    }
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:nth-of-type(3),
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:nth-of-type(3) li {
        padding-left:0;
    }
    .bru-publications-nieuws-inner:nth-of-type(2)::before,
    .bru-publications-nieuws-inner:nth-of-type(4)::before {
        display:none;
    }

}
@media (max-width: 1200px) {
  
    .bru-blog-three-left {
        width:600px;
    }

}
@media screen and (max-width: 1100px) {

    .bru-block-publicaties-main {
        padding:0 35px;
    }
    .bru-blog-three-left {
        width:475px;
    }

}
@media (max-width: 900px) {

    .bru-blog-three-wrapper {
        flex-direction:column;
        margin-top:0;
    }
    .bru-blog-three-wrapper .bru-blog-three-left,
    .bru-blog-three-wrapper .bru-blog-three-right {
        flex:1 1 100%;
    }
    .bru-blog-three-left {
        width:100% !important;
    }
    .bru-blog-three-left .bru-blog-post p {
        display:none;
    }
    .bru-blog-three-left img {
        width:100% !important;
    }
    .bru-blog-three-left > ul > li {
        padding-right:0 !important;
        border:none;
    }
    .bru-blog-three-right {
        max-width:100% !important;
        margin-top:-30px;
        padding-top:0 !important;
    }
    .bru-blog-three-right h3 {
        margin-bottom:25px !important;
    }
    .bru-blog-three-right > ul {
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        padding:20px 0 20px 0;
        list-style:none;
        border-top:1px solid #CFCFCF;
        border-bottom:1px solid #CFCFCF;
    }
    .bru-blog-three-right > ul > li {
        position:relative;
        flex: 0 0 calc(50% - 35px);
        padding:10px 20px 10px 0 !important;
    }
    .bru-blog-three-right > ul > li:nth-of-type(1),
    .bru-blog-three-right > ul > li:nth-of-type(3) {
        flex: 0 0 50%;
    }
    .bru-blog-three-right > ul > li:first-of-type::before {
        content:'';
        position:absolute;
        left:0;
        bottom:-15px;
        width:calc(100vw - 50px);
        height:1px;
        background-color:#CFCFCF;
    }
    .bru-blog-three-right > ul > li:nth-of-type(3),
    .bru-blog-three-right > ul > li:nth-of-type(4) {
        margin-top:20px;
    }
    .bru-blog-three-right li.bru-blog-post {
        break-inside:avoid;
    }
    .bru-blog-three-right li.bru-blog-post h3 {
        font-size:22px !important;
        line-height:30px;
        word-break:break-word;
    }
    .bru-blog-three-right > ul > li:nth-child(1),
    .bru-blog-three-right > ul > li:nth-child(3) {
        border-right:1px solid #CFCFCF;
    }

    ul.bru-publications-nieuws-inner {
        flex-direction:column;
        gap:0;
    }
    .bru-block-publicaties-main-inner .cta-outline-orange.hide-on-mobile {
        display:none;
    }
    .bru-block-publicaties-main-inner .cta-arrow-no-text.show-on-mobile {
        display:inline;
        float:right;
    }
    .bru-publicaties-nieuws-wrapper .bru-blog-post {
        border:none;
        width:100%;
    }
    .bru-publicaties-nieuws-wrapper .bru-blog-post h3 {
        margin-top:5px;
    }
    .bru-publicaties-nieuws-wrapper .bru-blog-post p {
        display:none;
    }
    .bru-publicaties-columns-wrapper {
        grid-template-columns:repeat(1, 1fr);
    }
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:nth-of-type(2) {
        margin-top:125px;
    }
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner,
    .bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner li {
        padding-left:0 !important;
    }
    .bru-publications-nieuws-inner:nth-of-type(1)::before,
    .bru-publications-nieuws-inner:nth-of-type(3)::before {
        display:none;
    }
    a.cta-outline-orange-arrow {
        width:100%;
    }
    a.cta-outline-orange-arrow .cta-arrow {
        position:absolute;
        left:auto;
        right:-9px;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-publicaties-main {
        padding:0 25px;
    }
    .bru-block-publicaties-main-inner h1 {
        font-size:30px;
        line-height:40px;
        margin-top:50px;
    }

}
@media screen and (max-width: 500px) {

    .bru-blog-three-left {
        margin-top:-20px;
    }
    .bru-blog-three-right > ul {
        padding-top:0;
    }
    ul.bru-publications-nieuws-inner li.bru-blog-post {
        margin-top:-10px !important;
        padding-right:0;
    }
    .bru-blog-three-right li.bru-blog-post h3 {
        font-size:20px !important;
        line-height:28px;
    }
    .bru-publicaties-nieuws-wrapper {
        margin-bottom:35px;
    }

    .bru-block-publicaties-main {
        padding:0 15px;
    }
    .bru-blog-three-wrapper {
        margin-bottom:50px;
    }
    .bru-block-publicaties-main-inner > h1 {
        font-size:25px;
    }
    .bru-block-publicaties-main-inner .bru-blog-post span,
    .bru-block-publicaties-main-inner .bru-blog-post a {
        font-size:10px;
    }
    .bru-blog-three-left .bru-blog-post a h3 {
        font-size:22px !important;
        line-height:30px;
        padding-right:0;
    }
    .bru-blog-three-right .bru-blog-post a h3 {
        font-size:16px !important;
        line-height:25px;
    }
    .bru-block-publicaties-main-inner h2 {
        font-size:20px !important;
        line-height:30px;
        padding-right:0;
    }
    .bru-publications-nieuws-inner .bru-blog-post a h3 {
        font-size:18px !important;
        line-height:25px;
    }

}




/* SINGLE BLOG post page */
@media screen and (max-width: 1300px) {

    .bru-block-single-main-inner {
        width:auto !important;
        max-width:1200px;
        margin:0 50px;
        padding:150px 0 50px 0;
    }
    .bru-entry-content-wrapper {
        margin-top:0;
    }
    .bru-entry-content-wrapper .bru-share {
        display:none !important;
    }
    .bru-entry-content-wrapper .entry-content {
        max-width:620px;
        margin-left:5px;
        margin-right:75px;
        padding-top:50px;
    }
    .bru-blog-sidebar {
        width:450px;
        margin-top:40px;
        padding-left:25px;
    }

    .bru-related-stories-wrapper {
        margin-top:100px;
    }
    .bru-related-stories-wrapper > ul > li {
        padding:0 25px;
    }

}
@media screen and (max-width: 1100px) {

    .bru-block-single-main-inner {
        margin:0 25px;
        padding:150px 0 25px 0;
    }
    .bru-entry-content-wrapper {
        display:inline;
    }
    .bru-entry-content-wrapper .entry-content {
        max-width:100%;
        margin-right:0;
    }
    .bru-blog-sidebar {
        margin:0;
        padding-right:25px;
        width:100%;
    }
    .bru-blog-sidebar .bru-sidebar-banner img {
        width:100%;
        height:auto;
    }
    .bru-related-stories-wrapper {
        margin-top:25px;
    }

}
@media screen and (max-width: 800px) {

    .bru-block-single-main-inner {
        padding-top:125px;
    }
    .bru-related-stories-wrapper {
        margin-top:50px;
    }
    .bru-related-stories-wrapper > ul {
        grid-template-columns:repeat(1, 1fr);
    }
    .bru-related-stories-wrapper > ul > li {
        padding:0;
        border:0;
    }
    .bru-related-stories-wrapper > ul > .bru-blog-post {
        min-height:auto;
    }

}
@media screen and (max-width: 500px) {

    .bru-blog-sidebar .circled-phone-number-sidebar {
        margin-left:20px;
    }
    .circled-phone-number-sidebar span {
        font-size:12px;
        margin:0 0 0 2px;
    }
    .circled-phone-number-sidebar a {
        font-size:23px;
        margin-top:3px;
    }
    .circled-phone-number-sidebar::before {
        bottom:-24px;
        left:-37px;
        width:220px;
        height:60px;
    }
    .bru-blog-sidebar .phone-number-sidebar-secondary-link {
        position:relative;
        z-index:10;
        font-size:10px;  
        margin:-35px 0 40px -10px;
    }
    .bru-content-sidebar .phone-number-sidebar-secondary-link {
        position:relative;
        z-index:10;
        font-size:10px;
        margin:10px 0 20px 25px;
    }
    .bru-related-stories-wrapper > ul > .bru-blog-post {
        padding-top:0;
    }
    .bru-related-stories-wrapper > ul > .bru-blog-post h3 {
        margin-top:0;
        margin-bottom:10px;
    }
    .bru-related-stories-wrapper > ul > .bru-blog-post p {
        display:none;
    }

    .bru-block-single-main-inner {
        margin:0 15px;
    }
    .bru-block-single-main-inner {
        padding-top:125px;
    }
    .bru-block-single-main .bru-breadcrumbs-dark {
        font-size:12px;
    }
    .bru-block-single-main-inner .entry-content {
        padding-top:20px;
    }
    .bru-entry-content-wrapper .single-meta {
        margin-bottom:0px;
    }
    .bru-entry-content-wrapper .single-meta a,
    .bru-entry-content-wrapper .single-meta div,
    .bru-entry-content-wrapper .single-meta span {
        font-size:12px !important;
    }
    .single-meta div::after {
        top:8px;
    }
    .single-meta div:first-child::after {
        top:18px;
    }
    .bsf-rt-reading-time {
        padding-bottom:20px !important;
    }
    .bru-entry-content-wrapper article h1 {
        font-size:22px;
        line-height:30px;
    }
    .bru-entry-content-wrapper article h2 {
        font-size:20px !important;
    }
    .bru-single-author img {
        width:40px !important;
        height:auto !important;
    }
    .bru-single-author a,
    .bru-single-author span {
        font-size:12px;
    }

    .bru-blog-sidebar {
        padding:20px;
    }
    .bru-sidebar-latest,
    .bru-sidebar-categories {
        margin-top:50px;
    }
    .bru-sidebar-latest h3,
    .bru-sidebar-categories h3 {
        font-size:20px;
    }
    .bru-sidebar-latest li {
        padding:0 0 5px 0 !important;
    }
    .bru-sidebar-latest span {
        font-size:12px;
    }
    .bru-sidebar-latest .bru-blog-post h3 {
        font-size:18px !important;
        line-height:25px;
        margin-top:5px !important;
    }
    .bru-sidebar-categories {
        margin-bottom:0 !important;
    }
    .bru-sidebar-categories a {
        font-size:15px !important;
        line-height:25px;
    }
    .cat-item span {
        font-size:14px !important;
    }
    .bru-sidebar-categories li a {
        padding:15px 0 15px 0 !important;
    }
    .bru-related-stories-wrapper .bru-blog-post {
        padding:0;
        margin:0 !important;
    }
    .bru-related-stories-wrapper .bru-blog-post a h3 {
        font-size:18px !important;
        line-height:25px;
    }
    .bru-related-stories-wrapper .bru-blog-post span.date {
        font-size:12px;
    }

}
@media screen and (max-width: 400px) {

    .bru-entry-content-wrapper article h1 {
        font-size:18px;
        line-height:23px;
    }
    .bru-entry-content-wrapper article h4 {
        font-size:14px !important;
    }

}





/* Read Meter */
@media screen and (max-width: 1300px) {

    #bsf_rt_progress_bar_container {
        top:110px;
    }

}
@media screen and (max-width: 800px) {

    #bsf_rt_progress_bar_container {
        top:80px;
    }

}


@media screen and (max-width: 650px) {

    article ul,
    article ol {
        padding-left:5px;
        line-height:25px;
    }

}