@media(min-width: 1500px){
	.container{
		max-width: 1320px;
	}
}
@media (min-width: 1650px){
	.container{
		max-width: 1488px;
	}
}
@media(max-width: 1799.98px){
	.bottom-block li:nth-child(4) {
	   margin-left: 80px;
	}
	.desktop-nav .nav-item{
	    padding-left: 40px;
	}
	/*******************diensten dtl**************/
	.contact-address {
    	padding-left: 60px;
    }
    /**********************contact************/
    .contact-pg-form-area .bottom-block{
    	padding: 40px 30px;
    }
    .contact-pg-form-area .each-address-info td{
    	padding-right: 0;
    }
}
@media(max-width: 1699.98px){
	.header-social {
	    margin-left: 20px;
	}
	.klaten-btn .common-btn{
		width: 260px;
	}
	.left-content p {
	    margin: 25px 0 30px;
	}
	.right-area .swiper-button-next {
	    right: 20px;
	}
	.right-area .swiper-button-prev {
	    left: 20px;
	}
	.common-wrapper {
	    padding-left: 120px;
	    padding-right: 120px;
	}
	/**********************diensten listview********************/
	.inner-banner-heading{
		bottom: 70px;
	}
	.each-listview-content {
   	 	max-width: 600px;
	}
	.each-listview-content p{
		text-align: justify;
	}
	/**********************diensten dtl****************/
	.diensten-dtl-middle-area .each-listview-content {
    	max-width: 670px;
    	padding-right: 100px;
    }
    /******************aanbod dtl***************/
    .table-wrap {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.table-panel table tr td, .table-panel table tr th{
		padding-right: 50px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -100px;
	}
}
@media(max-width: 1649.98px){
	.content-wrap{
		max-width: 590px;
	}
	.upper-content{
		padding-right: 50px;
	}
	.each-block .arrow{
		width: 50px;
		height: 50px;
	}
	.each-block .arrow img {
    	width: 18px;
    }
    .common-wrapper{
    	padding-left: 100px;
	    padding-right: 100px;
    }
    .upper-content{
    	padding-right: 50px;
    }
    .content-wrap img{
    	width: 200px;
    }
    .man-area img{
		width: 250px;
	}
	/**********************aanbod*******************/
	.aanbod-middle-area .common-wrapper{
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media(max-width: 1599.98px){
	h1{
		font-size: 50px;
	}
	 .content-wrap {
	    max-width: 530px;
	}
	.bottom-block li:nth-child(3) {
	    margin-left: 60px;
	}
	.desktop-nav .nav-item {
	    padding-left: 30px;
	}
	/**********************diensten listview*****************/
	.each-listview-content {
	    max-width: 540px;
	    padding-left: 120px;
	}
	.each-listview:nth-child(2n) .each-listview-content{
		padding-right: 120px;
	}
	.each-listview {
    	width: calc(100% - 180px);
	}
	.each-listview::after {
    	width: calc(50% + 90px);
    }
    /********************diensten dtl***************/
    .contact-address h3{
    	white-space: nowrap;
    }
    .diensten-man-area{
    	right: 20px;
    }
    .form-area, .contact-address {
    	padding-left: 40px;
	}
	/********************contact***************/
	.each-address-info td{
		font-size: 15px;
	}
	/*****************overons********************/
	.overons-right-content {
	    padding-right: 80px;
	    padding-left: 120px;
	}
	.overons-bottom-sec .upper-content {
	    padding-top: 30px;
	}
	.overons-right-content h3 {
	    margin-bottom: 15px;
	}
	.overons-right-content h3, .overons-bottom-sec .upper-content h3{
		line-height: 48px;
	}
	.klaten-btn .common-btn {
	    width: 220px;
	}
	.header-social a{
		margin-right: 10px;
	}
}
@media (max-width: 1499.98px){
	h1{
		font-size: 48px;
	}
	h2{
		font-size: 32px;
	}
	h3{
		font-size: 32px;
	}
	.header-bovag-logo img{
		width: 100px;
	}
	.desktop-nav .nav-item:first-child{
		padding-left: 0;
	}
	.man-area img{
		width: 235px;
	}
	.upper-content{
		padding-left: 0;
	}
	.common-wrapper {
	    padding-left: 80px;
	    padding-right: 80px;
	}
	.bottom-block{
		padding: 60px 40px;
	}
	.each-bottom-part span{
		margin-right: 20px;
	}
	.content-wrap img {
	    width: 175px;
	}
	.member-block-cover{
		padding: 0;
	}
	.each-footer-content ul li{
		padding-right: 20px;
	}
	.opening-time-wrap {
	    /*padding-left: 60px;*/
	}
	/*******************aanbod****************/
	.aanbod-middle-area .content-wrap {
	    padding-left: 50px;
	    padding-right: 80px;
	}
	/************************diensten listview***************/
	.inner-banner-heading {
	    bottom: 50px;
	}
	.each-listview {
	    width: calc(100% - 140px);
	}
	.each-listview::after {
	    width: calc(50% + 70px);
	}
	/************************diensten dtl*******************/
	.back-btn-wrap, .diensten-content-wrap {
    	max-width: 1040px;
    }
    .diensten-dtl-middle-area .each-listview-content{
    	padding-right: 60px;
    	max-width: 620px;
    }
    .diensten-dtl-middle-area .each-listview-content h3 {
    	margin-bottom: 20px;
	}
	.form-area {
	    padding-left: 30px;
	    padding-right: 70px;
	}
	.diensten-form-sec .left-content .form-area .common-btn {
	    margin-right: -70px;
	}
	/******************aanbod dtl***************/
    .table-wrap {
	    padding: 0px;
	}
	.table-panel table tr td, .table-panel table tr th{
		padding-right: 50px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -100px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -80px;
	}
}
@media (max-width: 1399.98px){
	.header-bovag-logo{
		margin-right: 5px;
	}
	.desktop-nav .nav-item {
	    padding-left: 20px;
	}
	.bottom-block li:nth-child(3) {
	    margin-left: 50px;
	}
	.bottom-block li:nth-child(4) {
	    margin-left: 70px;
	}
	.common-wrapper {
	    padding-left: 70px;
	    padding-right: 70px;
	}
	.upper-cover{
		padding-bottom: 100px;
	}
	.car-sec-wrap{
		padding-left: 40px;
		padding-right: 40px;
	}
	.klaten-btn .common-btn {
	    width: 190px;
	}
	.each-block h5{
		font-size: 16px;
	}
	.each-block{
		padding-left: 20px;
		padding-right: 20px;
	}
	/*********************diensten listview***************/
	.each-listview-content{
		padding-left:60px;
		padding-right: 80px;
	}
	.each-listview:nth-child(even) .each-listview-content{
		padding-left: 80px;
		padding-right: 60px;
	}
	/**********************diensten dtl******************/
	.diensten-dtl-middle-area .each-listview-content {
	    max-width: 100%;
	    padding: 0 50px;
	}
	.each-listview-content h3::after {
    	top: -15px;
	}
	.contact-address{
    	padding-right: 40px;
    }
    .diensten-form-sec .contact-address p span{
    	float: left;
    	margin-bottom: 20px;
    }
    /************************contact**************/
	.contact-pg-form-area .bottom-block{
		padding:35px 20px;
	}
	/********************overons****************/
	.overons-slider-block .bottom-block li:nth-child(3){
		 margin-left: 0;
	}
	.overons-slider-block .bottom-block li:nth-child(4) {
		 margin-left: 30px;
	}
	.overons-slider-block .each-bottom-part span {
	    margin-right: 10px;
	}

}
@media (max-width: 1299.98px){
	.header-area .navbar-brand img{
		width: 200px;
	}
	.klaten-btn .common-btn {
	    height: 77px;
	    line-height: 77px;
	}
	.desktop-nav .navbar-nav .nav-link::after {
    	bottom: -29px;
	}
	.content-wrap {
	    max-width: 450px;
	}
	.left-content .common-btn{
		margin-right: 0;
	}
	.man-area img {
	    width: 210px;
	}
	.header-area .navbar-nav{
/*		padding-left: 0;*/
	}
	.desktop-nav .nav-item {
	    padding-left: 20px;
	}
	.common-wrapper {
	    padding-left: 50px;
	    padding-right: 50px;
	}
	h1{
		font-size: 42px;
	}
	h2{
		font-size: 30px;
	}
	h3{
		font-size: 30px;
	}
	.banner-content{
		bottom: 115px;
	}
	.each-block h4{
		font-size: 22px;
	}
	.each-block h5 {
	    font-size: 15px;
	}
	/**********************aanbod*****************/
	.aanbod-product .col-lg-4{
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.aanbod-middle-area .common-wrapper {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	/*********************diensten listview*****************/
	.each-listview-content h3 {
    	margin-bottom: 25px;
    }
    .each-listview {
	    width: calc(100% - 100px);
	}
	.each-listview::after {
	    width: calc(50% + 50px);
	}
	/********************diensten dtl************/
	.contact-address {
	    padding-left: 40px;
	}
	.diensten-form-sec .right-area .col-lg-5{
		position: static;
	}
	.diensten-man-area {
	    right: 0;
	    position: absolute;
	    bottom: 0;
	    width: 45%;
	}
	/******************contact*************/
	.each-address-info td {
		font-size: 14px;
		letter-spacing: normal;
	}
	/*********************overons***************/
	.overons-right-content {
	    padding-right: 50px;
	    padding-left: 80px;
	}
	.overons-right-content h3 {
    	margin-bottom: 20px;
	}
	.overons-bottom-sec .upper-content h3, .overons-right-content h3{
		line-height: 48px;
	}
	.year-slider-sec .upper-content{
		padding-top: 20%;
	}
	/*******************aanbod dtl************/
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -60px;
	}
}
@media (max-width: 1199.98px){
	h1 {
	    font-size: 40px;
	}
	h2{
		font-size: 27px;
	}
	h3{
		font-size: 27px;
	}
	.desktop-nav .navbar-brand img{
		width: 180px;
	}
	.desktop-nav .nav-item {
	    padding-left: 10px;
	    font-size: 14px;
	}
	.header-bovag-logo img{
		width: 75px;
	}
	.klaten-btn .common-btn {
	    width: 170px;
	}
	.header-social {
	    margin-left: 20px;
	}
	.header-social a {
	    margin-right: 5px;
	}
	.desktop-nav .navbar-nav .nav-link:after{
		bottom: -25px;
	}
	.klaten-btn .common-btn {
	    height: 72px;
		line-height: 72px;
	}
	.banner-content {
	    bottom: 100px;
	}
	.banner-sec .swiper-button-prev {
	    left: 20px;
	}
	.banner-sec .swiper-button-next {
	    right: 20px;
	}
	.banner-sec .common-arrow {
	    width: 50px;
	    height: 50px;
	}
	.each-block{
		padding: 20px 15px;
	}
	.each-block .arrow {
	    position: relative;
	    right: 0;
	    top: 0;
	    transform: translateY(0px);
	    margin-top: 15px;
	}
	.content-wrap{
		padding-right: 50px;
	}
	.member-info {
	    padding-left: 30px;
	    padding-bottom: 20px;
	}
	.man-area img {
	    width: 195px;
	}
	.each-bottom-part h5{
		font-size: 16px;
	}
	.bottom-block {
	    padding: 40px 30px;
	}
	.bottom-block h5{
		white-space: normal;
	}
	.bottom-block li{
		width: 50%;
	    margin-bottom: 50px;
	}
	.bottom-block ul{
		white-space: normal;
	}
	.bottom-block li:nth-child(3), .bottom-block li:nth-child(4)  {
	   margin-left: 0px;
	   margin-bottom: 0;
	}
	.each-bottom-part span {
	    width: 45px;
	    height: 45px;
	    margin-right: 10px;
	}
	.member-block-sec {
    	padding-bottom: 90px;
	}
	.upper-cover {
	    padding: 120px 0 80px;
	}
	.each-footer-content ul{
		width: 100%;
		display: block;
	}
	/**********************aanbod*****************/
	.aanbod-middle-area .common-wrapper {
	    padding: 0px;
	}
	.aanbod-middle-area .content-wrap{
		padding: 30px 30px 0;
	}
	/***********************diensten listview***************/
	.inner-banner-heading {
	    bottom: 25px;
	}
	.each-listview-image{
		margin-right: 0;
	}
	.each-listview:nth-child(even) .each-listview-image{
		margin-left: 0;
	}
	.each-listview-content, .each-listview:nth-child(even) .each-listview-content {
	   padding-left: 50px;
	   padding-right: 50px;
	}
	/*********************diensten dtl******************/
	.form-area {
	    padding-left: 0px;
	    padding-right: 40px;
	}
	.diensten-form-sec .left-content .form-area .common-btn {
	    margin-right: -40px;
	}
	.contact-address {
	    padding-right: 20px;
    	padding-left: 20px;
	}
	.diensten-form-sec .contact-address p {
	    line-height: 22px;
	    margin-top: 30px;
	}
	.diensten-dtl-middle-area .row{
		align-items: unset !important;
	}
	.diensten-dtl-middle-area .each-listview-content{
		padding: 50px 40px;
	}
	.diensten-man-area {
	    width: 48%;
	}
	.diensten-form-sec .contact-address p img {
	    margin-right: 12px;
	}
	/********************contact**************/
	.each-address-info td{
		font-size: 16px;
	}
	.each-address-info{
		padding-bottom: 30px;
	}
	.contact-pg-form-area .form-area{
		padding-left: 30px;
		padding-top: 30px;
	}
	.contact-pg-form-area .diensten-man-area {
	    width: 42%;
	    right: 20px;
	}
	.contact-pg-form-area .bottom-block{
		padding-bottom: 0;
	}
	/**********************overons****************/
	.overons-top-content{
		padding: 70px 0 100px;
	}
	.overons-slider-block .bottom-block li:nth-child(3) ,
	.overons-slider-block .bottom-block li:nth-child(4) {
		margin-left: 0px;
	}
	.overons-slider-block .bottom-block .li:nth-child(3),
	.overons-slider-block .bottom-block .li:nth-child(4){
		padding-left: 0px;
	}
	.counter-sec .row, .overons-slider-block .row.no-gutters{
		align-items: unset !important;
	}
	.overons-slider-block .content-wrap {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.overons-right-content{
		padding: 40px 30px;
	}
	.year-slider-sec .upper-content {
	    padding-top: 80px;
	}
	.year-arrows{
		padding-top: 20px;
	}
	/************************aanbod dtl******************/
	.aanbod-dtl-slider .swiper-button-next {
	    right: 6%;
	}
	.aanbod-dtl-slider .swiper-button-prev {
	    left: 6%;
	}
	.table-panel table tr td, .table-panel table tr th {
	    padding-right: 28px;
	}
	.table-top-area h3 {
    	font-size: 27px;
	}
	.data-table-area{
		padding: 60px 0 80px;
	}
	.aanbod-detail-tab-sec {
	    padding: 60px 0 100px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
    	font-size: 22px;
	}
	.aanbod-detail-tab-sec .tab-content .tab-pane .tab_hedaing h4 {
		font-size: 20px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -40px;
	}
	.footer-brand-images img {
	    margin-left: 30px;
	}
}
@media (max-width: 991px){
	h1 {
	    font-size: 36px;
	}
	h2{
		font-size: 25px;
	}
	h3{
		font-size: 25px;
	}
	.dblock {
	    display: block;
	    background-color: #fff;
	    height: auto;
	    position: fixed;
	    top: 0;
	    left: 0;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	main{
		padding-top: 75px;
	}
	.res-logo-styl{
		width: 180px;
	}
	.header-area{
		display: none;
	}
	.common-wrapper {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.banner-content {
	    bottom: 50px;
	}
	.each-block {
	    margin-bottom: 10px;
	}
	.banner-sec .common-arrow{
		display: none;
	}
	.block-wrap {
    	margin-top: 0px;
	}
	.block-sec{
		padding-top: 40px;
	}
	.select-part-wrapper{
		padding-top: 30px;
	}
	.select-sec {
	    padding: 35px 0;
	}
	.car-slider-area {
	    padding: 50px 0;
	}
	.each-car-details table tr td{
		font-size: 14px;
		width: auto;
	}
	.content-wrap{
		max-width: 100%;
		padding: 0;
	}
	.member-block-sec:after{
		display: none;
	}
	.left-content .text-right{
		text-align: left !important;
		margin: 40px 0;
	}
	.select-part-wrapper{
		margin-left:0;
		max-width: 100%;
	}
	.car-sec-wrap {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.car-slider-wrapper {
	    margin-top: 40px;
	}
	.man-area{
		right: 10px;
	}
	.common-btn{
		height: 45px;
	    line-height: 45px;
	    max-width: 200px;
	}
	.left-content{
		padding-right: 30px;
	}
	.content-wrap img {
	    width: 120px;
	}
	.member-info h4 {
	    margin-bottom: 5px;
	    font-size: 20px;
	}
	.member-info {
	    padding-left: 15px;
	    padding-bottom: 15px;
	}
	.bottom-block li:nth-child(3) .each-bottom-part, .bottom-block li:nth-child(4) {
		margin-left: 0;
	}
	.each-bottom-part{
		padding-bottom: 15px;
	}
	.member-block-sec {
	    padding-bottom: 50px;
	}
	.footer-upper-sec .col-lg-5, .footer-upper-sec .col-lg-7{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.upper-cover{
		padding: 50px 0 0;
	}
	.footer-upper-sec .common-wrapper{
		padding: 0;
	}
	.upper-content {
	    max-width: 720px;
	    padding-right: 0;
	    padding: 0 15px;
	    margin: auto;
	}
	.right-slider{
		padding-right: 0;
		padding-top: 75px;
	}
	.right-slider .common-arrow{
		top: 35px;
	}
	.right-slider .swiper-button-next {
	    left: 75px;
	}
	.right-slider .swiper-button-prev {
	    left:40px;
	}
	.opening-time-wrap {
	    /*padding-left: 20px;*/
	}
	.footer-address {
	    padding-left: 50px;
	}
	.opening-time-area .swiper-button-next {
	    right: -15px;
	}
	.footer-logo-area img{
		width: 260px;
	}
	.each-footer-content ul li{
		padding-right: 0;
		width: 100%;
	}
	.select-part-wrapper .common-btn{
		height: 58px;
		line-height: 56px;
		max-width: 100%;
	}
	/*******************aanbod****************/
	.aanbod-middle-area .content-wrap{
		padding: 0;
	}
	.aanbod-middle-area .left-content{
		padding: 40px 30px;
	}
	.aanbod-middle-area .left-content .text-right {
	    margin: 0;
	}
	.aanbod-filter .each-select-box{
		margin-bottom: 8px;
	}
	/************************diensten listview****************/
	.inner-banner-heading{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.each-listview {
	    width: calc(100% - 30px);
	}
	.each-listview-content, .each-listview:nth-child(even) .each-listview-content{
		padding-left: 30px;
    	padding-right: 30px;
	}
	.each-listview-content h3:after {
    	top: -20px;
	}
	.each-listview-content h3 {
	    margin-bottom: 20px;
	}
	.each-listview-image .arrow {
	    width: 50px;
	    height: 50px;
	}
	.arrow img {
    	width: 18px;
	}
	.each-listview::after {
	    width: calc(50% + 15px);
	}
	/******************verkocht****************/
	.verkocht-heading {
    	padding: 40px 0;
    }
    /*********************diensten dtl***************/
   .diensten-form-sec .left-content, .form-area{
   		padding-right: 0;
   }
   .diensten-form-sec{
   		padding-top: 0 ;
   }
	.diensten-form-sec .member-block-cover {
	    max-width: 750px;
	    width: 100%;
	    margin: auto;
	}
	.diensten-form-sec .left-content .text-right {
	    margin: 0;
	}
	.diensten-dtl-top-sec {
	    padding-bottom: 50px;
	}
	.contact-address{
		padding: 30px 0 40px;
	}
	.diensten-man-area, .contact-pg-form-area .diensten-man-area {
	    width: 26%;
	}
	/*************************contact************/
	.map-sec{
		height: 270px;
	}
	.contact-pg-form-area .diensten-man-area{
		right: 0;
	}
	.contact-pg-form-area.member-block-sec{
		margin-top: 0;
	}
	.contact-pg-form-area{
		overflow: hidden;
	}
	.contact-form-cover .left-content{
		position: relative;
	}
	.contact-form-cover .left-content:after {
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100vw;
	   background-color: #488fca;
	   content: '';
	   height: 100%;
	   left: 50%;
	   margin-left: -50vw;
	   z-index: -1;
	}
	.contact-form-cover:after{
		display: none;
	}
	.contact-pg-form-area .form-area{
		padding: 30px 0;
	}
	.contact-pg-form-area.member-block-sec{
		background-color: #f6f6f6;
	}
	.contact-pg-form-area .right-area{
		padding-top: 0;
	}
	/**********************overons*****************/
	.overons-top-content {
	    padding: 50px 0 ;
	}
	.overons-right-content{
		max-width: 720px;
		width: 100%;
		margin:auto;
		padding: 40px 15px;
	}
	.overons-bottom-sec .upper-content h3, .overons-right-content h3 {
	    line-height: 38px;
	}
	.overons-bottom-sec .upper-cover {
	    padding: 50px 0 0px;
	}
	.overons-bottom-sec .upper-content {
	    padding-top: 0px;
	}
	.right-slider.overons-gallery-slide-arrow{
		margin-right: 0;
	}
	.year-slider-sec .upper-content{
		max-width: 720px;
	}
	.year-slider-sec .common-wrapper{
		padding-left: 0;
	}
	.year-arrows{
		text-align: right;
		width: 100%;
	}
	.year-arrows .swiper-button-next{
		right: 20px;
	}
	.year-arrows .swiper-button-prev{
		left: -40px;
	}
	.year-slider-sec .upper-content {
	    padding-top: 40px;
	}
	.overons-logo-heading.upper-content{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	/*******************aanbod dtl************/
	.aanbod-dtl-slider .common-arrow{
		width: 50px;
		height: 50px;
	}
	.aanbod-dtl-slider .common-arrow img {
	    width: 18px;
	    height: 18px;
	}
	.table-top-area h3 {
	    font-size: 25px;
	    margin-bottom: 20px;
	}
	.table-top-area h4 {
    	font-size: 24px;
	}
	.table-top-area .text-right, .price-table-part .text-right{
		text-align: left !important;
	}
	.data-table-area, .aanbod-detail-tab-sec{
		padding: 40px 0;
	}
	.price-table-part{
		padding-top: 35px;
	}
	.price-table-part .common-btn{
		margin-top: 30px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		width: 25%;
    	text-align: center;
    	font-size: 20px;
	}
	.aanbod-detail-tab-sec .tab-content:after{
		display: none;
	}
	.footer-brand-images img{
		margin-left: 0;
		margin-right: 25px;
	}
	.footer-brand-images.text-right{
		text-align: left !important;
	}
	.new-bg-area{
		padding:40px 0;
	}
	.bg-content-wrapper h3{
		font-size: 24px;
	}
	.bg-content-wrapper p {
	    margin: 20px 0 30px;
	}
	.form_heading h3{
		padding-left: 0px;
		padding-top: 30px;
		padding-bottom: 20px;
	}
}
@media (max-width: 767px){
	h1{
		font-size: 32px;
	}
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 24px;
	}
	h4{
		font-size: 22px;
	}
	.banner-content {
	    bottom: 20px;
	}
	.pop-up-image {
		width: 100%;
	}
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.popup-content {
		width: 100%;
	}
	.common-wrapper, .car-slider-wrapper{
		max-width: 540px;
		width: 100%;
		margin:auto;
		padding: 0 15px;
	}
	.bottom-block li{
		width: 100%;
		display: block;
	}
	.bottom-block li:nth-child(3){
	   margin-bottom: 50px;
	}
	.bottom-block li:nth-child(4){
		margin-bottom: 30px;
	}
	.bottom-block h5{
		padding-left: 75px;
	}
	.car-slider-wrapper{
		margin-top: 30px;
	}
	.each-select-box{
		margin-bottom: 8px;
	}
	.select-part-wrapper{
		padding-right: 0;
	}
	.each-select-box .common-btn{
		max-width: 100%;
	}
	.select-part-wrapper .pl-2{
		padding-left: 15px !important;
	}
	.select-part-wrapper .pr-1{
		padding-right: 15px !important;
	}
	.block-sec {
	    padding-top: 30px;
	}
	.each-block h4 {
	    font-size: 20px;
	}
	.car-slider-area{
		padding: 30px 0;
	}
	.section-heading span{
		padding: 0 15px;
	}
	.car-sec-wrap, .left-content{
		padding: 0;
	}
	.each-car{
		margin: 0;
	}
	.section-heading .common-arrow{
		display: none;
	}
	.each-car-details table tr td{
		font-size: 13px;
	}
	.right-area{
		background-size: cover;
	}
	.right-area .bg-img{
		display: none;
	}
	.member-slide{
		position: relative;
		top: -20px;
	}
	.bottom-block{
		padding: 50px 15px 20px;
	}
	.member-block-sec {
	    padding-bottom: 30px;
	}
	.footer-upper-sec .common-wrapper{
		max-width: 100%;
	}
	.upper-content p {
    	margin: 20px 0 30px;
	}
	.right-area {
	    height: calc(100% - 20px);
	}
	.left-content .text-right{
		margin-bottom: 60px;
	}
	.right-area .swiper-button-prev{
	    left: auto;
	    right: 25px;
	}
	.right-area .swiper-button-next {
		right: 0;
	}
	.right-area .common-arrow{
		top: -40px;
	}
	.right-area .common-arrow img {
	    filter: brightness(1) invert(0);
	    -webkit-filter: brightness(1) invert(0);
	}
	.common-arrow img{
		width: 13px;
	    height: 13px;
	}
	.upper-cover {
	    padding: 30px 0 0;
	}
	.right-slider .common-arrow{
		top: 25px;
	}
	.right-slider .swiper-button-next{
		right: 15px;
		left: auto;
	}
	.right-slider .swiper-button-prev{
		left: auto;
	    right: 37px;
	}
	.right-slider{
		padding-top: 60px;
	}
	.each-right-slide-txt{
		bottom: 20px;
    	left: 20px;
	}
	.each-footer-content h6{
		height: auto;
	}
	.footer-logo-area img {
	    width: 220px;
	}
	.footer-address, .opening-time-wrap {
	    padding-left: 0;
	}
	.each-footer-content p img{
		margin-left: 0;
	}
	.footer-address p span{
		float: left;
		margin-bottom: 15px;
	}
	.each-footer-content{
		margin-bottom: 30px;
	}
	.opening-time-area .swiper-button-next{
		right: 0;
	}
	.opening-time-area .swiper-button-prev{
		left: auto;
		right: 25px;
	}
	.opening-time-area .common-arrow{
		top: -15px;
		transform: translateY(0);
	}
	.each-footer-content ul li:last-child{
		padding-bottom: 0;
	}
	.select-sec{
		padding-bottom: 20px;
	}
	/*********************aanbod*****************/
	.aanbod-product .col-lg-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-product.car-slider-area{
		padding-top: 30px;
	}
	.aanbod-product .each-car{
		margin-bottom: 30px;
	}
	.aanbod-middle-area .left-content {
	    padding: 30px 15px;
	}
	.aanbod-middle-area.member-block-sec{
		padding-bottom: 30px;
	}
	/*********************diensten listview**************/
	.inner-banner-heading h1{
		font-size: 28px;
	}
	.listview-top-content{
		padding: 30px 0;
	}
	.each-listview-content, .each-listview:nth-child(even) .each-listview-content{
		max-width: 100%;
		padding: 40px 30px 30px;
	}
	.each-listview-image{
		margin: 0;
	}
	.each-listview::after{
		display: none;
	}
	.each-listview{
		width: 100%;
	}
	.listview-content-wrapper p{
		text-align: justify;
	}
	.each-listview-content p{
		display: inline-block;
	}
	/******************verkocht****************/
	.verkocht-heading {
    	padding: 30px 0;
    }
    .verkocht-product .car-slider-wrapper {
	    margin-top: 30px;
	}
	p{
		font-size: 15px;
	}
	/*************************diensten dtl*****************/
	.back-btn {
	    padding: 30px 0;
	}
	.back-btn .text-right{
		text-align: left !important;
	}
	.diensten-dtl-top-sec td:nth-child(odd) {
	    padding-right: 0;
	}
	.diensten-dtl-top-sec td {
    	width: 100%;
    	display: block;
    }
    .diensten-dtl-top-sec td:nth-child(even) {
	    padding-left: 0;
	    padding-top: 20px;
	}
	.diensten-dtl-top-sec h2 {
	    margin-bottom: 20px;
	}
	.diensten-dtl-top-sec {
	    padding-bottom: 30px;
	}
	.diensten-dtl-middle-area .each-listview-content {
	   padding: 40px 15px 30px;
	   max-width: 540px;
	   margin: auto;
	   width: 100%;
	}
	.diensten-form-sec .member-block-cover{
		max-width: 540px;
		padding: 0;
	}
	.form-styl{
		padding: 10px 0;
	}
	.diensten-form-sec .pl-2{
		padding-left: 15px !important;
	}
	.diensten-form-sec .pr-2{
		padding-right: 15px !important;
	}
	.diensten-man-area {
	    width: 36%;
	}
	.diensten-form-sec{
		padding-top: 20px;
	}
	/*********************contact**************/
	.contact-pg-form-area .diensten-man-area {
	    width: 36%;
	}
	/***********************overons*****************/
	.overons-top-content {
	    padding: 30px 0;
	}
	.counter-area span {
	    font-size: 22px;
	    height: 50px;
	    width: 50px;
	    margin-right: 20px;
	}
	.counter-area li {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.overons-right-content{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.overons-bottom-sec .upper-cover {
	    padding: 30px 0 0px;
	}
	.each-year-slide .common-wrapper{
		max-width: 720px;
	}
	.year-arrows{
		padding-top: 0;
	}
	.logo-wrap{
		width: 100%;
		margin-left: 0;
		margin-top: 40px;
	}
	.overons-logo-slider{
		padding: 30px 15px 15px;
		background-color: #f7f7f7;
	}
	.overons-logo-heading.upper-content{
		padding:0;
	}
	.overons-logo-arrows {
	    margin-bottom: 30px;
	}
	/******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: #fff;
		font-weight: normal;
	}
	#no-more-tables td:before {
		content: attr(data-title);
	}
	.table-panel table tr th {
		display: none !important;
	}
	.table-top-area h3 {
    	font-size: 22px;
    }
    .table-top-area h4 {
	    font-size: 20px;
	    margin-bottom: 6px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 50%;
	    font-size: 18px;
	    padding-bottom: 30px;
	}
	.data-table-area, .aanbod-detail-tab-sec {
	    padding: 30px 0;
	}
	.aanbod-detail-tab-sec .tab-content .tab-pane .tab_hedaing h4 {
	    font-size: 18px;
	}
	.thanku-banner .banner-content{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.thanku-banner .banner-content h1 {
    	margin-bottom: 35px;
	}
	.bottom-block a:after {
    	left: -75px;
    }
    .footer-brand-images img{
    	width: 60px;
    	margin-right: 15px;
    	margin-bottom: 15px;
    }
    .footer-brand-images .klaten-img{
    	width: 120px;
    }
    .footer-area .divider{
    	margin: 30px 0;
    }
}
@media(max-width: 575px){
	h1 {
	    font-size: 26px;
	}
	h2{
		font-size: 22px;
	}
	h3{
		font-size: 22px;
	}
	/*********************diensten listview**************/
	.inner-banner-heading h1{
		font-size: 22px;
	}
	.each-listview-content, .each-listview:nth-child(even) .each-listview-content, .contact-pg-form-area .bottom-block{
		padding-right: 15px;
		padding-left: 15px;
	}
	/*****************diensten dtl****************/
	.diensten-form-sec .contact-address p img {
	    margin-right: 7px;
	}
	.diensten-man-area {
	    width: 43%;
	}
	.diensten-form-sec .contact-address p{
		font-size: 14px;
	}
	/*******************contact**************/
	.contact-pg-form-area .diensten-man-area {
	    width: 43%;
	}
	.contact-pg-form-area .each-address-info td:last-child{
		padding-right: 0;
	}
	.contact-pg-form-area .each-address-info td{
		padding-right: 10px;
		font-size: 14px;
	}
}
@media(min-width: 780px){ 
    #mobile-contact-bar-outer {
        display: none;
    }

}
@media (max-width : 767.98px){
    .morgeninternet-footer{
        margin-bottom : 43px;
    }
}