@media(max-width: 1799.98px){
	.checked-area li{
		padding-right: 7%;
	}
	.desktop-nav .nav-item {
    	padding-right: 40px;
	}
	/*****aanbod-dtl****/
	.aanbod-dtl-social-wrapper {
		margin-right: 0px;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 35px;
	}
}
@media(max-width: 1699.98px){
	.header-area .navbar-brand img{
		width: 240px;
	}
	/***aanbod-dtl***/
	.aanbod-dtl-info-sec h3 {
		font-size: 22px;
	}
	.aanbod-dtl-tab-area .nav-tabs .nav-item{
		font-size: 12px;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 32px;
	}
}
@media(max-width: 1599.98px){
	h1{
		font-size: 38px;
	}
    h2{
		font-size: 30px;
	}
	.common-wrapper {
	    padding-left:6%;
		padding-right: 6%;
	}
	#page {
    	/*width: calc(100% - 60px);*/
	}
	.dark_theme, .aanbod-bg-image{
	    /*width: calc(100% + 60px);
		margin-left: -60px;*/
	}
	.bovag-logo{
	    left: -60px;
	    width: 60px;
	}
	.header-area .navbar-brand img {
	    width: 180px;
	}
	.banner-content{
    	padding-left: 30px;
	}
	.banner-btn{
		padding: 0 40px 0 30px;
	}
	.header-area .navbar-brand{
		left: 30px;
	}
	/**contact****/
	.search-icon {
		left: -78px;
	}
}

