@media (min-width:1600px) {
    .container {
        max-width: 1535px
    }
}

@media(max-width:1599.98px) {
    h1 {
        font-size: 5rem
    }

    h2 {
        font-size: 3rem
    }

    h3 {
        font-size: 2rem
    }

    .header-nav ul {
        gap: 20px
    }

    .header-logo img {
        width: 90px
    }

    .banner-wrap {
        --r: 110px;
        --s: 154px;
        --a: 30deg
    }

    .about-sec h3 {
        font-size: 10rem
    }

    .inner-banner-blur {
        filter: blur(50px)
    }

    .inner-common-banner-bg {
        --r: 110px;
        --s: 154px;
        --a: 30deg
    }

    .inner-vacature-list-layer img {
        max-width: 420px
    }

    .contact-page-sec .inner-listing-top-blur {
        top: -25%;
        right: -15%
    }

    .contact-map {
        height: 520px
    }

    .dtl-contact-btn ul {
        column-gap: 9px
    }

    .dtl-contact-btm {
        column-gap: 14px
    }

    .aanbod-top-left .row {
        row-gap: 10px
    }

    .dtl-contact-info {
        padding-left: 10px
    }

    .aanbod-top-price-wrap {
        padding-top: 164px
    }

    .modal-area2 .popup-right {
        padding: 69px 40px
    }

    .modal-area2 .popup-left-content h2,
    .modal-area2 .popup-right h2 {
        line-height: 30px
    }

    .modal-area2 .popup-left-content h4 {
        line-height: 27px
    }

    .modal-area2 .modal-dialog {
        max-width: 70%
    }

    .modal-area2 .popup-content-part .col-lg-5 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .modal-area2 .popup-left {
        padding-left: 45px
    }
}

@media(max-width:1399.98px) {
    .header-logo img {
        width: 65px
    }

    .header-nav ul {
        width: calc(100% + 64px)
    }

    .banner-video,
    .each-banner {
        height: 740px
    }

    .banner-content h1 {
        margin-bottom: 70px
    }

    .banner-wrap {
        --r: 164px;
        --s: 90px;
        --a: 40deg
    }

    .product-sec {
        padding-top: 80px
    }

    .product-heading {
        margin-bottom: 80px
    }

    .each-product {
        padding: 15px
    }

    .product-circle {
        height: 40px;
        width: 40px;
        background-size: 15px
    }

    .product-mark {
        width: 35%
    }

    .service-wrap {
        padding: 80px 0
    }

    .each-service-img {
        height: 260px
    }

    .service-slider .swiper-slide-active .each-service-img {
        height: 360px
    }

    .service-mark {
        width: 30%
    }

    .about-sec h3 {
        font-size: 9rem;
        margin-bottom: -18%
    }

    .about-sec {
        padding-top: 250px
    }

    .about-text {
        max-width: calc(100% - 13%)
    }

    .about-img {
        max-width: calc(100% - 13%)
    }

    .usp-marquee-wrap li {
        font-size: 2rem;
        padding-left: 40px
    }

    .usp-marquee-wrap li::after {
        height: 18px;
        width: 18px;
        background-size: 18px
    }

    .usp-marquee-sec {
        padding-bottom: 80px
    }

    .footer-logo img {
        width: 130px
    }

    .footer-mark {
        width: 36%
    }

    .inner-common-banner-bg {
        --r: 164px;
        --s: 90px;
        --a: 40deg;
        height: 520px
    }

    .inner-common-list-content-wrapper {
        padding: 60px
    }

    .inner-detail-banner-content {
        max-width: 470px;
        margin: unset
    }

    .diensten-slider .swiper-slide-active .each-service-img {
        height: 360px
    }

    .over-ons-about-sec .inner-listing-top-blur {
        top: -18%;
        right: -10%
    }

    .over-ons-slider-item-img {
        height: 460px
    }

    .select-style {
        min-width: 175px
    }

    .dtl-top-slider-info .col-lg-8,
    .dtl-top-slider-info .col-lg-4 {
        width: 100%
    }

    .tab-btn .tabs {
        column-gap: 48px
    }

    .dtl-tab-sec .bullet-panel li:after {
        top: 8px
    }

    .dtl-contact-area {
        max-width: 567px;
        margin: 0 auto;
        margin-top: 20px
    }

    .modal-area2 .modal-dialog {
        max-width: 78%
    }

    .modal-area2 .popup-left {
        padding: 0 25px 0 31px
    }

    .modal-area2 .popup-right {
        padding-top: 40px;
        padding-bottom: 250px
    }

    .popup-left-btm {
        margin-bottom: 0
    }

    .modal-area2 .popup-left h4 {
        margin: 10px 0 5px
    }

    .modal-area2 .popup-left-content h2,
    .modal-area2 .popup-right h2 {
        line-height: 27px
    }
}

@media(max-width:1299.98px) {
    .modal-area2 .tick::after {
        right: 37%
    }

    .modal-area2 .modal-dialog {
        max-width: 80%
    }

    .modal-area2 .popup-right .kenttick {
        column-gap: 18px
    }
}

