@media(min-width: 1600px){
	.container{
		max-width: 1436px;
	}
	.sec-wrap{
		max-width: 1520px;
		margin-left: auto;
		margin-right: auto;
	} 
	.footer-wrap {
		max-width: 1500px;
		margin-left: auto;
		margin-right: aut
	}
}  
@media(min-width: 1728px){
	.sec-wrap{
		max-width: 1632px;
		margin-left: auto;
		margin-right: auto;
	} 
	.footer-wrap {
		max-width: 1675px;
		margin-left: auto;
		margin-right: auto;
	}
	.more-accessoire-sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-img{
		margin-right: -50px;
	}
	.more-accessoire-sec-wrap:nth-child(even) .each-accessoires-service .accessoires-service-img{
		margin-left: -50px;
	}
	.more-accessoire-sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-text{
		margin-left: -50px;
	}
}
@media(max-width: 1727px) {
	.service-sec .sec-wrap {
		padding-top: 50px;
		padding-bottom: 30px;
	}
}
@media(max-width: 1599.98px){
	h1{
		font-size: 5rem;
		line-height: 66px;
	}
	h2{
		font-size: 3rem;
	}
	h3{
		font-size: 2.8rem;
		line-height: 44px;
		letter-spacing: 1.8px;
	}
	.footer-sec{
		max-width: 1320px;
		margin-left: auto;
		margin-right: auto;
	}
	.sec-wrap{
		max-width: 1320px;
		margin-left: auto;
		margin-right: auto;
	} 
	.header-wrap {
		column-gap: 25px;
	}
	.header-wrap .menu-items ul:not(.dropdown-menu) {
		column-gap: 28px;
	}
	.menu-items::after {
		left: -10px;
	}
	.footer-wrap{
		padding-left: 45px;
		padding-right: 45px;
	}
	.footer-sec .each-footer-content-wrap {
		column-gap: 95px;
	}

	/* =============contact==================== */
	.inner-banner-sec::after {
		width: 500px;
		left: 0;
	}
	.form-left-area{
		padding-left: 20px;
	}
	/* ====================new-diensten===================== */
	.service-sec .sec-wrap {
		padding-top: 26px;
	    padding-bottom: 6px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.diens-dtl-slider-sec {
		margin-top: 75px;
	}
	.related-service-heading {
		margin-bottom: 50px;
	}
	.related-service-heading .opps{
		top: -9px;
	}
	.werkplaats-dtl-slide .related-service-heading .opps {
		top: -17px;
		right: -10px;
	}
	/* ========= aanbod-list ========== */
	.aanbod-list-car .sec-wrap{
		padding-bottom: 100px;
	}
	.list-car-wrap,
	.aanbod-filter-wrap{
		padding-left: 45px;
		padding-right: 45px;
	}
	.select-style {
		height: 50px;
		line-height: 49px;
	}
	.list-bg img {
		width: 450px;
	}
	/* ============ aanbod-dtl ============ */
	.aanbod-dtl-car-slider .container{
		padding-left: 35px;
		padding-right: 35px;
	}
	.dtl-price-table td h4{
		font-size: 2rem;
	}
	/* =========== overons ========== */
	.over-one-top-wrap{
		padding-right: 0;
		padding-left: 35px;
	}
	.overons-accro .accro-img {
		padding-right: 40px;
	}
	.over-one-top-content {
		padding-right: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.service-sec.Accessoire-service .service-sec-wrap{
		padding: 0px 20px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-img{
		margin-right: 0;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(even) .each-accessoires-service .accessoires-service-img{
		margin-left: 0;
	}
	.each-accessoires-service{
		padding-left: 20px;
		padding-right: 20px;
	}
	.accessoires-service-img {
		height: 320px;
	}
	.accessoires-service-sec {
		margin-top: 80px;
	}
	.accessoires-service-btn {
		margin-top: 60px;
		margin-bottom: 80px;
	}
/* ==================popup===================== */
	.modal-area .popup-content p {
		margin-bottom: 30px;
		padding-top: 30px;
	}
	.popup-content::after {
		width: 240px;
		height: 111px;
	}
	.bedankt-banner-sec::after{
		width: 500px;
		left: 0;
	}
}
@media(max-width: 1399px){

    .header-wrap .menu-items ul:not(.dropdown-menu) {
        column-gap: 20px;
    }
	.logo, .logo img {
		width: 193px;
	}
	.menu-items a {
		font-size: 1.2rem;
	}
	.sec-wrap {
        max-width: 1200px;
	}
	.product-table td img {
		margin-top: 0;
	}
	.accro_sec, .home-overons-left {
		padding-right: 30px;
	}
	.usp-marquee-sec .sec-wrap {
		padding: 30px 0;
	}
	.footer-sec{
		max-width: 100%;
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 50px;
	}
	.footer-sec .each-footer-content-wrap {
        column-gap: 72px;
    }
	/* =============contact==================== */
	.inner-banner-sec::after {
		width: 470px;
		left: 0;
	}
	.each-footer-content {
		display: flex;
		column-gap: 15px;
	}
	.form-sec .sec-wrap {
		padding-top: 50px;
		padding-bottom: 42px;
	}
	.form-sec::after {
		height: 139px;
		width: 470px;
	}
	.form-left-area {
		padding-left: 5px;
	}
	.form-main-area {
		padding-right: 10px;
	}
	.form-sec::before{
		width: 566px;
	}



	/* ============new-diensten===================== */
	.each-service-text {
		padding: 28px 30px;
	}
	.service-sec .sec-wrap {
		padding-top: 36px;
		padding-bottom: 16px;
	  }
	/* ==================Financiering-Lease============= */
	.diens-dtl-top-content h3 {
		padding-bottom: 8px;
	}
	.diens-dtl-top-content p {
		margin-bottom: 10px;
	}
	.diens-top-img::after {
		width: 425px;
		height: 242px;
	}
	.diens-dtl-top-content{
		padding-right: 20px;
	}
	.Verkoop-dtl-top .diens-dtl-top-content h6 {
		margin-top: 35px;
	}
	.each-diens-dtl-text ul li {
		line-height: 32px;
	}
	
    .list-item ul li::after{
	    top: 11px;
    }
	.diens-dtl-top-content ul li{
		line-height: 18px;
	}
	.diens-dtl-top-content ul li::after {
		top: 4px;
	}
	/* ============== aanbod-dtl ======= */
	.aanbod-dtl-car-slider .container {
        padding-left: 20px;
        padding-right: 20px;
    }
	/* =========== overons ==== */
	.overons-accro .accro-img {
        padding-right: 23px;
    }
	.over-one-top-content {
        padding-right: 29px;
	}
	.overons-accro .accro-img {
        padding-right: 8px;
    }
	.team-slider-sec {
		margin-top: 60px;
	}
	.team-slider-heading {
		margin-bottom: 35px;
	}
	.over-one-top-sec .sec-wrap {
		padding: 70px 0;
	}

	.Accessoire-service .each-service-text {
		padding: 54px 35px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-text{
		/* padding-right: 20px; */
		margin-right: auto;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(even) .each-accessoires-service .accessoires-service-text {
		/* margin-left: 35px; */
	}
	.accessoires-service-sec {
		margin-top: 50px;
	}
	.accessoires-service-sec .related-service-heading {
		margin-bottom: 35px;
	}
	.accessoires-service-btn {
		margin-top: 55px;
		margin-bottom: 60px;
	}
	.more-accessoire-sec-wrap:nth-child(odd)  .each-accessoires-service .accessoires-service-text {
		padding-right: 35px;
	}
	.more-accessoire-sec-wrap:nth-child(even)  .each-accessoires-service .accessoires-service-text {
		padding-left: 35px;
	}
	/* ====================05.03.2025===================== */
	.diens-dtl-info-wra {
		padding: 40px 25px 12px 25px;
	}
	.diens-dtl-info-sec {
		margin-top: 60px;
		margin-bottom: 60px;
	}


	/* ===============popup============= */
	.modal-area .modal-dialog {
		max-width: 68%;
	}
	.modal-area .popup-content {
		margin-top: 55px;
	}
	.popup-content .common-btn {
		padding: 8px 14px;
	}
	.bedankt-banner-sec::after{
		width: 470px;
	}
	.aanbod-dtl-btm-car-slider .sec-wrap {
		padding: 88px 70px 50px;
	}
	.aanbod-dtl-btm-car-slider .related-service-heading {
		margin-bottom: 65px;
	}

}
@media(max-width: 1299px){
	h4 {
		font-size: 2rem;
	}
	.sec-wrap {
		max-width: 1122px;
	}
	.home-car-slider .sec-wrap {
		padding: 66px 44px 66px;
	}
	.each-service-slider-content {
		padding-left: 30px;
	}
	.accro-img {
		padding-left: 30px;
	}
	.home-overons {
		padding: 90px 0 40px;
	}
	.accro-img::after {
		width: 306px;
		height: 234px;
	}
	.review {
		padding: 54px 0 0;
	}	
	.each-service-slider-content h4{
		font-size: 1.8rem;
	}
	/* =============contact==================== */
	.inner-banner-sec::after {
		width: 450px;
		left: 0;
	}
	.inner-banner-text {
		bottom: 130px;
	}
	.form-heading h2 {
		padding-bottom: 8px;
	}
	.each-service-text p{
		padding-bottom: 28px;
	}
	/* =========== aanbod-dtl ======= */
	.dtl-price-table tr {
		column-gap: 74px;
	}
	.dtl-price-table td::after {
		right: -51px;
	}
	.form-sec-wrap {
		padding: 0 25px;
	}
	.dtl-price-table tr {
        column-gap: 65px;
    }
	.car-slide {
		margin-top: 38px;
		margin-bottom: 38px;
	}
	.aanbod-dtls-sec {
		padding-bottom: 55px;
		padding-top: 45px;
	}
	.aanbod-dtl-car-slider .sec-wrap{
		margin-top: 0;
		padding-top: 20px;
	}
	/* ===============popup==================== */
	.bedankt-banner-sec::after{
		width: 450px;
	}
	.inner-banner-sec {
		height: 370px;
	}
}
@media(max-width: 1199.98px){
	h1 {
        font-size: 4rem;
        line-height: 53px;
    }
	.logo, .logo img {
        width: 149px;
    }
	.menu-items ul img {
		width: 60px;
		display: none;
	}
	.header-wrap .menu-items ul:not(.dropdown-menu) {
        column-gap: 15px;
    }
	.banner_img::before {
		height: 250px;
		width: 382px;
	}
	.sec-wrap {
		max-width: 940px;
	}
    .home-car-slider .sec-wrap {
        padding: 51px 30px 51px;
    }
	.plus {
		height: 36px;
		width: 36px;
	}
	.product-content {
		padding: 13px;
	}
	.car-price span {
		line-height: 15px;
		font-size: 1.2rem;
	}
	.accro_sec li h5{
		font-size: 1.8rem;
	}
	.each_home_banner, .video_banner {
		height: 700px;
	}
	.slider_control {
		margin-top: 41px;
		margin-bottom: 20px;
	}
	.product-car-sec {
		margin-top: 46px;
	}
	.home-car-slider ul span {
		font-size: 1.4rem;
	}
	.home-car-slider ul  img {
		width: 28px;
	}
	.common-btn {
		padding: 10px 17px;
		font-size: 1.2rem;
	}
	.accro_sec, .home-overons-left{
		padding-right: 0;
	}
	.accro_sec li{
		padding: 20px 20px;
	}
	.home-overons {
        padding: 59px 0 32px;
    }
	.home-service-slider {
		padding: 60px 0 40px;
	}
	.review {
        padding: 40px 0 0;
    }
	.form-sec-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* =============contact==================== */
	.inner-banner-sec::after {
		width: 420px;
		left: 0;
	}
	.inner-banner-text {
		bottom: 90px;
	}
	.inner-banner-sec::before {
		height: 150px;
	}
	.each-footer-content-wrap h6{
		padding-top: 20px;
	}
	.form-main-area textarea.form-styl {
		min-height: 150px;
	}
	.each-footer-content {
		display: flex;
		flex-wrap: wrap;
	}

	/* ================new-contact-=================== */
	.each-footer-content-wrap h6{
		padding-top: 15px;
	}
	.form-sec::before {
		width: 250px;
		height: 85px;
	}
	.form-sec::after {
		height: 90px;
		width: 320px;
		left: 10%;
	}
	.form-main-area textarea.form-styl {
		min-height: 155px;
		padding-left: 15px;
	}
	.form-left-area{
		margin-bottom: 55px;
	}
	.map-sec-wrap {
		height: 400px;
	}
	/* ====================diensten===================== */
	.each-service-img {
		height: 300px;
	}
	.each-service-wrap:hover .each-service-text .hover-content {
		height: 185px;
	}
	.service-sec .sec-wrap {
		padding-top: 28px;
		padding-bottom: 6px;
	  }
	/* ===================Financiering-Lease================== */
	.back_btn {
		padding-top: 155px;
		padding-bottom: 40px;
	}
	.diens-top-img::after {
		width: 300px;
		height: 185px;
		top: -36%;
		right: 128px;
	}
	.each-diens-dtl-text {
		padding: 30px 10px 0 20px;
	}
	.diens-dtl-info-sec {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.diens-dtl-slider-sec {
		margin-top: 50px;
	}
	.related-service-heading .opps {
		top: -10px;
	}
	.each-diens-dtl-image {
		height: 300px;
	}	
	.Verkoop-dtl-top .diens-dtl-top-content h6 {
		margin-top: 22px;
		margin-bottom: 8px;
	}  
	.each-diens-dtl-text ul li {
		line-height: 30px;
	}
	h3 {
		font-size: 2.5rem;
		line-height: 36px;
	}
	.inner-scrollbar .slider_control {
		margin-top: 41px;
	}
	.footer-sec .each-footer-content-wrap {
        column-gap: 30px;
    }
	.opening-time tr td:first-child {
		padding-right: 7px;
	}
	.footer-sec {
        padding-left: 30px;
        padding-right: 30px;
	}
	.footer-wrap{
		padding-bottom: 130px;
	}
	.footer-btm-logo{
		height: auto;
	}
	.footer-sec{
		max-width: 960px;
	}
	.footer-wrap {
        padding-left: 25px;
        padding-right: 25px;
    }
	/* ===== aanbd-list ===== */
	.select-style{
		font-size: 1.4rem;
	}
	/* ===== aanbd-dtl ===== */
	.dtl-price-table td h4 {
		font-size: 1.4rem;
	}
	.dtl-price-table tr {
        column-gap: 61px;
    }
	.dtl-price-table td::after{
		background-size: 85px 45px;
	}
	.dtl-price-table td::after {
        right: -42px;
    }
	.aanbod-dtls-sec {
		padding-bottom: 80px;
		padding-top: 83px;
	}
	.tab-btn .tabs {
		margin-bottom: 25px;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	/* ========= verkochte ============ */
	.verkochte-heading{
		padding-top: 135px;
	}
	.verkochte-list .list-car-wrap {
		padding-top: 58px;
		padding-bottom: 0;
	}
	.verkochte-list.aanbod-list-car .sec-wrap {
		padding-bottom: 59px;
	}
	/* ============ aanbod-dtl ===== */
	.dtl-price-table tr {
        column-gap: 45px;
    }
	.aanbod-dtl-car-slider .sec-wrap{
		padding-bottom: 30px;
	}
	.dtl-car-btn .common-btn {
		padding: 10px 11px;
	}
	/* ======== overons ====== */
	.over-one-top-wrap {
		width: auto !important;
	}
	.over-one-top-wrap .row .col-lg-6:nth-child(1){
		margin-right: 0;
		padding-right: 0;
	}
	.overons-accro .accro-img {
        padding-right: 46px;
    }

	.Accessoire-service .each-service-text {
		padding: 35px 35px;
	}
	.accessoires-service-img {
		height: 250px;
	}
	.each-accessoires-service {
		padding: 35px 16px;
	}
	.accessoires-service-wrap .sec-wrap {
		margin-bottom: 35px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(2n) .each-accessoires-service .accessoires-service-text {
		margin-left: 20px;
		padding-right: 21px;
	}
	.diens-dtl-top-content.list-item  ul li::after{
		top: 4px;
	}
	.modal-area .popup-content {
		margin-left: 45px;
	}
	.modal-area .modal-dialog {
		max-width: 82%;
	}
	.popup-content::after {
		width: 200px;
		height: 80px;
	}
	.bedankt-text .common-btn {
		margin-top: 50px;
	}


	/* ================popup=================== */
	.bedankt-banner-sec::after{
		width: 390px;
	}
	.diens-dtl-info-wrap em {
		line-height: 27px;
	}
    .diens-dtl-info-wrap em::before{
	   top: 5px;
	   background-size: 10px;
    }
	.aanbod-dtl-btm-car-slider .related-service-heading {
		margin-bottom: 52px;
	}
	/* ============================================================== */
	.Accessoire-service .each-service-wrap:hover .each-service-text .hover-content {
		height: 120px;
	}
	.Accessoire-service .each-service-wrap:hover .each-service-text .hover-content {
		height: 120px;
	}
	.form-main-area textarea{
		padding-top: 18px !important;
	}
	.subpage-dtl-slidder-sec .swiper-slide.col-4 {
		width: calc(50% - 15px) !important;
	}
}
@media(max-width: 991px){
	.header-wrap{
		justify-content: space-between;
	}
	.mobile-menu{
		position: fixed;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100vw;
		padding-top: 120px;
		background: #0F0F0F;
		z-index: 99;
		display: none;
	}
	.mobile-menu .menu-items ul:not(.dropdown-menu){
		flex-direction: column;
		display: flex;
		justify-content: center;
		position: relative;
		row-gap: 15px;
	}
	.menu-items::after{
		display: none;
	}
	.menu-items{
		height: 100vh;
		overflow: scroll;
		text-align: center;
		padding-bottom: 180px;
	}
	.menu-items-scroll{
		padding: 60px 0;
	}
	.mobile-menu::after{
		position: absolute;
		left: 0;
		bottom: 0;
		height: 50px;
		width: 100%;
		content: "";
		background-color: #0F0F0F;
		z-index: 9;
	}
	.menu-items .dropdown-menu::after{
		display: none;
	}
	.mobile-menu .dropdown-menu.show{
		background-color: transparent;
		position: initial !important;
		transform: translate(20px , 0) !important;
		border-radius: 10px;
		background: #232323;
		max-width: max-content;
		margin:  5px auto !important;
		padding: 20px;
		text-align: center;
	}
	.mobile-menu a{
		font-size: 1.8rem;
	}
	.header-wrap {
		padding: 14px 25px;
		transition: all 0.5s;
	}
	.sitcky-header-area .header-wrap {
		padding: 14px 0;
	}
	.home-car-slider{
		padding-left: 20px;
		padding-right: 20px;
	}
	.common-btn{
		line-height: 18px;
	}
	.sec-wrap {
		max-width: 800px;
    }
	.swiper-scrollbar{
		display: none;
	}
	.poduct-left{
		margin-bottom: 10px;
	}
	.slider-btn{
		justify-content: end;
	}
	.home-overons .clear-magin{
		width: 100% !important;
	}
	.accro-img::after {
        width: 200px;
        height: 200px;
    }
	.accro-img img{
		border-radius: 20px;
		margin-bottom: 20px;
	}
	.accro-img{
		padding-left: 0;
	}
	.home-car-slider ul{
		/* margin-top: 20px; */
		margin-top: 0;
		justify-content: start;
	}
	.home-car-slider .sec-wrap{
		border-radius: 10px;
	}
	.each-service-slider-content {
        padding-left: 10px;
    }
	.full-width{
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	.each_home_banner, .video_banner {
        height: 600px;
    }
	.sec-wrap{
		max-width: 720px;
	}
	.footer-sec .each-footer-content-wrap{
		column-gap: 0;
		flex-wrap: wrap;
	}
	.footer-mid-area .Werkplaats-dtl{
		max-width: none;
		margin-left: 0;
	}
	.each-footer-content-wrap{
		flex-wrap: wrap;
		column-gap: 10px;
	}
	.each-footer-content-wrap > *{
		width: 50%;
	}
	.each-footer-content-wrap h6{
		padding-top: 26px;
	}
	.back_btn {
        padding-top: 134px;
	}
	.fix-icon{
		display: none;
	}
	.footer-top-area {
		padding-bottom: 27px;
	}
	.footer-top-area > .row .col-lg-6{
		width: 49%;
	}
	.project-logo img{
		width: 180px;
	}
	.bovag-logo{
		padding-left: 10px;
	}
	.project-logo {
		padding-right: 5px;
	}
	.footer-wrap {
        padding-bottom: 68px;
    }
	.footer-mid-area {
		padding-top: 0;
	}
	.home-overons{
		padding-bottom: 0;
	}
	.service-slide-car .swiper::before,
	.service-slide-car .swiper::after {
		opacity: 0;
	}
	.footer-btm-sec {
		text-align: center;
	}
	/* =============contact==================== */
	.inner-banner-sec::after {
		width: 300px;
		left: 0;
		bottom: -78%;
	}
	.inner-banner-sec::before {
		height: 70px;
	}
	.inner-banner-text {
		bottom: 80px;
	}
	.inner-banner-sec {
		height: 300px;
	}

	/* =====================new-contact============================= */
	.form-left-area,
	.form-right-area{
		max-width: 100%;
	}
	.form-main-area .form-group {
		margin-bottom: 16px;
	}
	.form-main-area .form-styl{
		font-size: 1.4rem;
		padding-bottom: 12px;
	}
	.form-sec .sec-wrap {
		padding-top: 30px;
	}
	.form-main-area {
		padding-right: 0;
	}
	.form-heading{
		margin-top: 30px;
	}
	.each-footer-content {
		justify-content: space-between;
	}
	.form-sec::after {
		display: none;
	}
	.form-sec::before {
		display: none;
	}
	.form-left-area {
		margin-bottom: 0;
	}
	.map-sec-wrap {
		height: 300px;
	}
	.map-sec {
		margin-bottom: 0;
		margin-top: 40px;
	}
	.form-heading p{
		max-width: 100%;
	}
	/* ================diensten======================= */
	.each-service-img {
		height: 361px;
	}
	.each-service-wrap:hover .each-service-text .hover-content {
		height: 100%;
		opacity: 1;
	}
	.each-service .each-service-text .hover-content {
		height: 100%;
		overflow: visible;
	}
	.each-service-text {
		padding: 30px 30px;
	}
	.each-service-text p{
		padding-bottom: 24px;
	}
	/* ===================Financiering-Lease======================= */
	.diens-top-img::after {
		top: 0;
		left: 50%;
		transform: translatey(-50%);
	}
	.diens-dtl-top-content {
		padding-right: 10px;
		max-width: 100%;
		margin-top: 30px;
	}
	.diens-dtl-top-wrap {
		width: 100% !important;
	}
	.each-diens-dtl-text {
		padding: 30px 28px 0 30px;
	}
	.each-diens-dtl-text p{
		padding-bottom: 20px;
	}
	.diens-dtl-info-wrap .row {
	    row-gap: 20px;
	}
	.related-service-heading {
		margin-bottom: 35px;
	}
	.diens-dtl-top-content ul li {
		line-height: 16px;
		font-size: 1.4rem;
	}
	.form-left-area .each-footer-content-wrap > *{
		width: 100%;
	}


	.accro_sec li p{
		max-width: 100%;
	}
	.header-area{
		top: 24px;
	}
	.privacy{
		text-align: center;
		
	}
	.mobile-filter-close h6 {
		color: #0F0F0F;
		font-size: 1.6rem;
   }
	.show_selected_filter_cls {
		padding-top: 40px !important;
		padding-bottom: 20px;
   }
	.aanbod-filter {
		margin-bottom: 15px;
		width: 50%;
   }
	.hidden-filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #0F0F0F;
		z-index: 999;
		height: 100%;
		margin-top: 0;
		padding: 60px 15px 150px;
		overflow-y: scroll;
		display: none;
   }
	.auto-overview-filter-result {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 15px;
		left: 0;
		background-color: #0F0F0F;
		z-index: 1000;
		border-top: 1px solid rgba(249, 248, 246, 0.5);
   }
	.sorteren_op-filter .select-style {
		background: url(../images/filter-arrow.svg) no-repeat 95.7% center / 10px;
   }
	.mobile-filter {
		display: none;
		padding-bottom: 150px;
   }
	.filter-sort .aanbod-filter {
		width: 100%;
   }
	.filter-sort h6{
		display: none;
   }
	.filter-main {
		margin-top: 30px;
   }
   /* ============= aanbod-list  ======== */
	.list-car-wrap, .aanbod-filter-wrap {
		padding-left: 25px;
		padding-right: 25px;
	}
	.aanbod-list-car .list-car-wrap > .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.aanbod-list-car .list-car-wrap > .row > * {
		padding-left: 5px;
		padding-right: 5px;
	}
	.aanbod-filter-sec .sec-wrap{
		padding-top: 0;
	}
	.heading-right{
		margin-top: 30px;
	}
	.list-bg img {
        width: 286px;
    }
	.list-bg{
		left: auto;
		right: 0;
		bottom: -30%;
	}
	.mobile-show-filter-scroll{
		top: 54px;
	}
	.aanbod-list-heading {
		padding-bottom: 30px;
	}
	.aanbod-list-car .sec-wrap {
        padding-bottom: 60px;
    }
	.aanbod-list-car .list-car-wrap > .row {
		row-gap: 15px;
	}
	.filter-main {
        margin-top: 0;
    }
	.filter-main .row .row {
		row-gap: 0;
	}
	/* ============ verkochte  ===========	 */
	.verkochte-heading {
        padding-top: 111px;
    }
	.verkochte-list .list-car-wrap {
        padding-top: 33px;
	}
	.verkochte-list.aanbod-list-car .sec-wrap {
        padding-bottom: 33px;
    }
	/* ============= aanbod-dtl ======== */
	.aanbod-dtls-sec {
        padding-bottom: 50px;
        padding-top: 50px;
    }
	.kenmerken-tab ul li{
		width: 49%;
	}
	.tab-btn{
		display: none;
	}
	.tab_drawer_heading{
		display: block;
		margin-bottom: 10px;
	}
	.tab_drawer_heading::after{
		display: none;
	}
	.d_active{
		color: #000;
		background-color: #ACD400;
	}
	.kenmarken-popup-content h4 {
		margin-bottom: 16px;
		font-size: 2rem;
	}
	.dtl-car-btn ul{
		justify-content: left;
		margin-top: 20px;
	}
	.aanbod-dtl-right{
		text-align: left;
	}
	
	.car-slide {
		margin-top: 25px;
	}
	.back_btn .col-lg-7 {
		width: 58.33333333%;
	}
	.back_btn .col-lg-5 {
        width: 41.66666667%;
	}
	.car-slide .swiper-slide-prev::after,
	.car-slide .swiper-slide-next::after {
		display: none;
	}
	/* ============ overons ======== */
	.over-one-top-wrap{
		padding: 20px;
	}
	.overons-accro .accro-img {
        padding-right: 0;
    }
	.overons-accro .accro_sec, .overons-accro .home-overons-left {
		padding-left: 0;
	}
	.overons-accro{
		margin-bottom: 40px;
	}
	.usp-marquee-wrap ul{
		gap: 40px;
	}
	.usp-marquee-wrap li{
		padding-left: 40px;
	}
	.team-slider-sec{
		margin-top:40px;
	}
	.over-one-top-content{
		padding-right: 0;
	}
	.over-one-top-content{
		padding-bottom: 0;
	}
	.Accessoire-service .each-service-text {
		padding: 35px 45px;
	}
	.Accessoire-service .each-service-wrap .each-service-text .hover-content {
		height: 95px;
	}
	.Accessoire-service .each-service-wrap:hover .each-service-text .hover-content {
		height:95px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-text {
		max-width: 100%;
		margin: 0;
		padding: 0;
		padding-top: 35px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(even) .each-accessoires-service .accessoires-service-text {
		max-width: 100%;
		margin: 0;
		padding: 0;
		padding-top: 35px;
	}
	.accessoires-service-img {
		height: 362px;
	}
	.accessoires-service-btn {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.diens-dtl-info-wrap > ul:not(ul ul) {
		flex-direction: column;
		row-gap: 15px;
	}	
	.diens-dtl-info-wrap > ul li:not(ul ul li) {
		width: 100%;
	}  
	.over-one-top-sec .sec-wrap {
		padding: 30px 0;
	}
	.over-one-top-wrap {
        padding: 0;
    }

	.over-one-top-img img {
		border-radius: 10px;
	}
	/* =================popup=================== */
	.modal-dialog .col-lg-5{
		width: 100%;
	}
	.modal-dialog .col-lg-7{
		width: 100%;
	}
	.pop-up-image img {
		border-radius: 20px 20px 0px 0px;
	}
	.modal-area .modal-content{
		padding-bottom: 60px;
	}
	.modal-area .popup-content {
		margin-left: 0;
		max-width: 100%;
	}
	.modal-area .popup-content {
		margin-top: 40px;
	}
	.modal-area .popup-content p {
		margin-bottom: 45px;
		padding-top: 45px;
	}
	.modal-area .popup-content {
		padding: 15px;
	}
	.popup-content::after {
		width: 240px;
		height: 110px;
	}
	.pop-up-image{
		height: 480px;
	}
	.pop-up-image img{
		height: 100%;
		object-fit: cover;
	}
	.modal-area .modal-dialog {
		max-width: 68%;
	}
	.bedankt-banner-sec::after {
		width: 280px;
		left: 0;
		bottom: -84%;
	}
	.privacy_section {
		padding-top: 80px;
	}
	.verkocht-sec {
		padding-top: 120px;
	}
	.subpage-dtl-slidder-sec .swiper-slide.col-4 {
		width: 100% !important;
		margin-right: 0 !important;
	}
}
@media(max-width: 767px){
	.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: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #000000;
	  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%;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1 {
        font-size: 3rem;
        line-height: 47px;
    }
	h2 {
        font-size: 2.5rem;
    }
	p {
		line-height: normal;
		letter-spacing: normal;
		font-size: 1.4rem;
	}
	.sec-wrap {
        max-width: 540px;
    }
	.usp-marquee-wrap ul,
	.usp-marquee-wrap{
		column-gap: 32px;
	}
	.usp-marquee-wrap li{
		padding-left: 30px;
	}
	.usp-marquee-wrap li::after{
		top: 1px;
	}
	/* =============contact==================== */
	.inner-banner-sec{
		height: 270px;
	}
	.inner-banner-sec::after {
		width: 230px;
		left: 0;
		bottom: -80%;
	}
	.footer-top-area > .row .col-lg-6{
		width: 100%;
	}
	.footer-top-right{
		padding-left: 0;
		justify-content: left;
		margin-top: 30px;
	}
	.footer-wrap{
		padding-left: 10px;
		padding-right: 10px;
	}
	.each-footer-content-wrap > *{
		width: 100%;
	}
	.footer-sec{
		max-width: 540px;
		padding-left: 0;
		padding-right: 0;
	}
	/****aanbod****/
	.select-style {
        background: url(../images/filter-arrow.svg) no-repeat 95.7% center / 10px;
        line-height: 44px;
        height: 45px;
    }
	.aanbod-filter {
		width: 100%;
	}
	.auto-overview-filter-result {
		bottom: 45px;
	}

	/* =========== service-dtl ======= */
	.diens-dtl-slider-sec{
		margin-top: 30px;
	}
	/* ============ anbod-dtl ======== */
	.back_btn .row > *{
		width: 100%;
	}
	.dtl-top-ul ul{
		justify-content: left;
		margin-top: 20px;
	}
	.kenmerken-tab ul{
		column-gap: 0;
	}
	.kenmerken-tab ul li{
		width: 100%;
		font-size: 1.4rem;
	}
	
	.each-onderhoud-block{
		margin-top: 20px;
	}
	.kenmarken-popup-content li,
	.dtl-tab-part .bullet-panel ul li{
		font-size: 1.4rem;
		line-height: normal;
	}
	.kenmerken-tab li {
		padding: 14px 0;
	}
	.tab-btm-btn{
		margin-bottom: 20px;
	}
	.kenmarken-popup-content li{
		padding-right: 10px;
	}
	.aanbod-dtl-car-slider .slider_control {
		margin-top: 44px;
	}
	.bullet-panel h4{
		font-size: 1.8rem;
	}
	.block-dtls h6 {
		font-size: 1.6rem
	}
	.dtl-price-table tr {
        column-gap: 28px;
    }
	.dtl-price-table td::after {
        height: 67%;
        width: 19px;
        height: 87%;
        width: 14px;
        right: -22px;
        background-size: contain;
	}
	.dtl-price-table td {
		font-size: 1.2rem;
	}
	.accessoires-service-wrap .sec-wrap {
		margin-bottom: 28px;
	}
	.each-accessoires-service {
		padding: 30px 16px;
	}
	.accessoires-service-sec {
		margin-top: 40px;
	}
	.accessoires-service-sec .related-service-heading {
		margin-bottom: 28px;
	}
	.diens-dtl-info-wrap em {
		line-height: 25px;
		font-size: 1.3rem;
	}
	.diens-dtl-info-wrap em::after{
		top: 7px;
	}
	.diens-dtl-info-wra{
		padding: 40px 37px 12px 25px;
		--r: 10px;
	    --s: 32px;
	}
	.diens-dtl-info-wrap em::after {
		width: 8px;
		height: 8px;
	}
	.car-slide .common-arrow {
		height: 40px;
		width: 40px;
	}
	.car-slide .swiper-button-next {
		right: 10px;
	}
	.car-slide .swiper-button-prev {
		left: 10px;
	}

	/* ===============popup=================== */
	.pop-up-image {
		height: 408px;
	}
	.modal-area .modal-dialog {
		max-width: 74%;
	}
	.popup-content::after {
		width: 200px;
		height: 90px;
	}
	.bedankt-banner-sec::after {
		width: 200px;
		left: 0;
		bottom: -87%;
	}
	.bedankt-banner-img{
		height: 450px;
	}
	.bedankt-banner-img img{
		height: 100%;
		object-fit: cover;
	}
	.bedankt-text {
		bottom: 80px;
	}
	.bedankt-text .common-btn {
		margin-top: 36px;
	}
	.car-slide {
		padding: 0 20px;
	}
	.morgeninternet-footer.viewcar-footer {
		margin-bottom: 68px !important;
		height: 50px;
	}
	.widget-mobile{
	  	background: #1c1c1c;
	  	padding: 1.5rem 1.2rem;
	  	border-top: 1px solid rgba(255,255,255,0.1);
	  	border-bottom: 1px solid rgba(255,255,255,0.1);
	  	z-index: 99;
	  	font-family: "Nunito Sans", sans-serif;
		bottom: 45px !important;
	}
	.widget-mobile .d-flex{
		gap: 5px;
	}
	.widget-mobile button{
		padding: .65rem;
  		font-size: 1.2rem;
	}
	.widget-mobile h6 span{
		font-size: 1.45rem;
		cursor: pointer;
		font-weight: 600;
		padding-right: 2.5rem;
		color: #fff;
		margin-right: .75rem;
	}
	.widget-mobile h6 span:after{
		background: url(../images/arw-color.svg) no-repeat center/ contain;
		right: 0;
		filter: brightness(0) saturate(100%) invert(65%) sepia(87%) saturate(504%) hue-rotate(24deg) brightness(100%) contrast(101%);
	}
	.widget-mobile h6 span:not(.active):after{
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	.widget-mobile h6 span.active{
		color: #ACD400;
	}
	.widget-mobile h6 span.active:after{
		transform: translateY(-50%) rotate(-90deg);
	}
	.widget-mobile-content{
		bottom: 11.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 rgba(255,255,255,0.1);
		padding: 1.5rem;
	}
	.widget-mobile-content td{
  		color: #fff;
		vertical-align: top;
    	font-size: 1.45rem;
    	font-weight: 400;
    	padding: 4px 0;
	}
	.widget-mobile-content td a{
		color: #fff;
		text-decoration: none;
	}
	.widget-mobile-content td a:hover{
		color: #ACD400;
	}
	.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 rgba(255,255,255,0.1);
    	margin-right: 1.8rem;
	}
	.each-service-img {
        height: 300px;
    }
	.diens-dtl-info-wrap li p {
		padding-right: 0;
	}

	.service-sec .sec-wrap {
		padding-top: 28px;
		padding-bottom: 10px;
	  }
	

}
@media(max-width: 575px){
	h2 {
        font-size: 2rem;
    }
	.usp-marquee-sec, 
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}
	.usp-marquee-sec {
		padding-left: 0;
		padding-right: 0;
	}
	.banner-content ul{
		flex-direction: column;
	}
	.home-car-slider ul{
		flex-direction: column;
		row-gap: 20px;
	}
	.banner_img::before {
		height: 157px;
		width: 223px;
	}
	.banner-content{
		bottom: 90px;
	}
	.each-service-slider-content h4{
		font-size: 1.5rem;
		line-height: normal;
	}
	.home-car-slider
	.home-car-slider ul{
		margin-top: 30px;
	}
	.home-car-slider .sec-wrap{
		padding: 30px 0;
	}
	.banner-content h6{
		font-size: 1.8rem;
		margin: 10px 0 20px;
	}
	.home-service-slider .slider-btn ul{
		flex-direction: column;
		row-gap: 20px;
		justify-content: center;
		align-items: center;
		margin-top: 30px;
	}
	.product-content::after {
		top: -38px;
		right: -6px;
	}
	.product-content {
        padding: 10px;
    }
	.car-price span {
		padding: 8px;
	}
	.product-content .col-10{
		width: 77%;
	}
	.footer-sec{
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.inverted-radius {
		--r: 12px;
		--s: 18px;
		--x: 7px;
		--y: 10px;
	}	
	.each-service-slider-content .row .col{
		width: 32%;
		flex: auto;
		flex-grow: 0;
	}
	.each-service-slider-content .row .col:first-child{
		width: 68%;
	}
	.slider-arow-btn {
		width: 45px;
		height: 45px;
	}
	.usp-marquee-sec .sec-wrap {
        padding: 20px 0;
	}
	.accro-img::after {
        width: 130px;
        height: 130px;
		bottom: -24px;
    }
	.home-overons-left p{
		margin-bottom: 26px;
	}
	.accro-img img {
        margin-bottom: 34px;
    }
	.home-overons {
        padding: 30px 0 32px;
    }
	.home-service-slider {
        padding: 36px 0 40px;
    }
	.footer-mid-area .each-footer-content-wrap a {
		font-size: 1.2rem;
	}
	.footer-mid-area .opening-time table td {
		font-size: 1.2rem;
	}
	.footer-mid-area .each-footer-content-wrap p {
		font-size: 1.2rem;
	}
	.each-footer-content-wrap h6{
		padding-top: 20px;
	}
	.footer-top-right{
		flex-direction: column;
	}
	.footer-top-right ul{
		margin-top: 15px;
	}
    .form-sec-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
	.form-sec{
		padding-left: 20px;
		padding-right: 20px;
	}
	.form-sec .container{
		padding: 0;
	}
	/* =============contact==================== */
	.inner-banner-sec{
		height: 210px;
	}
	.inner-banner-sec::after {
		width: 125px;
		left: 0;
		bottom: -85%;
	}
	.inner-banner-text {
		bottom: 35px;
	}
	.form-main-area .form-styl {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.form-main-area textarea.form-styl {
		min-height: 130px;
		padding-left: 10px;
	}
	.form-heading {
		margin-top: 18px;
	}
	.form-left-area {
		margin-bottom: 20px;
	}
	.form-sec::before {
		width: 90px;
		height: 10px;
	}
	.map-sec-wrap {
		height: 160px;
	}
	.map-sec {
		margin-bottom: 0;
		margin-top: 30px;
	}
	.opening-time table {
		line-height: 20px;
	}
	.each-footer-content-wrap a {
		line-height: 20px;
	}
	.each-footer-content-wrap h6 {
		padding-top: 15px;
		padding-bottom: 8px;
	}
	.form-heading p{
		line-height: 20px;
	}
	.form-heading h2{
		font-size: 2.2rem;
	}
	.form-sec .sec-wrap {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.each-footer-content {
		display: block;
	}
	.review {
        padding: 0;
    }
	.footer-sec{
		margin-top: 30px;
	}
	.footer-mid-area {
		padding-top: 10px;
	}
	.mobile-menu a {
        font-size: 1.5rem;
    }
	.footer-top-right{
		align-items: start;
	}
	.accro_sec li h5{
		font-size: 1.6rem;
	}
	.footer-wrap {
        padding-left: 0;
        padding-right: 0;
    }

	/* ====================diensten========================= */
	.each-service-text p {
		margin-bottom: 20px;
		padding-top: 8px;
		padding-bottom: 0;
	}
	.each-service-text {
		padding: 30px 15px;
	}
	.arow-btn{
		height: 35px;
		width: 35px;
		background-size: 8px;
	}
	.each-service {
		margin-bottom: 15px;
	}
    /* ==================Financiering-Lease============ */
	.diens-dtl-top-content {
		padding-right: 10px;
        margin-top: 20px;
		padding-left: 5px;
	}
	.back_btn {
		padding-top: 114px;
		padding-bottom: 50px;
	}
	.diens-top-img::after {
		width: 132px;
		height: 80px;
	}
	
	h3 {
		font-size: 2.4rem;
		line-height: 34px;
	}
	.back_btn .common-btn {
		padding: 6px 10px;
	}
	.each-diens-dtl-text{
		padding: 20px;
	}
	.diens-dtl-info-sec {
		margin-top: 35px;
		margin-bottom: 30px;
	}
	.each-diens-dtl-text h6 {
		line-height: 22px;
		margin-bottom: 8px;
	}
	.diens-dtl-info-wrap .row {
		row-gap: 15px;
	}
	.related-service-heading h2{
		font-size: 2rem;
		line-height: 37px;
	}
	.diens-dtl-service-slider .each-diens-dtl-content {
	    top: 70%;
	    padding: 27px;
	}
	.each-diens-dtl-image {
		height: 280px;
	}
	.Verkoop-dtl-top .diens-dtl-top-content h6 {
		margin-top: 18px;
		margin-bottom: 8px;
	}
	.list-item ul li::after {
		top: 7px;
	}
	.each-diens-dtl-text ul li {
		line-height: 22px;
		font-size: 1.3rem;
	}
	.hover-content .common-btn {
		padding: 6px 10px;
	}
	.diens-dtl-top-content ul li {
		padding-bottom: 9px;
		padding-left: 0;
		font-size: 1.3rem;
		line-height: 14px;
	}
	.werkplaats-dtl-slide .related-service-heading .opps {
		top: -12px;
		right: -12px;
	}
	/* ======== aanbo-list ======= */
	.list-car-wrap, .aanbod-filter-wrap {
        padding-left: 0;
        padding-right: 0;
    }
	.aanbod-list-car {
		padding-left: 10px ;
		padding-right: 10px;
	}
	.aanbod-list-car .list-car-wrap > .row > * {
        padding-left: 0;
        padding-right: 0;
    }
	.aanbod-list-car .list-car-wrap > .row{
		margin-left: 0;
		margin-right: 0;
	}
	/* ============ aanbod-dtl ===== */
	.dtl-price-table tr{
		flex-wrap: wrap;
		column-gap: 0;
		row-gap: 10px;
	}
	.dtl-price-table td{
		width: 49%;
	}
	.dtl-price-table td::after{
		display: none;
	}
	.aanbod-dtls-sec {
        padding-bottom: 30px;
        padding-top: 30px;
    }
	.dtl-top-ul ul a {
		height: 40px;
		width: 40px;
	}
	.aanbod-dtl-back{
		padding-bottom: 30px;
	}
	/* =========== overons ====== */
	.over-one-top-sec{
		padding-left: 20px;
		padding-right: 20px;
	}
	.Accessoire-service .each-service-text {
		padding: 20px 25px;
	}
	.Accessoire-service .each-service-wrap .each-service-text .hover-content {
		height: 110px;
	}
	.Accessoire-service .each-service-wrap:hover .each-service-text .hover-content {
		height: 110px;
	}
	.accessoires-service-sec {
		margin-top: 30px;
	}
	.accessoires-service-sec .related-service-heading {
		margin-bottom: 24px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(2n+1) .each-accessoires-service .accessoires-service-text {
		padding-top: 26px;
	}
	.each-accessoires-service {
		padding-bottom: 25px;
	}
	.accessoires-service-img {
		height: 290px;
	}
	.accessoires-service-btn {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.diens-dtl-info-wrap{
		padding-left: 10px;
		padding-right: 10px;
	}
	.diens-dtl-info-wra {
		padding: 35px 30px 12px 20px;
	}
	.diens-dtl-info-wrap ul li ul strong {
		width: 35px;
		height: 35px;
		font-size: 1.2rem;
	}
	.diens-dtl-info-wrap em::after {
	    left: -14px;
	}
	.diens-dtl-info-wrap em {
		line-height: 22px;
		font-size: 1.3rem;
	}
	.diens-dtl-info-wra {
		--r: 8px;
		--s: 28px;
	}
	.service-sec .sec-wrap {
		padding-top: 20px;
		padding-bottom: 4px;
	}


	/* =================popup================= */
	.pop-up-image {
		height: 340px;
	}
	.modal-area .popup-content {
		margin-top: 30px;
	}
	.modal-area .popup-content p {
		margin-bottom: 28px;
		padding-top: 28px;
	}
	.popup-content::after {
		width: 155px;
		height: 74px;
	}
	.modal-area .modal-dialog {
		max-width: 82%;
	}
	.modal-area .popup-content p {
		line-height: 20px;
	}
	.popup-logo img {
		width: 185px;
	}
	.bedankt-banner-sec::after {
		width: 140px;
		left: 0;
		bottom: -89%;
	}
	.bedankt-text h1{
		line-height: 35px;
	}
	.bedankt-banner-img {
		height: 410px;
	}
	.diens-dtl-info-wrap em::before {
		top: 3px;
		width: 22px;
        height: 22px;
	}
	.service-sec{
		padding-left: 20px;
		padding-right: 20px;
	}
	.each-service-text {
        padding: 16px 10px;
    }
	.each-service-text h4 {
		font-size: 1.8rem;
        letter-spacing: normal;
		line-height: normal;
		padding-right: 40px;
    }
	.more-accessoire-sec-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.each-accessoires-service {
        padding: 30px 0;
    }
	.Accessoire-service .sec-wrap {
        padding: 30px 0;
       
    }

	.service-sec .sec-wrap{
		padding-left: 0;
		padding-right: 0;
	}
}

/* ===================================new-responsive-n========================== */
@media(max-width: 430px){
	.werkplaats-dtl-slide .related-service-heading .opps {
		top: -12px;
		right: -10px;
	}
	/* ====================last-page=================== */
	.Accessoire-service .each-service-text {
		padding: 20px 20px;
	}
	.Accessoire-service .each-service-wrap .each-service-text .hover-content {
		height: 85px;
	}
	.Accessoire-service .each-service-wrap:hover .each-service-text .hover-content {
		height: 85px;
	}
	.service-sec.Accessoire-service .service-sec-wrap {
		/* padding: 0px 10px; */
		padding: 0;
	}
	.accessoires-service-img {
		height: 255px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(odd) .each-accessoires-service .accessoires-service-text {
		padding-top: 26px;
	}
	.accessoires-service-wrap .sec-wrap:nth-child(even) .each-accessoires-service .accessoires-service-text {
		padding-top: 26px;
	}
	.related-service-heading .span{
		--after-width: 130.417px;
	}
	.related-service-heading span {
		padding-left: 0;
	}
	.related-service-heading .opps {
		top: -2px;
		right: -10px;
	}
	h3{
		font-size: 2.3rem;
	}
	.diens-dtl-info-wrap ul li ul strong {
		width: 28px;
		height: 28px;
		font-size: 1.2rem;
	}
	.diens-dtl-info-wra {
		--r: 0px;
		--s: 24px;
	}
	/* ===============popup================= */
	.modal-area .popup-content {
		margin-top: 20px;
	}
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.modal-area .popup-content p {
		padding-top: 20px;
	}
	.popup-content::after {
		width: 125px;
		height: 52px;
	}
	.bedankt-banner-img {
		height: 370px;
	}
	.bedankt-banner-sec::after {
		width: 110px;
		left: 0;
		bottom: -91%;
	}
	.bedankt-text .common-btn {
		margin-top: 28px;
	}
	.bedankt-text {
		bottom: 65px;
	}

	.inner-banner-sec::after {
		width: 110px;
		left: 0;
		bottom: -90%;
	}
}