@media(min-width: 1500px){
	.container{
		max-width: 1357px;
	}
}
@media(max-width: 1799.98px){
	.common-heading h2 {
    	font-size: 42px;
	}
	/*****************diensten listview**************/
	.listview-content{
	   padding: 50px 160px 50px 30px;
	}
	.each-listview:nth-child(even) .listview-content{
		padding-right: 30px;
	}
	/*****************aanbod dtl****************/
	.aanbod-detail-tab-sec .tab-sec{
		padding-left: 50px;
	}
}
@media(max-width: 1699.98px){
	.each-footer-content{
	    padding-left: 110px;
	}
	.copyright-panel{
		padding-right: 20px;
		padding-left: 30px;
	}
	.bottom-content{
		padding-right: 50px;
		padding-left: 60px;
	}
	.common-heading h2 {
	    font-size: 40px;
	}
	.left-part {
	    padding-top: 60px;
	    padding-bottom: 80px;
	}
	/*****************diensten dtl**************/
	.back-btn-wrap, .diensten-dtl-content .listview-content {
	    width: calc(100% - 120px);
	}
	.diensten-dtl-content .listview-content:after {
    	left: -140px;
    	width: calc(100% + 140px);
    }
    .right-part{
    	padding-left: 50px;
    	padding-right: 50px;
    }

    /******************diensten service*************/
    .service-part li {
    	margin-bottom: 20px;
	}
	.service-part h4:last-child{
		margin-top: 25px;
	}
	/******************vacature listview**************/
	.vacature-icon-area{
		padding-left: 30px;
	}
	.vacature-icon-area li{
		margin-right: 30px;
	}
	/***************overons**************/
	.each-counter h3 {
    	font-size: 50px;
    }
    .diensten-dtl-content .flex-row-reverse .listview-content:after{
	    right: -140px;
	}
	/*=========aanbod-new==========*/
	.common-wrap{
		padding-left: 3%;
		padding-right: 3%;
	}
	.table-area {
	  	padding-left: 20px;
	  	padding-right: 20px;
	}
	/*=========aanbod-dtl-new==========*/
	.aanbod-dtl-info {
		padding: 6% 7% 10px;
	}
	.aanbod-dtl-bk-btn{ 
		padding-left: 7%;
		padding-right: 7%;
	}
}
@media (max-width: 1599.98px){
	.left-part li {
    	padding-bottom: 45px;
	}
	.right-part p{
		margin-bottom: 40px;
	}
	.common-heading h2 {
	    font-size: 38px;
	}
	.bottom-content p {
	    margin: 20px 0 40px;
	}
	.copyright-panel h4{
		font-size: 20px;
	}
	/******************diensten listview*************/
	.listview-content:after {
    	left: -100px;
    	width: calc(100% + 100px);
    }
    .each-listview:nth-child(even) .listview-content:after{
    	right: -100px;
    }
    .listview-content{
    	padding-right: 130px;
    }
    .each-listview:nth-child(even) .listview-content {
	    padding-left: 130px;
	}
    .listview-content p{
    	margin-bottom: 40px;
    }
    .each-listview {
	    width: calc(100% - 120px);
	}
	/******************diensten dtl**************/
	.diensten-dtl-content .listview-content{
		padding: 60px 0;
	}
	.diensten-content-wrap {
	    max-width: 520px;
	}
	.form-area {
    	max-width: 570px;
	}
	.diensten-dtl-content .listview-content:after {
    	left: -100px;
    	width: calc(100% + 100px);
    }
    .middle-area{
    	padding: 140px 0 80px;
    }
    .middle-content-wrap p {
	    margin-right: 22%;
	}
    /*******************diensten service**************/
    .diensten-dtl-service-wrapper .middle-content-wrap{
    	top: 54%;
    }
    .service-part h4 {
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
	/*******************contact***************/
	.map-sec {
	    height: 520px;
	}
	/*******************overons**************/
	.diensten-dtl-content .flex-row-reverse .listview-content:after{
	    right: -100px;
	}
	/*******************aanbod dtl**************/
	.aanbod-detail-tab-sec .tab-content{
		padding-right: 100px;
		padding-left: 100px;
	}
	.aanbod-dtl-form-sec .form-area .form-group {
	    margin-bottom: 20px;
	}
}
@media (max-width: 1499.98px){
	h2{
		font-size: 32px;
		letter-spacing: 0.5px;
	}
	.left-part {
	    padding-top: 70px;
	    padding-bottom: 70px;
	}
	.middle-content-wrap{
		/*max-width: 960px;*/
	}
	.each-footer-content {
	    padding-left: 90px;
	}
	.common-heading h2 {
	    font-size: 35px;
	}
	.product-content p, .product-content h5{
		font-size: 17px;
	}
	.product-content h5{
		height: 65px;
		overflow: hidden;
	}
	/*****************diensten listview************/
	.inner-banner-content{
		bottom: 18%;
		padding-left: 0;
	}
	.listview-upper-wrap{
		padding: 0;
	}
	.listview-upper-area td:nth-child(even) {
	    padding-left: 40px;
	}
	.listview-upper-area td:nth-child(odd) {
	    padding-right: 40px;
	}
	.listview-content{
		padding: 40px 100px 40px 30px;
	}
	.each-listview:nth-child(even) .listview-content{
		padding-right: 0;
		padding-left: 130px;
	}
	.each-listview {
	    width: calc(100% - 100px);
	}
	.listview-content p {
	    margin-bottom: 30px;
	}
	.inner-banner-content h1{
		font-size: 40px;
	}
	/******************diensten dtl**************/
	.back-btn-wrap, .diensten-dtl-content .listview-content{
	    width: calc(100% - 100px);
	}
	.middle-content-wrap .col-lg-3 {
	    -ms-flex: 0 0 18%;
	    flex: 0 0 18%;
	    max-width: 18%;
	}
	.middle-content-wrap .col-lg-9 {
	    -ms-flex: 0 0 82%;
	    flex: 0 0 82%;
	    max-width: 82%;
	}
	.right-part{
		width: calc(100% - 250px);
	}
	/*******************diensten service**************/
    .diensten-dtl-service-wrapper .middle-content-wrap{
    	top: 54%;
    }
    .service-part h4 {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.diensten-dtl-service-wrapper .middle-content-wrap {
    	width: calc(100% - 90px);
	}
	.diensten-dtl-service-wrapper .right-part{
		padding: 50px 50px 40px;
	}
	.service-part li {
	    margin-bottom: 15px;
	}
	/*********************vacature listview**************/
	.vacature-icon-area li img {
	    width: 26px;
	    margin-right: 15px;
	}
	.vacature-icon-area li{
		font-size: 20px;
	}
	.vacature-icon-area {
	    padding-left: 20px;
	}
	.vacature-icon-area li {
	    margin-right: 20px;
	}
	/*******************overons****************/
	.counter-wrap {
	    padding-left: 0;
	}
	.each-counter h3 {
	    font-size: 42px;
	}
	/**********************aanbod dtl*****************/
	.table-panel table tr td, .table-panel table tr th {
    	padding-right: 50px;
    }
    .aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
    	font-size: 22px;
    }
    .aanbod-detail-tab-sec .tab-sec {
	    padding-left: 40px;
	}
	.aanbod-detail-tab-sec .tab-content {
	    padding-right: 50px;
	    padding-left: 50px;
	}
}
@media (max-width: 1399.98px){
	.copyright-panel {
	    padding-right: 10px;
	    padding-left: 15px;
	}
	.each-footer-content {
	    padding-left: 60px;
	}
	.desktop-nav .nav-item{
		margin-right: 35px;
	}
	.common-heading h2 {
	    font-size: 32px;
	}
	.left-part li {
	    padding-bottom: 35px;
	}
	/***************diensten listview************/
	.listview-content:after {
	    left: -70px;
	    width: calc(100% + 70px);
	}
	.each-listview:nth-child(even) .listview-content:after {
	    right: -70px;
	}
	.listview-content{
		padding-left: 0;
		padding-right: 70px;
	}
	.each-listview:nth-child(even) .listview-content{
		padding-left: 70px;
	}
	.listview-content p{
		line-height: 26px;
		letter-spacing: normal;
	}
	/*******************diensten dtl*************/
	.diensten-dtl-content .listview-content{
		padding-right: 60px;
	}
	.contact-info{
		max-width: 420px;
		padding: 50px 0 50px 60px;
	}
	.contact-info p:first-child{
		line-height: 40px;
		margin-bottom: 40px;
	}
	.contact-info p {
	    font-size: 22px;
	}
	.form-sec:after {
	    bottom: -50px;
	    height: 50px;
	}
	.diensten-dtl-content .listview-content:after {
    	left: -80px;
    	width: calc(100% + 80px);
    }
    /*********************contact**************/
    .contact-pg-form{
	    margin-top: -50px;
	}
	/*******************overons**************/
	.diensten-dtl-content .flex-row-reverse .listview-content:after{
	    right: -80px;
	}
	.diensten-dtl-content .flex-row-reverse .listview-content {
	    padding-right: 0px;
	    padding-left: 60px;
	}
	.counter-sec .sec-heading {
	    margin-left: 0px;
	}
	/*=========aanbod-dtl-new==========*/
	.dtl-info-price .txt-btn { 
		padding-right: 45px;
		letter-spacing: normal;
	}
	.dtl-info-price .txt-btn:hover {
		padding-right: 45px;
	}
	.dtl-info-spec td {
		padding: 16px 40px;
	}
	.aanbod-dtl-reach-sec .aanbod-dtl-share a{ 
		margin-right: 20px;
	}
	.tab-btn{ 
		margin: 50px 0;
	}
	.related-product-sec .product-heading .txt-btn{ 
		padding-right: 30px;
	}
	.aanbod-dtl-slider-sec .gallery-thumbs::after {
		width: 14%;
	}
	.form-btn{
		width: 70px;
		height: 70px;
	}
}
@media (max-width: 1365px){
	/**************aanbod dtl****************/
	.aanbod-dtl-form-sec .row{
		align-items: unset !important;
	}
	.aanbod-dtl-form-sec .form-area{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media (max-width: 1299.98px){
	.desktop-nav .nav-item {
	    margin-right: 25px;
	}
	.middle-content-wrap {
	   /* max-width: 880px;*/
	}
	.left-part {
	   /* padding: 40px 0 50px 20px;*/
	}
	.right-part p{
		margin-bottom: 30px;
	}
	.left-part li {
	    padding-bottom: 30px;
	}
	.common-heading h2 {
	    font-size: 30px;
	}
	.footer-social a {
    	margin-right: 10px;
	}
	.right-part {
    	/*max-width: 480px;*/
	}
	.middle-content-wrap {
	    /*max-width: 820px;*/
	}
	.right-part {
	    width: calc(100% - 140px);
	}
	/****************diesnten list**************/
	.each-listview {
	    width: calc(100% - 60px);
	}
	.listview-content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/******************diensten dtl**************/
	.back-btn-wrap, .diensten-dtl-content .listview-content{
	    width: calc(100% - 60px);
	}
	.form-area .form-group {
	    margin-bottom: 20px;
	}
	.form-styl{
		padding: 10px 0;
	}
	.form-area {
	    max-width: 490px;
	}
	/*******************diensten service dtl******************/
	.diensten-dtl-service-wrapper {
		background-size: cover;
		padding: 100px 0px 40px;
	}
	.diensten-dtl-service-wrapper img{
		display: none;
	}
	.diensten-dtl-service-wrapper .middle-content-wrap {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	    left: 0;
	    width: calc(100% - 30px);
	}
	/*********************overons**************/
	.each-counter h3 {
	    font-size: 36px;
	}
	.overons-bottom-slider .bottom-content{
		padding: 0 30px;
	}
	/****************aanbod dtl**************/
	.related-car {
	    padding-top: 100px;
	}
	.related-car-heading {
	    margin-bottom: 70px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    font-size: 20px;
	}
	.aanbod-detail-tab-sec .tab-sec {
	    padding-left: 25px;
	}
	.aanbod-detail-tab-sec .tab-content {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.each-select-box select{
		font-size: 13px;
		padding: 0 12px;
	}
}
@media (max-width: 1199.98px){
	h1{
		font-size: 40px;
	}
	h2 {
	    font-size: 30px;
	}
	.header-area .navbar-brand{
		width: 280px;
	}
	.header-area .navbar-brand img{
		width: 200px;
	}
	.header-wrap {
	    padding-left: 300px;
	}
	.header-topbar li{
		margin-right: 50px;
	}
	.appointment{
		max-width: 240px;
	}
	.desktop-nav .nav-item{
		font-size: 15px;
		margin-right: 15px;
	}
	.banner-content-wrap p {
	    margin: 20px 0 40px;
	}
	.banner-sec .common-arrow{
		display: none;
	}
	.bottom-slider-sec:after {
    	top: -40px;
    	height: 40px;
    }
    .swiper-arrows .common-arrow{
    	width: 60px;
    	height: 60px;
    	background-color: #232323;
    }
    .swiper-arrows {
	    margin-top: 0px;
	}
	.product-content h5{
		font-size: 17px;
	}
	.footer-area{
		margin-top: 0;
	}
	.bottom-content{
		padding: 0 40px 40px;
	}
	.common-heading h2 {
	    font-size: 28px;
	}
	.each-footer-content {
    	padding: 80px 0 60px 40px;
	}
	.footer-area .col-lg-4 {
	    -ms-flex: 0 0 38%;
	    flex: 0 0 38%;
	    max-width: 38%;
	}
	.footer-area .col-lg-8 {
	    -ms-flex: 0 0 60%;
	    flex: 0 0 62%;
	    max-width: 62%;
	}
	.each-footer-content{
		padding-left: 30px;
	}
	.footer-logo img{
		width: 250px;
	}
	.copyright-panel{
		padding: 30px 15px;
	}
	.banner-content{
		top: 60%;
	}
	/*********************aanbod*****************/
	.aanbod-content{
		padding-left: 70px;
	}
	.aanbod-content p {
	    margin: 20px 0 30px;
	}
	/*****************diensten listview*************/
	.inner-banner-content h1 {
	    font-size: 30px;
	}
	.inner-banner-content {
    	bottom: 20px;
	}
	.each-listview .col-lg-5 {
	    -ms-flex: 0 0 55%;
	    flex: 0 0 55%;
	    max-width: 55%;
	}
	.each-listview .col-lg-7 {
	    -ms-flex: 0 0 45%;
	    flex: 0 0 45%;
	    max-width: 45%;
	}
	.listview-content p{
		-webkit-line-clamp: 2;
		margin-bottom: 20px;
	}
	.listview-content{
		padding: 20px ;
	}
	.listview-content{
		padding-right: 50px;
	}
	.each-listview:nth-child(even) .listview-content {
	    padding-left: 50px;
	}
	.listview-content:after {
	    left: -50px;
	    width: calc(100% + 50px);
	}
	.each-listview:nth-child(even) .listview-content:after {
	    right: -50px;
	}
	/*******************diensten dtl***************/
	.form-sec .row{
		align-items: unset !important;
	}
	.contact-info {
	    max-width: 320px;
	    padding: 30px 0 30px 30px;
	}
	.contact-info p:first-child {
	    line-height: 32px;
	    margin-bottom: 30px;
	}
	.contact-info p {
	    font-size: 20px;
	}
	.form-sec{
		padding-bottom: 30px;
	}
	.form-sec:after{
		display: none;
	}
	.form-area{
		padding: 0 40px;
	}
	.middle-content-wrap .col-lg-3 {
	    -ms-flex: 0 0 23%;
	    flex: 0 0 23%;
	    max-width: 23%;
	}
	.middle-content-wrap .col-lg-9 {
	    -ms-flex: 0 0 77%;
	    flex: 0 0 77%;
	    max-width: 77%;
	}
	.right-part {
	    width: calc(100% - 40px);
	    padding: 70px 30px;
	}
	.middle-area{
		padding: 50px 0;
	}
	/**********************diensten service*****************/
	.diensten-dtl-service-wrapper .middle-content-wrap .col-lg-2{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
	.diensten-dtl-service-wrapper .middle-content-wrap .col-lg-10{
		-ms-flex: 0 0 80%;
	    flex: 0 0 80%;
	    max-width: 80%;
	}
	.diensten-dtl-service-wrapper{
		padding-top: 40px;
	}
	/*********************contact**************/
    .contact-pg-form{
	    padding-bottom: 0;
	}
	/******************vacature listview***************/
	.vacature-icon-area {
	    padding-left: 0px;
	    padding-top: 10px;
	    display: block;
	}
	/*********************overons**************/
	.overons-bottom-slider .bottom-content{
		margin-top: 0;
	}
	.overons-bottom-slider{
		margin-bottom: 0;
	}
	.each-counter h3{
		font-size: 34px;
	}
	.each-counter h4{
		font-size: 18px;
	}
	.counter-wrap .col-md-4:last-child .each-counter {
	    padding-bottom: 39px;
	}
	/********************aanbod dtl*************/
	.price-table-part .text-right{
		text-align: left !important;
		margin-top: 30px;
	}
	.data-table-area{
		padding-bottom: 80px;
	}
	.aanbod-detail-tab-sec .col-lg-3 {
	    -ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.aanbod-detail-tab-sec .col-lg-9 {
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.aanbod-detail-tab-sec .service-part h4{
		margin-bottom: 30px;
	}
	.aanbod-detail-tab-sec .tab-content {
	    padding-right: 30px;
	    padding-left: 30px;
	}
	.related-car {
	    padding-top: 60px;
	}
	.related-car-heading {
	    margin-bottom: 40px;
	}
	/*=========aanbod-new==========*/
	.aanbod-filter-sec .select-style{
		padding: 0;
	}
	/*=========aanbod-dtl-new==========*/
	.dtl-info-price .txt-btn:hover {
		padding-right: 40px;
	}
	.dtl-info-price .txt-btn {
		padding-right: 40px;
	}
	.dtl-info-spec td {
		padding: 16px 25px;
	}
	.dtl-info-spec table {
		border-spacing: 0 30px;
	}
	.dtl-info-model h1{
		font-size: 28px;
	}
}
@media (max-width: 991px){
	.dblock {
	    display: block;
	    background-color: #f6f6f6;
	    height: auto;
	}
	h1 {
	    font-size: 32px;
	}
	h2 {
    	font-size: 28px;
	}
	h3{
		font-size: 26px;
	}
	h4{
		font-size: 22px;
	}
	.header-area{
		display: none;
	}
	.banner-sec{
		margin-top: 0;
	}
	.banner-content-wrap p {
	    margin: 15px 0 30px;
	}
	.banner-content {
	    top: 50%;
	}
	.product-content h5{
		height: auto;
	}
	.common-btn{
		max-width: 230px;
		padding: 15px 0;
		font-size: 14px;
	}
	.brand-area{
		padding: 40px 0 0;
	}
	.sec-heading h2 {
	    margin-bottom: 10px;
	}
	.brand-slider{
		padding: 30px 0 30px;
	}
	.each-brand-image{
		border-top: 1px solid #e1e1e1;
	}
	.product-area{
		padding: 40px 0;
	}
	.product-area .common-arrow{
		width: 40px;
		height: 40px;
		background-color: #000;
	}
	.middle-content-wrap {
	   /* max-width: 720px;*/
	}
	.right-part{
		width: 100%;
		max-width: 720px;
		margin: auto;
		padding: 50px 30px;
	}
	.left-part{
		padding: 50px 0 30px 30px;
		max-width: 720px;
	    width: 100%;
	    margin: auto;
	    height: auto;
	}
	.left-part li {
	    padding-bottom: 20px;
	}
	.right-part p {
	    margin: 10px 0 20px;
	}
	.right-part {
	    /*max-width: 420px;*/
	}
	.middle-content-wrap .col-lg-3, .middle-content-wrap .col-lg-9{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.bottom-slider-sec:after{
		display: none;
	}
	.bottom-content{
		padding: 40px 15px;
		width: 100%;
		max-width: 720px;
		margin:auto;
	}
	.common-heading h2 {
	    font-size: 26px;
	}
	.common-arrow img {
	    width: 15px;
	    height: 15px;
	}
	.footer-area .col-lg-4, .footer-area .col-lg-8 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.footer-logo {
	    margin-top: 0;
	    padding-top: 40px;
	    padding-bottom: 40px;
	    border-bottom: 1px solid rgba(18,18,18,0.1);
	}
	.footer-logo img{
		width: 200px;
	}
	.copyright-panel{
		position: relative;
		padding: 30px 50px;
	}
	.copyright-panel:after{
		width: 100%;
	}
	.each-footer-content {
	   padding: 50px 0 50px 50px;
	}
	.copyright-panel .col-lg-8 {
		-ms-flex: 0 0 62%;
	    flex: 0 0 62%;
	    max-width: 62%;
	}
	/*****************aanbod**************/
	.aanbod-filter .select-heading {
	    margin-top: 0px;
	}
	.each-select-box select{
		border-right: 1px solid #e1e1e1;
	}
	.aanbod-filter {
	    padding: 40px 0;
	}
	.select-heading h2{
		margin-bottom: 30px;
	}
	.each-select-box{
		margin-bottom: 8px;
	}
	.aanbod-middle-area{
		background-size: cover;
	}
	.aanbod-middle-area img{
		display: none;
	}
	.aanbod-content{
		position: relative;
		top: 0;
		transform: translateY(0);
		padding: 40px;
	}
	/*******************diensten listview************/
	.inner-banner{
		margin-top: 0;
	}
	.inner-banner-content h1 {
	    font-size: 28px;
	}
	.inner-banner-content{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.listview-upper-area td:nth-child(odd){
		padding-right: 20px;
	}
	.listview-upper-area td:nth-child(even) {
	    padding-left: 20px;
	}
	.listview-upper-area td p{
		text-align:justify;
	}
	.listview-upper-area{
		padding: 40px 0;
	}
	.each-listview, .listview-content:after{
		width: 100%;
	}
	.listview-content:after{
		left: 0;
	}
	.each-listview:nth-child(even) .listview-content:after{
		right: 0;
	}
	.each-listview .col-lg-5, .each-listview .col-lg-7{
	 	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
	.listview-content p{
		display: inline-block;
		margin: 15px 0 30px;
	}
	.listview-content{
		max-width: 720px;
		width: 100%;
		margin:30px auto 0;
		padding: 40px;
	}
	.each-listview:nth-child(even) .listview-content{
		padding: 40px;
	}
	.each-listview, .each-listview:last-child {
	    margin-bottom: 30px;
	}
	/******************diensten dtl***************/
	.diensten-dtl-content .listview-image{
		position: relative;
		width: 100%;
	}
	.diensten-dtl-content{
		padding-top: 0;
	}
	.diensten-dtl-content .listview-content {
    	max-width: 720px;
    	margin: 30px auto;
    	width: 100%;
	}
	.diensten-content-wrap {
	    max-width: 100%;
	}
	.diensten-dtl-content .listview-content{
		padding:40px;
	}
	.form-area{
		max-width: 720px;
		padding:0 0 50px;
	}
	.diensten-dtl-content .each-listview{
		margin-bottom: 0;
	}
	.diensten-dtl-content .listview-content:after {
    	left: 0px;
    	width: 100%;
    }
    /**********************diensten service*****************/
	.diensten-dtl-service-wrapper .middle-content-wrap .col-lg-2,
	.diensten-dtl-service-wrapper .middle-content-wrap .col-lg-10{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.diensten-dtl-service-wrapper .middle-content-wrap{
		width: 100%;
	}
	.diensten-dtl-service-wrapper{
		padding-top: 0;
	}
	.diensten-dtl-service-wrapper .left-part{
		max-width: 720px;
		width: 100%;
		margin:30px auto 0;
		height: auto;
	}
	/*********************contact**************/
    .contact-pg-form{
	    margin-top: 0px;
	}
	.contact-pg-form .form-area {
	    padding-top: 30px;
	}
	.map-sec{
		height: 280px;
		margin-top: 0;
	}
	/*******************verkocht******************/
	.aanbod-product.product-area.verkocht-product{
	    padding: 50px 0 20px;
	}
	/******************overons***************/
	.counter-sec {
	    padding-bottom: 40px;
	}
	.counter-wrap{
		margin-top: 30px;
	}
	.diensten-dtl-content .flex-row-reverse .listview-image {
    	width:100%;
    	right: 0;
	}
	.diensten-dtl-content .flex-row-reverse .listview-content:after {
	    right: 0px;
	}
	.diensten-dtl-content .flex-row-reverse .listview-content{
		padding: 40px;
	}
	.overons-middle-area {
	    padding-bottom: 0px;
	}
	.overons-bottom-slider .bottom-content{
		padding: 40px 15px;
	}
	/*******************aanbod dtl**************/
	.aanbod-dtl-slider .common-arrow{
		width: 60px;
		height: 60px;
	}
	.aanbod-dtl-slider .swiper-button-next{
		right: 0;
	}
	.aanbod-dtl-slider .swiper-button-prev {
    	right:60px;
	}
	.data-table-area, .aanbod-detail-tab-sec {
	    padding: 40px 0;
	}
	.data-table-area .table-top-area .text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.table-panel table tr td, .table-panel table tr th {
	    padding-right: 30px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 33.33%;
	    text-align: center;
	    padding-bottom: 30px;
	}
	.aanbod-detail-tab-sec .col-lg-3, .aanbod-detail-tab-sec .col-lg-9 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-detail-tab-sec .tab-sec{
		padding: 50px 0 20px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding-top: 40px;
		padding-bottom: 0;
	}
	.circle-box span{
		width: 50px;
		height: 50px;
	}
	.circle-box{
		padding-left: 30px;
	}
	/*****************thank u**************/
	.thanku-banner .each-banner-image {
	    height: 100vh;
	}
	.res-logo-styl{
		width: 200px;
		/* filter: brightness(0) invert(0);
		-webkit-filter: brightness(0) invert(0); */
	}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
		background-color: #ec671a;
	}
	/*=========aanbod-new==========*/
	.aanbod-filter .col-lg-3 {
	  max-width: 100%;
	}
	.aanbod-filter-sec .col-lg-3{ 
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.aanbod-filter-sec .select-style {
		border-right: 0;
		border-bottom: 1px solid #979797;
		background-size: 10px;
		background-position: 97%;
		padding: 0;
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	/*=========aanbod-dtl-new==========*/
	.aanbod-dtl-slider-sec .gallery-thumbs::after{ 
		display: none;
	}
	.aanbod-dtl-info{ 
		padding: 60px 4% 0;
	}
	.aanbod-dtl-bk-btn{ 
		padding: 60px 4%;
	}
	.dtl-info-price{ 
		padding: 30px 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item { 
		width: 33.33%;
		border-right: 0;
		border: 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span {
		border-bottom: 1px solid #979797;
		padding-bottom: 5px;
	}
	.tab-dtl-block{ 
		padding: 30px 0;
	}
	.tab-btn{ 
		margin-top: 40px;
	}
	.related-product-sec .product-heading .text-right {
		text-align: left !important;
	}
	.related-product-sec .product-heading .product-btn {
		margin: 10px 0 0;
	}
	.product-sec::before{
		width: 100%;
	}
}
@media(max-width: 767px){
	.morgeninternet-footer{
        margin-bottom : 43px;
    }
	h1 {
	    font-size: 26px;
	}
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 23px;
	}
	h4{
		font-size: 20px;
	}
	.popup_content {
		margin-top: 4%;
	}
	.modal_area .modal-dialog {
		max-width: 100%;
	}
	.res-logo-styl{
		width: 170px;
	}
	.banner-content-wrap p{
		font-size: 16px;
	}
	.brand-area{
		padding-top: 30px;
	}
	.product-area {
	    padding: 30px 0;
	}
	
	.common-arrow{
		display: none;
	}
	.product-content .text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.custom-row {
	    margin-left: 0;
	    margin-right: 0;
	}
	.middle-content-wrap {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	    background-color: #121212;
	}
	.middle-area img{
		display: block;
	}
	.middle-area{
		padding: 0;
		background-size: 0;
	}
	.left-part, .right-part {
	    padding: 30px;
	    max-width: 100%;
	}
	.common-heading h2 {
	    font-size: 24px;
	}
	.footer-logo{
		padding: 30px 0;
	}
	.each-footer-content{
		padding: 30px;
	}
	.footer-area .col-md-6:last-child .each-footer-content{
		padding-top: 0;
	}
	.each-footer-content p{
		margin-top: 20px;
		line-height: 26px;
	}
	.copyright-panel{
		padding: 30px;
	}
	.footer-social, .form-panel-cover .text-right{
		text-align: left !important;
	}
	.copyright-panel h4 {
	    font-size: 18px;
	    margin-bottom: 20px;
	}
	.footer-social{
		text-align: left !important;
		margin-top:20px;
	}
	/******************aanbod**************/
	.aanbod-content{
		padding: 30px 15px;
	}
	.aanbod-content p{
		text-align: justify;
	}
	.aanbod-filter {
	    padding: 30px 0;
	}
	.aanbod-product .each-product, .aanbod-middle-area {
	    margin-bottom: 30px;
	}
	/****************diensten list**************/
	.listview-upper-area td{
		width: 100%;
		display: block;
	}
	.listview-upper-area td:nth-child(odd) {
	    padding-right: 0;
	}
	.listview-upper-area td:nth-child(even){
		padding-left: 0;
		padding-top: 15px;
	}
	.listview-upper-area {
	    padding: 30px 0;
	}
	.listview-content, .each-listview:nth-child(even) .listview-content, .diensten-dtl-content .listview-content{
		max-width: 520px;
		padding: 30px;
	}
	.inner-banner-content h1 {
	    font-size: 26px;
	}
	/*****************diensten dtl**************/
	.back-btn-wrap{
		width: 100%;
		text-align: center !important;
	}
	.back-btn{
		padding-top: 30px;
	}
	.listview-upper-wrap h3{
		margin-top: 0;
	}
	.form-area{
		padding-bottom: 30px;
		max-width: 520px;
	}
	.form-sec {
	    padding-bottom: 0px;
	}
	.diensten-dtl-content{
		padding-bottom: 30px;
	}
	.diensten-dtl-content .listview-content{
		margin-bottom: 0;
	}
	/********************diensten service**************/
	.diensten-dtl-service-wrapper {
	    background-size: 0;
	    padding: 0;
	}
	.diensten-dtl-service-wrapper img{
		display: block;
	}
	.diensten-dtl-service-wrapper .left-part{
		max-width: 100%;
		margin-top: 0;
	}
	.diensten-dtl-service-wrapper .right-part{
		padding: 30px;
	}
	.right-part .col-md-4 .service-part{
		margin-bottom: 30px;
	}
	.right-part .col-md-4:last-child .service-part{
		margin-bottom: 0px;
	}
	/*******************verkocht******************/
	.aanbod-product.product-area.verkocht-product{
	    padding: 30px 0 0px;
	}
	/******************overons***************/
	.each-counter h3 {
	    font-size: 30px;
	}
	.each-counter{
		padding: 30px 0;
	}
	.diensten-dtl-content .flex-row-reverse .listview-content{
		padding: 30px;
	}
	/******************aanbod dtl*****************/
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 50%;
	    font-size: 18px;
	}
	.aanbod-detail-tab-sec .tab-sec, .aanbod-detail-tab-sec .tab-content {
	    padding: 30px 15px 0px;
	}
	.related-car-heading.common-heading h2{
		margin-bottom: 15px;
	}
	.related-car-heading {
	    margin-bottom: 30px;
	}
	.price-table-part{
		padding-top: 20px;
	}
	.table-top-area h3{
		font-size: 22px;
	}
	.table-top-area h4 {
    	font-size: 20px;
    	margin-bottom: 8px;
	}
	.data-table-area, .aanbod-detail-tab-sec {
	    padding: 30px 0;
	}
	.service-part{
		margin-bottom: 30px;
	}
	.tab-content .col-md-4:last-child .service-part{
		margin-bottom: 0px;
	}
	/******for responsive data table******/
	#no-more-tables table,  #no-more-tables thead,  
	#no-more-tables tbody,  #no-more-tables th,  
	#no-more-tables td,  #no-more-tables tr {
		display: block;
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	/*#no-more-tables tr { border: 1px solid #ccc; }*/
	#no-more-tables td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		font-family: 'NunitoSansRegular';	
		font-size: 16px;
		padding-top: 8px;
	}
	#no-more-tables td:before {
		position: absolute;
		top: 12px;
		left: 6px;
		width: 45%;
		white-space: nowrap;
		font-family: 'NunitoSansExtraBold';
    	font-size: 16px;
    	color: #1c1c1c;
		font-weight: normal;
	}
	#no-more-tables td:before {
		content: attr(data-title);
	}
	.table-panel table tr th {
		display: none !important;
	}
	#menu4 .form-area{
		padding-left: 0;
		padding-right: 0;
	}
	.whatsapp-fixed{
		display: none;
	}
	.desktop{
		display:none;
	}
	.mobile{
		display:block;
	}
	/*===========aanbod-new========*/
	.table-area td h6 {
	  	font-size: 13px;
	}
	.table-area {
	  	padding: 10px;
	}
	.each-product .common-btn {
	  	height: 74px;
	  	line-height: 74px;
	  	padding-left: 20px;
	}
	/*=========aanbod-dtl-new==========*/
	.aanbod-dtl-bk-btn{ 
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.aanbod-dtl-info {
		padding-top: 30px;
	}
	.dtl-info-price .txt-btn{
		margin-bottom: 0;
	}
	.dtl-info-price .text-right {
		text-align: left !important;
		margin-top: 20px;
	}
	.dtl-info-price{ 
		padding: 20px 0;
		margin-top: 20px;
	}
	.dtl-info-spec table {
		border-spacing: 0 20px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item{ 
		width: 50%;
		font-size: 16px;
	}
	.tab-btn {
		margin: 20px 0 30px;
	}
	.dtl-tab-sec .kenmerken-tab ul li:nth-child(odd), .dtl-tab-sec .bullet-panel ul li {
		padding-left: 12px;
		background-position: left top 7px;
	}
	.dtl-tab-sec .bullet-panel li:after {
  		top: 7px;
	}
	.dtl-tab-sec .tab-content ul li{
		font-size: 15px;
		letter-spacing: normal;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.each-onderhoud-block h4 {
		font-size: 20px;
	}
	.aanbod-dtl-reach-sec .each-contact-info {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.aanbod-dtl-reach-sec .aanbod-dtl-share img {
		width: 18px;
	}
	.related-product-sec {
		padding-top: 0;
	}
	.product-heading .text-right {
		text-align: left !important;
		padding: 20px 0 0;
	}
	.dtl-tab-sec .bullet-panel h4 {
		font-size: 16px;
	}
	.aanbod-dtl-reach-sec .aanbod-dtl-share .dtl-fb {
		width: 22px;
	}
	.dtl-info-model h1{
		font-size: 22px;
    	letter-spacing: 0.5px;
	}
	.form-style{
		padding: 15px;
		font-size: 16px;
	}
	.form-btn {
	  	width: 55px;
	  	height: 55px;
	  	position: static;
	  	margin-left: auto;
	  	margin-top: 10px;
	}
	.each-contact-info{
		justify-content: start;
	}
	.contact-form-sec .block-right {
	  	padding: 5%;
	  	margin: 0;
	  	width: 100%;
	}
}
@media(max-width: 575px){
	h1 {
	    font-size: 22px;
	    letter-spacing: normal;
	}
	.common-heading h2 {
	    font-size: 22px;
	}
	.each-banner-image {
		background-size: cover;
		height: 300px;
	}
	.each-banner-image img{
	    display: none;
	}	
	.left-part, .right-part, .each-footer-content, .copyright-panel, .diensten-dtl-service-wrapper .right-part,
	.diensten-dtl-content .flex-row-reverse .listview-content{
		padding-right: 15px;
		padding-left: 15px;
	}
	.footer-brand-image{
		display: block;
		margin-top: 10px;
	}
	.bottom-content{
		padding: 30px 15px;
	}
	/*****************diensten listview**************/
	.inner-banner-content h1 {
	    font-size: 20px;
	}
	.listview-content, .each-listview:nth-child(even) .listview-content {
    	padding: 30px 15px 20px;
	}
	.each-listview .col-lg-7, .diensten-dtl-content .each-listview .col-lg-6:last-child, .diensten-dtl-content .listview-content,
	.form-area{
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-info {
	    position: relative;
	    top: 0;
	    transform: translateY(0px);
	    background-color: #000;
	    padding: 30px 15px 15px;
	    max-width: 100%;
	}
	.contact-info p {
	    font-size: 18px;
	}
	.contact-info p img{
		margin-right: 15px;
	}
	/********************overons*************/
	.counter-wrap .col-4{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.counter-wrap .each-counter{
		 border: 1px solid #e1e1e1;
	}
	.each-counter h3 {
	    font-size: 27px;
	}
	.counter-wrap .col-md-4:last-child .each-counter {
	    padding-bottom: 30px;
	}
	.aanbod-detail-tab-sec .tab-content ul li{
		font-size: 14px;
	}
	.kenmerken-tab ul li:nth-child(odd){
		padding-left: 15px;
	}
	/*============aanbod-new=========*/
	.common-wrap{
		padding-left: 0;
		padding-right: 0;
	}
	/*=========aanbod-dtl-new==========*/
	.aanbod-dtl-bk-btn{ 
		padding: 30px 12px;
	}
	.aanbod-dtl-info{ 
		padding: 30px 12px 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{ 
		padding: 16px 3px;
	}
	.dtl-info-spec td {
		padding: 10px 7px;
	}
	.dtl-info-spec td h6 {
		font-size: 14px;
	}
	/*.dtl-tab-sec .kenmerken-tab ul li:nth-child(odd){ 
		padding-left: 11px;
		background-size: 6px;
	}
	.dtl-tab-sec .tab-content ul li, .star_icon p{ 
		font-size: 13px;
	}
	.dtl-tab-sec .bullet-panel ul li{ 
		padding-left: 11px;
	}
	.dtl-tab-sec .bullet-panel li:after{ 
		background-size: 6px;
	}*/
}