@media(max-width:1199.98px) {
    h1 {
        font-size: 4rem
    }

    h2 {
        font-size: 2.4rem;
        line-height: 32px
    }

    h3 {
        font-size: 1.8rem
    }

    .header-nav ul {
        width: calc(100% + 90px);
        gap: 11px
    }

    .product-sec {
        padding: 60px 0
    }

    .product-heading {
        margin-bottom: 60px
    }

    .service-wrap {
        padding: 60px 0
    }

    .each-service-img {
        height: 200px
    }

    .service-slider .swiper-slide-active .each-service-img {
        height: 310px
    }

    .service-sec h2 {
        margin-bottom: 60px
    }

    .service-slider::after,
    .service-slider::before {
        width: 100px
    }

    .about-sec h3 {
        font-size: 7.5rem;
        margin-bottom: -23%
    }

    .about-text p {
        margin: 30px 0
    }

    .usp-marquee-sec {
        padding: 60px 0
    }

    .inner-common-list-content-wrapper {
        padding: 50px 30px
    }

    .inner-common-listing-sec {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .inner-common-banner-bg {
        height: 475px
    }

    .diensten-slider .swiper-slide-active .each-service-img {
        height: 310px
    }

    .diensten-slider::after,
    .diensten-slider::before {
        width: 100px
    }

    .inner-detail-banner-content {
        padding-right: 25px
    }

    .over-ons-about-sec .inner-listing-top-blur {
        top: -18%;
        right: -20%;
        filter: blur(219px)
    }

    .over-ons-about-sec .row .col-lg-8 {
        width: 100%
    }

    .over-ons-about-sec .row .col-lg-4 {
        width: 100%
    }

    .over-ons-frst-about-wrapper {
        flex-direction: column-reverse;
        gap: 25px
    }

    .over-ons-scnd-about-wrapper {
        gap: 25px
    }

    .over-ons-scnd-about-wrapper .over-ons-about-content {
        padding-left: 0
    }

    .over-ons-about-sec {
        padding-top: 60px
    }

    .over-ons-scnd-about-wrapper {
        padding-top: 25px
    }

    .over-ons-slider-item-img {
        height: 445px
    }

    .contact-map {
        height: 475px
    }

    .filter-left-area .row {
        column-gap: 0
    }

    .select-style {
        min-width: 215px
    }

    .filter-main .col-xl-9 {
        width: 70%
    }

    .filter-main .col-xl-3 {
        width: 30%
    }

    .filter-content {
        padding: 10px 6px 15px
    }

    .aanbod-filter-sec .filter-main .row {
        --bs-gutter-y: 10px
    }

    .aanbod-top-price-wrap {
        padding-top: 160px
    }

    .dtl-slider-info-area td {
        min-height: 184px
    }

    .aanbod-btm-wrap {
        padding: 80px 0
    }

    .aanbod-btm-title {
        margin-bottom: 70px
    }

    .kenmarken-popup-content h3 {
        margin-bottom: 12px
    }

    .modal-area .modal-dialog {
        max-width: 925px
    }

    .modal-area2 .modal-dialog {
        max-width: 85%
    }
}

@media(max-width:1129px) {
    .modal-area2 .tick::after {
        right: 28%
    }
}

@media(max-width:991.98px) {
    .sec-blob {
        filter: blur(10px);
        opacity: 0.1;
        display: none;
        pointer-events: none;
    }
    .custom-cursor {
        display: none
    }
    .inner-banner-blur {
        filter: blur(10px);
        pointer-events: none;
        opacity: 0.1;
        display: none
    }
    .vacature-list-sce .inner-listing-bottom-blur {
        filter: blur(10px);
        pointer-events: none;
        opacity: 0.1;
        display: none
    }
    .inner-listing-top-blur {
        filter: blur(10px);
        pointer-events: none;
        opacity: 0.1;
        display: none
    }
    .over-ons-slider-blure {
        filter: blur(10px);
        pointer-events: none;
        opacity: 0.1;
        display: none
    }
    .inner-contact-layer, .service-mark, .footer-mark {
        display: none;
    }
    .fix-wp {
        display: none;
    }
    .inner-common-banner-bg {
        mask: none;
    }
    .inner-listing-bottom-blur {
        display: none;
    }

    .banner-wrap {
        --r: 0;
        --s: 0;
        --a: 0
    }

    .product-heading {
        text-align: center
    }

    .product-btn {
        margin-top: 32px;
        text-align: center
    }

    .each-product {
        border-color: #DA0E0E;
        background-color: #120B0B
    }

    .product-circle {
        background-image: url(../images/product-arrow.svg);
        background-color: #DA0E0E
    }

    .each-product-text h3 {
        color: #DA0E0E
    }

    .each-product-text h4 {
        color: #DA0E0E
    }

    .each-product-text h4 strong {
        color: rgb(218 14 14 / .7)
    }

    .service-slider .swiper-wrapper {
        margin-left: -27%
    }

    .service-slider::after,
    .service-slider::before {
        opacity: 0
    }

    .service-slider .swiper-slide {
        width: 40%
    }

    .service-slider .swiper-slide-active {
        width: 60%
    }

    .about-sec h3 {
        font-size: 5.5rem;
        margin-bottom: -25%
    }

    .inner-common-banner-bg {
        --r: 0px;
        --s: 0px;
        --a: 0deg;
        height: 450px
    }

    .inner-common-banner-heading {
        bottom: unset;
        transform: translate(-50%, -50%);
        top: 55%
    }

    .inner-common-list-content-wrapper {
        border-left: none;
        border: 1px solid #DA0E0E;
        background: #120B0B;
        border-radius: 0 0 10px 10px
    }

    .inner-common-listing-wrapper .each-list-service-item:nth-child(even) .inner-common-list-content-wrapper {
        border-left: none;
        border: 1px solid #DA0E0E;
        border-radius: 0 0 10px 10px
    }

    .inner-banner-blur {
        filter: blur(115px);
        top: -10%
    }

    .inner-detail-banner-bg .row .col-lg-6:first-child {
        width: 100%
    }

    .inner-detail-banner-bg .row .col-lg-6:last-child {
        width: 100%
    }

    .inner-detail-banner-content {
        max-width: unset;
        margin: unset
    }

    .inner-detail-banner-sec .row {
        flex-direction: column-reverse;
        gap: 25px
    }

    .inner-detail-wrapper .row:nth-child(odd) .detail-listing-content {
        padding-left: 0;
        max-width: unset
    }

    .inner-detail-wrapper .row:nth-child(even) .detail-listing-content {
        max-width: unset;
        margin-left: auto;
        padding-right: 0
    }

    .inner-detail-wrapper .row:nth-child(even) .detail-content-listing-img {
        max-width: unset;
        height: auto;
        border-radius: 10px;
        overflow: hidden;
        margin-left: auto
    }

    .inner-detail-wrapper .row:nth-child(odd) .detail-content-listing-img {
        max-width: unset;
        height: unset;
        border-radius: 10px;
        overflow: hidden;
        margin-right: auto
    }

    .inner-detail-wrapper .row:nth-child(even) {
        flex-direction: column-reverse
    }

    .inner-detail-wrapper .row {
        gap: 25px
    }

    .detail-content-line {
        left: 0;
        transform: unset;
        width: 1px
    }

    .inner-detail-wrapper .row::after {
        display: none
    }

    .detail-listing-content h2 {
        position: relative;
        z-index: 1
    }

    .detail-listing-content h2::after {
        position: absolute;
        content: "";
        background-image: url(../images/sticky-icon.svg);
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        left: -33px;
        transform: unset;
        background-position: left 2px
    }

    .inner-detail-wrapper {
        padding-left: 20px;
        padding-top: 0
    }

    .inner-detail-wrapper .row {
        overflow: unset
    }

    .inner-detail-wrapper::after {
        left: 0;
        top: 17px
    }

    .inner-detail-banner-bg {
        padding-top: 150px;
        padding-bottom: 60px;
        border-radius: 10px 10px 0 0
    }

    .inner-detail-wrapper-bg {
        padding-bottom: 60px
    }

    .inner-contact-sec {
        padding: 60px 0
    }

    .inner-contact-heading {
        margin-bottom: 40px
    }

    .inner-contact-details {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        gap: 40px;
        max-width: unset
    }

    .diensten-slider .swiper-wrapper {
        margin-left: -27%
    }

    .diensten-slider::after,
    .diensten-slider::before {
        opacity: 0
    }

    .diensten-slider .swiper-slide {
        width: 40%
    }

    .diensten-slider .swiper-slide-active {
        width: 60%
    }

    .inner-related-bg {
        padding: 60px 0
    }

    .diensten-related-sec h2 {
        margin-bottom: 40px
    }

    .inner-detail-banner-content {
        padding-right: 0
    }

    .vacature-list-sce .inner-listing-bottom-blur {
        bottom: -20%;
        left: -50%;
        filter: blur(200px)
    }

    .inner-vacature-list-sec .inner-detail-wrapper .row:nth-child(odd) .detail-listing-content {
        max-width: unset
    }

    .inner-vacature-list-sec .inner-detail-wrapper .row:nth-child(even) .detail-listing-content {
        max-width: unset;
        padding-right: 15px
    }

    .vacature-related-sec .inner-related-bg {
        padding: 60px 0
    }

    .vacature-related-sec h2 {
        margin-bottom: 40px
    }

    .over-ons-box-sec .container>.row .col-lg-5 {
        width: 100%
    }

    .over-ons-box-sec .container>.row .col-lg-7 {
        width: 100%
    }

    .over-ons-box-sec .container>.row {
        --bs-gutter-y: 24px
    }

    .over-ons-scnd-item-wrapper .row .col-5 {
        width: 100%
    }

    .over-ons-scnd-item-wrapper .row .col-7 {
        width: 100%
    }

    .over-ons-box-sec .container>.row {
        flex-direction: column-reverse
    }

    .over-ons-item .row {
        flex-direction: column-reverse;
        --bs-gutter-y: 24px
    }

    .over-ons-slider-sec {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .over-ons-box-item {
        padding: 40px
    }

    .over-ons-scnd-item-wrapper .over-ons-box-item {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .contact-page-sec .inner-listing-top-blur {
        top: -15%;
        right: -65%
    }

    .contact-map {
        height: 450px
    }
    .contact-page-sec {
        padding-top: 120px;
    }

    .aanbod-list-header {
        z-index: 10
    }

    .aanbod-list-header.aanbod-header-active {
        z-index: -9
    }

    .filter-reset a {
        font-family: 'LamaSans-Regular';
        color: #fff;
        padding: 0
    }

    .filter-reset img {
        filter: brightness(0) invert(1)
    }

    .aanbod-filter-sec .mobile-filter-close h6 {
        color: #F9F8F6;
        font-size: 1.6rem
    }

    .aanbod-filter-sec .show_selected_filter_cls {
        padding-top: 40px !important;
        padding-bottom: 20px
    }

    .aanbod-filter-sec .aanbod-filter {
        margin-bottom: 15px;
        width: 100%
    }

    .aanbod-filter-sec .radio_filter {
        margin-bottom: 15px
    }

    .aanbod-filter-sec .hidden-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #000;
        z-index: 999;
        height: 100%;
        margin-top: 0;
        padding: 60px 15px 115px;
        overflow-y: scroll;
        display: none
    }

    .aanbod-filter-sec .auto-overview-filter-result {
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 15px;
        left: 0;
        background-color: #DA0E0E;
        z-index: 99;
        border-top: 1px solid #fff0
    }

    .aanbod-filter-sec .mobile-filter {
        display: none;
        padding-bottom: 150px
    }

    .filter-sort {
        width: 100%
    }

    .aanbod-filter-sec .filter-sort h6 {
        display: none
    }

    .aanbod-filter-sec .filter-main {
        margin-top: 30px
    }

    .aanbod-list-header {
        z-index: 10
    }

    .aanbod-list-header.aanbod-header-active {
        z-index: -9
    }

    .aanbod-filter-sec .filter-main .col-lg-3 {
        width: 50%
    }

    .aanbod-filter-sec .filter-main .row {
        row-gap: 0;
        column-gap: 0
    }

    .auto-overview-filter-result .common-btn {
        max-width: 100%
    }

    .filter-left-heading {
        margin-bottom: 16px
    }

    .auto-overview-tag {
        margin-bottom: 8px
    }

    .aanbod-filter-sec .show_selected_filter_cls {
        padding-top: 30px !important
    }

    .stiky-filter .mobile-show-filter {
        top: 84px
    }

    .aanbod-filter-sec {
        padding-top: 130px
    }

    .filter-content {
        padding: 10px 19px 15px
    }

    .aanbod-list-car-sec {
        padding-bottom: 25px
    }

    .select-style {
        background: url(../images/filter-arrow.svg) no-repeat 95% center/10px
    }

    .select-style {
        line-height: 22px;
        padding: 8px 23px
    }

    .aanbod-list-sec .container>.row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 24px
    }

    .aanbod-list-sec {
        padding-bottom: 60px
    }

    .aanbod-filter-sec .filter-main .row {
        --bs-gutter-y: 0px
    }

    .select-style:hover {
        background: url(../images/filter-arrow.svg) no-repeat 95% center/10px;
        background-color: #DA0E0E
    }

    .filter-sort .select-style {
        background: url(../images/filter-arrow.svg) no-repeat 98% center/10px
    }

    .filter-sort .select-style.show {
        background: url(../images/filter-arrow.svg) no-repeat 98% center/10px;
        background-color: #DA0E0E
    }

    .mobile-show-filter {
        margin-top: -18px;
        border-radius: 10px
    }

    .aanbod-top-sec {
        padding-bottom: 60px
    }

    .aanbod-top-price-wrap {
        padding: 130px 0 30px
    }

    .aanbod-small-car {
        display: none
    }

    .aanbod-small-car.mob-small-car {
        display: block
    }

    .dtl-slider-info-area tr {
        row-gap: 10px
    }

    .dtl-slider-info-area td {
        width: 49%
    }

    .dtl-contact-area {
        max-width: 490px
    }

    .tab-main-area {
        padding: 0
    }

    .tab-btn {
        display: none
    }

    .tab_drawer_heading.common-btn::after {
        display: none
    }

    .tab_drawer_heading.common-btn:hover {
        background-color: #fff0;
        border: 0;
        color: #0A1520
    }

    .tab_drawer_heading {
        margin: 0;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #fff0;
        width: 100%;
        margin-bottom: 20px;
        max-width: max-content;
        font-size: 1.6rem;
        font-family: 'LamaSans-Regular';
        line-height: 22px;
        color: rgb(255 255 255 / .5);
        border-radius: 100px;
        border: 0
    }

    .d_active.tab_drawer_heading {
        color: #fff;
        margin-bottom: 24px
    }

    .kenmerken-tab {
        position: relative
    }

    .kenmerken-tab::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgb(255 255 255 / .1)
    }

    .tab_drawer_heading span {
        position: relative
    }

    .tab_drawer_heading span::after {
        content: "";
        background-image: url(../images/tab_arrow.svg);
        top: 0;
        left: 8%;
        width: 6px;
        height: 10px;
        display: inline-block;
        position: relative;
        background-size: 6px;
        background-repeat: no-repeat
    }

    .tab_drawer_heading.d_active span::after {
        background-image: url(../images/tab_down_arrow.svg);
        top: 4px;
        width: 12px;
        height: 12px;
        background-size: 12px
    }

    .kenmerken-tab li {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .tab-btm-btn {
        margin-top: 25px;
        margin-bottom: 40px
    }

    .dtl-tab-sec .bullet-panel li:after {
        top: 9px;
        width: 6px;
        height: 6px;
        background-size: 6px
    }

    .block-dtls {
        min-height: 190px
    }

    .aanbod-btm-wrap {
        padding: 60px 0
    }

    .aanbod-btm-title {
        margin-bottom: 50px
    }

    .aanbod-top-slider .swiper-button-next {
        right: 0
    }

    .aanbod-top-slider .swiper-button-prev {
        left: 0
    }

    .modal-area .modal-dialog {
        max-width: 700px;
        margin: 10% auto;
        padding: 15px 15px
    }

    .verkocht-list-sec {
        padding-top: 140px
    }

    .verkocht-inner-heading {
        margin-bottom: 30px
    }

    .desk-aanbod-top-left {
        display: none
    }

    .mob-aanbod-top-left {
        display: block;
        margin-top: 8px
    }

    .mob-aanbod-top-left .row {
        margin: 0 -5px
    }

    .mob-aanbod-top-left .col-6 {
        padding: 0 5px
    }

    .calsty {
        height: 847px
    }

    .modal-area2 .popup-content-part .col-lg-5 {
        width: 100%;
        display: none
    }

    .modal-area2 .popup-content-part .col-lg-7 {
        width: 100%
    }

    .modal-area2 .tick::after {
        right: 39%;
        top: 10px
    }

    .modal-area2 .form-input-img.form-styl {
        font-size: 1.6rem
    }

    .popup-right {
        height: auto !important;
        max-height: 600px;
        overflow-y: auto;
        overflow-x: hidden
    }

    .popup-content .row {
        margin: 0
    }
}

@media(max-width:767.98px) {
    .iframe-footer.viewcar-footer {
        margin-bottom: 68px !important;
        height: 50px
    }

    .widget-mobile {
        background: #1c1c1c;
        padding: 1.5rem 1.2rem;
        border-top: 1px solid rgb(255 255 255 / .1);
        border-bottom: 1px solid rgb(255 255 255 / .1);
        z-index: 99
    }

    .widget-mobile .d-flex {
        gap: 5px
    }

    .widget-mobile button {
        padding: .65rem .4rem;
        font-size: 1.4rem
    }

    .widget-mobile h6 span {
        font-size: 1.4rem;
        cursor: pointer;
        font-family: 'LamaSans-SemiBoldExpanded';
        padding-right: 2rem;
        color: #fff;
        margin-right: .75rem
    }

    .widget-mobile h6 span:after {
        background: url(../images/arw-color.svg) no-repeat center/ contain;
        right: 0
    }

    .widget-mobile h6 span.active {
        color: rgb(255 255 255 / .65)
    }

    .widget-mobile h6 span.active:after {
        transform: translateY(-50%) rotate(-90deg);
        opacity: .65
    }

    .widget-mobile-content {
        bottom: 6.5rem;
        background: #121212;
        padding: 3rem 1.5rem 1.5rem;
        z-index: 99;
        display: none
    }

    .widget-mobile-content.show-div {
        display: block
    }

    .widget-content-wrap {
        background: #1c1c1c;
        border: 1px solid rgb(255 255 255 / .1);
        padding: 1.5rem
    }

    .widget-mobile-content td {
        color: #fff;
        vertical-align: top;
        font-size: 1.45rem;
        font-family: 'LamaSans-Regular';
        padding: 4px 0
    }

    .widget-mobile-content td a {
        color: #fff
    }

    .widget-mobile-content td a:hover {
        color: rgb(255 255 255 / .65)
    }

    .whatsapp-block {
        background: #25D366;
        border-radius: 5px;
        width: 3.7rem;
        height: 3.7rem
    }

    .whatsapp-block img {
        width: 1.8rem
    }

    .widget-mobile-content td span {
        width: 2.2rem;
        height: 2.2rem;
        border: 1px solid rgb(255 255 255 / .1);
        margin-right: 1.8rem
    }

    .morgeninternet-footer {
        margin-bottom: 45px !important
    }

    #mobile-contact-bar img {
        width: 20px
    }

    #mobile-contact-bar {
        box-sizing: border-box;
        opacity: 1;
        position: fixed;
        width: 100%;
        z-index: 99;
        left: 0;
        bottom: 0;
        display: block !important
    }

    #mobile-contact-bar-outer {
        background-color: #DA0E0E;
        box-sizing: border-box;
        height: 45px;
        overflow: hidden;
        width: 100%
    }

    #mobile-contact-bar ul {
        box-sizing: border-box;
        line-height: 0;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
        font-size: 0
    }

    #mobile-contact-bar ul li {
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        width: 25%;
        padding-left: 0;
        margin-bottom: 0
    }

    #mobile-contact-bar ul li::after {
        display: none
    }

    #mobile-contact-bar ul li a {
        color: rgb(255 255 255 / .9);
        cursor: pointer;
        display: block;
        height: 100%;
        position: relative;
        z-index: 98
    }

    .li_color {
        border-left: 1px solid #fff
    }

    #mobile-contact-bar li:first-child img {
        width: 18px
    }

    h1 {
        font-size: 3.2rem;
        line-height: 40px
    }

    h2 {
        font-size: 2.4rem;
        line-height: 32px
    }

    h3 {
        font-size: 1.6rem;
        line-height: 24px
    }

    p {
        font-size: 1.4rem;
        line-height: 22px;
        margin-bottom: 18px
    }

    body {
        font-size: 1.4rem
    }

    .common-btn {
        font-size: 1.4rem;
        line-height: 22px;
        padding: 8px 23px
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .common-wrap {
        padding-left: 8px;
        padding-right: 8px
    }

    #page {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .header-wrap {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .header-active .header-wrap {
        margin-top: 10px
    }

    .header-wrap .container {
        padding: 0
    }

    .mobile-menu {
        width: 300px;
        padding: 75px 30px 30px
    }

    .banner-wrap {
        border-radius: 10px
    }

    .banner-video,
    .each-banner {
        height: 688px
    }

    .banner-content {
        bottom: 80px
    }

    .banner-content h1 {
        margin-bottom: 24px
    }

    .banner-content-wrap {
        padding: 0
    }

    .product-sec {
        padding: 48px 0
    }

    .product-heading {
        margin-bottom: 34px
    }

    .sec-blob {
        width: 50%
    }

    .banner-sec .sec-blob {
        width: 63%
    }

    .product-sec .sec-blob {
        top: -10%
    }

    .service-wrap {
        padding: 48px 0
    }

    .service-btn {
        margin-top: 32px
    }

    .service-sec h2 {
        margin-bottom: 32px
    }

    .service-slider .swiper-slide-active {
        width: 83%
    }

    .each-service-img {
        margin-bottom: 12px
    }

    .service-slider .swiper-wrapper {
        margin-left: -28%
    }

    .about-sec h3 {
        font-size: 3rem
    }

    .about-sec {
        padding-top: 120px
    }

    .about-text {
        margin-top: 40px;
        padding: 24px 0 0;
        border-bottom: 0;
        max-width: calc(100% - 20px)
    }

    .about-text p {
        margin: 16px 0 24px
    }

    .usp-marquee-wrap li {
        font-size: 1.6rem;
        line-height: 24px
    }

    .usp-marquee-sec {
        padding: 32px 0
    }

    .footer-wrap {
        padding: 40px 0 26px
    }

    .footer-wrap .container {
        padding-left: 12px;
        padding-right: 12px
    }

    .footer-logo img {
        width: 116px
    }

    .footer-info {
        padding: 32px 0;
        margin: 32px 0;
        column-gap: 10px;
        justify-content: start
    }

    .each-footer-info {
        width: 48%
    }

    .each-footer-info:last-child {
        width: 100%
    }

    .footer-social li a {
        width: 40px;
        height: 40px
    }

    .footer-social li a img {
        width: 15px
    }

    .footer-social ul {
        gap: 16px
    }

    .footer-brand h2 {
        background: linear-gradient(180deg, rgb(255 255 255 / .09) 0%, #fff0 100%);
        -webkit-background-clip: text
    }

    .footer-wrap {
        border-radius: 10px
    }

    .inner-common-banner-bg {
        height: 380px;
        border-radius: 10px
    }

    .inner-banner-blur {
        top: -40%;
        left: -30%
    }

    .inner-listing-top-blur {
        top: -5%;
        right: -25%;
        z-index: -1;
        filter: blur(230px);
        display: none;
    }

    .inner-common-list-content-wrapper {
        padding: 20px 15px
    }

    .inner-common-listing-wrapper .each-list-service-item:nth-child(even) {
        margin: 25px 0
    }

    .inner-common-list-content h2 {
        margin-bottom: 15px
    }

    .inner-common-listing-sec {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .inner-contact-wrapper .form-style {
        padding: 16px 24px;
        border-radius: 10px
    }

    .inner-contact-wrapper .form-flex ul {
        gap: 16px
    }

    .inner-contact-heading {
        margin-bottom: 32px
    }

    .inner-contact-wrapper textarea.form-style {
        height: 123px
    }

    .inner-contact-wrapper .form-flex ul li a {
        width: 40px;
        height: 40px
    }

    .inner-contact-wrapper .form-flex ul li a img {
        width: 18px
    }

    .diensten-slider .swiper-slide-active {
        width: 83%
    }

    .diensten-slider .swiper-wrapper {
        margin-left: -28%
    }

    .over-ons-slider-item-img {
        height: 280px
    }

    .contact-map {
        height: 380px
    }

    .aanbod-filter-sec .filter-main .col-lg-3 {
        width: 100%
    }

    .filter-sort {
        width: 100%
    }

    .aanbod-filter-sec .auto-overview-filter-result {
        bottom: 45px
    }

    .auto-overview-tag {
        margin-right: 4px;
        padding: 5px 10px
    }

    .aanbod-filter-sec .show_selected_filter_cls {
        padding-bottom: 12px
    }

    .aanbod-filter-sec .aanbod-filter {
        margin-bottom: 5px
    }

    .select-style {
        font-size: 1.4rem
    }

    .stiky-filter .mobile-show-filter {
        top: 65px
    }

    .aanbod-list-merk img {
        width: 100%
    }

    .aanbod-filter-sec {
        padding-top: 120px
    }

    .mobile-show-filter {
        margin-top: -30px;
        padding: 12px 0 12px
    }

    .filter-sort .select-style {
        background: url(../images/filter-arrow.svg) no-repeat 95% center/10px
    }

    .filter-sort .select-style.show {
        background: url(../images/filter-arrow.svg) no-repeat 95% center/10px;
        background-color: #DA0E0E
    }

    .aanbod-top-sec {
        padding-bottom: 48px
    }

    .aanbod-top-price-wrap {
        padding: 124px 0 18px
    }

    .aanbod-top-left .row {
        row-gap: 8px
    }

    .aanbod-top-left .row {
        margin: 0 -4px
    }

    .aanbod-top-left .col-6 {
        padding: 0 4px
    }

    .mob-aanbod-top-left .row {
        margin: 0 -4px
    }

    .mob-aanbod-top-left .col-6 {
        padding: 0 4px
    }

    .overlay-content h5 {
        font-size: 1.4rem
    }

    .overlay-content {
        padding-left: 26px;
        padding-right: 26px
    }

    .dtl-slider-info-area tr {
        row-gap: 8px;
        column-gap: 8px
    }

    .dtl-slider-info-area td {
        width: 48%
    }

    .dtl-slider-info-area td h5,
    .dtl-slider-info-area td h4 {
        font-size: 1.4rem;
        line-height: 22px
    }

    .dtl-contact-area {
        max-width: 100%;
        margin-top: 8px;
        padding-left: 25px;
        padding-right: 25px;
        overflow: hidden;
        padding-bottom: 20px
    }

    .dtl-contact-info {
        padding-left: 28px
    }

    .dtl-contact-info h4 {
        font-size: 1.4rem;
        line-height: 22px
    }

    .dtl-contact-info a {
        color: rgb(255 255 255 / .8)
    }

    .dtl-contact-info a:hover {
        color: #DA0E0E
    }

    .dtl-contact-info li:last-child::after {
        width: 1px;
        height: calc(100% - 7px)
    }

    .dtl-contact-dtls::after {
        left: -12%;
        width: calc(100% + 24%)
    }

    .dtl-contact-dtls {
        margin-bottom: 21px
    }

    .dtl-contact-btm {
        display: block
    }

    .dtl-contact-btn ul {
        column-gap: 15px
    }

    .dtl-contact-btn .common-btn {
        padding-left: 17px;
        padding-right: 17px
    }

    .dtl-contact-share-area ul {
        column-gap: 15px;
        margin-top: 9px
    }

    .dtl-contact-share-area li {
        width: 40px;
        height: 40px
    }

    .dtl-contact-share-area li img {
        width: 14px
    }

    .tab_drawer_heading {
        font-size: 1.4rem;
        margin-bottom: 18px
    }

    .kenmerken-tab ul {
        padding-top: 12px
    }

    .kenmerken-tab li {
        line-height: 22px;
        padding-top: 13px;
        padding-bottom: 13px
    }

    .kenmerken-tab li strong {
        width: 50%
    }

    .tab_drawer_heading span::after {
        top: 2px
    }

    .left-bg-block h6 {
        font-size: 1.4rem
    }

    .left-bg-block {
        width: 125px
    }

    .each-onderhoud-block h4 {
        font-size: 1.6rem
    }

    .each-onderhoud-block h5 {
        font-size: 1.4rem
    }

    .each-onderhoud-block {
        margin-bottom: 15px
    }

    .block-dtls {
        width: calc(100% - 125px)
    }

    .aanbod-btm-wrap {
        padding: 36px 0
    }

    .aanbod-btm-title {
        margin-bottom: 34px
    }
    .kenmarken-popup-inner {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .kenmarken-popup-close {
        width: 36px;
        height: 36px
    }
    .kenmarken-popup-close img {
        width: 13px
    }
    .common-arrow {
        height: 40px;
        width: 40px
    }
    .common-arrow img {
        width: 11px
    }
    .close-img {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px
    }
    .iframe-footer {
        margin-bottom: 50px;
        max-width: calc(100% - 16px)
    }
    .kenteken_np {
        height: 28px;
        width: 50%
    }
    .privacy_section {
        padding: 0 0 30px
    }
    .kent.tick,
    .modal-area2 .popup-right .txt-btn {
        position: relative
    }
    .modal-area2 .popup-left,
    .modal-area2 .popup-right {
        padding: 30px 20px 90px
    }
    .modal-area2 .modal-dialog {
        max-width: 94%
    }
    .modal-area2 .popup-left-content h2,
    .modal-area2 .popup-right h2 {
        line-height: 27px;
        font-size: 2rem
    }
    .modal-area2 .each-popup-form-img-upload {
        padding: 10px 0
    }
    .modal-area2 .popup-right .common-btn {
        padding: 10px;
        font-size: 1.4rem
    }
    .modal-area2 .popup-right .form-group {
        margin-bottom: 15px
    }
    .modal-area2 .popup-right .popup-left-top {
        display: block;
        margin-bottom: 20px
    }
    .modal-area2 .popup-form-btn {
        margin-top: 30px
    }
    .modal-area2 .popup-right .kenttick {
        display: block
    }
    .common-btn.txt-btn.tick-sub {
        margin-top: 20px
    }
    .kent.tick {
        max-width: 300px;
        padding-right: 30px
    }
    .modal-area2 .tick::after {
        right: 0;
        top: 13px
    }
    .modal-area2 .modal {
        align-items: start !important
    }
    .modal-area2 .modal-dialog {
        padding: 50px 0
    }
}
@media(max-width:575.98px) {
    .popup-form-img-upload .row {
        row-gap: 15px
    }
}
@media(max-width:429.98px) {
    .header-btn .common-btn {
        padding-left: 13px;
        padding-right: 13px
    }
    .each-product-top .row {
        row-gap: 15px
    }
    .each-product-top .col-6 {
        width: 100%
    }
    .each-product-top .text-end {
        text-align: left !important
    }
    .service-slider .swiper-wrapper {
        margin-left: -14%
    }
    .about-sec h3 {
        font-size: 2.3rem
    }
    .each-footer-info {
        width: 100%
    }
    .mobile-menu {
        width: 255px
    }
    .inner-common-banner-bg {
        height: 320px
    }
    .inner-common-listing-sec {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .inner-banner-blur {
        top: -100%;
        left: -55%
    }
    .inner-listing-top-blur {
        right: -65%
    }
    .inner-detail-banner-bg {
        padding-top: 110px;
        padding-bottom: 30px
    }
    .detail-listing-content h2 {
        margin-bottom: 15px
    }
    .inner-detail-wrapper .row:nth-child(even) {
        margin: 30px 0
    }
    .inner-detail-wrapper-bg {
        padding-bottom: 30px
    }
    .inner-contact-sec {
        padding: 30px 0
    }
    .inner-contact-heading {
        margin-bottom: 25px
    }
    .inner-contact-wrapper .form-group {
        margin-bottom: 15px
    }
    .inner-contact-wrapper .form-flex ul {
        gap: 8px
    }
    .inner-contact-wrapper .form-style {
        border-radius: 5px
    }
    .inner-contact-details {
        max-width: unset;
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }
    .diensten-slider .swiper-wrapper {
        margin-left: -14%
    }
    .inner-related-bg {
        padding: 30px 0
    }
    .diensten-related-sec h2 {
        margin-bottom: 25px
    }
    .inner-contact-details .inner-contact-detail-info:nth-child(3) h4 {
        margin-bottom: 20px
    }
    .inner-vacature-list-sec .row:nth-child(2) {
        margin-bottom: 0
    }
    .vacature-related-sec .inner-related-bg {
        padding: 30px 0
    }
    .vacature-related-sec h2 {
        margin-bottom: 25px
    }
    .inner-contact-sec .inner-listing-bottom-blur {
        bottom: -55%
    }
    .inner-detail-wrapper .row {
        gap: 15px
    }
    .vacature-related-img {
        border-radius: 5px;
        transition: 0.5s ease-in-out
    }
    .over-ons-slider-sec {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .over-ons-slider-item-img {
        height: 250px
    }
    .over-ons-box-item {
        padding: 20px 15px
    }
    .over-ons-about-sec {
        padding-top: 30px
    }
    .over-ons-box-heading h2 {
        margin-bottom: 25px
    }
    .over-ons-item {
        gap: 15px
    }
    .over-ons-item .row {
        --bs-gutter-y: 15px
    }
    .over-ons-box-sec .container>.row {
        --bs-gutter-y: 15px
    }
    .over-ons-scnd-item-wrapper .over-ons-box-item {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .contact-map {
        height: 320px
    }
    .aanbod-list-sec {
        padding-bottom: 30px
    }
    .mobile-show-filter {
        margin-top: -30px;
        padding: 8px 10px 8px
    }
    .aanbod-top-price-wrap {
        padding-top: 110px
    }
    .aanbod-top-price-area .col-7,
    .aanbod-top-price-area .col-5 {
        width: 100%
    }
    .aanbod-top-price {
        text-align: start;
        margin-top: 6px
    }
    .dtl-slider-info-area td h5 {
        margin-top: 20px;
        padding-top: 25px
    }
    .overlay-content h5 {
        font-size: 1.2rem
    }
    .overlay-content {
        padding: 3px 13px
    }
    .dtl-slider-info-area td {
        width: 100%;
        min-height: initial
    }
    .dtl-slider-info-area td img {
        width: 20px;
        height: 20px
    }
    .dtl-slider-info-area td h5 {
        margin-top: 15px;
        padding-top: 15px
    }
    .dtl-contact-dtls .col-2,
    .dtl-contact-dtls .col-10 {
        width: 100%
    }
    .dtl-contact-img {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .dtl-contact-info {
        padding-left: 0;
        text-align: center
    }
    .dtl-contact-info ul {
        display: block
    }
    .dtl-contact-info li:last-child::after {
        display: none
    }
    .dtl-contact-info li:last-child {
        padding-left: 0
    }
    .dtl-contact-info h4 {
        margin-bottom: 5px
    }
    .dtl-contact-info p {
        margin-bottom: 9px
    }
    .dtl-contact-dtls {
        margin-bottom: 15px;
        padding-bottom: 10px
    }
    .dtl-contact-area {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px
    }
    .dtl-contact-btn ul {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 7px
    }
    .dtl-contact-share-area ul {
        column-gap: 5px;
        justify-content: center
    }
    .dtl-contact-share-area li {
        width: 35px;
        height: 35px
    }
    .dtl-contact-share-area li img {
        width: 12px
    }
    body .share-social-media-button .a2a_dd svg {
        width: 12px
    }
    .aanbod-top-sec {
        padding-bottom: 30px
    }
    .d_active.tab_drawer_heading {
        margin-bottom: 17px
    }
    .kenmerken-tab ul {
        padding-top: 6px
    }
    .kenmerken-tab li::after {
        width: 12px;
        height: 12px;
        background-size: 12px
    }
    .kenmerken-tab li {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 16px
    }
    .tab-btm-btn {
        margin-top: 20px;
        margin-bottom: 25px
    }
    .dtl-tab-sec .bullet-panel li:after {
        top: 7px
    }
    .bullet-panel h4 {
        font-size: 1.4rem
    }
    .left-bg-block {
        width: 110px
    }
    .block-dtls {
        width: calc(100% - 110px)
    }
    .each-onderhoud-block {
        margin-bottom: 10px
    }
    .tab_drawer_heading span::after {
        top: 0;
        height: 9px;
        background-size: 5px
    }
    .tab_drawer_heading {
        margin-bottom: 14px
    }
    .tab_drawer_heading.d_active span::after {
        top: 3px;
        width: 9px;
        height: 9px;
        background-size: 9px
    }
    .kenmarken-popup-inner {
        padding-top: 30px
    }
    .kenmerken-popup-model h2 {
        margin-bottom: 4px
    }
    .kenmerken-popup-model {
        padding-bottom: 25px
    }
    .aanbod-btm-wrap {
        padding: 30px 0
    }
    .aanbod-btm-title {
        margin-bottom: 22px
    }
    .common-arrow {
        height: 35px;
        width: 35px
    }
    .modal-area .modal-content .popup-content {
        padding: 70px 15px
    }
    .verkocht-list-sec {
        padding-top: 115px
    }
    .calsty {
        height: 896px
    }
    .contact-page-sec {
        padding-top: 100px;
    }
    
}