@media(max-width: 1799.98px) {
	.aanbod-dtl-tab-area iframe{
		height: 1600px;
	}
	.product-dtl h5{
		height: 80px;
	}
	.togglesearch{
    	top: 170px;
	}
	/****contact*****/
	.contact-info img {
		margin-right: 35px;
	}
	/**aanbod***/
	.aanbod-banner-area h1 {
		font-size: 30px;
	}
	/**aanbod-dtl**/
	.aanbod-dtl-info-wrapper {
		padding: 40px 50px;
	}
	/****overons***/
	.overons-counter-wrapper {
		padding: 130px 8% 130px 0;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 30px;
	}
	/**************overons************/
	.overons-top-sec .each-list-content img{
		width: 240px;
	}
}
@media(max-width: 1399.98px){
	h1, h2{
		font-size: 32px;
	}
	.desktop-nav .nav-item{
		font-size: 18px;
		padding-right: 30px;
	}
	.checked-area li {
	    padding-right: 5%;
	}
	.product-dtl p span {
	    margin-left: 20px;
	}
	.product-dtl{
		padding: 20px 15px;
	}
	.footer-sec .common-wrapper {
	    padding-left: 0;
	}
	/****verkocht***/
	.verkocht-product-sec {
		padding-top: 150px;
	}
	/*****aanbod*******/
	.product-dtl .col-xl-5 p{
		font-size: 17px;
	}
	.aanbod-product-sec .product-dtl .col-xl-5 p span {
	    margin-left: 10px;
	} 
	/***aanbod-dtl****/
	.aanbod-dtl-info-sec h3 {
		font-size: 21px;
	}
	.aanbod-dtl-desc-left {
		padding-right: 60px;
	}
	.aanbod-dtl-tab-area .nav-tabs .nav-item{
		width: 32%;
	}
	/****overons****/
	.overons-counter-right h3:nth-child(even) {
		margin: 60px 40px 0px 0px;
	}
	.overons-year-slider-wrapper {
		padding: 0px 60px;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 27px;
		line-height: 45px;
	}
}
@media(max-width: 1299.98px) {
	/***contact*****/
	.contact-info img {
		margin-right: 30px;
	}
	.contact-info p {
		font-size: 18px;
	}
	.contact-form-wrapper {
		padding-left: 100px;
	}
	/**aanbod***/
	.aanbod-banner-area h1 {
		font-size: 26px;
	}
	.product-dtl p span {
	    margin-left: 0px;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-info-sec h3 {
		font-size: 19px;
	}
	.aanbod-dtl-desc-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 25px;
	}
}
@media(max-width: 1199.98px){
	.togglesearch {
	    top: 135px;
	}
	.product-dtl h5{
		height: 110px;
	}
	.common-btn:after {
	    width: 50px;
	    height: 50px;
	    background-size: 20px;
	}
	.product-dtl .col-xl-5 p{
		text-align: left;
	}
	.desktop-nav .nav-item {
	    font-size: 15px;
	    padding-right: 20px;
	}
	.header-area .navbar-brand img {
	    width: 150px;
	}
	.banner-btn{
		padding-right: 15px;
	}
	.checked-area li {
		width: 50%;
		padding-bottom: 20px;
	}
	.footer-info{
		border-top: 3px solid #2a2a2a;
		padding: 50px 0 0;
		margin-top: 50px;
	}
	/***contact***/
	.search-icon {
		top: -25px;
	}
	.contact-form-wrapper {
		padding-left: 70px;
	}
	.contact-info p {
		font-size: 16px;
	}
	.contact-map-sec .block-image {
		margin-top: 30px;
	}
	/***aanbod***/
	.aanbod-fliter-sec .aanbod-filter-wrap {
		top: -60px;
		padding: 40px 70px;
	}
	.aanbod-banner-area h1 {
		font-size: 20px;
		line-height: 30px;
	}
	/***aanbod-dtl***/
	.aanbod-dtl-info-wrapper {
		padding: 25px 30px;
	}
	.aanbod-dtl-info-sec h3 {
		letter-spacing: normal;
		font-size: 15px;
	}
	.aanbod-dtl-desc-left {
		padding-right: 30px;
	}
	/***overons***/
	.overons-top-sec .each-list-content img {
		margin-top: 0;
	}
	.overons-counter-right h3 .each-counter {
		font-size: 45px;
		margin-right: 25px;
	}
	.overons-counter-right h3 {
		font-size: 24px;
	}
	.overons-car-slider-sec .diensten-sec-heading {
		padding-left: 0;
	}
	/***bedankt*****/
	.bedankt-banner .banner-content h1 {
		font-size: 19px;
	}
}
@media(max-width: 991px){
	#page{
		width: 100%;
	}
	.dark_theme, .aanbod-bg-image{
	    width: 100%;
		margin-left: 0;
	}
	.white-btn{
		max-width: 230px;
		height: 55px;
		line-height: 53px;
	}
	.dblock{
		display: block;
		height: auto;
	}
	.header-area, .mini-right-nav, .scroll-button{
		display: none;
	}
	.res-logo-styl{
		width: 120px;
	}
	.banner-area .col-lg-4, .banner-area .col-lg-8{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.banner-area:before{
		display: none;
	}
	.mobile-banner-content{
		position: absolute;
	    top: 50%;
	    z-index: 1;
	    transform: translateY(-50%);
	    left: 0;
	    width: 100%;
	    padding: 0 5%;
	}
	.banner-area .common-btn{
		margin-top: 20px;
	}
	.product-sec, .content-block-sec{
		padding: 60px 0;
	}
	.product-dtl h5{
		height: auto;
	}
	.sec-heading {
	    margin-bottom: 40px;
	}
	.content-block-sec p{
		margin:20px 0 30px;
	}
	.footer-sec{
		padding: 60px 0;
	}
	.footer-sec .common-wrapper{
		padding-left: 6%;
	}
	.each-footer-info td{
		width: 100%;
		display: block;
	}
	.footer-sec .col-lg-5 .each-footer-info {
	    padding-left: 0;
	}
	.left-angle, .right-angle{
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
		margin-left: 0;
		margin-right: 0;
	}
	.left-angle-wrap {
    	width: 50%;
	}
	.right-angle-wrap {
    	width: 48%;
	}
	.angle-content {
	    right: -52%;
	    width: 100%;
	    white-space: normal;
	    text-align: right;
	}
	.right-angle-wrap .angle-content {
	    left: -42%;
	    width: 100%;
	    right: auto;
	    text-align: left;
	}
	.right-angle-wrap .angle-content h3{
		float: none;
	}
	/**contact****/
	.contact-form-sec {
		padding: 60px 0px;
	}
	.contact-form-sec h2 {
		margin-bottom: 40px;
	}
	.contact-form-wrapper {
		padding: 60px;
		clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);
       -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);
	}
	.contact-info p {
		line-height: 20px;
	}
	.contact-info {
		margin-bottom: 70px;
	}
	.contact-info a.ph-no, .contact-info a.mail-id {
		margin-left: 0;
	}
	/***diensten list*****/
	.diensten-list-sec .content-block-sec:nth-child(odd) p {
		margin: 20px 0 30px;
	}
	.diensten-list-sec .each-list-content {
		margin-left: 0;
	}
	.diensten-list-sec .content-block-sec:nth-child(even) .each-list-content {
		margin-right: 0;
	}
	/****aanbod***/
	.aanbod-product-sec::after {
		top: -25px;
	}
	.aanbod-banner-area h1 {
	    font-size: 32px;
	    line-height: normal;
	}
	.static-block-new .each-product{
		height: auto;
	}
	.static-block-new {
	    padding-bottom: 0px;
	}
	.static-block-text-new{
		padding: 10% 5%;
	}
	/***verkocht***/
	.verkocht-product-sec {
		padding-top: 60px;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-info-wrapper::after {
		display: none;
	}
	.aanbod-dtl-desc-left {
		padding-right: 0px;
	}
	.aanbod-dtl-desc-left h6 {
		margin-left: 0px;
	}
	.aanbod-dtl-desc-right {
		margin-top: 50px;
	}
	.aanbod-dtl-info-sec .col-lg-4 h3 {
		float: none;
		margin-top: 20px;
	}
	.aanbod-dtl-info-sec h3 {
		line-height: 30px;
	}
	.aanbod-dtl-social-wrapper .text-right {
		text-align: left !important;
	}
	.aanbod-dtl-social-icon {
		margin-bottom: 30px;
	}
	.aanbod-dtl-social-wrapper {
		max-width: 100%;
	}
	.aanbod-dtl-top-sec .swiper-container .swiper-slide-prev .each-aanbod-dtl-car::after,
	.aanbod-dtl-top-sec .swiper-container .swiper-slide-next .each-aanbod-dtl-car::after{
		display: none;
	}
	/*****diensten-dtl****/
	.diensten-dtl-top-content .banner-content {
		top: 0;
		transform: translateY(0);
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.diensten-dtl-top-content .banner-btn {
		position: static;
	}
	.diensten-dtl-top-content .each-banner {
		padding: 10% 30px;
	}
	.diensten-dtl-top-content{
		max-width: 753px;
	    width: 100%;
	    margin: auto;
	}
	.diensten-dtl-top-content .common-btn:after {
		right: auto;
		left: 200px;
	}
	.diensten-dtl-slider {
		padding: 60px 0px 60px 30px;
	}
	.diensten-sec-heading {
		margin-bottom: 40px;
	}
	.diensten-arrow{
		max-width: 100%;
    	text-align: right;
	}
	.diensten-arrow, .diensten-sec-heading h2{
		display: block;
		margin-left: auto;
	}
	.diensten-sec-heading h2{
		text-align: center;
	}
	.diensten-sec-heading .common-arrow{
		position: relative;
		display: inline-flex;
		transform: translateY(0);
		margin-bottom: 30px;
	}
	.diensten-arrow .swiper-button-next{
		left:auto;
		right: 30px; 
	}
	.diensten-arrow .swiper-button-prev{
		left: -40px;
	}
	/****overons***/
	.overons-top-sec .each-list-content {
		margin-left: 0px;
	}
	.overons-counter-sec {
		padding: 60px 0;
	}
	.overons-counter-right {
		margin-top: 60px;
	}
	.overons-counter-right.text-right {
		text-align: left !important;
	}
	.overons-counter-wrapper {
		padding: 60px 10% 60px 0;
	}
	.each-year-slide h2 {
		font-size: 32px;
		margin: 20px 0 10px;
	}
	.overons-year-slider .swiper-container .swiper-slide {
		opacity: 1;
	}
	.overons-year-slider {
		margin: 60px 0;
	}
	.overons-counter-left h2 {
	    margin-bottom: 20px;
	}
	.overons-top-sec .each-list-content img {
		width: 180px;
	}
	.overons-car-slider-sec .diensten-arrow {
	    max-width: 100%;
	}
}
@media(max-width: 767px){
.calsty{
		height: 1900px;
	}
	 .morgeninternet-footer{
        margin-bottom : 43px;
    }
	.error_top{
		padding-top: 5px;
	}
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.modal-area .popup-content {
		padding: 5% 5%;
	}
	.modal-area .pop-up-image img{
		height: 100%;
		object-fit: cover;
		display: block;
	}
	#mobile-contact-bar img{
		width: 20px;
	}
	#mobile-contact-bar {
	    box-sizing: border-box;
	    opacity: 1;
	    position: fixed;
	    width: 100%;
	    z-index: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #000000;
	  box-sizing: border-box;
	  height: 45px;
	  overflow: hidden;
	  width: 100%;
	}
	#mobile-contact-bar ul {
	  box-sizing: border-box;
	  line-height: 0;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  text-align: center;
	  width: 100%;
	  font-size: 0;
	}
	#mobile-contact-bar ul li {
	  box-sizing: border-box;
	  display: inline-block;
	  text-align: center;
	  height: 45px;
	  line-height: 45px;
	  width: 25%;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1, h2{
		font-size: 26px;
		letter-spacing: 0.75px;
	}
	h3{
		font-size: 22px;
	}
	.checked-area li{
		width: 100%;
	}
	.checked-area ul{
		padding: 40px 0 20px;
	}
	.checked-area li:before{
		background-size: 24px;
	}
	.footer-sec{
	    padding: 40px 0;
	}
	.product-sec{
		padding: 20px 0 0; 
	}
	.left-angle-wrap, .right-angle-wrap, .left-angle, .right-angle{
		width: 100%;
		position: relative;
		height: auto;
		margin: 0;
	}
	.left-angle img, .right-angle img{
		display: block;
	}
	.angle-content, .right-angle-wrap .angle-content{
		position: static;
		text-align: center;
		margin: 20px 0;
	}
	.right-angle-wrap .angle-content span{
		float: none;
	}
	.right-angle-wrap .angle-content img {
	    margin: 0 0 0 20px;
	    transform: rotate(0deg);
	}
	.middle-sec{
		padding-bottom: 20px;
	}
	.content-block-sec{
		padding: 0 0 40px;
	}
	.product-sec .text-right{
		text-align: left !important;
		padding-top: 20px;
	}
	.product-sec:before, .product-sec .common-arrow, .content-block-sec:after{
		display: none;
	}
	.block-image {
    	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0%); 
       margin-top: 30px;
	}
	.footer-info {
	    padding: 30px 0 0;
	    margin-top: 30px;
	}
	.each-footer-info{
		margin-bottom: 30px;
	}
	.divider{
		margin: 0 0 30px;
	}
	/**contact***/
	.content-block-sec {
		padding: 30px 0px;
	}
	.contact-form-sec::before {
		display: none;
	}
	.contact-form-wrapper {
		padding: 0;
		clip-path: none;
		-webkit-clip-path: none;
	}
	.contact-form-sec .common-btn {
		margin-top: 40px;
	}
	.contact-form-sec {
		padding: 30px 0;
	}
	.contact-map-sec .block-image {
		height: 320px;
	}
	.contact-info img {
		margin-right: 15px;
	}
	.contact-info p {
		font-size: 14px;
	}
	.contact-info {
		margin-bottom: 30px;
	}
	.contact-form .text-right {
		text-align: left !important;
	}
	/****diensten list****/
	.diensten-list-sec .content-block-sec p {
		display: block;
	}
	.diensten-list-sec .content-block-sec .row {
		flex-direction: column-reverse !important;
	}
	.diensten-list-sec .content-block-sec .block-image {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.diensten-list-sec .content-block-sec:nth-child(odd) .block-image,
	.overons-top-sec .content-block-sec .block-image, .each-year-slide-img{
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	/***aanbod***/
	.aanbod-banner-area h1 {
	    font-size: 26px;
	}
	.aanbod-fliter-sec .aanbod-filter-wrap {
		top: 0px;
	}
	.aanbod-fliter-sec .white-btn {
		margin-top: 10px;
		max-width: 100%;
	}
	.aanbod-fliter-sec .aanbod-filter-wrap {
		padding: 30px;
	}
	.aanbod-product-sec::after {
		display: none;
	}
	.aanbod-product-sec .each-product {
		margin-bottom: 30px;
	}
	.aanbod-product-sec .pl-2 {
		padding-left: 0 !important;
	}
	.aanbod-product-sec .pr-2 {
		padding-right: 0 !important;
	}
	/***verkocht***/
	.verkocht-product-sec {
		padding-top: 30px;
	}
	/**aanbod-dtl***/
	.aanbod-dtl-info-wrapper {
		top: 0;
	}
	.aanbod-dtl-social-sec {
		padding-top: 30px;
	}
	.aanbod-dtl-desc-sec {
		padding: 30px 0;
	}
	.aanbod-dtl-desc-right {
		margin-top: 30px;
	}
	.kenmerken-tab-area .row {
		margin: 15px 0;
		padding: 15px 0;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.aanbod-dtl-tab-area .tab-content .tab_hedaing h4{
		font-size: 20px;
	}
	.aanbod-dtl-product-sec{
		border-top:1px solid #eeeeee;
	}
	.aanbod-dtl-tab-area .nav-tabs .nav-item{
		width: 47.9%;
	}
	.aanbod-dtl-tab-area .nav-tabs .nav-item:last-child{
		width: 100%;
	}
	.kenmerken-tab-area .kenmerken-tab ul li:nth-child(odd){
		padding-left: 12px;
	}
	/*****diensten-dtl***/
	.each-slide-heading {
		bottom: 20px;
	}
	.diensten-dtl-slider:before, .diensten-form-area:after {
		display: none;
	}
	.diensten-form-area .contact-form-wrapper{
		background-color: transparent;
	}
	.diensten-dtl-slider{
		padding: 40px 0;
	}
	.diensten-dtl-slider .each-slide{
		width: 100%;
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
       -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	/****overons******/
	.overons-top-sec .content-block-sec .row {
		flex-direction: column-reverse !important;
	}
	.overons-top-sec .content-block-sec .block-image {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.overons-counter-wrapper {
		clip-path: none;
		padding: 0;
	}
	.overons-counter-sec {
		padding: 30px 0;
	}
	.overons-counter-sec::after {
		display: none;
	}
	.overons-counter-right {
		margin-top: 30px;
	}
	.overons-counter-right h3:nth-child(even) {
		margin: 30px 0px 0px 0px;
	}
	.each-year-slide p {
		padding-left: 0;
		font-size: 16px;
	}
	.overons-year-slider {
		padding: 120px 0 30px;
		margin: 0;
		border-top: 2px solid #2a2a2a;
	}
	.overons-year-slider-wrapper {
		padding: 0;
	}
	.overons-year-slider .common-arrow {
		top: 30px;
    	transform: translateX(0px);
	}
	.overons-year-slider .swiper-button-prev {
	    left: auto;
	    right: 100px;
	}
	.overons-year-slider::after {
		display: none;
	}
	.overons-counter-right h3 .each-counter {
		font-size: 35px;
	}
}
@media(max-width: 575px){
	.common-wrapper, .footer-sec .common-wrapper{
		padding-right: 0;
		padding-left: 0;
	}
	/****aanbod-dtl***/
	.aanbod-dtl-social-btn .white-btn:nth-child(2) {
		display: block;
		margin-left: 0;
		margin-top: 20px;
	}
	/***diensten-dtl****/
	.diensten-dtl-top-content .banner-content {
		padding: 40px 15px 0 15px;
	}
	.diensten-dtl-top-content .each-banner, .diensten-dtl-top-content .banner-btn {
		padding-right: 15px;
		padding-left: 15px;
	}
	.aanbod-dtl-tab-area iframe {
		height: 1650px;
	}
}