@media screen and (min-width:1401px) {

    .infopakket-aanvragen-hero-title h1 {
        font-size: 8.75rem;
    }

    /* .common-hero-title.commonVakederatie-hero-title{top:45px; position: relative;} */

}


@media screen and (max-width: 1690px) {
    .header .wrapper .nav-links>li>a {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 1640px) {
    .header::before {
        left: 60px;
    }

    .header .wrapper .logo a img {
        width: 250px;
    }

    .header .wrapper .nav-links>li {
        margin: 0 15px;
    }

    .header .wrapper .nav-links>li>a {
        font-size: 0.8rem;
    }

    .header .wrapper .nav-links>li>a:before {
        bottom: -40px;
    }

    .button-box {
        margin-left: 10px;
    }

    .hero-bg-01 {
        width: 934px;
    }

    .common-hero-section {
        padding-top: 103px;
    }
}

@media screen and (max-width: 1600px) {
    .project-section::before {
        width: 91.4%;
    }
}

@media screen and (max-width: 1499px) {
    .common-hero-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 1460px) {
    .full-img-grid-right-box {
        max-width: 418px;
    }
}

@media screen and (max-width: 1440px) {
    .header {
        padding: 25px 45px;
    }

    .header .wrapper .logo a img {
        width: 190px;
    }

    .header .wrapper .nav-links>li {
        margin: 0 10px;
    }

    .project-section::before {
        width: 94.4%;
    }

    .footer-logo {
        padding: 50px 15px 50px 15px;
    }

    .header::before {
        left: 55px;
    }

    .common-hero-section {
        padding-top: 97px;
    }
}

@media screen and (max-width: 1400px) {
    .hero-bg-01 {
        width: 834px;
    }

    .hero-section {
        min-height: inherit;
    }

    .hero-bg-02 {
        width: 447px;
    }

    .hero-content h1,
    .common-hero-title h1,
    .history-title h2,
    .behindthecompany-top h2,
    .about-section-v3 h2,
    .kennisbank-section h1 {
        font-size: 5.813rem;
        line-height: 5.188rem;
    }

    .trade-title h2,
    .ultricies-title h2 {
        font-size: 5.813rem;
        line-height: 5.5rem;
    }

    .map-info h2,
    .project-section-v2 h2,
    .experiences-section h2 {
        font-size: 5.813rem;
        line-height: 5.188rem;
    }

    .faq-title h2 {
        font-size: 5.813rem;
        line-height: 5.813rem;
    }

    .hero-image img {
        width: 380px;
        height: auto;
    }

    .hero-image {
        right: 0;
    }

    .map-img {
        height: auto;
        width: 410px;
    }

    .common-hero-title .circle-box {
        //left: 641px;
        top: 30px;
    }

    .project-section-v2 .circle-box {
        top: 15px;
    }

    .map-grid-view-right img {
        margin-top: -100px;
    }

    .overview-items-info {
        padding: 28px 10px 20px 10px;
    }
}

@media screen and (max-width: 1366px) {
    .image-grid-box-two {
        width: 45%;
    }

    .text-slider-one-inn {
        font-size: 0.8rem;
    }

    .text-slider-one-inn {
        padding: 12px 0 12px 0;
    }
}

@media screen and (max-width: 1300px) {
    .project-section::before {
        width: 96.4%;
    }

    .custom-nav li::after {
        width: 10px;
        margin-left: 5px;
    }

    .custom-nav li.active::after {
        width: 25px;
        margin-left: 7px;
    }
}

@media screen and (max-width: 1280px) {
    .header::before {
        left: 50px;
    }

    .header .wrapper .logo a img {
        width: 150px;
    }

    .header .wrapper .nav-links>li>a {
        font-size: 0.9rem;
    }

    .header .wrapper .nav-links>li>a:before {
        bottom: -42px;
    }

    .primary-button span,
    .secondary-button span {
        padding: 12px 10px 12px 10px;
    }

    .primary-button,
    .secondary-button {
        font-size: 1rem;
    }

    .header .wrapper .nav-links>li {
        margin: 0 5px;
    }

    .header .wrapper .nav-links>li>a {
        font-size: 0.9rem;
    }

    .footer-left-info {
        gap: 60px;
    }

    .reed-details {
        padding: 50px 30px;
    }

    .footer-right-info {
        max-width: 520px;
    }

    .b-l-footer {
        display: flex;
        align-items: center;
    }

    .horse-logo {
        position: relative;
        left: 0;
        margin-right: 15px;
    }

    .hero-section {
        padding-top: 240px;
        background-size: 300px;
    }

    .hero-content {
        padding-bottom: 110px;
    }

    .hero-content h1,
    .common-hero-title h1,
    .history-title h2,
    .behindthecompany-top h2,
    .about-section-v3 h2,
    .kennisbank-section h1 {
        font-size: 4.813rem;
        line-height: 4.388rem;
    }

    .trade-title h2,
    .ultricies-title h2 {
        font-size: 4.813rem;
        line-height: 4.5rem;
    }

    .map-info h2,
    .project-section-v2 h2,
    .experiences-section h2 {
        font-size: 4.813rem;
        line-height: 4.388rem;
    }

    .faq-title h2 {
        font-size: 4.813rem;
        line-height: 4.813rem;
    }

    .skew-logo-light {
        left: -34px;
        top: -27px;
        width: 80px;
        height: auto;
    }

    .hero-image img {
        width: 350px;
    }

    .hero-bg-01 {
        width: 734px;
    }

    .hero-bg-02 {
        width: 347px;
    }

    .about-section h2,
    .about-section .h2 {
        font-size: 3.375rem;
        line-height: 4.625rem;
    }

    .theme-info h3 {
        font-size: 1.263rem;
    }

    .theme-info a {
        font-size: 0.8rem;
    }

    .project-title h2 {
        font-size: 3.375rem;
        line-height: 3.063rem;
        max-width: 415px;
    }

    .skew-logo {
        left: -50px; //-40px;
        top: -70px; //-40px;
        width: 100px;
    }

    .faq-section {
        background-size: 400px;
    }

    .history-title-slider h3 {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }

    .history-title-slider .year-text {
        font-size: 1.5rem;
    }

    .history-content-slider p {
        font-size: 1rem;
        line-height: 1.488rem;
    }

    .history-section {
        background-size: 400px;
    }

    .tabs-nav li a {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .trade-content p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .trade-content p span {
        font-size: 1.175rem;
        line-height: 2rem;
    }

    .skew-logo-v2 {
        left: -35px;
        top: -38px;
        width: 90px;
    }

    .projecten-hero-section {
        padding-top: 215px;
        padding-bottom: 80px;
    }

    .full-img-grid-right-box {
        max-width: 318px;
    }

    .full-img-grid-right-box h2 {
        font-size: 3.375rem;
        line-height: 3.375rem;
        left: -53px;
    }

    .circle-box {
        height: 120px;
        width: 120px;
    }

    .common-hero-title .circle-box {
        //left: 540px;
        top: 30px;
    }

    .project-section-v2 .circle-box {
        right: -98px;
    }

    .text-slider-one {
        padding: 8px 0;
    }

    .contact-us-title h2 {
        font-size: 3.275rem;
        line-height: 3.375rem;
    }

    .package-box .circle-box {
        right: -62px;
        bottom: -20px;
    }

    .common-top {
        padding-top: 215px;
    }

    .map-grid-view-right img {
        margin-top: -80px;
    }

    .map-grid-view {
        gap: 28px;
    }

    .list-info-box {
        padding: 25px 25px 76px 25px;
    }

    .map-list-view {
        gap: 28px;
    }

    .lid-worden-title p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .list-info-box .primary-button {
        bottom: 25px;
        left: 25px;
    }

    .login-circle-bg {
        width: 400px;
        height: auto;
    }

    .login-section {
        padding-bottom: 215px;
    }

    .state-accordion .state-heading,
    .state-accordion>ul>li a {
        font-size: 1.3rem;
    }

    .sidebar {
        width: 270px;
    }

    .sidebar-layout-left {
        min-width: 270px;
    }

    .sidebar-content {
        padding: 35px 20px 50px 25px;
    }

    .sidebar .horse-logo {
        bottom: 0;
    }

    .two-collumn-text-v2-left p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .two-collumn-text-v2-right p {
        font-size: 0.9rem;
        line-height: 2rem;
    }
}

@media screen and (max-width: 1200px) {
    .event-left h2 {
        font-size: 1.625rem;
        line-height: 1.5rem;
    }

    .project-section::before {
        width: calc(100% - 13px);
    }

    .promote-section h2 {
        font-size: 5.813rem;
        line-height: 6.125rem;
    }

    .history-content-box {
        max-width: 430px;
    }

    .request-box-left {
        margin-right: 20px;
    }

    .request-box .absolute-img {
        right: 42px;
    }

    .tabs-nav-v2 li a {
        font-size: 1.175rem;
    }

    .privacy-grid-right p:first-child {
        font-size: 1.175rem;
        line-height: 2.2rem;
    }

    .privacy-grid-right p,
    .privacy-grid-right ul li {
        font-size: 1rem;
        line-height: 2rem;
    }

    .privacy-grid-right h3 {
        font-size: 1.363rem;
        line-height: 1.675rem;
    }

    .privacy-grid-right h4 {
        font-size: 1.175rem;
        line-height: 1.675rem;
    }

    .header .wrapper .nav-links>li>a {
        font-size: 15px;
    }

    .map-section {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .ontact-us-grid-v2 {
        margin-top: 0;
    }

    .about-section-v3 {
        padding-top: 73px;
        padding-bottom: 83px;
    }
}

@media screen and (max-width: 1090px) {
    .header .wrapper .nav-links>li>a {
        font-size: 0.6rem;
    }
}

@media screen and (min-width: 1025px) {

    .menu-button,
    .mobile-menu,
    .menu-overlay,
    .sidebar-toggle {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .header::before {
        left: 60px;
    }

    .header {
        padding: 22px 45px;
        position: fixed;
    }

    .px-45 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .d-none-xl,
    .button-box {
        display: none !important;
    }

    .button-box-v2 {
        display: flex !important;
        flex-direction: column;
    }

    .header .wrapper .logo a img {
        width: auto;
        height: 53px;
    }

    .footer-right-info {
        max-width: 420px;
    }

    .reed-details p {
        max-width: 200px;
    }

    .header.fixed-header {
        background: var(--primary-dark);
    }

    .header-dark.header.fixed-header {
        background: var(--primary-light);
    }

    .event-img {
        min-width: 475px;
        height: 100%;
    }

    .our-themes-grid {
        gap: 22px;
    }

    .theme-info {
        padding: 28px 20px;
    }

    .footer {
        position: relative;
    }

    .common-hero-section {
        padding-top: 98px;
    }

    .image-grid-container {
        gap: 35px;
    }

    .project-box-dark .project-box-info .project-right-title {
        font-size: 0.9rem;
    }

    .history-section {
        background-size: 300px;
    }

    .full-img-grid-right-box {
        max-width: 218px;
    }

    .full-img-grid-right-box h2 {
        font-size: 2.375rem;
        line-height: 2.375rem;
        left: -33px;
        margin-top: -20px;
    }

    .full-img-grid-right {
        padding: 70px 40px 40px 40px;
    }

    .form-box {
        padding: 48px 33px;
    }

    .location-box {
        padding: 28px 20px 30px 20px;
    }

    .grid-with-border {
        gap: 68px;
    }

    .grid-with-border-left::after {
        right: -34px;
        top: -48px;
        bottom: -48px;
    }

    .contact-info-v2 {
        padding: 28px 30px 30px 30px;
        max-width: 255px;
    }

    .bottom-social-grid-right {
        padding-left: 35px;
    }

    .two-collumn-text-v2 {
        gap: 40px;
    }

    .sidebar-layout-left {
        min-width: inherit;
    }

    .sidebar {
        position: fixed;
        left: -270px;
    }

    .sidebar.show {
        left: 0px;
    }

    .ontact-us-grid-v2 {
        margin-top: -30px;
    }

    .mobile-menu .main-menu-sub li a {
        font-family: 'Synonym';
    }
}

@media screen and (max-width:991px) {
    .project-box-info {
        flex-direction: column;
        align-items: start;
        gap: 0;
        padding-top: 20px;
    }

    .suggestions-grid {
        gap: 0 40px;
    }

    .tabs-nav li:first-child a::before {
        top: calc(50% - 18px);
    }

    .footer-logo {
        padding: 62px 45px 62px 45px;
    }

    .footer-logo a img {
        width: 217px;
    }

    .middle-footer {
        padding-top: 62px;
        padding-bottom: 62px;
    }

    .middle-f-grid {
        flex-direction: column;
    }

    .footer-left-info {
        gap: 10px;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        padding-bottom: 110px;
    }

    .footer-right-info,
    .reed-details p {
        max-width: 100%;
    }

    .hero-image img {
        width: 250px;
    }

    .hero-content h1,
    .common-hero-title h1,
    .history-title h2,
    .behindthecompany-top h2,
    .about-section-v3 h2,
    .kennisbank-section h1 {
        font-size: 3.813rem;
        line-height: 3.388rem;
    }

    .trade-title h2,
    .ultricies-title h2 {
        font-size: 3.813rem;
        line-height: 3.5rem;
    }

    .map-info h2,
    .project-section-v2 h2,
    .experiences-section h2 {
        font-size: 3.813rem;
        line-height: 3.388rem;
    }

    .faq-title h2 {
        font-size: 3.813rem;
        line-height: 3.813rem;
    }

    .hero-bg-01 {
        width: 534px;
    }

    .hero-bg-02 {
        width: 247px;
        z-index: 1;
    }

    .event-img {
        min-width: 332px;
    }

    .event-left {
        padding: 32px;
    }

    .about-section h2,
    .about-section .h2 {
        font-size: 2.375rem;
        line-height: 3.625rem;
    }

    .our-themes-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .our-themes-section h2 {
        font-size: 2rem;
        margin-bottom: 25px;
    }

    .our-themes-section {
        padding-bottom: 50px;
    }

    .project-box {
        padding-left: 0;
    }

    .project-slider .slick-list {
        overflow: hidden !important;
    }

    .project-slider .slick-track {
        display: flex;
        gap: 15px;
    }

    .project-box-img .primary-button {
        right: 10px;
        top: 10px;
    }

    .project-box-img .hex-button {
        right: 10px;
        bottom: 10px;
    }

    .promote-section h2 {
        font-size: 3.813rem;
        line-height: 4.125rem;
    }

    .promote-section h2 img {
        width: 100px;
        height: auto;
    }

    .history-grid {
        flex-direction: column;
    }

    .history-grid-left,
    .history-grid-right {
        width: 100%;
    }

    .history-title-box {
        left: 0;
        margin-bottom: 45px;
    }

    .history-content-box {
        max-width: 100%;
    }

    .history-section {
        padding-top: 74px;
        padding-bottom: 83px;
    }

    .custom-nav {
        top: 180px;
    }

    .history-title .slider-controll {
        margin-bottom: 0px;
    }

    .trade-tabs-grid {
        gap: 25px;
    }

    .tabs-nav li a {
        padding: 20px 30px 20px 0;
    }

    .trade-section {
        padding-top: 100px;
        padding-bottom: 85px;
    }

    .behindthecompany-grid {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }

    .behindthecompany-section {
        padding-top: 110px;
        padding-bottom: 80px;
    }

    .behindthecompany-top h2 {
        margin-bottom: 91px;
    }

    .behindthecompany-top {
        padding-bottom: 72px;
    }

    .behindthecompany-bottom {
        padding-top: 90px;
    }

    .ultricies-grid-right {
        padding-left: 35px;
    }

    .ultricies-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .ultricies-title h2 {
        margin-top: 25px;
        margin-bottom: 42px;
    }

    .projecten-hero-section {
        padding-top: 155px;
        padding-bottom: 50px;
    }

    .project-overview-section {
        padding-bottom: 86px;
    }

    .project-overview-grid {
        gap: 62px 32px;
    }

    .gallery-grid {
        margin-top: -35px;
        width: calc(100% + 35px);
        margin-left: -35px;
    }

    .gallery-grid-12,
    .gallery-grid-4,
    .gallery-grid-8 {
        padding-left: 35px;
        padding-top: 35px;
    }

    .gallery-section {
        padding-top: 89px;
        padding-bottom: 89px;
    }

    .nextprev-project-section {
        padding-top: 83px;
        padding-bottom: 83px;
    }

    .nextprev-project-grid-items h2,
    .nextprev-project-grid-items h3 {
        font-size: 2.213rem;
        margin-bottom: 30px;
    }

    .nextprev-project-grid {
        gap: 32px;
    }

    .common-hero-title .circle-box {
        //left: 427px;
        top: 24px;
    }

    .project-section-v2 .project-box {
        padding-left: 0;
        padding-right: 0;
    }

    .experiences-section {
        padding-top: 73px;
        padding-bottom: 83px;
    }

    .back-text-slider {
        transform: skew(0deg, 3deg);
    }

    .back-text-slider .text-slider-one-inn {
        transform: skew(-3deg, 0deg);
    }

    .up-text-slider {
        transform: skew(0deg, -3deg);
    }

    .up-text-slider .text-slider-one-inn {
        transform: skew(3deg, 0deg);
    }

    .text-slider-one-inn span {
        margin: 0 30px;
    }

    .request-box {
        padding: 40px;
    }

    .request-box-left {
        margin-right: 20px;
        max-width: 275px;
    }

    .request-box-left h2 {
        font-size: 1.813rem;
        line-height: 1.7rem;
    }

    .request-box .absolute-img {
        right: 22px;
    }

    .text-list li {
        font-size: 1rem;
    }

    .request-box .absolute-img .footer-img {
        width: 175px;
    }

    .request-section {
        padding-bottom: 84px;
    }

    .contact-us-title h2 {
        font-size: 2.275rem;
        line-height: 2.375rem;
    }

    .contact-us-title p {
        font-size: 1rem;
        line-height: 1.8rem;
    }

    .contact-us-section {
        padding-top: 100px;
        padding-bottom: 83px;
    }

    .cm-grid {
        gap: 38px;
    }

    .package-box .circle-box {
        right: -22px;
    }

    .package-text-lg-text {
        font-size: 1.263rem;
        line-height: 2.1rem;
    }

    .package-text-sm-text {
        font-size: 1rem;
    }

    .about-section-v3 {
        padding-top: 73px;
        padding-bottom: 83px;
    }

    .about-section-v3 h2 {
        margin-top: 15px;
        margin-bottom: 37px;
    }

    .about-v3-info-left p {
        font-size: 1.175rem;
        line-height: 2.2rem;
    }

    .about-v3-info-right p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .inspectors-title h2,
    .inspectors-title h3 {
        font-size: 1.3rem;
    }

    .inspectors-grid {
        gap: 15px;
    }

    .our-inspectors-bottom {
        padding-top: 74px;
    }

    .common-top {
        padding-top: 185px; //155px;
    }

    .kennisbank-section {
        padding-bottom: 75px;
    }

    .tabs-nav-v2 li {
        margin: 0 5px;
    }

    .tabs-nav-v2 li a {
        font-size: 1rem;
    }

    .tabs-nav-v2 {
        margin-bottom: 60px;
    }

    .kennisbank-detail-section {
        padding-bottom: 60px;
    }

    .text-block-info h2 {
        font-size: 1.175rem;
        line-height: 2.2rem;
        margin-bottom: 48px;
    }

    .text-block-info h3,
    .text-block-info-v2 h2,
    .articles-section .suggestions-box-v2.suggestions-box .suggestions-title {
        font-size: 1.175rem;
    }

    .text-block-info p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .text-block-section {
        padding-bottom: 60px;
    }

    .slider-section .project-box {
        padding-left: 0 !important;
        padding-right: 10px;
    }

    .text-block-section-v2 {
        padding-top: 56px;
    }

    .download-section {
        padding-top: 78px;
        padding-bottom: 60px;
    }

    .articles-section {
        padding-bottom: 72px;
    }

    .map-grid-view-right img {
        margin-top: -50px;
    }

    .location-box-grid {
        flex-direction: column;
    }

    .location-box-grid-left,
    .location-box-grid-right {
        width: 100%;
    }

    .location-box-grid-left p br {
        display: none;
    }

    .location-box-grid-left p {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .map-list-view {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        margin-top: 74px;
    }

    .contact-hero-section,
    .contact-social-section,
    .privacy-section,
    .lid-worden-section,
    .lid-worden-form-section {
        padding-bottom: 50px;
    }

    .bottom-social-grid-right a {
        font-size: 1rem;
        line-height: 1.575rem;
    }

    .bottom-social-grid-right a span {
        margin-right: 10px;
    }

    .bottom-social-grid {
        padding-top: 73px;
    }

    .privacy-grid-right {
        padding-top: 90px;
    }

    .lid-worden-title p {
        max-width: 350px;
    }

    .login-circle-bg {
        width: 300px;
    }

    .login-section {
        padding-bottom: 155px;
    }

    .ledenservice-section {
        padding-bottom: 72px;
    }

    .overview-section {
        padding-top: 80px;
        padding-bottom: 50px;
    }

    .overview-head-grid,
    .overview-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .privacy-grid-left {
        min-width: 185px;
    }
}

@media screen and (max-width:820px) {
    .slider-section .project-box {
        padding-right: 0;
    }

    .bottom-social-grid {
        flex-direction: column;
    }

    .contact-info-v2 {
        max-width: 100%;
        width: 100%;
    }

    .bottom-social-grid-left {
        margin-bottom: 30px;
        width: 100%;
    }

    .bottom-social-grid-right {
        padding-left: 0px;
    }
}

@media screen and (min-width: 767px) {
    .secondary-button:hover span::before {
        opacity: 0;
        margin-right: 0;
        right: -50%;
    }

    .secondary-button:hover span::after {
        opacity: 1;
        margin-left: 13px;
        left: 0;
    }

    .primary-button:hover span::before {
        opacity: 0;
        margin-right: 0;
        right: -50%;
    }

    .primary-button:hover span::after {
        opacity: 1;
        margin-left: 13px;
        left: 0;
    }
}

@media screen and (max-width:767px) {
    h2 .o-hidden {
        display: inline-block;
    }

    .common-hero-absolute-content .container {
        padding: 0;
    }

    .px-45 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .hero-section {
        padding-top: 200px;
        min-height: 97vh;
    }

    .hero-image {
        padding-top: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        bottom: 5px;
    }

    .hero-content {
        padding-bottom: 0;
        min-height: calc(96vh - 200px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hero-bg-01 {
        bottom: -200px;
        top: unset;
    }

    .hero-bg-01 img {
        object-fit: contain;
    }

    .hero-content h1,
    .common-hero-title h1,
    .history-title h2,
    .behindthecompany-top h2,
    .about-section-v3 h2,
    .kennisbank-section h1 {
        font-size: 3.25rem;
        line-height: 2.813rem;
    }

    .trade-title h2,
    .ultricies-title h2 {
        font-size: 3.813rem;
        line-height: 3.5rem;
        margin-bottom: 62px;
    }

    .event-section {
        padding-top: 65px;
        padding-bottom: 50px;

        &:has(+ .about-section) {
            padding-bottom: 0;
        }

        + .about-section {
            padding-top: 50px;
        }
    }

    .event-grid {
        flex-direction: column;
    }

    .event-img {
        min-width: inherit;
        width: 100%;
    }

    .event-left {
        padding: 30px;
        order: 2;
    }

    .event-left h2 {
        font-size: 2rem;
        line-height: 1.75rem;
        font-weight: 400;
        margin-top: 5px;
    }

    .event-left p {
        font-size: 1.063rem;
        margin-bottom: 15px;
    }

    .about-section {
        padding-bottom: 75px;
        padding-top: 75px;
    }

    .about-section h2,
    .about-section .h2 {
        font-size: 2.188rem;
        line-height: 2.625rem;
        margin-top: 20px;
        margin-bottom: 37px;
    }

    .about-section img {
        width: 60px;
    }

    .about-bottom-info p {
        font-size: 1rem;
        line-height: 1.875rem;
        margin-bottom: 25px;
    }

    .project-section {
        padding-top: 104px;
        padding-bottom: 75px;
    }

    .project-title h2 {
        font-size: 2.188rem;
        line-height: 2.625rem;
        max-width: 280px;
        text-wrap: balance;
    }

    .skew-logo {
        width: 90px;
        left: -37px;
        top: -30px;
    }

    .promote-section {
        padding-top: 75px;
        padding-bottom: 42px;
    }

    .promote-section-home {
        padding-bottom: 50px;
        padding-top: 75px;
    }

    .promote-section h2 {
        font-size: 3.25rem;
        line-height: 3.55rem;
        letter-spacing: -1px;
        text-wrap: balance;
    }

    .promote-section h2 img {
        width: 70px;
    }

    .rietdekker-container {
        gap: 32px;
        align-items: flex-start;
        flex-direction: column;
    }

    .rietdekker-info-right h2 {
        font-size: 1.375rem;
        margin-bottom: 15px;
        letter-spacing: 0.33px;
    }

    .rietdekker-info-right p {
        font-size: 1rem;
        line-height: 1.875rem;
    }

    .rietdekker-section {
        padding-bottom: 50px;
    }

    .rietdekker-section .rietdekker-container {
        padding-left: 1.6rem;
    }


    .faq-section {
        padding-top: 100px;
        padding-bottom: 50px;
        clip-path: polygon(-100% 95%, 50% 100%, 100% 98%, 100% 0%, 0% 0%)
    }

    .faq-title h2 {
        margin-bottom: 22px;
        font-size: 3.25rem;
        line-height: 3.25rem;
    }

    .faq-title p {
        font-size: 1rem;
        line-height: 1.875rem;
        margin-bottom: 42px;
    }

    .search-box input {
        height: 54px;
        font-size: 1.375rem;
        padding: 0 45px 0 22px;
    }

    .search-box .search-icon {
        right: 20px;
    }

    .suggestions-box .suggestions-title {
        font-size: 1rem;
        margin-bottom: 32px;
    }

    .suggestions-grid-items {
        height: 70px;
    }

    .suggestions-grid-items img {
        width: 6px;
        height: auto;
    }

    .suggestions-grid a {
        font-size: 1.25rem;
    }

    .suggestions-grid {
        gap: 0 42px;
    }

    .map-section {
        padding-top: 95px;
        padding-bottom: 50px;
    }

    .map-grid {
        gap: 42px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .map-box {
        text-align: center;
    }

    .common-hero-absolute-content {
        padding: 0 60px 40px 60px;
    }

    .image-grid-container {
        flex-direction: column;
        gap: 50px;
    }

    .image-grid-box-one {
        width: 100%;
        padding-top: 0;
    }

    .image-grid-box-two {
        width: 100%;
    }

    .image-grid-box-two-first {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .image-grid-box-two-second {
        max-width: 100%;
        margin-left: 0;
    }

    .pl-45 {
        padding-left: 0px;
    }

    .image-grid-section {
        padding-left: 45px;
        padding-top: 74px;
        padding-bottom: 84px;
    }

    .history-section {
        background-size: 250px;
    }

    .trade-tabs-grid {
        gap: 45px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .team-items-info h3 {
        font-size: 1rem;
    }

    .behindthecompany-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .ultricies-grid {
        flex-direction: column;
    }

    .ultricies-grid-left,
    .ultricies-grid-right {
        width: 100%;
        padding-left: 0;
    }

    .ultricies-grid-right {
        margin-top: 30px;
    }

    .ultricies-title h2 {
        margin-top: 25px;
        margin-bottom: 42px;
    }

    .full-img-grid-right {
        padding: 65px 40px 40px 40px;
    }

    .full-img-grid-right-box h2 {
        font-size: 1.375rem;
        line-height: 1.375rem;
        left: -23px;
    }

    .nextprev-project-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        gap: 52px;
    }

    .nextprev-project-grid-items h2,
    .nextprev-project-grid-items h3 {
        font-size: 2rem;
        margin-bottom: 20px;
    }

    .circle-box {
        height: 100px;
        width: 100px;
    }

    .common-hero-title .circle-box {
        //left: 368px;
    }

    .about-section-v2 {
        padding-top: 75px;
    }

    .project-section-v2 .circle-box {
        right: -79px;
    }

    .back-text-slider {
        transform: skew(0deg, 4deg);
    }

    .back-text-slider .text-slider-one-inn {
        transform: skew(-4deg, 0deg);
    }

    .up-text-slider {
        transform: skew(0deg, -4deg);
    }

    .up-text-slider .text-slider-one-inn {
        transform: skew(4deg, 0deg);
    }

    .two-collumn-text-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        gap: 18px;
    }

    .two-collumn-text-grid h2 {
        font-size: 1.175rem;
        line-height: 2.2rem;
    }

    .two-collumn-text-info p {
        font-size: 1rem;
        line-height: 2rem;
    }

    .request-box {
        flex-direction: column;
    }

    .request-box .circle-box {
        margin-top: 20px;
    }

    .request-box .absolute-img {
        right: 22px;
        bottom: auto;
        top: -30px;
    }

    .cm-grid {
        flex-direction: column;
    }

    .cm-grid-left,
    .cm-grid-right {
        width: 100%;
    }

    .form-label,
    .form-control {
        font-size: 1rem;
    }

    .package-text {
        opacity: 1;
    }

    .about-v3-info-left p {
        max-width: 100%;
    }

    .about-section-dark {
        padding-top: 75px;
    }

    .image-grid-section-dark {
        padding-top: 20px;
    }

    .tabs-nav-v2 li a {
        font-size: 0.8rem;
    }

    .map-grid-view {
        flex-direction: column;
    }

    .map-grid-view-left {
        max-width: 100%;
    }

    .map-grid-view-right img {
        margin-top: 30px;
    }

    .location-box-grid {
        flex-direction: row;
    }

    .location-box-grid-left p {
        max-width: 155px;
    }

    .map-grid-view-info {
        margin-top: 52px;
    }

    .map-switch {
        position: relative;
        margin-top: 40px;
    }

    .rietdekkers-map-section {
        padding-bottom: 82px;
    }

    .map-switch label {
        font-size: 1rem;
        margin-right: 15px;
    }

    .search-box-sm.search-box input {
        font-size: 0.8rem;
    }

    .map-list-view {
        gap: 18px;
    }

    .grid-with-border {
        gap: 0px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .grid-with-border-right {
        padding-top: 0;
    }

    .grid-with-border-left::after {
        display: none;
    }

    .privacy-grid {
        flex-direction: column;
        gap: 46px;
    }

    .privacy-grid-right {
        padding-top: 0px;
        max-width: 100%;
    }

    .lid-worden-title {
        flex-direction: column;
    }

    .lid-worden-title p {
        max-width: 100%;
    }

    .overview-items-info h3 {
        font-size: 1.175rem;
    }

    .overview-items-info p {
        font-size: 0.9rem;
        line-height: 1.475rem;
        margin-bottom: 10px;
    }

    .privacy-grid-left {
        min-width: inherit;
    }

    .statick-block.sticky {
        position: relative;
    }

    .project-section::before {
        width: 100%;
    }

    .about-section.about-section-v3 {
        padding-top: 75px;
    }

    .partner-blog-slider {
        padding-bottom: 80px;

        .blogSlider {
            padding-top: 100px;

            .swiper-button-prev, & .swiper-button-next {
                top: 100px;
            }
        }

        .secondary-button {
            margin: 24px 0 0 0;
        }
    }

    .partners {
        padding-top: 160px;

        & .intro {
            & .title {
                h1 {
                    font-size: clamp(2.5rem, 10.738vw - 0.148rem, 5rem);
                }
            }
        }

        .partner-overview-item {
            img {
                width: 100%;
            }
        }

        ul {
            flex-wrap: wrap;
        }
    }

    .partner-detail-hero {
        padding-top: 120px;

        h1 {
            font-size: clamp(2.5rem, 10.738vw - 0.148rem, 5rem);
        }

        &.with-image {
            margin: 89px 16px 53px 16px;
            padding: 315px 0 100px 0;
        }
    }

    .partner-information {
        clip-path: polygon(-100% 94%, 50% 100%, 100% 98%, 100% 0%, 0% 0%);

        .info {
            img {
                padding: 0 16px;
            }

            .labels {
                flex-wrap: wrap;
            }
        }
    }

    .partner-blogs {
        padding-top: 124px;

        .blog-header {
            flex-wrap: wrap;
            gap: 16px;

            h2 {
                font-size: clamp(2rem, 10.738vw - 0.148rem, 3rem);
            }
        }

        .blogs-overview {
            grid-template-columns: 1fr;
        }

        .blogs-overview-item .info {
            flex-wrap: wrap;
            gap: 12px;
        }
    }

    .partner-cta {
        .cta {
            a{
                margin: 55px 35px;
            }
        }
    }
}

@media screen and (max-width: 636px) {
    .project-overview-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
        gap: 42px 0px;
    }

    .full-img-grid {
        flex-direction: column;
    }

    .full-img-grid-left,
    .full-img-grid-right {
        width: 100%;
    }

    .full-img-grid-right-box h2 {
        max-width: 150px;
    }

    .circle-box {
        height: 80px;
        width: 80px;
    }

    .common-hero-title .circle-box {
        //left: 366px;
        top: 27px;
    }

    .project-section-v2 .circle-box {
        right: -64px;
    }

    .back-text-slider {
        transform: skew(0deg, 5deg);
    }

    .back-text-slider .text-slider-one-inn {
        transform: skew(-5deg, 0deg);
    }

    .up-text-slider {
        transform: skew(0deg, -5deg);
    }

    .up-text-slider .text-slider-one-inn {
        transform: skew(5deg, 0deg);
    }

    .request-box .absolute-img .footer-img {
        width: 125px;
    }

    .map-list-view {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (max-width: 575px) {
    .hero-section {
        .hero-bg-01 {
            max-height: 50%;
            height: 100vh;
            bottom: unset;

            &:after {
                bottom: -50%;
                top: unset;
                transform: rotate(180deg);
                background-image: unset;
                background: linear-gradient(rgba(54, 64, 53, 0.2) 0%, rgba(54, 64, 53, 1) 75.29%, #364035 100%);
            }
        }

        .secondary-button {
            padding: 0 12px;
        }
    }

    .contact-info h4,
    .footer-links h4,
    .common-flex b {
        font-size: 1rem;
        margin-bottom: 15px;
    }

    .common-flex p,
    .common-flex a,
    .footer-links ul li a {
        font-size: 0.875rem;
    }

    .common-flex b {
        top: 4px;
    }

    .social-links {
        padding-top: 15px;
    }

    .social-links li a {
        width: 48px;
        height: 42px;
    }

    .common-flex {
        margin-bottom: 3px;
    }

    .footer-links ul li {
        margin-bottom: 4px;
    }

    .footer-right-info {
        padding: 0px;
    }

    .reed-details {
        padding: 32px;
    }

    .reed-details h4 {
        font-size: 1.375rem;
        line-height: 1.875rem;
    }

    .reed-details p {
        font-size: 1rem;
        line-height: 1.375rem;
        max-width: 120px;
        hyphens: auto;
    }

    .absolute-img .footer-img {
        width: 116px;
    }

    .absolute-img {
        right: 32px;
        bottom: 125px;
    }

    .skew-logo-text {
        width: 81px;
        height: 86px;
        left: -36px;
        top: -27px;
    }

    .reed-details .primary-button,
    .reed-details .primary-button span {
        width: 100%;
        justify-content: center;
    }

    .reed-details .primary-button {
        padding: 0 12px;
        margin-top: 35px;
    }

    .bottom-footer {
        padding-top: 28px;
        padding-bottom: 24px;
    }

    .b-f-grid {
        flex-direction: column;
        gap: 10px;
    }

    .hero-content h1,
    .common-hero-title h1 {
        font-size: 3.25rem;
        line-height: 3rem;
        margin-bottom: 26px;
    }

    .trade-title h2,
    .ultricies-title h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }

    .hero-section,
    .about-section-v2 {
        clip-path: polygon(-100% 94%, 50% 100%, 100% 98%, 100% 0%, 0% 0%);
    }

    .trade-section {
        clip-path: polygon(-100% 94%, 50% 100%, 100% 98%, 100% 0%, 0% 0%);
    }

    .our-themes-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .project-title {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 52px;
    }

    .slider-controll button {
        height: 36px;
        width: 40px;
    }

    .slider-controll button img {
        height: 12px;
        width: 6px;
    }

    .slider-controll .next-btn {
        clip-path: polygon(0rem 0, calc(100% - 0.4660008083rem) 0, 100% 50%, calc(100% - 0.4660008083rem) 100%, 0rem 100%, 0 50%);
    }

    .slider-controll .prev-btn {
        clip-path: polygon(0.4660008083rem 0, calc(100% - 0rem) 0, 100% 50%, calc(100% - 0rem) 100%, 0.4660008083rem 100%, 0 50%);
    }

    .project-title .slider-controll {
        margin-bottom: 0px;
        margin-top: 22px;
    }

    .project-box-info {
        padding-top: 17px;
    }

    .project-box-info .project-left-title,
    .project-box-info .project-right-title {
        font-size: 1rem;
    }

    .project-slider .slick-track {
        gap: 0px;
    }

    .rietdekker-info-left img {
        width: 152px;
        height: auto;
    }

    .suggestions-grid {
        gap: 0 0px;
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .suggestions-grid a:nth-child(2) {
        border-top: none;
    }

    .search-box input {
        font-size: 1rem;
    }

    .faq-section {
        background-size: 264px;
    }

    .map-info h2,
    .project-section-v2 h2,
    .experiences-section h2 {
        font-size: 3.25rem;
        line-height: 3.375rem;
    }

    .map-img {
        width: auto;
    }

    .breadcrumb li {
        font-size: 0.9rem;
        margin-right: 8px;
    }

    .history-title .slider-controll {
        margin-bottom: 5px;
    }

    .history-title {
        margin-bottom: 32px;
    }

    .custom-nav {
        top: 100px;
    }

    .history-title-slider h3 {
        font-size: 2.2rem;
        line-height: 2.3rem;
    }

    .tabs-nav li a {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .trade-content p {
        font-size: 0.9rem;
        line-height: 1.7rem;
    }

    .trade-content p span {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .behindthecompany-top h2,
    .about-section-v3 h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .full-img-grid-right-box .skew-logo {
        left: -36px;
        top: -70px;
    }

    .gallery-grid {
        margin-top: -20px;
        width: calc(100% + 20px);
        margin-left: -20px;
    }

    .gallery-grid-12,
    .gallery-grid-4,
    .gallery-grid-8 {
        padding-left: 20px;
        padding-top: 20px;
    }

    .circle-box {
        height: 80px;
        width: 80px;
    }

    .common-hero-title .circle-box {
        //left: 260px;
        top: 18px;
    }

    .project-section-v2 .project-title {
        margin-bottom: 47px;
    }

    .request-box {
        padding: 40px 20px;
    }

    .request-box-left h2 {
        font-size: 1.313rem;
        line-height: 1.7rem;
        max-width: 200px;
    }

    .request-box .absolute-img {
        right: 10px;
    }

    .request-box .absolute-img .footer-img {
        width: 90px;
    }

    .form-box {
        padding: 48px 20px;
    }

    .inspectors-title h2,
    .inspectors-title h3 {
        font-size: 1.1rem;
    }

    .inspectors-title p {
        font-size: 0.8rem;
    }

    .tabs-nav-v2 li {
        margin: 0 5px 20px 5px;
    }

    .tabs-nav-v2 {
        margin-bottom: 30px;
    }

    .kennisbank-section h1 {
        font-size: 2.85rem;
        line-height: 3rem;
    }

    .location-box-grid {
        flex-direction: column;
    }

    .bottom-social-grid-right a {
        font-size: 0rem;
    }

    .bottom-social-grid-right a span {
        margin-right: 0px;
    }

    .login-circle-bg {
        width: 250px;
    }

    .overview-head-grid,
    .overview-grid,
    .two-collumn-text-v2 {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .overview-head-grid {
        gap: 15px;
    }

    .horse-logo {
        margin-right: 0;
        margin-top: 15px;
    }

    /* css start 19-12-24 */
    .px-45 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .header {
        padding: 22px 3rem;
    }

    .container {
        padding: 0 3rem;
    }

    .rietdekkers-map-section .container {
        padding: 0 2rem;
    }

    .footer-logo {
        padding: 62px 3rem 62px 3rem;
    }

    .top-footer {
        background-size: 45vh;
    }

    .common-hero-absolute-content {
        padding: 0 0 100px 0;
    }

    .full-img-grid-right {
        padding: 65px 3rem 40px 3rem;
    }

    .inspectors-action {
        left: 3rem;
    }

    /* css end 19-12-24 */
    /* css strat 20-12-24 */
    .common-hero-section {
        height: 75vh
    }

    /* css end 20-12-24 */
}

@media screen and (max-width: 480px) {
    .behindthecompany-grid {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }

    .common-hero-title .circle-box {
        //left: auto;
        top: 37px;
        right: 0;
    }

    .form-action-login {
        flex-direction: column;
    }

    .form-action-login .secondary-button {
        order: 2;
        margin-top: 15px;
        position: relative;
        right: -15px;
    }
}

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

    .event-left .secondary-button,
    .about-bottom-info .primary-button,
    .map-info .primary-button,
    .trade-content .primary-button,
    .two-collumn-text-info .primary-button,
    .form-action .primary-button,
    .flex-end .primary-button {
        padding: 0 12px;
        width: 100%;
        justify-content: center;
    }

    .event-left .secondary-button span,
    .about-bottom-info .primary-button span,
    .map-info .primary-button span,
    .trade-content .primary-button span,
    .two-collumn-text-info .primary-button span,
    .form-action .primary-button span,
    .flex-end .primary-button span {
        width: 100%;
        justify-content: center;
    }

    .menu-box .primary-button {
        margin-top: 40px;
    }
}

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

    .header::before {
        display: none;
    }

    .common-hero-absolute-content {
        padding: 0 50px 100px 50px;
    }

    .video-box {
        min-height: 280px;
        max-height: 280px;
    }

    .video-box video {
        height: 280px;
    }

    .back-text-slider {
        transform: skew(0deg, 6deg);
    }

    .back-text-slider .text-slider-one-inn {
        transform: skew(-6deg, 0deg);
    }

    .up-text-slider {
        transform: skew(0deg, -6deg);
    }

    .up-text-slider .text-slider-one-inn {
        transform: skew(6deg, 0deg);
    }
}

@media screen and (max-width: 420px) {
    .header .wrapper .logo a img {
        height: 45px;
    }

    .mobile-menu {
        top: 68px;
    }

    .menu-box {
        padding: 50px;
    }

    .template-infopakket-aanvragen .menu-box {
        padding: 50px 0;
    }

    .main-menu li a {
        font-size: 1.5rem;
        line-height: 2.2rem;
    }

    .px-45 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .skew-logo-light {
        left: -35px;
        top: -32px;
        width: 94px;
    }

    .event-left {
        padding: 20px;
    }

    .event-left .secondary-button {
        font-size: 0.9rem;
    }

    .about-section h2,
    .about-section .h2 {
        font-size: 2rem;
        line-height: 2.325rem;
    }

    .skew-logo {
        width: 64px;
        left: -20px;
        top: -70px;
        transform: rotate(13deg);
    }

    /* .project-section::before {width: calc(100% - 8px);} */
    .promote-section h2 {
        font-size: 2.3rem;
        line-height: 2.75rem;
    }

    .promote-section h2 img {
        width: 50px;
    }

    .map-info h2,
    .project-section-v2 h2,
    .experiences-section h2 {
        font-size: 3rem;
        line-height: 3.2rem;
    }

    .common-hero-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .common-hero-section {
        padding-top: 90px;
    }

    .common-hero-absolute-content {
        padding: 0 30px 100px 30px;
    }

    .image-grid-section {
        padding-left: 15px;
        padding-right: 15px;
    }

    .custom-nav {
        right: 0;
        display: none;
    }

    .custom-nav li span {
        color: #f3f8f096;
    }

    .history-title-slider h3 {
        font-size: 2rem;
        line-height: 2.1rem;
    }

    .skew-logo-v2 {
        left: 10px;
        top: -55px;
        transform: rotate(38deg);
    }

    .behindthecompany-grid .skew-logo-v2 {
        left: -32px;
        top: -35px;
        transform: rotate(38deg);
    }

    .project-section-v2 .circle-box {
        right: -45px;
        top: 34px;
    }

    .full-img-grid-right-box .skew-logo {
        left: -24px;
        top: -72px; //-32px;
    }

}

@media screen and (max-width: 380px) {
    .absolute-img {
        right: 0px;
    }

    .reed-details {
        padding: 20px;
    }

    .hero-actions .secondary-button {
        font-size: 0.8rem;
    }

    .about-section h2,
    .about-section .h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .request-box-left h2 {
        font-size: 1.213rem;
        line-height: 1.3rem;
        max-width: 175px;
    }

    .package-box .circle-box {
        right: -10px;
        bottom: -10px;
    }
}


.template-home {
    .hero-content {
        h1 {
            @media(max-width: 767px) {
                font-weight: 400;
            }
        }

        > div {
            @media (min-width: 1024px) and (max-width: 1200px) {
                max-width: 50vw;
            }
        }

    }

    .about-bottom-info {
        @media(max-width: 767px) {
            margin-top: 42px;
        }
    }
}


@media screen and (min-width: 767px) {
    section.about-section .container {
        padding: 0;
    }
}