@media(min-width: 768px){
    .mobile-show{
        display: none;
    }
}
@media(min-width: 1400px){
	.container{
		max-width: 1300px;
	}
}
@media(min-width: 1600px){
	.container{
		max-width: 1424px;
	}
}
@media(max-width: 1799.98px){
	.block-wrap {
    	max-width: 75%;
    }
}
@media(max-width: 1699.98px){
	.footer-upper-area .blog-content-part {
	    padding-top: 80px;
	    padding-bottom: 60px;
	}
	.video-area{
		bottom: 100px;
	}
	.block-wrap {
	    max-width: 80%;
	}
	/***************aanbod**************/
	/*.aanbod-select-wrap {
    	max-width: 90%;
    }*/
    /**************diensten listview*******************/
    .listview-sec.footer-upper-area .blog-content-part{
    	padding-bottom: 40px;
    }
    .listview-sec .blog-content-part p {
    	margin: 20px 0 30px;
	}
	/******************contact****************/
	.contact-map-sec .flex-row-reverse .contact-address {
	    padding-left: 50px;
	    padding-bottom: 80px;
	}
	.contact-map-sec .contact-address {
	    padding: 60px 40px 60px 80px;
	}
	/*****************aanbod dtl***************/
	.dtl-pg-wrap {
	    padding: 0 70px;
	}
	.aanbod-dtl-form-sec .form-wrapper {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.aanbod-dtl-block-wrapper{
		padding: 0;
	}
	.price-area h2{
		font-size: 30px;
	}
	.each-car-details h4{
		font-size: 20px;
	}
	.trouwservice-list .each-car-details h4 {
	    height: 100px;
	}
}
@media(max-width: 1599.98px) {
	/**********service list********/
	.each-listview-content {
		padding: 0 10%;
    }
}
@media(max-width: 1499.98px){
	h1{
		font-size: 52px;
	}
	.desktop-nav .nav-item {
    	padding-left: 35px;
    }
    .blog-content-part {
    	padding: 70px 50px 60px 120px;
	}
	.blog-top-area .flex-row-reverse .blog-content-part{
		padding-left: 50px;
		padding-right: 120px;
	}
	.each-blog-content{
		padding: 140px 40px;
		max-width: 420px;
	}
	/**************diensten listview*******************/
    /****service-list***/
	.listview-img {
		padding-right: 80px;
	}
	.each-listview:nth-child(even) .listview-img {
		padding-left: 80px;
	}
    /*****************aanbod dtl***************/
	.dtl-pg-wrap {
	    padding: 0 40px;
	}
	.aanbod-dtl-form-sec .form-wrapper {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.aanbod-product .each-car-details p{
		height: 85px;
		letter-spacing: normal;
	}
}
@media(max-width: 1399.98px){
	.desktop-nav .nav-item {
	    padding-left: 18px;
	}
	.block-wrap {
	    max-width: 90%;
	}
	.blog-content-part p {
    	margin: 30px 0 45px;
	}
	.footer-upper-area .blog-content-part h5{
		margin-bottom: 40px;
	}
	.each-footer-info td{
		padding-right: 35px;
	}
	/******************diensten listview****************/
	.each-listview-content h3 {
		font-size: 30px;
	}
	/*****************diensten dtl*****************/
	.form-wrapper{
		padding-left: 30px;
		padding-right: 30px;
	}
	/*********************contct**************/
	.contact-map-sec table p{
		font-size: 15px;
		letter-spacing: normal;
	}
	/******************overons****************/
	.each-count-box span{
	    width: 150px;
	    height: 150px;
	}
	.each-car-details h4 {
	    font-size: 19px;
	}
	.btn-wrapper .common-btn{
		font-size: 15px;
	}
	/*========new-car-detail==========*/
	 .car-detail-content h3, .kenmerken-more-content h3{
		font-size: 2.4rem;
	}
	.car-detail-content td{
		font-size: 2rem;
		letter-spacing: normal;
		margin-top: 0;
	}
	.car-detail-content td span{
		font-size: 1.4rem;
		letter-spacing: normal;
	}
	.kenmerken-top-content td{
		padding: 20px 10px;
	}
	.tab-bg{
		padding: 40px 30px;
	}
	.kenmerken-more-content{
		padding-top: 0;
	}
	.car-detail-tab ul.nav-tabs{
		margin-bottom: 45px;
	}
}
@media(max-width: 1299.98px){
	.banner-sec .top-logo{
		left: 15px;
	    top: 110px;
	    width: 170px;
	}
	/***************aanbod**************/
	.aanbod-select-wrap {
    	max-width: 95%;
    }
    /*****************diensten dtl*****************/
	/***service-list****/
	.listview-img {
		padding-right: 55px;
	}
	.each-listview:nth-child(even) .listview-img {
		padding-left: 55px;
	}
	.each-listview-content {
		padding: 7% 10%;
	}
	.service-list-sec {
		padding: 140px 0px 120px;
	}
	.each-listview-content p {
		margin: 20px 0px;
	}
	/******************contact***************/
	.contact-map-sec .flex-row-reverse .contact-address {
    	padding-left: 0px;
	}
	.contact-map-sec .contact-address {
	    padding: 60px 0px 60px 50px;
	}
	.contact-map-sec table{
		margin-bottom: 50px;
	}
	.table-area-wrap iframe {
    	height: 1903px;
	}
}
@media(max-width: 1199.98px){
	h1 {
	    font-size: 42px;
	}
	h2{
		font-size: 32px;
	}
	.bovag-logo-area{
		display: none;
	}
	.banner-wrap .common-arrow{
		display: none;
	}
	.common-wrapper {
	    padding-left: 25px;
	    padding-right: 25px;
	}
	.desktop-nav .nav-item {
	    padding-left: 14px;
	}
	.header-area .common-btn {
	   margin-left: 0px;
	}
	.blog-content-part {
	    padding: 70px 0 60px 80px;
	}
	.blog-top-area .flex-row-reverse .blog-content-part{
		padding-left: 0px;
    	padding-right: 80px;
	}
	.blog-slider-sec .swiper-button-next{
		right: -60px;
	}
	.blog-bottom-area .swiper-button-prev{
		left: -60px;
	}
	.blog-slider-sec .common-arrow{
		width: 50px;
		height: 50px;
	}
	.each-blog-content{
		max-width: 340px;
	}
	.each-footer-info td{
		width: 100%;
		display: block;
		padding: 0 0 15px;
	}
	.footer-menu li{
		padding-right: 20px;
	}
	/*********************aanbod****************/
	.aanbod-select-sec .each-select-box{
		margin-bottom: 8px;
	}
	.filter-area {
	    width: 100%;
	}
	.submit-btn-area{
		float: none !important;
		margin: auto;
	}
	/******************diensten listview***************/
	.each-listview-content h3 {
		font-size: 25px;
	}
	/******************diensten dtl***************/
	.diensten-dtl-content-area{
		padding-bottom: 100px;
	}
	.form-wrapper{
		padding: 100px 0;
	}
	/**********************overons*****************/
	.counter-sec h4 {
	    font-size: 24px;
	    letter-spacing: 0.5px;
	}
	.counter-top-sec .divider {
    	width: 100%;
	}
	.team-member-sec {
	    padding-bottom: 100px;
	}
	.btn-wrapper{
		margin-top: 20px;
		margin-left: 0;
	}
	/*========new-car-detail==========*/
	.car-detail-content td{
    	font-size: 1.8rem;
  	}
  	.car-detail-content td img {
    	margin-right: 4px;
    	margin-top: -5px;
    	max-height: 18px;
  	}
}
@media(max-width: 991px){
	h1 {
	    font-size: 36px;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 26px;
	}
	h4{
		font-size: 22px;
	}
	.common-btn{
		max-width: 230px;
		height: 55px;
		line-height: 55px;
	}
	.footer-menu li {
	    padding-right: 15px;
	    font-size: 15px;
	}
	.header-area, .mini-right-nav, .video-area, .banner-sec .common-arrow{
		display: none;
	}
	.dblock {
	    display: block;
	}
	.aanbod-dtl-slider, .banner-wrap {
	    padding-top: 0;
	}
	.banner-sec .top-logo{
		width: 90px;
		top: 18px;
	}
	.banner-sec .container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
	.each-car-details p{
		font-size: 13px;
		height: 85px;
	}
	.block-wrap {
	    max-width: 100%;
	    margin-top: 40px;
	}
	.each-block{
		margin-bottom: 30px;
	}
	.block-wrap .row{
		justify-content: center;
	}
	.car-slider-area{
		padding: 30px 0 50px;
	}
	.section-heading{
		padding: 0 100px;
	}
	.car-slider-wrapper{
		margin-top: 50px;
	}
	.blog-slider-sec .swiper-button-next{
		right: 0;
	}
	.blog-slider-sec .common-arrow{
		display: none;
	}
	.each-blog-content{
		padding: 120px 40px;
	}
	.blog-content-part, .blog-top-area .flex-row-reverse .blog-content-part, .footer-upper-area .blog-content-part,
	.listview-sec.footer-upper-area .blog-content-part, .listview-sec .blog-top-area .flex-row-reverse .blog-content-part{
		padding: 40px; 
	}
	.blog-top-area .flex-row-reverse .blog-content-part{
		padding-bottom: 0;
	}
	.footer-upper-area {
	    padding-bottom: 0px;
	}
	.footer-info-wrap{
		margin:40px 0 0;
	}
	.each-footer-info{
		padding-left: 0;
	}
	.footer-area{
		padding-top: 50px;
	}
	.footer-menu{
		padding-bottom: 50px;
	}
	.footer-menu .text-right{
		text-align: center !important;
		margin-top: 20px;
	}
	.footer-area .divider{
		margin:40px 0 50px;
	}
	.product-top{
		padding: 20px;
	}
	/*******************aanbood*****************/
	.aanbod-select-sec{
		padding-top: 50px;
		margin-top: 0;
	}
	.aanbod-product .pl-2{
		padding-left: 15px !important;
	}
	.aanbod-product .pr-2{
		padding-right: 15px !important;
	}
	/******************diensten listview*************/
	/****service-list****/
	.inner-banner-content {
		top: 50%;
	}
	.service-list-sec {
		padding: 60px 0px;
	}
	.listview-img {
		position: relative;
		padding-right: 0px;
	}
	.each-listview:nth-child(even) .listview-img {
		padding-left: 0px;
	}
	.each-listview {
		margin-bottom: 50px;
	}
	.service-list-sec::after {
		display: none;
	}
	.each-listview-content p{
		display: block;
	}
	/******************diensten dtl***************/
	.diensten-dtl-content-area, .form-wrapper, .contact-pg-form .form-wrapper{
		padding: 50px 0;
	}
	.diensten-dtl-content-area.listview-sec.footer-upper-area .blog-content-part{
		padding: 30px 0 0;
	}
	.arrow-right {
	    width: 55px;
	    height: 55px;
	    margin-left: 10px;
	}
	.txt-btn img {
	    width: 18px;
	}
	.txt-btn{
		margin-top: 0;
		font-size: 22px;
	}
	.form-area h3 {
	    margin-bottom: 40px;
	}
	.form-area .col-lg-12.text-right, .back-btn .text-right{
		text-align: left !important;
	}
	/**************werkplts dtl*******************/
	.iframe-wrap{
	  margin: 30px 0;
	}
	/******************contact***************/
	.map-area{
		height: 320px !important;
	}
	.contact-map-sec .contact-address, .contact-map-sec .flex-row-reverse .contact-address{
		padding: 40px 0;
	}
	/*********************overons******************/
	.team-member-sec {
	    padding: 50px 0 20px;
	}
	.each-member-slide {
	    margin-top: 0px;
	}
	.team-member-sec .text-center{
		margin-bottom: 40px;
	}
	.each-count-box span {
	    width: 120px;
	    height: 120px;
	    margin-bottom: 20px;
	}
	.each-count-box span, .each-count-box h3{
		font-size: 26px;
	}
	.counter-sec h4 {
	    font-size: 20px;
	}
	.each-count-box {
	    margin-bottom: 40px;
	}
	.counter-sec {
	    padding-bottom: 40px;
	}
	/*******************aanbod dtl****************/
	.price-area{
		padding: 40px 0;
	}
	.price-area h2 {
	    letter-spacing: 2px;
	}
	.price-area h6{
		letter-spacing: 1px;
	}
	.each-icon-block h4{
		margin-top: 20px;
	}
	.each-icon-block h4{
		font-size: 16px;
	}
    .each-icon-block .calender-image {
	    width: 32px;
	}
	.each-icon-block img {
	    width: 36px;
	}
	.each-icon-block {
    	padding: 30px 0;
	}
	.icon-image {
	    height: 40px;
	}
	/********************aanbod dtl*****************/
	.more-btn{
		margin-top: 30px;
	}
	.aanbod-detail-tab-sec {
	    padding: 0;
	}
	.each-tab-part .arrow-btn{
		font-size: 20px;
	}
	.price-area h2 {
	    font-size: 28px;
	}
	.dtl-pg-wrap {
	    padding: 0 30px;
	}
	.aanbod-dtl-block.common-wrapper {
		padding: 0;
	}
	.aanbod-dtl-form-sec .form-wrapper{
		padding: 50px 0;
	}
	.trade-form.form-area textarea.form-control {
	    height: 185px;
	}
	/*****************Trouwservice-detail**********************/
	.trouwauto-form-sec{
	  padding: 0;
	}
	.trouwservice-list .each-car-details h4 {
	    height: 90px;
	    font-size: 16px;
	}
	.aanbod-select-wrap .float-right{
		float: none !important;
		text-align: center;
	}
	.table-area-wrap iframe{
		height: 1903px;
	}
	/*====================aanbod-detail-top-block===================*/
	.aanbod-dtl-slider .swiper-slide-next .dtl-slider-wrap:after, .aanbod-dtl-slider .swiper-slide-prev .dtl-slider-wrap:after{
		display: none;
	}
    .new-dtl-top-sec {
        padding-top: 0;
        border-top: 1px solid #eee;
    }
    .new-dtl-top-sec .pr-2 {
        padding-right: 15px !important;
    }
    .new-dtl-top-sec .pl-2 {
        padding-left: 15px !important;
    }
    .tab-content-wrapper {
        height: auto;
        margin-top: 40px;
    }
    .tab-info-wrapper h2{
    	font-size: 24px;
    }
    .new-dtl-top-sec .nav-tabs .nav-link{
    	font-size: 16px;
    }
    /*========new-car-detail==========*/
	.car-detail-content ul{
    	flex-wrap: wrap;
  	}
  	.car-detail-content p{
    	max-width: 100%;
  	}
  	.car-detail-tab {
    	background: #F9F9F9;
  	}
	.tab-bg{
	    padding: 0;
	}
	.car-detail-tab ul.nav-tabs li {
	    width: 24%;
	}
	.tab-button, .kenmerken-tab-block td, .opties-tab li, .kenmerken-btn{
	 	font-size: 1.4rem;
	}
	.tab-button{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.car-detail-tab ul.nav-tabs{
		gap: 6px;
		justify-content: center;
		margin-bottom: 30px;
	}
	.kenmerken-top-content tr {
		border: 0 !important;
	}
	.kenmerken-top-content td {
		width: 50%;
		display: inline-block;
		border-bottom: 1px solid rgba(37, 75, 117, 0.30);
	}
	.kenmerken-top-content td, .kenmerken-more-content td{
		padding: 8px 0;
	}
	.kenmerken-tab-block h4{
		margin: 25px 0 10px;
	}
	.kenmerken-more-content{
		padding-bottom: 20px;
	}
}
@media(max-width: 767px){
	h1 {
	    font-size: 30px;
	}
	h2{
		font-size: 26px;
	}
	h3{
		font-size: 24px;
	}
	h4{
		font-size: 20px;
	}
    .mobile-show-none{
        display: none;
    }
	.common-wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	.each-car-details p{
		height:auto;
		font-size: 14px;
	}
	.banner-content h1{
		padding-bottom: 25px;
	}
	.block-wrap .pl-2{
		padding-left: 15px !important;
	}
    .banner-wrap{
        padding-top: 0px;
    }
	.each-block {
	    margin-bottom: 20px;
	    padding: 30px 15px;
	}
	.block-wrap{
		margin-top: 30px;
	}
	.select-style, .filter-button-area .common-btn{
		font-size: 20px;
	}
	.select-style{
		background-size: 14px;
	}
	.filter-button-area img {
	    width: 14px;
	}
	.car-slider-area {
	    padding: 30px 0;
	}
	.section-heading {
	    padding: 0 40px;
	}
	.car-slider-wrapper {
	    margin-top: 30px;
	}
	.price-box h6{
		font-size: 16px;
	}
	.product-top{
		padding: 30px 15px;
	}
	.each-blog-content {
	    padding: 80px 15px;
	    max-width: 240px;
	}
	.blog-content-part, .blog-top-area .flex-row-reverse .blog-content-part, .footer-upper-area .blog-content-part,
	.listview-sec.footer-upper-area .blog-content-part, .listview-sec .blog-top-area .flex-row-reverse .blog-content-part{
		padding: 30px 0px;
	}
	.blog-top-area .flex-row-reverse .blog-content-part{
		padding-bottom: 0;
	}
	.blog-content-part p, .footer-upper-area .blog-content-part p {
	    margin: 20px 0 30px;
	}
	.each-footer-info{
		margin-bottom: 30px;
	}
	.footer-area .divider {
	    margin: 0px 0 40px;
	}
	.footer-menu li{
		width: 100%;
		display: block;
		padding: 0 0 15px;
	}
	.footer-menu .text-right{
		text-align: left !important;
	}
	.footer-menu {
	    padding-bottom: 40px;
	}
	/*******************aanbood*****************/
	.aanbod-select-sec{
		padding-top: 30px;
	}
	/*******************diensten listview****************/
	/***service-list***/
	.service-list-sec {
		padding: 30px 0px 0;
	}
	.each-listview {
		margin-bottom: 30px;
	}
	.each-listview-content {
		padding: 30px 15px;
	}
	/******************diensten dtl****************/
	.diensten-dtl-content-area, .form-wrapper, .contact-pg-form .form-wrapper,
	.contact-map-sec .contact-address, .contact-map-sec .flex-row-reverse .contact-address {
	    padding: 30px 0;
	}
    .table-area-wrap {
    padding: 20px 15px 0;
}
	/**********************Werkplaats dtl***************/
    
    section.diensten-table-area.form-area.iframe-area>.container {
    padding-left: unset;
    padding-right: unset;
    width: 430px;
    left: 0;
    margin-left: -27px;
}
	/**********************contact***************/
	.contact-address td{
		width: 100%;
		display: block;
		padding-bottom: 15px;
	}
	.contact-map-sec h3 {
	    margin-bottom: 25px;
	}
	.contact-map-sec table {
	    margin-bottom: 20px;
	}
	/*********************overons****************/
	.team-member-sec {
	    padding: 30px 0 0px;
	}
	.counter-sec {
	    padding-bottom: 0px;
	}
	.overons-gallery-slider {
	    padding-bottom: 0px;
	}
	.overons-gallery-slider .common-arrow{
		width: 45px;
		height: 45px;
	}
	.overons-gallery-slider .swiper-button-next {
	    right: 10px;
	}
	.overons-gallery-slider .swiper-button-prev{
		left: 10px;
	}
	/*********************aanbod dtl*****************/
	.price-area{
	    padding: 30px 0 0;
	    border-bottom: 0;
	}
	.btn-wrapper .common-btn{
		margin-bottom: 10px;
	}
	.aanbod-dtl-block{
		border-bottom: 0;
	}
	.each-icon-block{
		border:0;
	}
	.each-icon-block h4 {
	    font-size: 15px;
	}
	.aanbod-detail-tab-sec .dtl-pg-wrap{
		border-top: 1px solid #d6d6d6;
	}
	.each-tab-part{
		padding-top: 40px;
	}
	.each-tab-part .text-right {
	    text-align: left !important;
	}
	.dtl-pg-wrap {
	    padding: 0 15px;
	}
	.aanbod-dtl-form-sec .form-wrapper {
	    padding: 30px 0;
	}
	.price-area h2 {
	    font-size: 22px;
	}
	.btn-wrapper .pl-1{
		padding-left: 15px !important;
	}
	.btn-wrapper .pr-1{
		padding-right: 15px !important;
	}
	.aanbod-product .each-car-details p{
		height: auto;
	}
	.form-area .text-right{
		text-align: left !important;
	}
	.diensten-dtl-bottom-sec {
	    padding-bottom: 30px;
	}
	.trouwservice-list .each-car-details h4 {
	    height: auto;
	    font-size: 18px;
	}
	.table-area-wrap iframe {
		height: 1800px;
	}
	.vivition-css .vivition-viewerbutton:not(.vivition-enabled) > p.vivition-viewerbutton-label {
		display:none;
	}
	.vivition-css .vivition-viewerbutton {
		width: 50px !important;
		height: 50px !important;
	}
	.vivition-css .vivition-viewerbutton>span.vivition-viewerbutton-icon {
		width: 35% !important;
		height: 35% !important;
		margin: 33% !important;
	}
	/*========new-car-detail==========*/
	.car-detail-content li, .car-detail-content .common-btn{
	    width: 48%;
	}
  	.car-detail-content ul, .car-detail-content .d-flex.justify-content-md-end{
    	gap: 8px;
  	}
	.car-detail-content td {
	    font-size: 1.6rem;
	}
  	.car-detail-content .d-flex.justify-content-md-end{
    	flex-wrap: wrap;
    	max-width: 320px;
  	}
  	.car-detail-content .common-btn{
    	padding-left: 0;
    	padding-right: 0;
  	}
  	.car-detail-tab ul.nav-tabs li {
    	width: 32%;
  	}
}
@media(max-width: 575px){
	h1 {
	    font-size: 30px;
	    letter-spacing: 1px;
	}
	h2{
		font-size: 24px;
		letter-spacing: 0.75px;
	}
	.banner-content{
		position: relative;
		top: 0;
		transform: translateY(0);
		background: #244973;
		padding: 10px 10px 25px;
	}
	.each-car-details td{
		width: 33.33%;
	    border-bottom: 1px solid #c0c0c0;
	    padding: 10px;
	    display: inline-block;
	}
	.each-car-details td:last-child{
		width: 100%;
	}
	.each-car-details td:nth-child(3){
		border-right: 0;
	}
	.each-blog-content {
	    padding: 50px 15px;
	}
	/******************diensten listview****************/
	.inner-banner .banner-content {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    background: transparent;
	    padding: 0;
	}
	/******************aanbod dtl**************/
	.aanbod-detail-tab-sec .tab-content ul li {
	    padding-bottom: 8px;
	}
	.each-tab-part .tab-content p, .aanbod-detail-tab-sec .tab-content ul li{
		font-size: 14px;
	}
	.dtl-pg-wrap{
		padding: 0;
	}
	.table-area-wrap iframe {
		height: 1774px;
	}
	.vivition-css .vivition-viewerbutton {
		width: 42px !important;
		height: 42px !important;
	}
	.vivition-css .vivition-viewerbutton>span.vivition-viewerbutton-icon {
		width: 37% !important;
		height: 37% !important;
		margin: 31% !important;
	}
	.banner-sec .top-logo {
		width: 60px;
	}
	/*========new-car-detail==========*/
	.car-detail-tab ul.nav-tabs li {
    	width: 48%;
  	}
}