@media (min-width: 1599px) {
	.container {
		max-width: 1278px;
	}
}
@media (max-width: 1599.98px){
	h1 {
        font-size: 6rem;
        line-height: 70px;
    }
	h2 {
		line-height: 62px;
	}

	/****index****/
	.banner-content h1 {
		font-size: 6rem;
	}
	.banner-content h1 em {
		padding-top: 23px;
		padding-bottom: 23px;
	}
	.banner-title { 
		max-width: 553px;
	}
	.product-slider .swiper-button-next {
		right: -42px;
	}
	.product-slider .swiper-button-prev {
		left: -42px;
	}
	.product-left-circle {
		left: 18px;
		width: 960px;
		height: 960px;
	}
	.product-right-circle {
		width: 700px;
		height: 700px;
	}
	.home-overons-car-img {
    	top: 76%;
	}
	/****diensten-list****/
	.diens-left-top-circle {
    	left: -3%;
	}
	.diens-right-circle {
    	right: -5%;
	}
	.diens-service-list-area .each-diens-service-area:nth-child(even) {
		margin-right: 0;
	}
	/****contact****/ 
	.map {
        height: 530px;
    }
	/****over-ons****/ 
	.overons-about-sec {
		padding-top: 150px;
	}
	.overons-team-sec {
		padding-bottom: 30px;
	}
	/****aanbod-dtl****/ 
	.gallery-thumbs-wrapper .swiper-slide {
		height: auto !important;
	}
	.dtl-product-slider .swiper-button-next {
		right: -42px;
	}
	.dtl-product-slider .swiper-button-prev {
		left: -42px;
	}
	/****pop-up****/
	.modal-area .popup-content {
    	padding: 50px 50px 10px;
	}


	.animated-map {
		max-width: 447px;
		top: -44px;
		left: 10%;
	}
	.each-product-info td {
		padding-right: 7px;
		margin-right: 7px;
	}
	.gallery-thumbs-wrapper {
		height: 442px;
	}
}
@media (max-width: 1399.98px){
	h2 {
    	font-size: 4.2rem;
		line-height: 52px;
	}
	h3 {
        font-size: 2rem;
    }
	.common-btn {
		padding-left: 30px;
		padding-right: 30px;
	}
	/****header****/ 
	.header-wrap .col-lg-2 {
        width: 19%
    }
	.header-wrap .col-lg-7 {
		width: 62%;
	}
	/****index****/
	.inner-banner-content {
    	bottom: 22%;
	}
	.banner-btm-area {
		column-gap: 70px;
	}
	.product-title h2 {
		line-height: 52px;
	}
	.product-slider .swiper-button-next {
		right: -32px;
	}
	.product-slider .swiper-button-prev {
		left: -32px;
	}
	.product-left-circle {
		top: -57%;
		width: 884px;
        height: 884px;
	}
	.product-right-circle {
		width: 628px;
		height: 628px;
	}
	.each-service-info {
    	padding-left: 30px;
		padding-right: 30px;
	}
	.each-product-info td {
    	/* padding: 0 7px; */
		padding-right: 7px;
    	margin-right: 7px;
	}
	.service-title h2 {
		line-height: 52px;
	}
	.home-overons-sec {
		padding-top: 120px;
	}
	.home-overons-area {
		padding-left: 75px;
	}
	.home-overons-car-img {
		top: 77%;
		left: -17%;
		width: 325px;
		height: 200px;
	}
	.footer-top-content {
		column-gap: 200px;
	}
	.footer-social {
		margin-top: 60px;
	}
	.each-footer-top-info td:first-child {
		padding-right: 45px;
	}
	.footer-btm .col-lg-4 {
		width: 40%;
	}
	.footer-btm .col-lg-8 {
		width: 60%;
	}
	/****diensten-list****/
	.diens-service-list-sec {
		padding-top: 120px;
	}
	.diens-left-top-circle {
        left: -14%;
    }
	/****diensten-dtl****/
	.diens-top-info {
		padding-left: 50px;
	}
	.each-price-table-info {
		padding-left: 22px;
		padding-right: 22px;
	}
	.each-price-table-btm h4 {
		font-size: 1.8rem;
		line-height: 22px;
	}
	.each-price-table-info li {
		margin-bottom: 12px;
	}
	.diens-top-left-circle {
		width: 500px;
	}
	.diens-top-right-circle {
		width: 300px;
	}
	.form-sec {
    	padding: 120px 0;
	}
	.form-wrap {
    	max-width: 1010px;
	}
	.form-main-area .form-group {
    	margin-bottom: 45px;
	}
	.form-main-area .row {
		margin: 0 -15px;
	}
	.form-main-area .col-lg-6, 
	.form-main-area .col-lg-12 {
		padding: 0 15px;
	}
	.diens-btm-sec {
		padding-top: 120px;
		padding-bottom: 0;
	}
	.diens-btm-left-circle {
		width: 500px;
	}
	.vacature-table-block ul {
		padding-left: 15px;
		padding-right: 15px;
	}
	/****over-ons****/ 
	.overons-about-sec {
		padding: 120px 0;
	}
	.each-team-member-info {
		padding: 26px 23px;
	}
	.each-team-member-info h3 {
		margin-bottom: 12px;
	}
	.overons-team-slider .swiper-button-prev {
		left: 15px;
	}
	.overons-team-slider .swiper-button-next {
		right: 15px;
	}
	.overons-team-sec {
		padding-bottom: 0;
	}
	.overons-about-left-circle {
		width: 540px;
	}
	.overons-about-right-circle {
		width: 400px;
	}
	/****aanbod-list****/ 
	.aanbod-filter-sec {
		padding-top: 190px;
	}
	.filter-left-area > .row {
		column-gap: 8px;
	}
	.filter-left-area .col-lg-3 {
		width: 24%;
	}
	/****aanbod-dtl****/ 
	.dtl-left-circle {
		width: 525px;
	}
	.dtl-right-circle {
		bottom: -53%;
		width: 422px;
	}
	.aanbod-contact-dtls .col-9 {
		width: 68%;
	}
	.aanbod-contact-dtls .col-3 {
		width: 32%;
	}
	.dtl-tab-sec {
    	padding: 100px 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs {
    	column-gap: 32px;
	}
	.block-dtls h5 {
		font-size: 2rem;
	}
	.kenmerken-popup-model h3 {
		font-size: 2.8rem;
	}
	.product-sec.aanbod-dtl-btm-sec {
    	padding-top: 120px;
	}
	.dtl-product-slider .swiper-button-next {
		right: -33px;
	}
	.dtl-product-slider .swiper-button-prev {
		left: -33px;
	}
	.dtl-product-left-circle {
		width: 480px;
	}
	.dtl-product-right-circle {
		width: 220px;
	}
	/****bedankt****/ 
	.bedankt-banner .col-lg-5 {
		width: 44%;
	}
	.bedankt-banner .col-lg-7 {
		width: 56%;
	}
	/****pop-up****/
	.modal-area .modal-dialog {
    	max-width: 76%;
	}
	.popup-content h3 {
		font-size: 3.4rem;
		line-height: 44px;
		margin: 28px 0;
	}
	.modal-area .popup-content {
		padding-left: 40px;
		padding-right: 40px;
	}
	.modal-main-content .col-lg-5 {
		width: 42%;
	}
	.modal-main-content .col-lg-7 {
		width: 58%;
	}
	.popup-content ul {
		margin-bottom: 30px;
	}



	.verkocht-top-sec {
		padding-top: 192px;
	}
	.aanbod-filter-sec .col-xl-9 {
		width: 100%;
	}
	.aanbod-filter-sec .col-xl-3 {
		width: 100%;
	}
	.filter-left-area .col-lg-3 {
        width: 20%;
    }
	.filter-sort {
		justify-content: start;
	}
	.filter-sort .aanbod-filter {
		width: 212px;
	}
	.gallery-thumbs-wrapper {
		height: 380px;
	}
	.overons-about-info {
		padding-right: 20px;
	}
	
}
@media(max-width: 1199.98px){
	h1 {
        font-size: 5rem;
        line-height: 60px;
    }
	.common-btn::after {
		height: 7px;
		width: 7px;
		background-size: 8px;
	}
	/****header****/ 
	.header-logo img {
		width: 160px;
	}
	.header-nav ul {
		gap: 17px;
	}
	.header-nav li {
		font-size: 1.5rem;
	}
	.header-wrap .col-lg-7 {
        width: 59%
    }
	.header-wrap .col-lg-3 {
		width: 22%;
	}
	/****index****/
	.banner-sec {
		padding-top: 119px;
	}
	.banner-sec .col-lg-7 {
		width: 64%;
	}
	.banner-sec .col-lg-5 {
		width: 36%;
	}
	.banner-content h1 {
        font-size: 5rem;
    }
	.banner-filter {
    	max-width: 295px;
	}
	.banner-filter .form-check-input {
		width: 14px;
		height: 14px;
	}
	.banner-title { 
		max-width: 465px;
	}
	.banner-btm-area {
        column-gap: 30px;
    }
	.banner-btm-area td {
    	padding: 0 40px;
	}
	.product-sec {
		padding-bottom: 80px;
	}
	.product-title {
        margin-bottom: 55px;
    }
	.product-slider .swiper-button-next {
        right: -20px;
    }
	.product-slider .swiper-button-prev {
        left: -20px;
    }
	.product-left-circle {
        width: 845px;
        height: 845px;
    }
	.product-right-circle {
        width: 574px;
        height: 574px;
    }
	.service-area .row {
		margin: 0 -8px;
	}
	.service-area .col-lg-4 {
		padding: 0 8px;
	}
	.each-service-info {
		padding-left: 25px;
		padding-right: 25px;
	}
	.each-service-img {
		height: 365px;
	}
	.home-overons-sec {
        padding-top: 80px;
    }
	.home-overons-area {
        padding: 45px;
		padding-right: 0;
    }
	.animated-map {
    	/* max-width: 288px; */
	}
	.home-overons-car-img {
        top: 77%;
        left: -16%;
        width: 276px;
        height: 161px;
    }
	.google-review {
		padding: 80px 0;
	}
	.footer-area {
		padding-top: 80px;
	}
	.footer-social ul a {
		height: 44px;
		width: 44px;
	}
	.footer-social ul a img {
		width: 18px;
	}
	.footer-social {
        margin-top: 50px;
		padding: 30px 0;
    }
	.footer-btm .col-lg-4 {
		width: 39%;
	}
	.footer-btm .col-lg-8 {
		width: 61%;
	}
	/****diensten-list****/
	.inner-banner {
		padding-top: 119px;
	}
	.diens-service-list-sec {
        padding-top: 80px;
        padding-bottom: 0;
    }
	.each-diens-service-info {
    	padding-left: 35px;
	}
	.each-diens-service {
    	margin-bottom: 45px;
	}
	.diens-service-list-area .each-diens-service-area:nth-child(even) .each-diens-service-info {
    	padding-right: 35px;
	}
	/****diensten-dtl****/
	.back-btn-sec {
        padding-top: 178px;
    }
	.diens-top-sec {
		padding-bottom: 80px;
	}
	.diens-top-info {
        padding-left: 35px;
    }
	.diens-top-info p {
		margin-bottom: 18px;
	}
	.diens-top-info li {
		margin-bottom: 10px;
	}
	.price-table-sec {
		padding-bottom: 80px;
	}
	.each-price-table-title strong {
		margin-top: 15px;
	}
	.price-table-area .row {
		row-gap: 20px;
	}
	.each-price-table-title {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.diens-top-left-circle {
        width: 425px;
    }
	.diens-top-right-circle {
        width: 245px;
    }
	.form-sec {
        padding: 90px 0;
    }
	.form-left-part {
		padding-right: 57px;
	}
	.form-wrap {
        max-width: 890px;
    }
	.form-left-part {
        padding-left: 45px;
        padding-right: 45px;
    }
	.form-main-area .form-styl {
    	padding-bottom: 14px;
	}
	.each-form-right-info {
		margin-bottom: 30px;
	}
	.form-right-social {
		padding-top: 35px;
	}
	.form-right-social {
        padding-top: 0;
    }
	.diens-btm-sec {
		padding-top: 80px;
	}
	.diens-btm-title {
		margin-bottom: 56px;
	}
	.diens-btm-left-circle {
        width: 410px;
    }
	.vacature-table-block {
		padding-bottom: 80px;
	}
	.vacature-table-block tr {
		column-gap: 15px;
		justify-content: space-between;
	}
	.vacature-table-block h3 {
		padding: 26px 20px;
	}
	.vacature-table-block ul {
		padding-bottom: 30px;
	}
	.vacature-table-block li {
    	margin-bottom: 7px;
	}
	.range-sec {
		padding-bottom: 80px;
	}
	.range-area {
    	max-width: 795px;
	}
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default, 
	.ui-button, 
	html .ui-button.ui-state-disabled:hover, 
	html .ui-button.ui-state-disabled:active {
		width: 25px;
		height: 25px;
	}
	/****contact****/ 
	.map {
        height: 446px;
		margin-top: 119px;
	}
	/****over-ons****/ 
	.overons-about-sec {
        padding: 80px 0;
    }
	.overons-about-left-circle {
        width: 418px;
    }
	.overons-about-right-circle {
        width: 300px;
    } 
	.overons-mid-top {
		margin-bottom: 40px;
	}
	.overons-mid-btm .about-info {
    	padding-left: 24px;
	}
	.overons-team-sec {
		padding-top: 80px;
	}
	.each-team-member-info h3 {
		font-size: 1.8rem;
        margin-bottom: 8px;
    }
	.each-team-member-info {
        padding: 23px 20px;
    }
	.overons-mid-btm-circle {
		bottom: -28%;
		width: 309px;
	}
	/****aanbod-list****/ 
	.aanbod-filter-sec {
        padding-top: 170px;
    }
	.filter-sort {
		justify-content: start;
	}
	.filter-sort .sorteren_op-filter {
		width: 23%;
	}
	.aanbod-product-area .row {
		row-gap: 30px;
	}
	/****verkocht****/ 
	.verkocht-top-sec {
		padding-top: 70px; 
	}
	/****aanbod-dtl****/
	.dtl-top-info {
		padding: 35px 23px;
	} 
	.dtl-top-area .col-lg-8 {
		width: 60%;
	}
	.dtl-top-area .col-lg-4 {
		width: 40%;
	}
	.aanbod-top-info-mid td p {
    	margin-top: 7px;
	}
	.aanbod-top-price {
		margin: 25px 0;
	}
	.aanbod-contact-info p {
		margin-top: 5px;
	}
	.dtl-left-circle {
        width: 392px;
    }
	.dtl-right-circle {
        bottom: -37%;
        width: 367px;
    }
	.aanbod-contact-dtls {
    	padding: 9px;
	}
	.dtl-tab-sec {
    	padding: 80px 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs {
        column-gap: 14px;
        margin-bottom: 45px;
    }
	.kenmerken-tab tr {
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 11px;
	}
	.kenmerken-tab td {
    	padding: 35px 38px 40px;
	}
	.tab-btm-btn {
		margin-top: 45px;
	}
	.product-sec.aanbod-dtl-btm-sec {
    	padding-top: 80px;
	}
	.dtl-product-slider .swiper-button-next {
        right: -18px;
    }
	.dtl-product-slider .swiper-button-prev {
        left: -18px;
    }
	/****bedankt****/ 
	.banner-sec .col-lg-5 {
        width: 44%;
    }
	.banner-sec .col-lg-7 {
        width: 56%;
    }
	/****pop-up****/
	.modal-area .modal-dialog {
        max-width: 88%;
    }
	.modal-area .popup-content {
		padding-top: 35px;
        padding-left: 30px;
        padding-right: 30px;
    }
	.popup-content li {
		margin-bottom: 6px;
	}
	.popup-content h3 {
        font-size: 3rem;
        line-height: 40px;
        margin: 20px 0;
    }



	.banner-content {
    	top: 23%;
	}
	.verkocht-top-sec {
		padding-top: 168px;
	}
	.animated-map {
        top: -36px;
        left: 3%;
    }
	.filter-left-area .col-lg-3 {
        width: 24%;
    }
	.gallery-thumbs-wrapper {
		height: 293px;
	}
	.min-vlue, .max-value {
  		width: 17%;
	}
	.range-area #slider {
		width: 68%;
	}
	.max-value {
  		width: 15%;
	}
	.overons-mid-top {
  		padding-bottom: 0;
	}

input[type=range].range-slider::-webkit-slider-thumb {
	height: 20px;
	width: 20px;
	margin-top: -5px;
}
.banner-video-desk 
{
height: 680px;

}
.banner-sec 
{
    height: 680px;
}

}
@media(max-width: 991.98px){
	h2 {
    	font-size: 3.6rem;
		line-height: 46px;
	}
	li {
		padding-left: 26px;
	}
	li::after {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }
	.common-btn {
        padding: 9px 26px;
    }
	.common-btn::after {
    	top: 0px;
	}
	/****header****/ 
	.header-wrap .col-lg-2 {
        width: 50%;
    }
	.header-wrap .col-lg-3 {
        width: 50%;
    }
	.nav-up .mobile-menu.mob-menu-active {
    	top: 74px;
	}
	/****index****/ 
	.banner-sec .col-lg-7,
	.banner-sec .col-lg-5 {
		width: 100%;	
	}
	.banner-img {
    	width: 100% !important;
	}
	.banner-img {
		display: none;
	}
	.banner-img.mob-banner {
		display: block;
	}
	.banner-content {
		position: initial;
		transform: none;
		margin-top: 42px;
	}
	.banner-title {
        max-width: 480px;
    }
	.banner-content h1 em {
		padding: 0;
		background-color: transparent;
	}
	.banner-filter {
		margin-top: 38px;
	}	
	.banner-content {
        padding-bottom: 50px;
    }
	.banner-btm-area {
        flex-wrap: wrap;
		row-gap: 15px;
    }
	.product-sec {
        padding: 60px 0;
    }
	.product-title h2 {
		line-height: 46px;
	}
	.product-left-circle {
        top: -99%;
        left: -11%;
	}
	.product-right-circle {
		width: 474px;
        height: 474px;
        bottom: 21%;
        right: -38%;
    }
	.each-product {
    	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
	}
	.service-sec {
		padding-top: 60px;
	}
	.service-title p {
		margin-bottom: 45px;
	}
	.service-area .row {
        margin: 0;
		row-gap: 24px;
    }
	.service-area .col-lg-4 {
        padding: 0;
    }
	.each-service-img {
    	border-radius: 20px;
		height: 430px;
	}
	.service-title {
    	max-width: 100%;
	}
	.service-title h2 {
        line-height: 46px;
    }
	.each-service:hover .each-service-img::before {
		opacity: 0;
	}
	.each-service-img::after {
		background: linear-gradient(0deg, rgba(61, 86, 37, 0.40) 0%, rgba(61, 86, 37, 0.40) 100%);
	}
	.each-service:hover .each-service-img::after {
		opacity: 1;
	}
	.each-service-info h3 {
		margin-bottom: 11px;
	}
	.service-right-circle { 
		right: -40%; 
		width: 767px;
		height: 767px;
	}
	.home-overons-sec {
        padding-top: 60px;
    }
	.home-overons-wrap {
		padding: 40px;
	}
	.home-overons-area {
        padding: 0;
        padding-bottom: 20px;
    }
	.home-overons-wrap .col-lg-7,
	.home-overons-wrap .col-lg-5 {
		width: 100%;
	}	
	.animated-map {
		max-width: 355px;
		margin: 0 auto;
	}
	.home-overons-car-img {
		display: none;
	}
	.home-overons-right {
		padding-top: 0;
	}
	.about-info {
		padding-left: 0;
		margin-top: 40px;
	}
	.about-info p {
		max-width: 100%;
		padding-bottom: 25px;
	}
	.about-info li {
    	margin-bottom: 25px;
	}
	.google-review {
		padding: 60px 0;
	}
	.footer-area {
		padding: 60px 0;
	}
	.footer-top-content {
        column-gap: 100px;
    }
	.footer-social {
        margin-top: 45px;
        padding: 40px 0;
    }
	.footer-logo img {
		width: 179px;
	}
	.footer-btm .col-lg-4 {
        width: 36%;
    }
	.footer-btm .col-lg-8 {
        width: 64%
    }
	.footer-btm .row {
		flex-direction: row-reverse;
	}
	.footer-creadit {
		text-align: end;
	}
	/****diensten-list****/
	.inner-banner-img {
        height: 380px;
    }
	.inner-banner-img img {
		height: 100%;
		object-fit: cover;
	}
	.inner-banner-content {
		bottom: 31%;
	}
	.diens-service-list-sec {
        padding-top: 60px;
	}
	.each-diens-service .col-lg-7,
	.each-diens-service .col-lg-5 {
		width: 100%;
	}
	.each-diens-service-info {
        padding-left: 0;
    }
	.each-diens-service-info {
        padding-left: 0;
        margin-top: 40px;
        max-width: 100%;
    }
	.diens-service-list-area .each-diens-service-area:nth-child(even) .each-diens-service-info {
        padding-right: 0;
        max-width: 100%;
    }
	.each-diens-service-img {
    	border-radius: 20px;
	}
	/****diensten-dtl****/
	.back-btn-sec {
        padding-top: 168px;
    }
	.diens-top-sec {
		padding-bottom: 60px;
	}
	.diens-top-img {
    	border-radius: 20px;
	}
	.diens-top-info {
        padding-left: 0;
        margin-top: 40px;
    }
	.price-table-sec {
		padding-bottom: 60px;
	}
	.each-price-table {
    	border-radius: 20px;
	}
	.each-price-table-title {
		border-radius: 20px 20px 0px 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.each-price-table-btm h4 {
        font-size: 1.6rem;
    }
	.diens-top-left-circle,
	.diens-top-right-circle {
    	top: 0;
		width: 225px;
	} 
	.form-left-part {
        padding: 45px 35px;
    }
	.form-main-area .form-group {
        margin-bottom: 30px;
    }
	.form-right-social {
        padding-top: 20px;
    }
	.form-left-circle {
		display: none;
	}
	.form-right-part {
    	padding: 50px 0;
	}
	.form-wrap {
        max-width: 100%;
    }
	.diens-btm-sec {
        padding-top: 60px;
    }
	.diens-btm-title {
        margin-bottom: 45px;
    }
	.diens-btm-left-circle {
        width: 350px;
    }
	.diens-btm-right-circle {
		width: 160px;
	}
	.vacature-table-block {
        padding-bottom: 60px;
    }
	.vacature-table-block tr {
		row-gap: 20px;
	}
	.vacature-table-block td {
		width: 100%;
		border-radius: 20px;
	}
	.vacature-table-block h3 {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	.vacature-table-block h3::after {
    	border-radius: 20px 20px 0px 0px;
	}
	.range-sec {
		padding-bottom: 60px;
	}
	.range-wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.range-title p {
		margin-top: 14px;
	}
	.min-vlue, .max-value {
    	font-size: 2rem;
	}
	.ui-widget.ui-widget-content {
		height: 8px;
	}
	/****contact****/ 
	.contact-form-sec {
		padding: 60px 0;
	}
	.contact-btm-area .row {
		row-gap: 20px;
	}
	.each-contact-btm-img {
    	border-radius: 20px;
	}
	/****over-ons****/ 
	.overons-mid-top-map .animated-map {
		margin: 0 auto;
	}
	.overons-about-sec {
        padding: 60px 0 30px;
    }
	.overons-about-left-circle {
        width: 230px;
        bottom: 40%;
    }
	.overons-about-img {
    	max-width: 100%;
	}
	.overons-about-info {
		margin-top: 40px;
	}
	.overons-mid-top .about-info {
		max-width: 100%;
	}
	.overons-mid-btm .about-info {
        padding-left: 0;
        max-width: 100%;
    }
	.overons-team-sec {
        padding-top: 60px;
    }
	/****aanbod-list****/ 
	.aanbod-list-header {
        z-index: 10;
    }
	.aanbod-list-header.aanbod-header-active {
        z-index: -9;
    }
	.brand-marquee-sec.marquee-header-active {
		z-index: -9;
	}
	.aanbod-filter-sec {
        padding-bottom: 68px;
    }
	.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: 50%;
	}
	.aanbod-filter-sec .hidden-filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
		height: 100%;
		margin-top: 0;
		padding: 60px 15px 150px;
		overflow-y: scroll;
		display: none;
	}
	.aanbod-filter-sec .auto-overview-filter-result {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 15px;
		left: 0;
		background-color: #5C813A;
		z-index: 99;
		border-top: 1px solid rgba(249, 248, 246, 0.5);
	}
	.aanbod-filter-sec .mobile-filter {
        display: none;
        padding-bottom: 150px;
    }
	.aanbod-filter-sec .filter-sort .aanbod-filter {
        width: 100%;
    }
    .aanbod-filter-sec .filter-sort h6{
    	display: none;
    }
	.aanbod-filter-sec .filter-main {
		margin-top: 20px;
	}
	.filter-left-area > .row {
        column-gap: 0;
    }
	.aanbod-filter-sec .filter-sort .sorteren_op-filter {
        width: 49%;
    }
	.aanbod-filter-sec .select-style {
		height: 46px;
		line-height: 46px;
	}
	.aanbod-filter-sec .select-style,
	.aanbod-filter-sec .select-style.show, 
	.aanbod-filter-sec .select-style.show:hover {
    	background: url(../images/aanbod-filter-arrow.svg) no-repeat 66% center / 8px;
	}
	.aanbod-filter-sec .select-style:hover {
		background: url(../images/filter-arrow-white.svg) no-repeat 66% center / 8px;
		background-color: #5C813A;
	}
	.filter-left-area .col-lg-3 {
        width: 50%;
    }
	.aanbod-product-area .row {
        row-gap: 20px;
    }
	/****verkocht****/ 
	.verkocht-top-sec {
		padding: 60px 0; 
	}
	/****aanbod-dtl****/ 
	.delen-btn {
    	margin-top: -44px;
	}
	.dtl-top-area .col-lg-8 {
        width: 100%;
    }
	.dtl-top-area .col-lg-4 {
        width: 100%;
    }
	.dtl-top-slider .col-md-9 {
		width: 100%;
	}
	.dtl-top-slider .col-md-3 {
		width: 100%;
	}
	.dtl-top-sec .gallery-thumbs .dtl-car-slide {
        height: 100%;
    }
	.gallery-thumbs .dtl-car-slide::before {
    	background: transparent;
	}
	.gallery-thumbs {
		height: 100% !important;
	}
	.gallery-thumbs::before {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		width: 14%;
		height: 100%;
		background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
		z-index: 2;
	}
	.gallery-thumbs::after {
		position: absolute;
		right: 0;
		bottom: 0;
		content: "";
		width: 14%;
		height: 100%;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
		z-index: 2;
	}
	.gallery-thumbs-wrapper {
		width: 100vw;
		margin-left: -50vw;
		left: 50%;
		position: relative;
	}
	.aanbod-top-slider .swiper-button-next {
		right: 0;
	}
	.aanbod-top-slider .swiper-button-prev {
		left: 0;
	}
	.aanbod-top-slider {
		margin-bottom: 15px;
	}
	.aanbod-contact-dtls {
        max-width: 300px;
        width: 100%;
    }
	.dtl-right-circle {
        bottom: -12%;
	}
	.dtl-right-btn {
		margin-bottom: 20px;
	}
	.dtl-top-info {
        max-width: 600px;
        margin: 0 auto;
    }
	.aanbod-contact-dtls .col-3 {
        width: 34%;
    }
	.aanbod-contact-dtls .col-9 {
        width: 66%;
    }
	.dtl-tab-sec {
        padding: 67px 0 46px;
    }
	/* =======tab-accordion====== */
	.tab-btn {
		display: none;
	}
	.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;
        width: 100%;
        margin-bottom: 16px;
        max-width: max-content;
		padding-left: 29px;
		padding-right: 29px;
    }
	.tab_drawer_heading:hover,
	.tab_drawer_heading.d_active {
		border-color: #3D5625;
		background: #5C813A;
		color: #fff;
	}
	.tab_drawer_heading.d_active {
		margin-bottom: 40px;
	}
	.kenmerken-tab {
		overflow: visible;
		border-radius: 10px;
        overflow: hidden;
	}
	.kenmerken-tab tr {
		padding: 7px 40px;
    }
	.kenmerken-tab tr::after {
		display: none;
	}
	.kenmerken-tab td {
        width: 50%;
		padding: 22px 45px;
		border-bottom: 0;
    }
	.kenmerken-tab td:nth-child(odd) {
        padding-left: 0;
    }
	.kenmerken-tab td:nth-child(even) {
		padding-right: 0;
	}
	.kenmerken-tab td:nth-child(even)::after {
		display: none;
	}
	.kenmerken-tab h3 {
		font-size: 1.8rem;
        font-family: 'kumbh_sansbold';
        line-height: 26px;
    }
	.kenmerken-tab h4 {
		font-size: 1.6rem;
        line-height: 22px;
    }
	.tab-btm-btn {
        margin-top: 29px;
        margin-bottom: 49px;
        text-align: center;
    }
	.tab-btm-btn .common-btn {
		cursor: pointer;
		padding: 0;
		border: 0;
		background: transparent;
		color: #88BD57;
	}
	.bullet-panel h5 {
    	font-size: 1.8rem;
	}
	.block-dtls h5 {
        font-size: 1.8rem;
    }
	.block-dtls {
		min-height: 186px;
	}
	.each-onderhoud-block {
		margin-bottom: 15px;
	}
	.kenmarken-popup-inner {
    	padding: 40px;
	}
	.kenmarken-popup-close {
		width: 36px;
		height: 36px;
	}
	.kenmerken-popup-model h3 {
        font-size: 2.6rem;
        margin-bottom: 12px;
    }
	.kenmarken-popup-content h3 {
    	margin-bottom: 10px;
	}
	.product-sec.aanbod-dtl-btm-sec {
    	padding-top: 60px;
	}
	.dtl-product-left-circle {
        width: 390px;
        top: -20%;
    }
	.aanbod-dtl-btm-sec .product-title {
		margin-bottom: 44px;
	}
	/****bedankt****/ 
	.bedankt-banner .common-btn {
		margin-top: 25px;
	}
	/****pop-up****/
	.modal-main-content .col-lg-5,
	.modal-main-content .col-lg-7 {
		width: 100%;
	}
	.modal-area .modal-dialog {
        max-width: 90%;
    }
	.close-img img {
		width: 15px;
		filter: brightness(0) invert(1);
	}
	.modal-area .popup-content {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
	.popup-content br {
		display: none;
	}
	.popup-content p:last-child {
		margin-bottom: 15px;
	}
	.popup-content h3 {
        font-size: 2.8rem;
        line-height: 32px;
        margin: 20px 0;
    }
	.popup-content ul {
        margin-bottom: 22px;
    }
	


	.verkocht-top-sec {
		padding-top: 160px;
	}
	.animated-map {
        top: 0;
        left: 0;
    }
	.footer-area {
        padding: 60px 0 42px;
    }
	.product-title {
        margin-bottom: 35px;
    }
	.privacy_section {
		padding: 30px 0;
	}
	.aanbod-filter-sec .form-check-input {
		width: 14px;
		height: 14px;
	}
	.gallery-thumbs-wrapper {
		height: auto;
	}
	.star_icon h5 {
    	font-size: 1.8rem;
	}
	.dtl-right-btn ul {
		justify-content: center;
	}
	.overons-about-info {
		padding-right: 0;
	}
	.service-slider .swiper-wrapper {
		display: block !important;
	}
	.range-sec .row {
		row-gap: 10px;
		margin-top: 0 !important;
		justify-content: start;
	}
	.range-sec .common-btn {
  		margin-top: 12px;
	}
	.checkbox_main_div {
		margin-top: 0;
	}
	.bedankt-banner .banner-content {
    	margin-top: 112px;
  	}



	.range-sec .col-6 {
		width: 50%;
	}
	.range-sec .select-styl {
		padding: 8px 20px;
	}
	.range-area {
        margin-bottom: 35px;
    }
	


.banner-video-desk {
    height:auto;
    position: initial;
    width: 100% !important;
}
.banner-sec {
    height: auto;
}





}
@media(max-width: 767.98px){
	body {
        font-size: 1.4rem;
    }
	.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: #3D5625;
		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;
	}
	#mobile-contact-bar ul li a {
		color: rgba(255,255,255,0.9);
		cursor: pointer;
		display: block;
		height: 100%;
		position: relative;
		z-index: 9998;
	}
	#mobile-contact-bar ul li::after {
		display: none;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}
	h1 {
        font-size: 4.2rem;
        line-height: 42px;
    }
	h2 {
    	font-size: 3.2rem;
		line-height: 40px;
	}
	h3 {
        font-size: 1.8rem;
    }
	h4 {
    	font-size: 1.4rem;
	}
	li, p {
        font-size: 1.4rem;
        line-height: 22px;
    }
	.common-btn {
        font-size: 1.4rem;
		line-height: 22px;
	}
	.common-btn::after {
		top: 0;
		height: 7px;
		width: 7px;
		background-size: 7px;
	}
	.common-arrow {
		height: 44px;
		width: 44px;
	}
	.common-arrow img {
    	width: 8px;
	}
	li::after {
        width: 18px;
        height: 18px;
        background-size: 18px;
	}
	.fixed-part {
		display: none;
	}
	/****brand-marquee****/ 
	.brand-marquee-sec.marquee-up {
		top: -67px;
	}
	/****header****/ 
	.header-area {
		padding: 7px 0;
		top: 67px;
	}
	.menu-btn {
		padding-left: 16px;
		padding-right: 16px;
	}
	.mobile-menu {
		top: 64px;
		padding: 30px 15px;
	}
	.mobile-menu li {
    	font-size: 1.6rem;
	}
	.nav-up .mobile-menu.mob-menu-active {
        top: 64px;
    }
	/****fix-wp****/ 
	.fix-wp a {
		width: 35px;
        height: 35px;
        right: 26px;
        bottom: 52px;
	}
	.fix-wp a img {
		width: 14px;
	}
	/****index****/
	.inner-banner-content {
        bottom: 28%;
    }
	.brand-marquee-sec {
		background: #98D461;
	}
	.brand-marquee-wrap {
		display: none;
	}
	.mob-brand-marquee-wrap {
		display: block;
	}
	.brand-marquee-sec ul li::before{ 
		width: 9px;
		height: 12px; 
	}
	.banner-sec {
		padding-top: 131px;
	}
	.each-home-banner, 
	.video-banner {
		height: 460px;
	}
	.banner-content h1 {
        font-size: 4.2rem;
		line-height: 50px;
    }
	.banner-title {
        max-width: 100%;
    }
	.banner-filter {
        max-width: 289px;
    }
	.banner-filter h4 {
		font-family: 'Inter-Regular';
		line-height: 22px;
		margin-bottom: 10px;
	}
	.banner-filter .select-style {
		height: 42px;
		font-size: 1.4rem;
		line-height: 42px;
		background-size: 8px;
		padding: 0 25px 0 12px;
		background-position-x: 96%;
	}
	.banner-filter .select-style:hover, .banner-filter .select-style.show {
		background-size: 8px;
		padding: 0 25px 0 12px;
		background-position-x: 96%;
	}
	.banner-filter label {
    	font-size: 1.2rem;
	}
	.banner-filter .form-check-input {
        width: 12px;
        height: 12px;
    }
	.banner-filter .filter-main > .row {
		row-gap: 15px;
	}
	.banner-filter .common-btn {
		margin-top: 25px;
	}
	.each-banner-btm h5 {
		font-size: 1.4rem;
		line-height: 22px;
	}
	.each-banner-btm tr {
		display: flex;
		flex-wrap: wrap;
		row-gap: 10px;
	}
	.each-banner-btm td {
        padding-left: 0;
		padding-right: 12px;
		width: 50%;
    }
	.each-banner-btm td:nth-child(even) {
		padding-left: 12px;
		padding-right: 0;
		border-right: 0;
	}
	.banner-btm-sec {
		padding: 19px 0;
	}
	.product-sec {
        padding: 52px 0 49px;
    }
	.product-title h2 {
        line-height: 40px;
    }
	.product-slider .swiper-slide {
		padding: 11px;
	}
	.product-slider .swiper-button-next,
	.product-slider .swiper-button-prev {
		display: none;
	}
	.product-left-circle {
        top: -120%;
        left: -89%
    }
	.each-product {
    	padding: 10px;
		border-radius: 20px;
	}
	.each-product-info {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 12px;
	}
	.each-product-info h3 {
		line-height: 26px;
	}
	.each-product-info p {
    	margin-top: 0;
	}
	.each-product-info td {
    	line-height: 22px;
	}
	.each-product-info table {
		margin-top: 15px;
	}
	.product-right-circle {
        width: 374px;
        height: 374px;
    }
	.service-sec {
        padding-top: 43px;
        padding-bottom: 50px;
    }
	.service-title h2 {
        line-height: 40px;
    }
	.service-title p {
        margin-bottom: 66px;
    }
	.each-service-info h3 {
		line-height: 26px;
	}
	.service-right-circle { 
		top: -6%;
		right: -118%; 
	}
	.service-btn {
		margin-top: 40px;
	}
	.home-overons-sec {
        padding-top: 40px;
		padding-bottom: 14px;
    }
	.home-overons-wrap {
        padding: 32px 10px 26px;
    }
	.home-overons-area {
        padding-bottom: 10px;
    }
	.home-overons-area p {
		padding: 16px 0 30px;
	}
	.home-overons-left-circle {
		bottom: -9%;
		left: -33%;
		width: 248px;
		height: 248px;
	}
	.home-overons-right-circle {
    	bottom: 0;
	}
	.about-img {
    	border-radius: 20px;
	}
	.about-info {
        margin-top: 36px;
    }
	.about-info h3 {
		line-height: 26px;
		margin-bottom: 17px;
	}
	.google-review {
		padding: 50px 0;
	}
	.footer-top-content {
        flex-wrap: wrap;
        justify-content: start;
        column-gap: 62px;
		row-gap: 46px;
    }
	.each-footer-top-info h3 {
		/* line-height: 32px; */
		padding-bottom: 0px;
		/* margin-bottom: 28px; */
	}
	.each-footer-top-info a {
		line-height: 22px;
	}
	.each-footer-top-info td {
    	line-height: 22px;
	}
	.footer-area {
        padding: 50px 0;
    }
	.each-footer-top-info td:first-child {
        padding-right: 74px;
    }
	.footer-right-circle {
	    bottom: 32%;
        right: -6%;
		display: none;
	}
	.footer-left-circle {
		display: none;
		bottom: 10px;
	}
	.footer-right-circle.mob-footer-right-circle {
		display: block;
	}
	.footer-left-circle.mob-footer-left-circle {
		display: block;
	}
	/****diensten-list****/
	.inner-banner {
		padding-top: 131px;
	}
	.inner-banner-img {
        height: 320px;
    }
	.diens-service-list-sec {
        padding-top: 30px;
    }
	.each-diens-service-info {
        margin-top: 30px;
	}
	.each-diens-service-info p {
		margin-top: 25px;
	}
	.each-diens-service {
        margin-bottom: 35px;
    }
	.diens-left-top-circle,
	.diens-left-btm-circle {
        width: 320px;
        height: 320px;
    }
	.diens-right-circle {
		width: 220px;
        height: 220px;
	}
	/****diensten-dtl****/
	.back-btn-sec {
        padding-top: 160px;
        padding-bottom: 25px;
    }
	.diens-top-sec {
        padding-bottom: 30px;
    }
	.diens-top-info {
        margin-top: 35px;
    }
	.diens-top-info h3 {
		margin-bottom: 20px;
	}
	.diens-top-info p {
        margin-bottom: 14px;
    }
	.diens-top-info li {
        margin-bottom: 7px;
    }
	.price-table-sec {
		padding-bottom: 30px;
	}
	.each-price-table {
    	border-radius: 10px;
	}
	.each-price-table-title {
		border-radius: 10px 10px 0px 0px;
		padding-top: 15px;
        padding-bottom: 15px;
    }
	.each-price-table-title strong {
        margin-top: 10px;
    }
	.each-price-table-info {
        padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
    }
	.price-table-area .row {
        row-gap: 15px;
    }
	.each-price-table-info li {
		padding-left: 12px;
		margin-bottom: 8px;
	}
	.each-price-table-btm {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.each-price-table-info li::before {
    	top: 8px;
	}
	.each-price-table-btm h4 {
        font-size: 1.4rem;
		line-height: 20px;
    }
	.form-main-area .form-styl,
	.form-main-area label {
		font-size: 1.4rem;
	}
	.form-title h2 {
		line-height: 40px;
	}
	.form-left-part {
        padding: 41px 20px;
    }
	.form-title {
		margin-bottom: 28px;
	}
	.form-btn {
		margin-top: 26px;
	}
	.each-form-right-info td {
    	line-height: 22px;
	}
	.form-right-part {
        padding: 45px 0 50px;
    }
	.each-form-right-info h3 {
		margin-bottom: 9px;
	}
	.form-right-top-circle {
		left: -2%;
		width: 182px;
	}
	.form-right-btm-circle {
        width: 278px;
    }
	.each-form-right-info a {
		font-size: 1.4rem;
	}
	.diens-btm-sec {
        padding-top: 30px;
    }
	.diens-btm-title {
        margin-bottom: 30px;
    }
	.diens-btm-left-circle {
        top: -32%;
        width: 232px;
    }
	.vacature-table-block {
        padding-bottom: 30px;
    }
	.vacature-table-block h3 {
        padding: 20px 15px;
    }
	.vacature-table-block tr {
        row-gap: 15px;
    }
	.vacature-table-block ul {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
    }
	.vacature-table-block li::after {
        top: 2px;
    }
	.range-sec {
        padding-bottom: 30px;
    }
	.range-wrap {
        padding-top: 30px;
		padding-bottom: 30px;
		border-radius: 10px;
    }
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        width: 20px;
        height: 20px;
    }
	.min-vlue, .max-value {
        font-size: 1.6rem;
    }
	.min-vlue {
    	width: 14%;
	}
	.max-value {
    	width: 17%;
	}
	.range-area #slider {
		width: 67%;
	}
	.ui-widget.ui-widget-content {
        height: 6px;
    }
	/****contact****/ 
	.map {
        height: 320px;
		margin-top: 131px;
    }
	.contact-form-sec {
        padding: 30px 0;
    }
	.each-contact-btm-img {
    	border-radius: 10px;
	}
	.contact-btm-area .row {
        row-gap: 15px;
    }
	.form-small-circle1 {
		width: 75px;
	}
	.form-small-circle2 {
		width: 40px;
	}
	.form-small-circle3 {
		width: 38px;
	}
	/****over-ons****/ 
	.overons-about-sec {
        padding: 30px 0 15px;
    }
	.overons-about-info {
        margin-top: 30px;
    }
	.overons-mid-top {
        margin-bottom: 30px;
    }
	.overons-mid-sec .about-info h3::after {
		top: -3px;
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
	.overons-mid-sec .about-info h3 {
		padding-left: 38px;
	}
	.overons-about-sec .about-info h3 {
    	padding-left: 38px;
	}
	.overons-team-sec {
        padding-top: 30px;
    }
	.each-team-member-info h3 {
        font-size: 1.6rem;
	}
	.each-team-member-info {
		padding-left: 15px;
		padding-right: 15px;
	}
	.overons-team-slider .swiper-button-next {
        right: 10px;
    }
	.overons-team-slider .swiper-button-prev {
        left: 10px;
    }
	.overons-about-right-circle {
        width: 180px;
    }
	.overons-about-left-circle {
        width: 187px;
        bottom: 50%
    }
	.overons-mid-btm-circle {
        bottom: 0;
        width: 173px;
    }
	/****aanbod-list****/ 
	.filter-left-area .col-lg-3 {
        width: 100%;
		margin-bottom: 10px;
    }
	.aanbod-filter-sec .filter-sort .sorteren_op-filter {
        width: 100%;
    }
	.mobile-show-filter {
    	top: 128px;
	}
	.aanbod-filter-sec .select-style {
        height: 42px;
        line-height: 42px;
        font-size: 1.4rem;
    }
	.aanbod-filter-sec .select-style, 
	.aanbod-filter-sec .select-style.show, 
	.aanbod-filter-sec .select-style.show:hover {
        background: url(../images/aanbod-filter-arrow.svg) no-repeat 62% center / 7px;
    }
	.aanbod-filter-sec .select-style:hover {
		background: url(../images/filter-arrow-white.svg) no-repeat 62% center / 7px;
		background-color: #5C813A;
	}
	.auto-overview-filter-result {
        bottom: 45px !important;
        border-bottom: 1px solid #fff;
        padding: 12px !important;
    }
	.auto-overview-filter-result .common-btn {
    	padding: 8px;
	}
	.auto-overview-tag {
		font-size: 1.2rem;
	}
	.aanbod-filter-sec .show_selected_filter_cls {
        padding-top: 30px !important;
	}
	.aanbod-filter-sec {
        padding-bottom: 60px;
    }
	.filter-up .mobile-show-filter {
		top: 63px;
	}
	.aanbod-product-area .row {
        row-gap: 10px;
    }
	/****verkocht****/ 
	.verkocht-top-sec {
		padding: 30px 0; 
	}
	.verkocht-top-right {
		text-align: start;
		margin-top: 10px;
	}
	/****aanbod-dtl****/ 
	.delen-btn {
        margin-top: -67px;
    }
	.aanbod-back-btn {
		display: none;
	}
	.aanbod-back-btn.mob-aanbod-back-btn {
		display: block;
	}
	.delen-btn {
		display: none;
	}
	.delen-btn.mob-delen-btn {
		display: block;
		margin-top: -63px;
	}
	.dtl-right-btn ul {
		justify-content: space-between;
	}
	.dtl-right-btn {
		margin-bottom: 0;
	}
	.aanbod-back-btn.mob-aanbod-back-btn {
        display: block;
        padding-top: 15px;
        padding-bottom: 20px;
    }
	.aanbod-top-slider {
        margin-bottom: 5px;
    }
	.gallery-thumbs-wrapper {
        width: 110vw;
        margin-left: -60vw;
	}
	.gallery-thumbs::before {
        width: 21%;
	}
	.gallery-thumbs::after {
        width: 21%;
	}
	.dtl-top-info {
        max-width: 100%;
        padding-left: 11px;
        padding-right: 11px;
        padding-bottom: 14px;
    }
	.aanbod-top-info-top h2 {
		line-height: 26px;
	}
	.aanbod-top-info-top p {
    	margin-top: 9px;
	}
	.aanbod-top-info-mid td {
    	padding-bottom: 21px;
	}
	.aanbod-top-info-mid table {
    	max-width: 100%;
	}
	.aanbod-top-info-mid td::after {
    	width: calc(100% - 67px);
	}
	.aanbod-top-price {
        margin: 38px 0 34px;
    }
	.aanbod-contact-dtls .col-3 {
		width: 34%;
	}
	.aanbod-contact-dtls .col-9 {
		width: 66%;
	}
	.aanbod-contact-info p {
        margin-top: 9px;
    }
	.aanbod-contact-dtls {
        max-width: 100%;
	}
	.dtl-top-sec {
		padding-top: 182px;
	}
	.dtl-left-circle {
        width: 253px;
    }
	.dtl-right-circle {
        bottom: -11%;
	}
	.aanbod-contact-dtls .col-3 {
        width: 28%;
    }
	.aanbod-contact-dtls .col-9 {
        width: 72%;
    }
	.kenmerken-tab h4 {
        font-size: 1.4rem;
	}
	.kenmerken-tab h3 {
		margin-bottom: 2px;
	}
	.kenmerken-tab td {
        padding-bottom: 25px;
	}
	.dtl-tab-sec {
		padding-bottom: 27px;
	}
	.dtl-tab-sec .bullet-panel li:after {
    	background-size: 6px;
		width: 6px;
		height: 6px;
	}
	.dtl-tab-sec .bullet-panel ul li {
    	padding-left: 13px;
		margin-bottom: 7px;
	}
	.bullet-panel h5 {
        font-size: 1.6rem;
    }
	.block-dtls h5 {
        font-size: 1.6rem;
    }
	.left-bg-block {
    	width: 120px;
	}
	.block-dtls {
    	width: calc(100% - 120px);
	}
	.each-onderhoud-block {
		margin-bottom: 12px;
	}
	.kenmerken-popup-model h3 {
        font-size: 2.4rem;
	}
	.kenmerken-popup-model {
    	padding-bottom: 25px;
	}
	.kenmarken-popup-content h3 {
        margin-bottom: 0;
    }
	.kenmerken-popup-model h3 {
        font-size: 2rem;
	}
	.kenmarken-popup-inner {
    	border-radius: 10px;
	}
	.product-sec.aanbod-dtl-btm-sec {
        padding-top: 52px;
    }
	.dtl-product-left-circle,
	.dtl-product-right-circle {
		display: none;
	}
	.dtl-product-slider .swiper-slide {
		padding: 8px;
	}
	.dtl-product-slider .swiper-button-next {
        right: 0;
    }
	.dtl-product-slider .swiper-button-prev {
        left: 0;
    }
	.dtl-product-slider .common-arrow {
		top: 30%;
	}
	/****pop-up****/
	.modal-area .modal-dialog {
        max-width: 92%;
    }
	.close-img {
		top: 20px;
		right: 22px;
	}
	.modal-area .popup-content {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
	.popup-content h3 {
        font-size: 2.4rem;
        margin: 15px 0;
    }
	.popup-content li {
		padding-left: 22px;
	}
	.popup-content li::after {
    	top: 3px;
	}
	.popup-content p:last-child {
        margin-bottom: 9px;
    }
	.popup-content ul {
        margin-bottom: 16px;
    }


	.each-footer-top-info a {
		line-height: 34px;
	}
	.footer-area {
        padding: 50px 0 30px;
    }
	.product-title {
        margin-bottom: 22px;
    }
	.star_icon h5 {
    	font-size: 1.6rem;
	}
	.min-vlue, .max-value {
		font-size: 1.2rem;
	}
	.range-area #slider {
		width: 63%;
	}
	.min-vlue {
		width: 18%;
		padding-right: 8px;
	}
	.range-slider {
		height: 5px;
	}
	.max-value {
		width: 19%;
	}
	.range-slider::-webkit-slider-runnable-track {
		height: 5px;
	}
	.range-slider::-moz-range-track {
		height: 5px;
	}
	.range-slider::-ms-track {
		height: 5px;
	}
	.each-service {
		margin-bottom: 15px;
	}
	.range-sec .col-6 {
		width: 100%;
	}
	.range-sec .select-styl {
        padding: 8px 10px;
    }
	input[type=range].range-slider::-webkit-slider-thumb {
		height: 15px;
		width: 15px;
		margin-top: -5px;
	}
	
}
@media(max-width: 429.98px){
	h1 {
        font-size: 3.8rem;
		line-height: 38px;
	}
	h2 {
        font-size: 2.4rem;
        line-height: 30px;
    }
	h3 {
        font-size: 1.6rem;
    }
	li, p {
        font-size: 1.2rem;
    }
	li {
        padding-left: 23px;
    }
	.common-btn {
        font-size: 1.2rem;
        padding: 7px 12px;
        column-gap: 7px;
    }
	.common-btn::after {
        height: 6px;
        width: 6px;
        background-size: 6px;
    }
	.common-arrow {
        height: 35px;
        width: 35px;
    }
	/****brand-marquee****/ 
	.mob-brand-marquee-wrap ul {
		padding: 0;
		row-gap: 7px;
	}
	.brand-marquee-sec.marquee-up {
        top: -81px;
    }
	/****hjeader****/ 
	.header-area {
        top: 81px;
    }
	.header-logo img {
        width: 110px;
    }
	.menu-btn {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.mobile-menu {
        top: 52px;
	}
	.mobile-menu li {
        font-size: 1.4rem;
        margin-bottom: 15px;
    }
	.nav-up .mobile-menu.mob-menu-active {
        top: 51px;
    }
	/****index****/
	.banner-sec {
        padding-top: 133px;
    }
	.banner-content {
        margin-top: 30px;
		padding-bottom: 30px;
    }
	.banner-content h1 {
        font-size: 3.8rem;
        line-height: 42px;
    }
	.banner-filter {
        max-width: 100%;
        margin-top: 18px;
    }
	.banner-filter .filter-main > .row {
        row-gap: 12px;
    }
	.product-sec {
        padding: 30px 0;
    }
	.product-title {
        margin-bottom: 25px;
    }
	.product-title h2 {
        font-size: 2.4rem;
        line-height: 28px;
    }
	.product-right-circle {
        width: 330px;
        height: 330px;
    }
	.each-product {
		border-radius: 10px;
	}
	.each-product-info table {
        margin-top: 10px;
    }
	.each-product-info td {
        /* padding: 0 6px; */
        font-size: 1.2rem;
		padding-right: 6px;
    	margin-right: 6px;
    }
	.each-product-info {
		padding-top: 15px;
	}
	.product-btn {
		margin-top: 25px;
	}
	.service-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.service-title h2 {
        line-height: 34px;
    }
	.service-title p {
        margin-top: 10px;
        margin-bottom: 25px;
    }
	.each-service-img {
        height: auto;
		border-radius: 10px;
    }
	.each-service-info {
		padding: 25px 12px;
	}
	.each-service-info p {
    	line-height: 21px;
	}
	.service-area .row {
        row-gap: 15px;
    }
	.service-btn {
        margin-top: 30px;
    }
	.home-overons-sec {
        padding-top: 30px;
    }
	.home-overons-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	.home-overons-overlay {
		border-radius: 10px;
	}
	.home-overons-area p {
        padding: 10px 0 20px;
    }
	.animated-map-point {
		height: 15px;
		width: 15px;
	}
	.animated-map-point img {
		width: 11px;
	}
	.about-info h3::after {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }
	.about-info {
        margin-top: 30px;
    }
	.about-info h3 {
        line-height: 26px;
        margin-bottom: 15px;
        padding-left: 30px;
    }
	.about-info p {
        padding-bottom: 18px;
    }
	.about-info li {
        margin-bottom: 18px;
    }
	.about-img {
        border-radius: 10px;
    }
	.google-review {
        padding: 30px 0;
    }
	.footer-area {
        padding: 30px 0;
    }
	.each-footer-top-info h3 {
        margin-bottom: 12px;
		font-size: 1.8rem;
    }
	.footer-top-content {
        row-gap: 18px;
    }
	.each-footer-top-info td:first-child {
        padding-right: 26px;
    }
	.footer-social {
        margin-top: 24px;
        padding: 15px 0;
    }
	.footer-social ul {
    	column-gap: 8px;
	}
	.footer-social ul a {
        height: 34px;
        width: 34px;
    }
	.footer-social ul a img {
        width: 14px;
    }
	.footer-logo img {
        width: 130px;
    }
	.footer-btm .col-lg-8 {
        width: 58%;
    }
	.footer-btm .col-lg-4 {
        width: 42%;
    }
	.each-footer-top-info a {
		margin-bottom: 0;
	}
	.footer-left-circle {
        width: 165px;
    }
	.footer-right-circle {
        bottom: 48%;
        width: 114px;
	}
	/****diensten-list****/
	.inner-banner {
		padding-top: 133px;
	}
	.each-diens-service {
        margin-bottom: 30px;
    }
	.each-diens-service-info p {
        margin: 20px 0;
    }
	.each-diens-service-img {
        border-radius: 10px;
    }
	/****diensten-dtl****/
	.diens-top-img {
        border-radius: 10px;
    }
	.diens-top-info {
        margin-top: 30px;
    }
	.diens-top-info h4 {
    	line-height: 22px;
	}
	.diens-top-info li {
        margin-bottom: 0;
    }
	.each-price-table-title {
        padding-top: 16px;
        padding-bottom: 16px;
    }
	.each-price-table-btm {
        padding-top: 15px;
        padding-bottom: 15px;
    }
	.each-price-table-info li {
        margin-bottom: 4px;
    }
	.diens-top-left-circle, 
	.diens-top-right-circle {
        width: 150px;
    }
	.form-sec {
        padding: 30px 0;
    }
	.form-wrap {
    	border-radius: 10px;
	}
	.form-left-part {
        padding: 25px 12px;
    }
	.form-title h2 {
        line-height: 28px;
    }
	.form-title {
        margin-bottom: 20px;
    }
	.form-main-area .form-styl, 
	.form-main-area label {
        font-size: 1.2rem;
    }
	.form-main-area .form-styl {
        padding-bottom: 3px;
    }
	.form-main-area .form-group {
        margin-bottom: 14px;
    }
	.form-main-area textarea.form-styl {
    	min-height: 78px;
	}
	.form-right-part {
        padding: 30px 0;
    }
	.form-right-btm-circle {
        width: 153px;
    }
	.form-right-top-circle {
        width: 115px;
    }
	.each-form-right-info h3 {
        font-size: 1.8rem;
    }
	.each-form-right-info {
        margin-bottom: 22px;
    }
	.form-right-social ul {
    	column-gap: 8px;
	}
	.form-right-social li a {
		height: 30px;
		width: 30px;
	}
	.form-right-social {
        padding-top: 12px;
    }
	.diens-btm-title {
        margin-bottom: 25px;
    }
	.diens-btm-sec .each-service-info {
        padding-top: 30px;
        padding-bottom: 30px;
    }
	.diens-btm-left-circle {
        top: -15%;
        width: 167px;
    }
	.diens-btm-right-circle {
        width: 110px;
    }
	.vacature-table-block tr {
        row-gap: 10px;
    }
	.vacature-table-block h3 {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.vacature-table-block h3::after {
        border-radius: 10px 10px 0px 0px;
    }
	.vacature-table-block td {
        border-radius: 10px;
    }
	.vacature-table-block li {
        margin-bottom: 4px;
    }
	.ui-state-default, 
	.ui-widget-content .ui-state-default, 
	.ui-widget-header .ui-state-default, 
	.ui-button, 
	html .ui-button.ui-state-disabled:hover, 
	html .ui-button.ui-state-disabled:active {
        width: 14px;
        height: 14px;
    }
	.range-title p {
        margin-top: 10px;
        margin-bottom: 20px;
    }
	.min-vlue {
        width: 19%;
    }
	.max-value {
        width: 23%
    }
	.range-area #slider{
        width: 58%
    }
	.ui-widget.ui-widget-content {
        height: 5px;
    }
	/****contact****/
	.map {
		margin-top: 133px;
	}
	.contact-btm-area .row {
        row-gap: 10px;
    }
	/****over-ons****/ 
	.overons-about-img {
		border-radius: 10px;
	}
	.overons-mid-btm-circle {
        width: 120px;
    }
	.overons-mid-sec .about-info h3 {
        line-height: 22px;
		margin-bottom: 10px;
	}
	.overons-mid-btm-img {
    	border-radius: 10px;
	}
	.each-team-member {
		border-radius: 10px;
	}
	.each-team-member-info {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	/****aanbod-list****/ 
	.mobile-filter-close span {
		max-width: 28px;
		height: 28px;
	}
	.aanbod-filter-sec .aanbod-filter {
		width: 100%;
	}
	.aanbod-filter-sec .auto-overview-filter-result {
		bottom: 45px;
	}
	.auto-overview-filter-result .common-btn {
        padding: 6px;
    }
	.mobile-filter-close {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.mobile-show-filter {
        top: 136px;
        padding: 12px 0 13px;
    }
	.aanbod-filter-sec .show_selected_filter_cls {
        padding-top: 10px !important;
        padding-bottom: 15px;
    }
	.aanbod-filter-sec .select-style, 
	.aanbod-filter-sec .select-style.show, 
	.aanbod-filter-sec .select-style.show:hover {
        background: url(../images/aanbod-filter-arrow.svg) no-repeat 66% center / 7px;
		line-height: 40px;
		height: 40px;
    }
	.aanbod-filter-sec .select-style:hover {
		background: url(../images/filter-arrow-white.svg) no-repeat 66% center / 7px;
		background-color: #5C813A;
	}
	.aanbod-filter-sec label {
    	font-size: 1.2rem;
	}
	.aanbod-filter-sec .form-check-input {
		width: 13px;
		height: 13px;
	}
	.aanbod-filter-sec {
        padding-bottom: 50px;
    }
	.mobile-show-filter {
        top: 133px;
	}
	.filter-up .mobile-show-filter {
        top: 52px;
    }
	/****verkocht****/ 
	.verkocht-top-right {
        margin-top: 4px;
    }
	/****aanbod-dtl****/ 
	.delen-btn {
        margin-top: -64px;
    }
	.delen-btn .common-btn img {
		width: 11px;
	}
	.dtl-top-sec {
		padding-top: 150px;
	}
	.dtl-left-circle {
        width: 180px;
    }
	.dtl-right-circle {
        bottom: 13%;
        width: 186px;
    }
	.dtl-top-sec .gallery-thumbs .dtl-car-slide,
	.dtl-top-sec .gallery-thumbs .dtl-car-slide img {
    	border-radius: 5px;
	}
	.delen-btn.mob-delen-btn {
        margin-top: -57px;
		padding-bottom: 17px;
    }
	.dtl-top-info {
		padding-top: 21px;
	}
	.aanbod-top-info-mid table {
		margin-top: 20px;
	}
	.aanbod-top-info-mid td p {
        margin-top: 2px;
    }
	.aanbod-top-info-mid td {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
	.aanbod-top-info-mid td::after {
        width: calc(100% - 30px);
    }
	.aanbod-top-price h4 strong {
		margin-left: 7px;
	}
	.aanbod-top-price {
        margin: 20px 0;
    }
	.aanbod-contact-info p {
        margin-top: 3px;
    }
	.aanbod-contact-info {
		padding-left: 0;
	}
	.aanbod-contact-dtls .col-3 {
        width: 32%;
    }
	.aanbod-contact-dtls .col-9 {
        width: 68%;
    }
	.aanbod-contact-dtls-img {
		width: 62px;
		height: 62px;
	}
	.dtl-tab-sec {
		padding-top: 30px;
	}
	.tab_drawer_heading.d_active {
        margin-bottom: 25px;
    }
	.kenmerken-tab h3 {
        font-size: 1.4rem;
		margin-bottom: 0;
	}
	.kenmerken-tab h4 {
        font-size: 1.2rem;
    }
	.kenmerken-tab tr {
		padding-left: 10px;
		padding-right: 10px;
	}
	.kenmerken-tab td {
        padding: 12px 15px;
	}
	.tab-btm-btn {
        margin-top: 20px;
        margin-bottom: 25px;
	}
	.tab_drawer_heading {
        margin-bottom: 10px;
        padding: 5px 16px;
    }
	.dtl-tab-sec .bullet-panel ul li {
		margin-bottom: 7px;
	}
	.left-bg-block {
        width: 100px;
    }
	.block-dtls {
        width: calc(100% - 100px);
    }
	.each-onderhoud-block p {
		margin-bottom: 16px;
	}
	.kenmarken-popup-close img {
    	width: 20px;
	}
	.kenmarken-popup-close {
        width: 30px;
        height: 30px;
    }
	.kenmerken-popup-model h3 {
        margin-bottom: 9px;
	}
	.kenmerken-popup-model {
        padding-bottom: 18px;
    }
    .kenmarken-popup-inner {
        padding: 35px 15px;
    }
	.kenmerken-popup-model h3 {
		font-size: 1.8rem;
	}
	.product-sec.aanbod-dtl-btm-sec {
        padding-top: 30px;
    }
	.aanbod-dtl-btm-sec .product-title {
        margin-bottom: 20px;
    }
	/****pop-up****/
	.modal-area .modal-content,
	.pop-up-image {
    	border-radius: 10px;
	}
	.close-img img {
        width: 12px;
	}
	.close-img {
        top: 17px;
	}
	.modal-area .popup-content {
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
    }
	.popup-content h3 {
        font-size: 2rem;
        line-height: 27px;
    }
	.popup-content p:last-child {
        margin-bottom: 0;
    }



	.verkocht-top-sec {
		padding-top: 155px;
	}
	.each-footer-top-info a {
        line-height: 27px;
    }
	.product-title {
        margin-bottom: 10px;
    }
	.header-area {
        top: 59px;
    }
	.mobile-show-filter {
        top: 111px;
    }
	.range-area #slider {
		width: 51%;
	}
	.min-vlue {
		width: 24%;
	}
	.max-value {
		width: 25%;
	}
	.each-service {
        margin-bottom: 10px;
    }

}