@media(max-width: 1799.98px){
	.middle-area-wrap, .gallery-left-area{
		padding-left: 200px;
	}
	.middle-area-wrap{
		padding-right: 160px;
	}
	.each-middle-block{
		margin-right: 40px;
	}
	/*******************aanbod***************/
	.aanbod-middle-area .col-lg-5{
	  -ms-flex: 0 0 48%;
	  flex: 0 0 48%;
	  max-width: 48%;
	}
	.aanbod-middle-area .col-lg-7 {
	  -ms-flex: 0 0 52%;
	  flex: 0 0 52%;
	  max-width: 52%;
	}
	/****************aanbod list***************/
	.aanbod-list .aanbod-middle-area.footer-top .header-left ul {
	    margin-left: 20px;
	}
	.aanbod-list .left-img-text table{
		margin-left: 0;
		margin-top: 20px;
	}
	/*******************contact*****************/
	.contact-time .gallery-left-area{
	  padding-right: 0;
	}
	/***************aanbod dtl****************/
	.aanbod-dtl-block-panel .each-middle-block{
		margin-right: 30px;
	}
	.aanbod-dtl-block-panel{
		max-width: 88%;
	}
	.tab-wrapper {
    	max-width: 80%;
	}
	/*****************overons******************/
	.each-counter h3{
		font-size: 70px;
	}
	.oldman-left-text {
    	padding: 60px 0px 60px 130px;
	}
	.oldman-desc {
	    padding: 120px 50px 50px 50px;
	}
}
@media(max-width: 1699.98px){
	.header-area .col-lg-6:first-child{
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.header-area .col-lg-6:last-child{
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.desktop-nav .nav-item {
	    font-size: 15px;
	    padding-right: 30px;
	}
	.desktop-nav .navbar-nav {
	    padding-left: 40px;
	}	
	.header-area:after {
    	width: 40%;
	}
	.block-wrap {
    	max-width: 1140px;
	}
	.gallery-left-area{
		padding-right: 80px;
	}
	.footer-info-wrap{
		padding-left: 80px;
	}
	.car-product td{
		padding-right: 20px;
	}
	.car-product td:after {
	    right: 20px;
	}
	.footer-info-wrap h2{
		font-size: 18px;
	}
	.footer-top .header-left li:first-child{
		padding-right: 30px;
	}
	/*****************aanbod****************/
	.aanbod-product .car-product {
    	margin-right: 70px;
    }
    .aanbod-select-sec .col-lg-2 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
	.aanbod-select-sec .each-select-box{
		margin-bottom: 10px;
	}
    /****************aanbod list***************/
	.aanbod-list .aanbod-middle-content {
	    padding-left: 50px;
	}
	.aanbod-list .aanbod-middle-area h2{
		padding: 40px 30px 40px 0;
	}
	/*****************diensten listview**************/
	.inner-pg-banner .banner-content{
		bottom: 120px;
	}
	.diensten-each-listview .aanbod-middle-content {
	    padding-right: 100px;
	    padding-left: 50px;
	}
	.diensten-each-listview .aanbod-middle-area {
	    padding-left: 70px;
	}
	/******************aanbod dtl***********/
	.aanbod-dtl-block-panel .each-middle-block {
    	padding: 0 20px 30px;
    	margin-right: 20px;
    }
    .price-area h2 {
    	font-size: 36px;
	}
	/*******************overons*******************/
	.counter-right-text.gallery-left-area {
		margin-left: 120px;
	}
	
}
@media(max-width: 1599.98px){
	.modal-area .popup-content h3 {
		font-size: 32px;
	}
	.car-product-arrow {
	    width: 45px;
	    height: 45px;
	    border-bottom-right-radius: 20px;
	    top: -45px;
	    right: -45px;
	}
	.car-product-arrow img {
	    width: 25px;
	}
	.car-product {
	    margin-right: 50px;
	}
	.middle-area-wrap {
	    padding-right: 120px;
	}
	.middle-area-wrap, .gallery-left-area {
	    padding-left: 160px;
	}
	.footer-info-wrap {
	    padding-left: 30px;
	}
	.privacy-area p {
	    margin-right: 0px;
	}
	/*******************aanbod*****************/
	.aanbod-middle-area h2{
		font-size: 30px;
	}
	.aanbod-middle-content {
	    padding-left: 20px;
	}
	.aanbod-product .left-heading-wrap h2{
		font-size: 36px;
	}
	.aanbod-product .left-heading-wrap {
	    padding-left: 0px;
	}
	/********************diensten dtl*****************/
	.diensten-dtl-left-text {
		padding-right: 50px;
	}
	.diensten-dtl-footer-upper {
		padding: 80px 0px;
	}
	.diensten-dtl-each-btm-box {
		margin-right: 0px;
	}
	.diensten-dtl-footer-upper-heading h3 {
		margin-bottom: 50px;
	}
	.diensten-bottom-wrap {
	    padding-left: 80px;
	}
	/*****************contact***************/
	.contact-time .aanbod-middle-area h2 {
	    font-size: 30px;
	}
	.opening-time-wrap{
		padding-left: 30px;
	}
	/****************werkplts dtl**************/
	.werkplts-table-content td:nth-child(odd) {
	    padding-right: 40px;
	}
	.werkplts-table-content td:nth-child(even) {
	    padding-left: 40px;
	}
	/*****************aanbod dtl***************/
	.aanbod-dtl-block-panel {
	    max-width: 95%;
	}
	/********************overons******************/
	.checklist-right-text {
		padding: 60px 0px 60px 140px;
	}
	.each-counter h3 {
	    font-size: 60px;
	}
	.oldman-left-text{
		padding-left: 100px;
	}
	.oldman-sec-wrap .col-lg-7 {
	    padding-left: 30px;
	}
	/********************verkocht*****************/
	.verkocht-product .car-product-arrow img {
	    width: 32px;
	}
	.related-car .text-right {
	  	margin-right: 80px;
	}
}
@media(max-width: 1499.98px){
	h1{
		font-size: 54px;
	}
	.desktop-nav .nav-item {
		padding-right: 25px;
	}
	.footer-info-wrap{
		padding: 0;
	}
	.brand-panel img{
		width: 100px;
	}
	.footer-top .header-left li img{
		width: 28px;
	}
	.footer-top .header-left ul {
	    margin-left: 160px;
	}
	.middle-area-wrap, .gallery-left-area {
	    padding-left: 130px;
	}
	.middle-area-wrap {
	    padding-right: 90px;
	}
	.gallery-left-area {
	    padding-right: 50px;
	}
	.header-left li img {
	    width: 22px;
	    margin-right: 15px;
	}
	.header-left li{
		padding: 0 20px;
	}
	.each-block {
	    padding: 35px 20px;
	}
	.arrow{
		right: 10px;
	}
	.each-block h4{
		font-size: 16px;
    	height: 40px;
	}
	.block-wrap {
	    max-width: 980px;
	}
	.product-top-heading, .banner-content{
		padding-left: 90px;
	}
	.product-slider{
		margin-right: 40px;
	}
	/********************aanbod*****************/
	.aanbod-select-wrap {
	    padding: 60px 30px 60px 50px;
	}
	.aanbod-product .car-product {
	    margin-right: 60px;
	}
	.car-product td{
		font-size: 15px;
	}
	.aanbod-middle-area{
		padding-left: 50px;
	}
	.aanbod-listt2 .left-img-text table{
		margin-left: 40px;
	}
	/********************aanbod list***************/
	.aanbod-list .car-product-text {
	    margin-left: 30px;
	    margin-right: 0px;
	    padding: 60px 40px 0;
	}
	.aanbod-list .car-product-text h3 {
	    font-size: 30px;
	}
	.aanbod-list .car-product-text h5 {
	    font-size: 26px;
	}
	.aanbod-list .aanbod-middle-area .col-lg-7 {
	    -ms-flex: 0 0 55%;
	    flex: 0 0 55%;
	    max-width: 55%;
	}
	.aanbod-list .aanbod-middle-area .col-lg-5 {
	    -ms-flex: 0 0 45%;
	    flex: 0 0 45%;
	    max-width: 45%;
	}
	.aanbod-list .aanbod-middle-area.footer-top .header-left ul {
	    margin-left: 10px;
	}
	.left-img-text td p, .aanbod-list .header-left li p{
		font-size: 15px;
	}
	.left-img-text td:nth-child(odd) {
	    padding-right: 15px;
	}
	/******************diensten listview***************/
	.listview-top-content .gallery-left-area {
	    padding-right: 0px;
	}
	.diensten-each-listview .aanbod-middle-area h2:before {
    	width: 200px;
    }
    .diensten-each-listview .aanbod-middle-content p{
    	margin-bottom: 60px;
    }
    /******************contact***************/
	.contact-time .aanbod-middle-area {
	    padding: 0px;
	}
	.contact-time .aanbod-middle-area h2 {
	    font-size: 27px;
	}
	.contact-time .gallery-left-area p{
		font-size: 15px;
	}
	/**************************aanbod dtl**************/
	.tab-wrapper {
	    max-width: 88%;
	}	
	.aanbod-dtl-block-panel .each-middle-block h4{
		font-size: 20px;
	}
	.price-area h2 {
	    font-size: 30px;
	    margin-left: 40px;
	}
	/************************overons******************/
	.checklist-right-text-list li {
	    font-size: 22px;
	    margin-bottom: 40px;
	    padding-left: 60px;
	}
	.checklist-right-text-list li:after{
		width: 35px;
		height: 35px;
	}
	.each-counter h3 {
	    font-size: 52px;
	}
	.counter-right-text.gallery-left-area {
	    margin-left: 80px;
	    margin-right: 0;
	}
	.oldman-sec .col-xl-5 {
	    -ms-flex: 0 0 34%;
	    flex: 0 0 34%;
	    max-width: 34%;
	}
	.oldman-sec .col-xl-7 {
	    -ms-flex: 0 0 66%;
	    flex: 0 0 66%;
	    max-width: 66%;
	}
	.oldman-sec-wrap:after{
		width: calc(100% - 38.5%);
	}
	.oldman-desc {
	    padding: 80px 40px 50px 30px;
	}
	.oldman-team-btn {
	    margin-top: 60px;
	}
	.oldman-left-text {
	    padding: 50px 0px 50px 100px;
	}	
	.oldman-grp-icon, .slider-btn {
	    margin-right: 40px;
	}
	.oldman-grp-icon{
		width: 60px;
	}
	.oldman-before-box h2{
		padding-right: 50px;
	}
	.checklist-right-text-list ul {
	    margin-top: 20px;
	}
	/*vacature*/
	.aanbod-middle-content .vacature-icon p {
		margin: 0px 0px 15px 0px;
	}
}
@media(max-width: 1399.98px){
	.common-wrapper {
	    padding-right: 80px;
	    padding-left: 80px;
	}
	.menu-items{
		width: calc(100% - 160px);
	}
	.middle-area:after{
		width: calc(100% - 80px);
	}
	.modal-area .popup-content h3 {
		font-size: 28px;
	}
	/***************aanbod****************/
	.aanbod-middle-area h2 {
	    font-size: 28px;
	}
	/****************diensten dtl***************/
	.diensten-dtl-banner:after {
		width: calc(100% - 80px);
	}
	.diensten-dtl-left-text{
		padding-top: 0;
	}
	/********************overons*****************/
	.oldman-before-box h2{
		padding: 50px 50px 50px 0;
	}
	.oldman-desc h6{
		margin-bottom: 30px;
	}
	.each-counter h2{
		font-size: 30px;
	}
}
@media(max-width: 1299.98px){
	h1 {
	    font-size: 48px;
	}
	.product-top-heading, .banner-content {
	    padding-left: 50px;
	}
	.middle-area-wrap {
	    padding-right: 40px;
	}
	.each-middle-block{
		padding-right: 30px;
	}
	.desktop-nav .nav-item {
	  padding-right: 20px;
	}
	/*.header-area .col-lg-6:first-child {
	    -ms-flex: 0 0 65%;
	    flex: 0 0 65%;
	    max-width: 65%;
	}
	.header-area .col-lg-6:last-child {
	    -ms-flex: 0 0 35%;
	    flex: 0 0 35%;
	    max-width: 35%;
	}
	.header-area:after {
	    width: 35%;
	    height: 360px;
	}*/
	.menu-icon{
		margin-right: 0;
	}
	.block-wrap {
	    max-width: 940px;
	}
	.gallery-left-area h2{
		margin-bottom: 50px;
	}
	/*****************aanbod************/
	.aanbod-product .col-xl-4, .aanbod-product .col-xl-8{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	} 
	.aanbod-middle-area h2{
		padding: 40px 40px 40px 0;
	}
	.aanbod-middle-area {
	    padding-left: 30px;
	}
	.aanbod-middle-area h2:before {
    	width: calc(100% - 40px);
	}
	.aanbod-middle-area h2 {
	    font-size: 26px;
	}
	.aanbod-middle-area.footer-top .header-left li img {
	    width: 20px;
	    margin-right: 10px;
	}
	.aanbod-middle-area.footer-top .header-left ul {
	    margin: 30px 0 0 20px;
	}
	.aanbod-middle-content p {
    	margin-bottom: 35px;
    	font-size: 14px;
    	line-height: 20px;
    }
    .aanbod-listt2 .left-img-text table {
    	margin-left: 30px;
	}
    .aanbod-filter-part {
	    width: 100%;
	}
	.aanbod-select-wrap{
		padding-right: 50px;
	}
	.aanbod-grid-area {
	    width: 100%;
	    max-width: 320px;
	    margin: 30px auto 0;
	    display: table !important;
	}
	/****************aanbod list***************/
	.aanbod-list .car-product-text {
	    margin-left: 20px;
	    padding: 30px 30px 0;
	}
	.aanbod-list .car-product {
	    margin-right: 0px;
	}
	/*****************diensten listview**************/
	.inner-pg-banner .banner-content{
		bottom: 90px;
	}
	.diensten-each-listview .aanbod-middle-area h2:before {
	    width: 170px;
	}
	.diensten-each-listview .aanbod-middle-content p {
	    margin: 0 0 50px;
	}
	/*****************diensten dtl*****************/
	.diensten-dtl-form-upper-sec {
		padding: 50px 0px;
	}
	.diensten-dtl-form-sec {
		padding: 50px 0px;
	}
	/****************aanbod dtl**************/	
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		width: 18%;
	}
	.price-area .common-btn {
	    margin-right: 0px;
	}
	.price-area h2 {
    	font-size: 26px;
	}
	.price-area h2 span{
		margin-left: 0;
	}
	.aanbod-dtl-block-panel {
	    max-width: 100%;
	    margin-left: 0;
	}
	.aanbod-dtl-block-panel .each-middle-block {
	    padding: 0 10px 30px;
	    margin-right: 15px;
	}
	/***********************overons*******************/
	.slider-btn{
		margin-right: 0;
	}
	.oldman-before-box h2{
		font-size: 30px;
	}
	.checklist-right-text-heading::before{
		width: 220px;
	}
	.checklist-right-text-list li {
	    font-size: 20px;
	    margin-bottom: 30px;
	    padding-left: 35px;
	}
	.checklist-right-text-list li:after {
	    width: 24px;
	    height: 24px;
	}
	.checklist-right-text-list ul {
	    margin-top: 20px;
	}
	.overons-banner-btm-sec{
		padding: 30px 0 50px;
	}
	.each-counter h3 {
	    font-size: 40px;
	}
	/*vacature*/
	.aanbod-middle-content .vacature-icon p {
		margin: 0px 0px 15px 0px;
	}
	.aanbod-product .col-md-5 .text-right .common-btn{
	  	max-width: 200px;
	}
}
@media(max-width: 1199.98px){
	h1 {
	    font-size: 42px;
	}
	h2, .gallery-left-area h2{
		font-size: 32px;
	}
	.header-area .header-left ul{
		display: none;
	}
	.modal-area .modal-dialog {
        max-width: 90%;
    }
    .modal-area .popup-content p {
        margin: 20px 0 0;
    }
	.menu-icon .menu-bar {
	    width: 24px;
	    float: right;
	}
	.menu-icon{
		text-align: left !important;
		float: left;
	}
	.menu-items li{
		padding-right: 40px;
	}
	.header-area .col-lg-6:first-child, .header-area .col-lg-6:last-child  {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.header-area:after {
	    width: 50%;
	}
	.common-wrapper {
	    padding-right: 60px;
	    padding-left: 60px;
	}
	.middle-area:after{
		width: calc(100% - 60px);
	}
	.menu-items {
	    width: calc(100% - 120px);
	}
	.product-top-heading, .banner-content {
	    padding-left: 60px;
	}
	.block-wrap {
	    max-width: 720px;
	}
	.block-wrap .row{
		justify-content: center;
	}
	.each-block{
		margin-bottom: 50px;
	}
	.product-sec{
		padding-top: 100px;
	}
	.product-top-heading, .gallery-images{
		padding: 0;
	}
	.car-product-arrow{
		display: none;
	}
	.car-product, .product-slider{
	    margin-right: 0px;
	}
	.gallery-left-area p{
		text-align: justify;
		margin-left: 0;
	}
	.gallery-left-area h2{
		margin-bottom: 40px;
	}
	.gallery-left-area .common-btn{
		margin-top: 40px;
	}
	.middle-area-wrap, .gallery-left-area {
	    padding-left: 70px;
	}
	.middle-area-wrap {
	    padding-right: 0px;
	}
	.each-middle-block {
	    margin-right: 20px;
	    padding-right: 20px;
	    padding-left: 20px;
	}
	.aanbod-dtl-block-panel .each-middle-block {
		height: auto;
	}
	.footer-top .header-left ul {
	    margin-left: 100px;
	}
	.footer-menubar-area{
		padding: 60px 0 0;
	}
	.middle-area-wrap .col-lg-4:last-child .each-middle-block{
		margin-bottom: 0;
	}
	.gallery-left-area h2 {
	    margin-bottom: 25px;
	}
	.gal-item{
		padding: 0 15px 15px;
	}
	/******************aanbod***************/
	.aanbod-product .car-product {
	    margin-right: 30px;
	}
	.aanbod-middle-content p{
		-webkit-line-clamp: 3;
	}
	.aanbod-product{
		padding-top: 80px;
	}
	.aanbod-product .left-heading-wrap h2 {
	    font-size: 32px;
	}
	.aanbod-select-sec .col-lg-2 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	/***************aanbod list************/
	.aanbod-list .car-product-text .col-lg-8, .aanbod-list .car-product-text .col-lg-4,
	.aanbod-list .aanbod-middle-area .col-lg-7, .aanbod-list .aanbod-middle-area .col-lg-5{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    border-right: 0;
	}
	 .aanbod-list .car-product-text .col-lg-4{
	 	text-align: left !important;
	 	padding-top: 20px;
	 }
	 .aanbod-list .car-product-text{
	 	padding: 30px;
	 }
	 .aanbod-list .aanbod-middle-content {
	    padding-left: 0px;
	    padding-top: 50px;
	}
	/*******************diensten listview*****************/
	.diensten-listview-img {
	    padding-right: 15px;
	}
	.diensten-each-listview .aanbod-middle-content {
	    padding-right: 40px;
	    padding-left: 0px;
	}
	.diensten-each-listview .aanbod-middle-area {
	    padding-left: 50px;
	}
	.diensten-each-listview .aanbod-middle-area h2:before {
	    width: 150px;
	    left: 20px;
	}
	.diensten-each-listview:nth-child(even) .diensten-listview-img {
	    padding-left: 20px;
	}
	/*********************diensten dtl****************/
	.diensten-dtl-each-btm-box {
		padding: 15px;
	}
	.right-form {
		padding-left: 50px;
	}
	.diensten-dtl-right-img {
		margin-top: 30px;
	}
	.diensten-dtl-banner:after {
		width: calc(100% - 60px);
	}
	.diensten-dtl-banner .gallery-left-area{
		left: 0;
	}
	.diensten-bottom-wrap {
	    padding-left: 0px;
	}
	.diensten-dtl-banner .gallery-left-area{
		margin-top: -80px;
	}
	/*******************contact**************/
	.contact-time-heading:before {
		width: 270px;
		height: 160px;
	}
	/*********************aanbod dtl**************/
	.price-area h2 {
	    margin: 0px 30px 0 0;
	}
	.aanbod-dtl-block-panel .each-middle-block{
		padding: 0 30px 30px;
		margin: 0 auto 50px;
	}
	.price-area{
		padding-bottom: 60px;
	}
	.tab-wrapper {
	    max-width: 100%;
	    padding-left: 50px;
	}
	.aanbod-detail-tab-sec .tab-content {
	    padding: 80px 0 50px;
	}
	/*************************overons*******************/
	.oldman-sec .col-xl-5, .oldman-sec .col-xl-7 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.oldman-sec-wrap:after {
	    width: 100%;
	}
	.checklist-left-img {
	    margin-right: 20px;
	}
	.checklist-right-text {
	    padding: 40px 0px 40px 80px;
	}
	.checklist-right-text-heading h2{
		left: -20px;
	}
	.counter-sec{
		padding: 100px 0;
	}
	.each-counter h2 {
	    font-size: 25px;
	    letter-spacing: normal;
	}
	.oldman-desc {
	    padding: 40px 0px 40px 30px;
	}
	.overons-banner-btm-sec .gallery-left-area {
    	margin-left: 0px;
	}
	/*vacature*/
	.aanbod-middle-content .vacature-icon {
		text-align: left !important;
		margin-top: 20px;
	}
	.aanbod-product .col-md-5 .text-right .common-btn {
	    max-width: 170px;
	}
	.aanbod-list .car-product-text table{
		margin-top: 20px;
	}
	.related-car .text-right {
	  margin-right: 0;
	}
}
@media(max-width: 991px){
	.header, .footer {
		background: #fff;
	}
	h1 {
	    font-size: 36px;
	}
	h2, .gallery-left-area h2{
		font-size: 28px;
	}
	.common-wrapper{
		padding-left: 15px;
		padding-right: 15px;
		max-width: 720px;
		width: 100%;
		margin:auto;
	}
	.banner-sec.common-wrapper{
		padding: 0;
		max-width: 100%;
	}
	.header-area, .mini-right-nav {
		display:none;
	}
	.dblock {
	    display: block;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 999;
	    border-bottom: 1px solid #e1e1e1;
	}
	main{
		padding-top: 80px;
	}
	.block-wrap{
		margin-top: 50px;
	}
	.block-wrap {
	    max-width: 640px;
	}
	.banner-sec .each-banner-image, .banner-sec .each-banner-image img {
	    border-bottom-right-radius: 0px;
	}
	.banner-content{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.product-sec{
		padding: 0px 0 30px;
	}
	.middle-area:after {
	    width: 100%;
	}
	.middle-area-wrap, .gallery-left-area{
		padding-left: 0;
	}
	.middle-area-wrap, .gallery-area{
		padding: 50px 0;
	}
    .each-middle-block.cursor.home-block {
    min-height: auto;
    }
	.gallery-left-area h2{
		margin-top: 0;
	}
	.gallery-left-area {
	    padding-right: 0px;
		margin-bottom: 20px;
	}
	.gallery-left-area .common-btn{
		margin-bottom: 40px;
	}
	.footer-top .header-left ul {
	    margin-left: 0px;
	}
	.footer-area .common-wrapper {
		max-width: 100%;
		padding-bottom: 40px;
	}
	.footer-top .header-left li img{
		width: 20px;
	}
    .footer-top .footer-info-wrap .header-left .footer-social-area img{
        width: 20px;
    }
	/************pop up**************/
	.modal-area .popup-content{
		padding: 50px;
	}
	 .modal-area .pop-up-image img{
		display: block;
	}
	 .modal-area .modal-content .row {
		flex-direction: column-reverse;
	}
	.modal-area .close-img {
		top: 10px;
		right: 10px;
		left: auto;
		width: 40px;
		height: 40px;
		text-align: center;
	}
	 .modal-area .popup-content p{
	 	padding-right: 0;
	 }
	.modal-area .col-lg-6{
	 	position: static;
	}
	 .modal-area .close-img img {
	    filter: brightness(0) invert(1);
	    -webkit-filter: brightness(0) invert(1);
	}
	/*****************aanbod****************/
	.select-btn .common-btn{
		max-width: 100%;
	}
	.each-select-box{
		margin-bottom: 8px;
	}
	.aanbod-product .left-heading-wrap h2 {
	    font-size: 28px;
	}
	.aanbod-product .left-heading-wrap{
		padding-left: 0;
	}
	.aanbod-product{
		padding-top: 40px;
	}
	.aanbod-product .col-xl-4, .aanbod-product .col-xl-8 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-middle-area{
		padding: 40px;
		height: auto;
	}
	.aanbod-select-sec .common-wrapper {
	    padding-right: 15px;
	}
	.aanbod-product .car-product {
	    margin-right: 0px;
	}
	.aanbod-middle-content p{
		display: block;
	}
	.aanbod-select-sec .col-lg-2 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	/*****************aanbod list*************/
	.aanbod-list .product-slider {
	    margin-top: 30px;
	}
	.aanbod-list .car-product-text {
    	margin-left: 0px;
	}
    .aanbod-grid-area{
        display: none !important;
    }
	/*********************diensten listview*****************/
	.inner-pg-banner.banner-sec .each-banner-image, .inner-pg-banner.banner-sec .each-banner-image img {
	    border-bottom-right-radius: 0px;
	}
	.inner-pg-banner .banner-content {
	    bottom: auto;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.diensten-listview-img img, .diensten-each-listview .flex-row-reverse .aanbod-middle-area:after {
	    border-bottom-right-radius: 0px;
	}
	.diensten-listview-img, .diensten-each-listview:nth-child(even) .diensten-listview-img{
		padding: 0;
	}
	.diensten-listview-sec .common-wrapper {
	    padding-right: 15px;
	}
	.diensten-each-listview .aanbod-middle-area {
	    padding: 40px;
	}
	.diensten-each-listview .aanbod-middle-content p{
		margin:30px 0;
	}
	.diensten-each-listview .aanbod-middle-content{
		padding: 0px;
	}
	.diensten-each-listview {
	    margin-bottom: 30px;
	}
	/*************************diensten dtl*********************/
	.diensten-dtl-form-upper-sec, .diensten-dtl-right-img {
		padding: 0px;
	}
	.diensten-dtl-left-text{
		padding: 30px 0;
	}
	.left-img-text {
		padding: 0px;
	}
	.contact-mail-call {
		margin-bottom: 50px;
	}
	.diensten-dtl-footer-upper {
		padding: 0px 0px 30px;
	}
	.diensten-dtl-footer-upper-heading{
		margin-bottom: 30px;
	}
	.diensten-dtl-right-img img {
	    border-bottom-right-radius: 0px;
	}
	.diensten-dtl-footer-upper-btn {
		margin-right: 0px;
	}
	.diensten-slider-area .common-arrow{
		right: -30px;
	}
	.diensten-dtl-each-btm-box {
		margin-top: 30px;
	}
	.form-sec-wrap.gallery-left-area{
		padding:50px;
	}
	.diensten-dtl-form-sec .gallery-left-area h2{
		font-size: 28px;
	}
	.right-form {
	    padding-left: 0px;
	}
	.diensten-dtl-banner .gallery-left-area{
		margin-top: 0;
	}
	.back-btn-sec.common-wrapper{
		background: #474548;
		max-width: 100%;
	}
	.diensten-dtl-banner:after {
	    width: 100%;
	}
	.diensten-dtl-banner{
		padding: 50px 0;
	}
	.back-btn-sec .form-sec-wrap {
	    padding-top: 50px;
	}
	.back-btn-sec .common-btn {
	    margin-right: 0px;
	}
	.back-btn-sec .text-right{
		text-align: center !important;
	}
	/********************contact***************/
	.contact-time-text {
		margin-top: 30px;
	}
	.contact-time {
		padding: 50px 0px;
	}
	.contact-time .aanbod-middle-area h2 {
	    font-size: 24px;
	}
	.map-sec {
	    height: 260px;
	}
	/******************werkplts dtl*************/
	.werkplts-table-content table{
		margin-bottom: 0;
	}
	/********************aanbod dtl*************/
	.aanbod-dtl-slider .swiper-container {
	    border-bottom-right-radius: 0px;
	}
	.aanbod-dtl-slider {
		max-width: 100%;
		padding: 0;
	}
	.aanbod-dtl-slider .swiper-button-prev{
	  display: block;
	  left: 10px;
	}
	.aanbod-dtl-slider .swiper-button-next{
		right: 10px;
	}
	.aanbod-dtl-slider .swiper-slide-next .dtl-slider-wrap:after, .aanbod-dtl-slider .swiper-pagination{
 		display: none;
	}
	.tab-sec{
		padding: 50px 0;
	}
	.price-area{
		padding: 50px 0 0;
	}
	.price-area h2{
		font-size: 24px;
		margin: 0;
	}
	.price-area .text-right{
		text-align: left !important;
	}
	.aanbod-dtl-block-panel {
    	margin-top: 60px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 31%;
	    margin-bottom: 10px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding: 50px 0 30px;
	}
	.related-car .d-flex{
		justify-content: flex-start !important;
		margin-top: 30px;
	}
	.aanbod-dtl-block-panel .each-middle-block{
		max-width: 320px;
	}
	.slider-top-icon{
		width: 50px;
		height: 50px;
		left: auto;
    	right: 20px;
	}
	.slider-top-icon img {
	  	width: 20px;
	}
	.aanbod-dtl-slider .swiper-slide-active .slider-top-icon{
	  opacity: 1;
	}
	/************************overons******************/
	.common-overons-grid.col-lg-5, .common-overons-grid.col-lg-7{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.checklist-left-img {
	    margin: 0px 0 30px;
	}
	.checklist-left-img img, .oldman-sec-wrap:after {
	    border-bottom-right-radius: 0px;
	}
	.slider-btn .common-arrow, .overons-bottom-sec .common-arrow{
		width: 40px;
		height: 40px;
	}
	.slider-btn .common-arrow img, .overons-bottom-sec .common-arrow img{
		width: 15px;
		height: 15px;
	}
	.oldman-sec {
	    padding-bottom: 50px;
	}
	.overons-bottom-sec .swiper-button-next{
		left: 120px;
	}
	.counter-sec {
	    padding: 20px 0 40px;
	}
	.each-counter {
	    margin: 40px auto;
    	max-width: 300px;
    	width: 100%;
	}
	.counter-right-text.gallery-left-area{
		margin-left: 0;
	}
	.oldman-left-text:before{
		display: none;
	}
	.oldman-left-text{
		padding-bottom: 0;
	}
	.overons-gallery-slider ,.overons-bottom-sec{
		margin-top: 30px;
	}
	.oldman-sec .common-wrapper{
		padding-left: 0;
	}
	/**********************verkocht*****************/
	.verkocht-product{
		padding: 0;
	}
	.aanbod-product .col-md-5 .text-right .common-btn {
	    max-width: 170px;
	    display: block;
	    margin: 0 0 10px;
	}
	.footer-top .header-left li:first-child {
	    padding-right: 20px;
	}
	.aanbod-list .car-product-text{
		padding-left: 15px;
		padding-right: 15px;
	}
	.aanbod-listt2 .left-img-text table{
		margin-left: 0;
	}	
	.res-logo-styl{
		width: 180px;
	}	
	.right-form {
		margin-top: 0px;
	}
	.right-form .pl-2{
		padding-left: 15px !important;
	}
	.right-form .pr-2{
		padding-right: 15px !important;
	}
	.right-form .common-btn{
		margin:0;
	}
	.aanbod-filter-part .row{
		margin: 0 -5px;
		justify-content: center;
	}
	.aanbod-select-sec .each-select-box select{
		padding-left: 8px;
	}
}
@media(max-width: 767px){
	h1 {
	    font-size: 30px;
	}
	h2, .gallery-left-area h2, .diensten-dtl-form-sec .gallery-left-area h2{
		font-size: 24px;
	}
	h3{
		font-size: 22px;
	}
	h4{
		font-size: 20px;
	}
	p{
		text-align: justify;
	}
	.common-wrapper, .block-wrap{
		max-width: 540px;
	}
	/*************pop up***********/
	.modal-area .modal-dialog {
	    max-width: 95%;
	}
    .modal-area .popup-content{
        padding: 30px 15px;
    }
	.modal-area .popup-content h3 {
		font-size: 24px;
	}
	.common-btn{
		max-width: 210px;
		height: 48px;
		line-height: 46px;
	}
	.banner-content {
	    padding-left: 15px;
	}
	.each-block {
	    margin-bottom: 30px;
	}
	.each-block, .car-product-text, .gallery-images .col-md-12 .box img{
		border-radius: 0;
	}
	.block-wrap, .product-slider {
	    margin-top: 30px;
	}
	.block-wrap .pl-2{
		padding-left: 15px !important;
	}
	.each-block h4{
		height: auto;
	}
	.arrow {
	    right: 15px;
	}
	.product-top-heading .text-right {
		text-align: left !important;
		margin-top: 20px;
	}
	.car-product td{
		/*width: 100%;
		display: block;*/
		padding: 0 0 10px;
	}
	.car-product td:after {
	    display: none;
	}
	.car-product-text h5{
		font-size: 20px;
	}
	.car-product-text h5 span {
    	font-size: 18px;
    }
	.car-product{
		margin-bottom: 0;
	}
	.middle-block-content h2 {
	    margin-bottom: 40px;
	}
	.middle-area-wrap{
	    padding: 40px 0;
	}
	.gallery-area{
		padding: 30px 0 10px;
	}
	.each-middle-block {
    	margin-right: 0px;
    	max-width: 100%;
	}
	.header-left ul, .brand-panel{
		white-space: normal;
	}
	.header-left.d-flex{
		display: block !important;
	}
	.header-left li{
		padding: 0 0 15px;
		width: 100%;
		display: block;
	}
	.footer-top .header-left ul{
		margin-top: 30px;
	}
	.footer-middle{
		padding: 30px 0;
	}
	.each-footer-info {
		margin-bottom: 30px;
	}
	.footer-menubar-area{
		padding: 0;
	}
	.brand-panel img {
	    width: 85px;
	    margin-right: 10px;
	}
	.each-footer-info.privacy-area{
		margin-bottom: 0;
	}
	/*******************aanbod****************/
	.aanbod-select-sec {
		background-color: #474548;
	}
	.aanbod-select-wrap{
		padding: 30px 0;
		background: transparent;
	}
	.each-grid-block{
		margin-bottom: 10px;
	}
	.aanbod-product .left-heading-wrap h2 {
	    font-size: 24px;
	    margin-bottom: 30px;
	}
	.car-product h4{
		height: auto;
	}
	.aanbod-middle-area, .aanbod-list .aanbod-middle-area {
   	 	padding: 30px 0;
	}
	.aanbod-middle-area:after {
	    left: 50%;
	    margin-left: -50vw;
	}
	.aanbod-middle-content {
	    padding-left: 0px;
	}
	.aanbod-middle-area.footer-top .header-left ul{
		margin-left: 0;
	}
	.aanbod-product .car-product {
	    margin-bottom: 30px;
	}
	.aanbod-product{
		padding-bottom: 0px;
		border-top: 1px solid #2b2b2b;
	}
	.aanbod-middle-content, .aanbod-list .aanbod-middle-content{
		padding-top: 20px;
	}
	/****************aanbod list*************/
	.aanbod-list .car-product-text h3 {
	    font-size: 22px;
	}
	.aanbod-list .car-product-text h5 {
	    font-size: 20px;
	}
	.aanbod-list .aanbod-middle-area.footer-top .header-left ul {
	    margin-left: 0;
	    margin-top: 30px;
	}
	/******************diensten listview****************/
	.diensten-each-listview .aanbod-middle-area:after {
	    width: 100%;
	    left: 0;
	    margin-left: 0;
	}
	.diensten-each-listview .aanbod-middle-area {
	    padding: 30px 15px;
	}
	.diensten-listview-sec{
		padding: 30px 0 0;
	}
	/*********************diensten dtl***************/
	.back-btn-sec .form-sec-wrap {
	    padding-top: 30px;
	}
	.diensten-dtl-banner, .diensten-dtl-form-sec{
		padding: 30px 0;
	}
	.form-sec-wrap.gallery-left-area{
		padding: 0;
	}
	.diensten-dtl-each-btm-box {
	    padding: 30px 20px;
	}
	.diensten-dtl-form-sec{
		background:#474548;
	}
	.diensten-slider-area .common-arrow {
	    right: 0px;
	    top: 0;
	}
	.diensten-dtl-footer-upper .swiper-button-prev{
	  display: block;
	  left:auto;
	  right: 30px; 
	}
	.diensten-dtl-footer-upper{
		padding-top: 30px;
	}
	.diensten-dtl-footer-upper-btn{
		text-align: left !important;
		margin-top: 20px;
	}
	/********************contact**************/
	.opening-time-wrap {
	    padding-left: 0px;
	}
	.contact-time {
	    padding: 30px 0px 0px;
	}
	.contact-time .aanbod-middle-area h2{
		padding: 20px;
	}
	.contact-time-text {
	    margin: 0 0 20px;
	}
	.contact-time .gallery-left-area p {
	    font-size: 14px;
	    letter-spacing: normal;
	}
	.opening-time-wrap{
		margin-top: 30px;
	}
	/******************werkplts dtl*************/
	.werkplts-table-content td{
		width: 100%;
		display: block;
	}
	.werkplts-table-content td:nth-child(odd) {
	    padding-right: 0px;
	}
	.werkplts-table-content td:nth-child(even) {
	    padding-left: 0px;
	    padding-top: 20px;
	}
	/*******************anbod dtl***************/
	.price-area, .tab-sec {
	    padding: 30px 0;
	}
	.price-area h2 {
    	font-size: 22px;
	}
	.aanbod-dtl-block-panel .block-icon img, .aanbod-dtl-block-panel .block-icon .calender-image {
	    width: 45px;
	}
	.aanbod-dtl-block-panel .block-icon{
		max-width: 85px;
	}
	.aanbod-dtl-block-panel .each-middle-block{
		padding: 0 20px 30px;
	}
	.tab-wrapper {
	    padding: 0;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
    	width: 48%;
    	margin:0 5px 5px 0;
	}
	.tab-sec:after{
		left: 50%;
		margin-left: -50vw;
	}
	.price-area .col-xl-3:last-child .each-middle-block{
		margin-bottom: 0;
	}
	.aanbod-detail-tab-sec .tab-content, .related-car{
		padding: 30px 0;
	}
	.related-car .product-top-heading .d-flex{
		display: inline-block !important;
		width: 100%;
	}
	.related-car .each-grid-block{
		display: inline-block ;
	}
	/************************overons****************/
	.checklist-right-text, .oldman-left-text{
		padding: 40px 20px;
	}
	.checklist-right-text-heading h2, .oldman-before-box span {
	    left: 0px;
	}
	.oldman-before-box h2:before{
		width: 90%;
		left: auto;
		right: 0;
	}
	.oldman-desc{
		padding: 0 15px 30px;
	}
	.oldman-sec-wrap .col-lg-7 {
	    padding: 0px 15px 30px;
	}
	.oldman-team-btn {
	    margin-top: 30px;
	}
	.oldman-before-box h2 {
	    font-size: 26px;
	}
	.oldman-sec {
	    padding-bottom: 30px;
	}
	.overons-bottom-sec .swiper-button-prev{
		left: 0;
	}
	.overons-bottom-sec .swiper-button-next {
	    left:0;
	}
	.overons-bottom-sec .common-arrow{
		position: relative;
	}
	.overons-bottom-sec .text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.each-counter h2{
		font-size: 20px;
	}
	.each-counter h3 {
	    font-size: 32px;
	}
	.each-counter::before{
		height: 140px;
	}
	.counter-sec{
		padding-top: 0;
	}
	.checklist-right-text-heading::before{
		height: 160px;
	}
	.overons-bottom-sec .banner-content{
		padding-left: 0;
	}
	.werkplts-table-content{
		padding-bottom: 0;
	}
	.morgeninternet-footer{
		margin-bottom: 45px;
	}
	#mobile-contact-bar img{
		width: 20px;
	}
    #mobile-contact-bar {
        box-sizing: border-box;
        font-size: 1rem;
        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;
      line-height: 45px;
      text-align: center;
      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;
    }
    .gallery-images .col-md-8, .gallery-images .col-md-4, .aanbod-middle-area .col-lg-5, .aanbod-middle-area .col-lg-7{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.header-left .mw-100{
		width: 280px;
	}
	.left-img-text p img {
	    width: 20px;
	    margin-right: 15px;
	}
	.left-img-text td:nth-child(odd) {
	    padding-right: 15px;
	}
	.car-product .left-img-text td{
		display: inline-block;
    	width: auto;
    	padding-bottom: 0;
	}
	.left-img-text p{
		font-size: 14px;
	}
	.aanbod-list .header-left{
		width: 100%;
	}
	.car-product .left-img-text td:first-child{
		width: 40%;
	}

}
@media(max-width: 575px){
	h1 {
	    font-size: 26px;
	    letter-spacing: 0.4px;
	}
	/**************aanbod*************/
	.aanbod-grid-area{
		max-width: 100%;
	}
	/**************aanbod dtl***************/
	.kenmerken-tab ul li:nth-child(odd){
		padding-left: 10px;
    	background-size: 5px;
	}
	.aanbod-detail-tab-sec .tab-content ul li, .aanbod-detail-tab-sec p{
		font-size: 14px;
	}
	.dtc_cal_cls {
		height:1600px;
	}
}