@media (max-width: 2755px) {
	.klantenvertellen {
		position: relative !important;
		left: 51.4% !important;
		width: 100%;
		padding: 0 16.6%;
	}
}

@media(max-width: 1799.98px){
	.bovag-logo{
		margin-right: 0;
	}
	
	/****aanbod-dtl***/
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 18px;
		margin-right: 50px;
	}
	/***new-aanbod-dtl*****/
    .new-dtl-top-info{ 
        padding-left: 10%;
    }
	.klantenvertellen {
		position: relative !important;
		left: 52% !important;
	}
}
@media(max-width: 1699.98px){
	.common-wrap {
	  padding-left: 5%;
	  padding-right: 5%;
	}
	.desktop-nav .nav-item .common-btn{
		min-width: 180px;
		font-size: 13px;
	}
	.desktop-nav .nav-item{
		margin-left: 40px;
	}
	.product-wrapper{
		padding: 0;
	}
	.product-dtl h4 {
		font-size: 17px;
	}
	.video-sec .product-wrapper{
		padding-right: 6%;
	}
	.left-content {
	  padding: 50px 50px;
	}
	.left-content hr{
		margin: 40px 0;
	}
	/****popup******/
	.modal-area .modal-dialog {
		max-width: 75%;
	}
	.modal-area .popup-content {
		padding: 10%;
	}
	/***contact****/
	.contact-form-wrap {
		margin: 0;
	}
	/****diensten*****/
	.each-diensten-text{
		padding: 30px 5%;
	}
	.each-diensten-text p{
		margin-top: 20px;
	}
	.each-diensten-text hr{
		margin: 25px 0 30px;
	}
	/****diensten-dtl***/
	.diensten-dtl-mid-sec .block-right {
		/*width: 47.2%;*/
	}
    /*********aanbod-mini********/
    .aanbod-sec .product-wrapper {
        padding: 0;
    }
    /*********faq********/
    .faq-accordian-wrap {
        padding-right: 15%;
    }
    .faq-middle-sec h3 {
        margin-bottom: 0;
    }
	/*========overons======*/
	.overons-top-block .left-content {
		padding: 24% 10%;
  	}
  	/****vacatures*****/
    .vacation-sec .each-diensten-text {
        padding: 30px 6%;
    }
    .diensten-time-block {
        padding-left: 6%;
    }
     /***new-aanbod-dtl*****/
    .new-dtl-contact-block {
        margin-right: 5.5%;
    }
    .call-btn{ 
        font-size: 13px;
    }
    .spec-text {
        padding-right: 5%;
    }
    .new-dtl-modal-area .modal-dialog {
        max-width: 40%;
    }
	.common-padding {
		padding-right: 120px;
		padding-left: 120px;
	}
}
@media(max-width: 1599.98px){
	h1{
		font-size: 36px;
	}
	/**aanbod-dtl***/
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		margin-right: 40px;
	}
	.aanbod-dtl-gal-btn {
		right: calc(10% - 130px);
	}
	.aanbod-dtl-bk-btn-sec .col-md-9::before{
		left: 0;
	}
	.aanbod-dtl-bk-btn-sec .col-md-9 h4{
		padding-left: 6%;
	}
	.new-banner-content{
	    max-width: 630px;
	   	padding: 0 5%;
	}
	.new-header .desktop-nav{
		padding: 30px 2.4%;
	}
	.desktop-nav li, .menu-icon{
		margin: 0 15px;
	}
	.common-padding{
		padding-right: 85px;
		padding-left: 85px;
	}

	.mini-right-nav{
		top: calc(10% + 90px) !important;
	}
}
@media (max-width: 1500px) {
	.calsty{ 
		height: 800px;
		width: 75%;
	}
}
@media(max-width: 1499.98px){
	.newsletter-area{
		margin-top: 79%;
	}
	.klantenvertellen {
		position: relative !important;
		left: 51.5% !important;
	}
	/*==========Garantie==========*/
	.garantie-banner h1{
  		font-size: 40px;
  	}
	.each-garantie h3{
		font-size: 26px;
	}
}
@media(max-width: 1399.98px){
	h1{
		font-size: 34px;
	}
	h2{
		font-size: 30px;
		letter-spacing: 4px;
	}
	h3{
		font-size: 26px;
	}
	.common-wrap {
	  padding-left: 3%;
	  padding-right: 3%;
	}
	.desktop-nav .navbar-brand img{
		/*width: 160px;*/
	}
	.desktop-nav li, .menu-icon {
	  	margin: 0px 10px;
	  	letter-spacing: normal;
	  	font-size: 17px;
	}
	.bovag-logo img{
		width: 80px;
	}
	.desktop-nav .nav-item {
	  margin-left: 30px;
	}
	.product-dtl{
		padding-right: 15px;
		padding-left: 15px;
	}
	.content-wrap {
	  max-width: 600px;
	  padding: 50px;
	}
	.video-sec .product-wrapper {
	  padding-right: 4%;
	}
	.newsletter-wrap {
	  padding: 0 4%;
	}
	/****contact***/
	.contact-form-sec h3 {
		margin-bottom: 60px;
	}
	.contact-form-wrap {
		padding: 6% 5% 5%;
	}
	/***diensten-dtl****/
	/*.diensten-dtl-top-text {
		max-width: 620px;
	}*/
	.diensten-dtl-mid-sec .block-right {
		/*width: 48.2%;*/
	}
	.diensten-dtl-top-text {
		padding-left: 9%;
		padding-right: 9%;
	}
    /*********aanbod-mini********/
    .aanbod-product-middle-content {
        padding: 0 7% 70px;
    }
    /*********faq********/
    .faq-accordian-wrap {
        padding-right: 6%;
    }
	.faq-contact-sec {
		padding-top: 8%;
	}
	/*=======overons====*/
	.icon-block h4{
		font-size: 18px;
	}
	.member-dtl{
		padding: 30px;
	}
	/*********vacatures********/
    .vacation-sec .each-diensten-text:after {
        height: 80%;
    }
    .each-diensten-text p {
        -webkit-line-clamp: 3;
    }
   /****aanbod-dtl****/
	.aanbod-dtl-bk-btn-sec .col-md-9 {
		width: 70%;
	}
	.aanbod-dtl-bk-btn-sec .col-md-3 {
		width: 30%;
	}
	.dtl-car-info-text td:nth-child(even) {
		padding-left: 30px;
	}
	.dtl-car-info-text .common-btn {
		font-size: 14px;
	}
	.dtl-car-info-text .common-btn img {
		margin-right: 5px;
		width: 12px;
	}
	/***new-aanbod-dtl*****/
    .new-dtl-top-model h5 {
        font-size: 18px;
    }
    .new-dtl-top-btn .col-md-4 {
        padding: 0 2px;
    }
    .new-dtl-top-info{ 
        padding-left: 8%;
    }
    .new-dtl-contact-block {
        margin-right: 3.5%;
    }
    .new-dtl-modal-form p{ 
        font-size: 18px;
    }
    .new-dtl-modal-area .modal-dialog {
        max-width: 45%;
    }
	.common-padding {
		padding-right: 65px;
		padding-left: 65px;
	}
	.klantenvertellen {
		position: relative !important;
		left: 52.9% !important;
		padding: 0 62.9px;
	}
	.faq-list-sec h2{
		font-size: 26px;
	}
}
@media(max-width: 1299.98px){ 
	/*****aanbod-dtl*****/
	.dtl-car-info-text td {
		font-size: 14px;
	}
	.car-price h4 {
		font-size: 22px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 16px;
	}
	.aanbod-dtl-gal-btn {
		right: calc(10% - 106px);
	}
	.aanbod-dtl-bk-btn-sec h4 span{
		width: 70%;
	}
	.product-dtl h4 {
		font-size: 15px;
	}
}
@media(max-width: 1199.98px){
	h1{
		font-size: 30px;
	}
	.desktop-nav .nav-item.bovag-logo{
		display: none;
	}
	.desktop-nav .navbar-brand img{
		width: 160px;
	}
	.desktop-nav li, .menu-icon {
  		margin: 0px 6px;
  		font-size: 14px;
	}
	.menu-bar div, .menu-bar::after, .menu-bar::before{
		height: 2px;
	}
	.menu-bar{
		width: 18px;
		margin-top: 2px;
	}
	.menu-icon.active .menu-bar::before {
	  	transform: translateY(7px) rotate(135deg);
	}
	.menu-icon.active .menu-bar::after {
	  	transform: translateY(-5px) rotate(-135deg);
	}
	.menu-items{
		top: 91px;
	}
	.menu-items li a{
		font-size: 14px;
	}
	.new-banner-content .common-btn{
		max-width: 200px;
	}
	.desktop-nav .nav-item {
		margin-left: 20px;
	}
	.product-sec{
		padding-bottom: 60px;
	}
	.content-wrap {
	  max-width: 480px;
	  padding: 40px;
	  margin-top: -80px;
	}
	.service-sec {
	  padding: 40px 0;
	}
	.left-content {
	  padding: 70px 30px;
	}
	.left-content hr{
		margin: 40px 0;
	}
	.each-footer-info {
    	padding-bottom: 80px;
	}
	.newsletter-wrap {
	    padding: 0;
	    max-width: 540px;
	    margin: 0 auto 40px;
	    width: 100%;
	}
	/****popup******/
	.modal-area .modal-dialog {
		max-width: 90%;
	}
	/****diensten-dtl***/
	.diensten-dtl-top-text {
		/*max-width: 560px;*/
		padding-top: 15%;
	}
	.diensten-dtl-top-sec::before {
		height: 50%;
	}
	.diensten-dtl-bk-btn .common-btn {
		margin-top: 3%;
	}
	/***diensten****/
	.each-diensten-list .align-items-center {
		align-items: unset !important;
	}
	.each-diensten-img {
		height: 100%;
	}
	.each-diensten-img img {
		height: 100%;
		object-fit: cover;
	}
	/****contact***/
	.contact-time-text {
		padding: 10%;
	}
	.contact-footer .brand-area .row {
		align-items: center;
	}
	.contact-footer .brand-area.text-end {
		text-align: center !important;
		float: none;
    	width: 100%;
	}
	.contact-footer .brand-area .col-xl-12:last-child img {
		margin-top: 0;
	}
    /*********aanbod-mini********/
    .aanbod-sec {
        padding: 0;
    }
    .select-style{
    	font-size: 16px;
    }
    .filter-main li{
    	margin-right: 3%;
    }
    /*********verkocht********/
    .verkocht-sec {
        padding-top: 80px;
    }
    /*********faq********/
    .faq-middle-sec .accordion-button {
        padding-right: 0;
    }
    /*********vacatures********/
    .vacation-sec .each-diensten-list .col-lg-6 .align-items-center {
        align-items: center !important;
    }
    .vacation-sec .each-diensten-text hr {
        margin: 20px 0 15px;
    }
   /****aanbod-dtl*****/
	.dtl-tab-sec .tab-btn {
		padding: 60px 0 1px;
	}
	.tab-btn-area .row {
		flex-direction: column-reverse;
	}
	.car-price .row {
		flex-direction: row;
	}
	.tab-btn-area {
		padding-top: 60px;
	}
	.car-price {
		max-width: 500px;
		width: 100%;
	}
	.car-price .col-md-6:nth-child(even) h4 {
		float: none;
	}
	.dtl-car-info {
		margin: 60px auto 0;
	}
	.tab-content-wrapper{ 
		padding-right: 0;
	}
	.aanbod-dtl-bk-btn-sec h4 span{
		width: 60%;
	}
	.newsletter-area{
		margin-top: 12%;
	}
	/***new-aanbod-dtl*****/
    .new-dtl-top-sec .common-wrap {
        padding-left: 3% !important;
    }
    .new-dtl-top-sec .container-fluid {
        padding-left: 12px !important;
    }
    .new-dtl-top-info { 
        padding-left: 0;
        padding-top: 60px;
    }
    .new-dtl-top-btn .col-md-4 {
        padding: 0 5px;
		text-align: center;
    }
    .spec-text li span {
        font-size: 14px;
    }
    .spec-text li {
        font-size: 16px;
    }
    .new-dtl-modal-area .modal-dialog {
        max-width: 50%;
    }
	.common-padding{
		padding-right: 35px;
		padding-left: 35px;
	}
	.btn-wrapper {
		max-width: 680px;
		margin: 40px 30px 0;
	}
	.tab-btm-sec .btn-wrapper {
		margin-left: 0;
		margin-bottom: 20px;
	}
	.klantenvertellen {
		position: relative !important;
		left: -11% !important;
		width: 539px;
		padding: 0 5%;
	}
	/*==========Garantie==========*/
	.each-garantie span, .each-garantie ul{
		padding: 20px;
	}
	.each-garantie td{
		margin-bottom: 10px;
	}
	.each-garantie p{
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media(max-width: 991px){
	.dblock{
		display: block;
		height: auto;
	}
	.header-area{
		display: none;
	}
	#header-mobile a{
		top: 7px;
	}
	.res-logo-styl{
		width: 160px;
	}
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 26px;
	}
	h3{
		font-size: 24px;
	}
	.common-btn {
    	max-width: 220px;
    	height: 50px;
    	line-height: 48px;
	}
	.banner-sec{
		margin-top: 0;
	}
	.banner-area{
		padding-top: 0;
	}
	.new-banner-content .common-btn {
	    max-width: 165px;
	}
	.gallery-heading{
		padding-left: 15px;
		bottom: 15px;
	}
	.tab-btn .text-end{
		text-align: left !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.sec-heading{
		padding: 60px 0;
	}
	.product-sec .product-wrapper {
	 	max-width: 720px;
	  	width: 100%;
	  	margin: auto;
	}
	.product-dtl p{
		height: auto;
	}
	.product-dtl td:nth-child(odd) {
		padding-right: 30px;
	}
	.content-wrap, .block-right{
		margin-top: 0;
	}
	.service-sec{
    	padding: 0;
	}
	.left-content li h5{
		font-size: 17px;
		margin-bottom: 30px;
	}
	.footer-area .col-lg-5 .each-footer-info, .footer-area .col-lg-4 .each-footer-info{
		padding-left: 0;
	}
	.cookie-area img {
	  width: 170px;
	}
	/****popup******/
	.modal-area .modal-dialog {
		max-width: 90%;
	}
	.modal-area .modal-content .row {
		/*flex-direction: column-reverse;*/
	}
	.modal-area .popup-content {
		padding: 10% 5%;
	}
	/***contact*****/
	.inner-banner-sec {
		margin-top: 0;
	}
	.inner-banner-content {
		top: 50%;
	}
	.contact-map{ 
		height: 500px;
		margin-right: 0;
		margin-bottom: 60px;
	}
	.contact-dtl-sec .common-wrap {
		padding-left: 3% !important;
	}
	.contact-dtl-sec .container-fluid {
		padding-left: 12px !important;
	}
	.contact-info {
		margin: 0 auto;
	}
	.contact-time-img {
		position: initial;
		width: 100%;
	}
	.contact-time-sec .row {
		flex-direction: column-reverse;
	}
	.contact-time-text {
		padding: 60px 3%;
	}
	.contact-form-sec {
		padding-top: 60px;
	}
	.contact-form-sec::before {
		display: none;
	}
	.open-time .row {
		flex-direction: row;
	}
	.contact-form-sec .pe-4 {
		padding-right: 12px !important;
	}
	.contact-form-sec .ps-4 {
		padding-left: 12px !important;
	}
	.inner-banner-sec .banner-content{
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	/****diensten****/
	.each-diensten-text p {
		display: block;
		text-align: justify;
	}
	/****diensten-dtl*****/
	.diensten-dtl-mid-sec .block-right {
		margin-top: 0;
	}
	.diensten-dtl-top-sec {
		padding: 60px 0;
	}
	.diensten-dtl-top-img {
		width: 100%;
	}
	.diensten-dtl-top-sec .container-fluid,
	.diensten-dtl-top-sec .common-wrap {
		padding: 0!important;
	}
	.diensten-dtl-bk-btn .common-btn {
		margin-top: 0;
	}
	.diensten-dtl-bk-btn .common-btn {
		position: initial;
		border-color: #1c1c1c;
		color: #1c1c1c;
	}
	.diensten-dtl-bk-btn .common-btn:hover {
		border-color: #1da3de;
		color: #fff;
	}
	.diensten-dtl-bk-btn .text-end {
		text-align: left !important;
	}
	.diensten-dtl-bk-btn{ 
		padding-top: 60px;
	}
	.diensten-dtl-top-text {
		max-width: 100%;
		margin-top: 0;
		padding: 60px 30px;
	}
 	/*********aanbod-mini********/
    .aanbod-product-middle-content {
        padding: 15% 5%;
    }
    .select-style {
        height: 60px;
        line-height: 60px;
    }
    .zoken-btn {
    	max-width: 110px;
        margin: auto;
    }
    .reset-btn{
    	position: static;
    	margin: 10px 0;
    	text-align: center;
    	width: 100%;
    	display: inline-block;
    }
    .aanbod-product .col-xl-4 {
        padding: 0;
    }
    .filter-main li {
	    margin-right: 0;
	    width: 49%;
	}
    /*********verkocht********/
    .verkocht-sec {
        padding-top: 60px;
    }
    /*********faq********/
    .faq-middle-sec .col-md-6 {
        width: 100%;
    }
    .faq-middle-sec .row {
        flex-direction: column-reverse;
    }
   	.faq-middle-sec .container-fluid.pe-0 {
        padding-right: 12px !important;
    }
    .faq-middle-sec .common-wrap.pe-0 {
        padding-right: 3% !important;
    }
    .faq-accordian-wrap {
        padding-right: 0;
    }
    .faq-middle-sec{
    	padding-top: 40px;
    }
    .faq-middle-sec .accordion-button{
    	font-size: 18px;
    	letter-spacing: 0.2px;
    }
	/*========overons======*/
	.overons-top-block .left-content {
	  	padding: 10% 5%;
	}
	.icon-block .text-center{
		padding-bottom: 50px;
	}
	.icon{
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
	}
	.icon img {
	  	width: 36px;
	}
	.icon-block h4:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.each-member{
		margin: 0;
		box-shadow: none;
	}
	.gallery-slider-wrap{
		margin-left: 0;
	}
	.overons-gallery-slider .swiper-button-prev {
	  	left: 0;
	}
	.overons-gallery-slider .swiper-button-next {
	  	left: auto;
	  	right: 0;
	}
	.overons-gallery-slider .common-arrow {
	  	top: 50%;
	  	transform: translateY(-50%);
	}
	.overons-gallery-slider .text-center {
	  	padding: 10% 0;
	}
	/***************werkplts list*******/
	.werkplaats-list-top h3 {
        margin-bottom: 30px;
    }
    /************vacatures***********/
    .vacation-sec .each-diensten-text:after {
        display: none;
    }
    .diensten-time-block {
        text-align: left !important;
        padding-bottom: 30px;
    }
	/*****vacature-dtl****/
	.vacature-dtl-mid-sec .diensten-time-block ul li {
		margin-bottom: 30px;
	}
	.vacature-dtl-mid-sec .diensten-time-block  {
		padding-bottom: 0;
	}
	.vacature-dtl-mid-sec .diensten-time-block ul li:last-child {
		margin-bottom: 0;
	}
	/****aanbod-dtl*****/
	.aanbod-dtl-bk-btn-sec .col-md-3,
	.aanbod-dtl-bk-btn-sec .col-md-9 {
		width: 100%;
	}
	.aanbod-dtl-bk-btn-sec .col-md-9::before {
		display: none;
	}
	.aanbod-dtl-bk-btn-sec .col-md-9 h4 {
		margin-top: 30px;
		padding-left: 0;
	}
	.aanbod-dtl-bk-btn-sec h4 span {
		display: block;
		margin-left: 0;
		margin-top: 20px;
	}
	.dtl-top-slider-btn {
		max-width: 100%;
		right: 0;
		bottom: auto;
		top: 0;
		height: 100%;
	}
	.dtl-top-sec .common-arrow{ 
		top: 50%;
    	transform: translateY(-50%);
	}
	.tab-content-wrapper {
		padding-top: 60px;
	}
	.aanbod-dtl-gal-btn {
		max-width: 100%;
		right: 0;
		bottom: auto;
		top: 0;
		height: 100%;
	}
	.aanbod-dtl-gal-btn .common-arrow {
		top: 50%;
    	transform: translateY(-50%);
	}
	.related-car-sec{ 
		padding-top: 20px;
	}
	.dtl-top-sec .swiper-button-next,
	.aanbod-dtl-gal-btn .swiper-button-next {
		right: 0;
	}
	.dtl-top-sec .swiper-button-prev,
	.aanbod-dtl-gal-btn .swiper-button-prev {
		left: 0;
	}
	.aanbod-dtl-bk-btn-sec h4 span{
	width: 100%;
	}
	.each-footer-info .mw-100, .brand-area img{
		width: 100px;
	}
	.filter-main h5{
		float: none;
		height: 45px;
	}
	.new-banner-content{
		padding: 0 5%;
		bottom: 40px;
	}
	.home-pg-service .container-fluid, .home-pg-service .common-wrap{
		padding: 0;
	}
	/***new-aanbod-dtl*****/
    .spec-sec .container-fluid {
        padding-right: 12px !important;
    }
    .spec-sec .common-wrap {
        padding-right: 3% !important;
    }
    .spec-text{ 
        padding: 60px 0;
    }
    .new-dtl-tab-sec {
        padding: 60px 0;
    }
    .new-dtl-contact-block{ 
        margin: 0 auto;
    }
    .new-dtl-contact-block{ 
        padding: 60px 30px;
    }
    .new-dtl-related-car {
        padding: 60px 0 20px;
    }
    .new-dtl-modal-area .modal-dialog {
        max-width: 65%;
    }
	.dblock2 {
		display: block;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
	}
	.common-padding{
		padding-right: 25px;
		padding-left: 25px;
	}
	.klantenvertellen {
		position: relative !important;
		left: -32% !important;
	}
	img.mw-100.Title_footer {
		position: relative;
		left: -85px;
	}
	/*=====faq====*/
	.faq-list-sec td{
		padding: 30px 20px;
	}
	.faq-list-sec {
	    padding: 0 0 50px;
	}
	.faq-list-sec h2 {
	    margin-bottom: 30px;
	    margin-left: 20px;
	    font-size: 24px;
	}
	/*==========Garantie==========*/
	.garantie-banner h1{
  		font-size: 26px;
  	}

}


@media screen and (max-width: 600px) {
	.popuptext {
		right: 60px !important;
	}
}
@media (max-width: 767px){
	.footer_Title{
		position:relative;
		left: 20px;
	}
	.klantenvertellen {
		position: relative !important;
		width: 100%;
		padding: 0 5%;
		left: 0% !important;
	}
	.show_desktop {
		display: none;
	}
	.show_mobile {
		display: block;
	}
	.show_border {
		display: block;
	}
	.whatsapp-btn{
		display: none;
	}
	.morgeninternet-footer{
    	margin-bottom: 45px !important;
  	}
	#mobile-contact-bar img{
		width: 20px;
	}
	#mobile-contact-bar {
	    box-sizing: border-box;
	    opacity: 1;
	    position: fixed;
	    width: 100%;
	    z-index: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  	background-color: #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 {
	  font-size: 24px;
	  letter-spacing: 1px;
	}
	h2 {
	  font-size: 22px;
	  letter-spacing: 2px;
	}
	h3{
		font-size: 20px;
    letter-spacing: 2px;
	}
	h4{
		font-size: 20px;
	}
	h5{
		font-size: 17px;
	}
	.common-arrow {
	   width: 50px;
	   height: 50px;
	}
	.banner-sec{
		height: 70vh;
		overflow: hidden;
	}
	.banner-sec iframe{
		height:70vh !important;
		left: -110% !important;
		width: 320% !important;
	}
	.banner-content{
		top: 50%;
		text-align: center;
	}
	/*.new-banner-content .common-btn{
		max-width: 220px;
		display: block;
	}*/
	.inner-banner-sec{
		height: auto;
	}
	.sec-heading, .aanbod-sec .sec-heading {
	  padding: 40px 0;
	}
	.sec-heading h2 {
	  margin-bottom: 30px;
	}
	.each-product {
		margin-bottom: 10px;
	}
	.product-sec .tab-btn button, .werkplaats-list-top .tab-btn a{
		font-size: 16px;
		margin-right: 5px;
	}
	.product-slider:before{
		display: none;
	}
	.product-dtl h4 {
	    font-size: 20px;
	}
	.product-sec{
		padding-bottom: 40px;
	}
	.service-sec .container-fluid, .service-sec .commn-wrap{
		padding-left: 0;
	}
	.footer-upper-sec .block-right{
		position: static;
	}
	.content-wrap, .left-content {
	  padding: 40px 5%;
	  max-width: 100%;
	}
	.service-sec .swiper-button-prev {
	  left: 0px;
	}
	.service-sec .swiper-button-next{
		left: 50px;
	}
	.service-sec .block-image{
		margin-right: 0;
	}
	.block-btn {
    	text-align: center;
    	padding: 0;
  	}
	.video-sec .container-fluid, .video-sec .common-wrap{
		padding-left: 0;
	}
	.video-sec .product-wrapper, .service-sec .container-fluid, .service-sec .common-wrap, 
	.footer-upper-sec .container-fluid, .footer-upper-sec .common-wrap{
		padding: 0 !important;
	}
	.each-footer-info {
	  	/*border-bottom: 1px dotted #aeaeae;*/
    	padding: 20px 0;
	}
	.footer-area {
	  padding-top: 20px;
	}
	.footer-area .col-md-4:last-child .each-footer-info {
		border-bottom: 0;
	}
	.newsletter-area{
		padding: 20px;
	}
	.cookie-area {
	  padding: 30px 0;
	}
	.cookie-area .text-end{
		text-align: left !important;
		padding-top: 30px;
	}
	.cookie-area li{
		display: block;
		margin-bottom: 10px;
		margin-left: 0;
	}
	/****popup******/
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.modal-area .popup-content p {
		margin: 20px 0;
		text-align: justify;
	}
	/***contact****/
	.contact-dtl-sec {
		padding: 30px 0 0;
	}
	.contact-map {
		margin-bottom: 30px;
		height: 320px;
	}
	.contact-info{
		margin-left: 0;
	}
	.contact-info .col-md-6:nth-child(even) .each-contact-info {
		padding: 0;
	}
	.contact-info .row::after {
		display: none;
	}
	.each-contact-info h5 {
		margin-bottom: 20px;
		border-bottom: 1px solid #c6c6c6;
		padding-bottom: 20px;
	}
	.each-contact-info {
		margin-bottom: 35px;
	}
	.contact-info .row {
		margin-bottom: 0;
	}
	.contact-time-text {
		padding: 30px 3%;
	}
	.contact-time-text p {
		margin: 30px 0 0;
	}
	.contact-time-text hr {
		margin: 30px 0;
	}
	.contact-form-sec {
		padding: 30px 0 10px;
	}
	.contact-form-sec .common-btn {
		position: initial;
		padding: 0;
	}
	.contact-form-wrap {
		padding: 30px 15px;
	}
	.contact-form-sec h3 {
		margin-bottom: 30px;
	}
	.contact-form-sec .form-styl {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.form-btn.text-end{
		text-align: left !important;
	}
	.contact-form-sec textarea.form-styl {
		padding: 10px 0;
		height: auto;
	}
	.open-time td:nth-child(even) {
		margin-bottom: 0;
	}
	.open-time td {
		display: block;
		margin-bottom: 30px;
	}
	.open-time td h5 {
		margin-bottom: 20px;
	}
	/******diensten-dtl*****/
	.diensten-dtl-top-sec {
		padding: 30px 0 0;
		background-color: #f6f6f6;
	}
	.diensten-dtl-top-sec::before {
		display: none;
	}
	.diensten-dtl-top-sec .container-fluid,
	.diensten-dtl-top-sec .common-wrap {
		padding: 0 !important;
	}
	.diensten-dtl-top-text {
		padding: 40px 5%;
		max-width: 100%;
		margin-top: 0;
	}
	.diensten-dtl-mid-sec .block-right {
		position: initial;
		width: 100%;
	}
	.diensten-dtl-bk-btn {
		padding-top: 30px;
		background-color: #f6f6f6;
	}
	/*********aanbod-mini********/
    .select-style {
       	font-size: 13px;
	    border-bottom: 1px solid #c6c6c6;
	    background: url(../images/down-arrow.svg) transparent no-repeat 95% center/9px;
	    padding-left: 0;
    }
    .filter-main{
    	margin: 0;
    }
    .aanbod-sec .nav-tabs .nav-item {
        margin-right: 5px;
    }
	.zoken-btn {
        max-width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .zoken-btn .common-btn {
	    font-size: 16px;
	    background: #1c1c1c;
	    color: #fff;
	}
	.zoken-btn .common-btn:hover{
		background: #00a9f4;
		color: #fff;
	}
    .zoken-btn .common-btn:after{
    	display: none;
    }
    .filter-main li {
	    width: 45%;
    	margin: 0 5px;
	}
	.filter-wrap{
		margin-top: 15px;
		border-bottom: 0;
	}
    /*********verkocht********/
    .verkocht-sec {
        padding-top: 30px;
    }
    /*********faq********/
    .faq-accordian-wrap {
        padding: 30px 0;
    }
	.faq-middle-sec .accordion-button {
		padding: 20px 0;
	}
	.faq-middle-sec .common-wrap.pe-0 {
	    padding-right: 0 !important;
	}
	/*===========overons=========*/
	.slider-wrapper{
		padding-right: 0;
	}
	.slider-wrapper .common-arrow{
		width: 50px;
		height: 50px;
	}
	.slider-wrapper .swiper-button-prev{
		right: 55px;
	}
	.member-slider .container-fluid.ps-0{
		padding-left: 12px !important;
	}
	.member-slider .common-wrap{
		padding-right: 0;
	}
	.member-dtl{
		padding: 30px 15px;
	}
	/****bedankt****/
	.bedankt-banner-sec .banner-content {
		top: 50%;
	}
	.bedankt-banner-sec .common-btn {
		margin-top: 30px;
	}
	/****vacature-dtl****/
	.vacature-dtl-top-sec .diensten-dtl-top-text {
		padding-bottom: 70px;
	}
	.vacature-dtl-top-sec .diensten-dtl-top-text a {
		font-size: 16px;
	}
    /*********vacatures********/
    .vacation-sec .each-diensten-text {
        padding: 30px 5%;
    }
    .diensten-time-block {
        padding-left: 5%;
    }
   /***aanbod-dtl****/
	.aanbod-dtl-bk-btn-sec{ 
		padding: 30px 0;
	}
	.tab-btn-area{ 
		padding-top: 30px;
	}
	.car-price h4 {
		margin-bottom: 30px;
	}
	.dtl-tab-sec .tab-btn {
		padding: 0 0 1px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		width: 50%;
		margin-right: 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		text-align: center;
	}
	.tab-content-wrapper {
		padding-top: 30px;
	}
	.dtl-car-info {
		margin-top: 40px;
	}
	.dtl-car-info-text td{ 
		display: block;
		width: 100%;
	}
	.dtl-car-info-text td:nth-child(even) {
		padding-left: 0;
	}
	.dtl-car-info-text .ps-1 {
		padding-left: 12px !important;
	}
	.dtl-car-info-text .pe-1 {
		padding-right: 12px !important;
	}
	.dtl-car-info-text .col-md-6:first-child .common-btn {
		margin-bottom: 10px;
	}
	.aanbod-dtl-gallery .pe-0 {
		padding-right: 12px !important;
	}
	.related-car-sec .tab-btn {
		padding-bottom: 0;
	}
	.dtl-tab-sec {
		padding-bottom: 30px;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.each-onderhoud-block h4 {
		font-size: 20px;
	} 
	.dtl-tab-sec .tab-content ul li {
		padding-left: 11px;
		padding-bottom: 10px;
	}
	.diensten-dtl-top-text p{
		margin-top: 30px;
	}
	.contact-form-sec .button_cls{
		text-align: left;
		border-top: 1px solid #e5e5e5;
    	border-bottom: 0;
    	padding-top: 20px;
	}
	.filter-main h5{
		padding: 0 5px;
	}
	.contact-form-sec .form-group {
	    margin-bottom: 20px;
	}
	.team-sec{
		padding-bottom: 40px;
	}
	/*.new-banner-content{
		position: static;
		background: #1d1d1d;
		padding: 10% 5%;
	}*/
	.banner-area .each-banner:before{
		display: none;
	}
	.banner-area .col-md-6:nth-child(odd) .each-banner, .banner-area .col-md-6:nth-child(even) .each-banner{
		margin: 0;
	}
	.new-banner-content .color-btn{
		margin-bottom: 10px;
	}
	.banner-area .bovag-logo{
		display: none;
	}
	/***new-aanbod-dtl*****/
    .new-dtl-path {
        padding: 30px 0;
    }
    .new-dtl-top-info{ 
        padding: 30px 0;
    }
    .call-btn {
        margin-bottom: 10px;
		    max-width: 100%;
    }
    .new-dtl-top-btn .col-md-4 {
        padding: 0;
    }
    .spec-text {
        padding: 0 0 30px;
    }
    .new-dtl-calulator h3 {
        flex-direction: column;
    }
    .new-dtl-calulator h3 a {
        margin: 20px 0 0 0;
    }
    .new-dtl-tab-sec {
        padding: 10px 0 30px;
    }
    .each-new-dtl-tab-content {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .left-bg-block {
        width: 120px;
    }
    .block-dtls {
        width: calc(100% - 120px);
    }
    .each-onderhoud-block h4 {
        font-size: 20px;
    }
    .new-dtl-contact-block {
        max-width: 100%;
        padding: 30px 20px;
    }
    .new-dtl-contact-block p {
        margin: 20px 0;
        font-size: 16px;
    }
    .new-bovag {
        width: 70px;
    }
    .new-dtl-related-car {
        padding: 30px 0 20px;
    }
    .new-dtl-top-feature li{ 
        font-size: 15px;
    }
    .new-dtl-contact-sec{
    	padding: 10% 5%;
    }
    .new-dtl-top-slider .swiper-button-prev, .new-dtl-gallery .swiper-button-prev{
    	left: 0;
    }
    .new-dtl-related-car {
        padding: 30px 0 20px;
    }
    .new-dtl-top-feature li{ 
        font-size: 15px;
    }
    .new-dtl-modal-area .modal-dialog {
        max-width: 95%;
    }
    .new-dtl-modal-form{ 
        padding: 30px 15px;
    }
    .new-dtl-modal-form p {
        font-size: 16px;
    }
    .new-dtl-top-slider .swiper-button-next, .new-dtl-gallery .swiper-button-next{
    	right: 0;
    }
	.spec-text li {
		width: 49%;
		display: inline-block;
	}
	.faq-middle-btn a {
		font-size: 18px;
	}
	.common-padding {
		padding-right: 0;
		padding-left: 0;
	}
	.new-dtl-top-btn .col-md-4{
		display:none;
	}
	.price-sec{
		display:none;
	}
	.mini-right-nav{
		display: none;
	}

	img.mw-100.Title_footer {
		position: relative;
		left: 0px;
		bottom: 15px;
	}
	/*========faq=======*/
	.faq-list-sec tr{
		width: 100%;
		display: block;
	}
	.faq-list-sec{
		padding: 30px 0 0;
	}
	.faq-list-sec h2{
		font-size: 20px;
		letter-spacing: 2px;
	}
	.dblock2{
		display: none;
	}
	.new-dtl-top-btn button {
		max-width: 220px !important;
	}
	.new-dtl-top-btn a {
		max-width: 220px !important;
	}
	/*==========Garantie==========*/
	.garantie-list {
  		padding: 40px 0;
	}
	.garantie-list .mx-auto{
		margin-bottom: 40px;
	}
	.each-garantie h3 {
    	font-size: 20px;
  	}
  	.each-garantie h5 {
  		font-size: 16px;
	}
}
@media (max-width: 679.98px) {
	.calsty{ 
		height: 1070px; 
		width: 100%;
		margin-left: 0%;
	}
}
@media (max-width: 575px){
	.common-wrap{
		padding-left: 0;
		padding-right: 0;
	}
	/****contact****/
	.contact-dtl-sec .common-wrap {
		padding-left: 0 !important;
	}
	/*********vacatures********/
    .vacation-sec .each-diensten-text, .diensten-time-block {
        padding-left: 12px;
        padding-right: 12px;
    }
   /****aanbod-dtl***/
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 15px;
	}
	.dtl-tab-sec .tab-content ul li{ 
		font-size: 14px;
	}
	.dtl-tab-sec .bullet-panel li:after {
		top: 7px;
	}
	 /***new-aanbod-dtl*****/
    .spec-sec .common-wrap {
        padding-right: 0 !important;
    }
    .new-dtl-top-sec .common-wrap {
        padding-left: 0 !important;
    }
	.product-dtl td:nth-child(odd) {
		padding-right: 10px;
	}
	.product-dtl td{
		font-size: 15px;
	}
	.new-dtl-top-btn .col-5{
		width: 75%;
	}
	.new-dtl-top-btn .col-2{
		width: 25%;
	}
}
@media (max-width: 420px){
	.new-banner-content .common-btn {
		max-width: 140px;
	}
}