@media(min-width: 992px){
	.car-filter .sorteren-op-filter{
		padding: 0 15px 0 0;
		background-position: right;
		border: 0;
	}
	.car-image .swiper-button-prev, .car-image .swiper-button-next{
		opacity: 0;
		transition: all 0.5s;
	  	-webkit-transition: all 0.5s;
	}
	/*=============aanbod-dtl==============*/
	.car-detail-top .common-btn{
		max-width: 244px;
	}
	.car-detail-slider{
		padding-right: 12px;
  		padding-top: 10px;
	}
	.car-detail-slider .swiper-button-next{
		right: 30px;
	}
	.car-detail-slider .swiper-button-prev{
		left: 30px;
	}
	.car-detail-contact .contact-block h6 br{
		display: none;
	}
	.car-detail-tab .nav-tabs .position-relative {
    	padding-right: 17px;
  	}
	.car-detail-tab .nav-tabs .position-relative:after {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		content: '';
		width: 9px;
		height: 9px;
		background: url(../images/tab-arw.svg) no-repeat center /contain;
  	}
  	.car-detail-tab .nav-tabs > div:not(.active) .position-relative:after{
  		transform: translateY(-50%) rotate(-90deg);
  		filter: brightness(0) invert(0);
  		-webkit-filter: brightness(0) invert(0);
  	}
  	.car-detail-top table{
  		float: right;
  	}
}
@media(max-width: 1799.98px){
	/*=============aanbod-dtl=================*/
	.car-detail-contact h4{
		font-size: 17px;
		letter-spacing: normal;
	}
}
@media(max-width: 1599.98px){
	.wrap-div {
  		padding-left: 20px;
  		padding-right: 20px;
	}
	/*=============aanbod-dtl=================*/
	.car-slide-arw{
		width: 60px;
  		height: 60px;
	}
	.car-slide-arw.swiper-button-next{
		right: -70px;
	}
	.car-slide-arw.swiper-button-prev{
		left: -70px;
	}
}
@media(max-width: 1499.98px){
	.car-filter .col-lg-3 {
  		width: 16.667%;
	}
	.car-filter .row.justify-content-lg-start .col-lg-4 {
  		display: none;
	}
	.car-content h6{
		font-size: 12.4px;
	}
	.car-block td span{
		padding-right: 5px;
		padding-left: 5px;
	}
	/*=============aanbod-dtl=================*/
	.car-detail-contact h4 {
   		font-size: 16px;
  	}
  	.car-detail-contact .grid-wrap .col-lg-3{
  		padding: 0 4px;
  	}
  	.car-detail-contact .grid-wrap .row{
  		margin: 0 -4px;
  	}
	.kenmerken-content li {
		width: 20%;
	}
	.related-car h3{
		font-size: 38px;
	}
}
@media (max-width: 1399.98px) {
	.wrap-div {
		padding-left: 0;
		padding-right: 0;
	}
	.car-filter .wrap-div > .row{
		margin: 0 -6px;
	}
	.car-filter .col-lg-3 {
  		padding: 0 6px;
	}
	.car-filter select, .car-filter .form-control, .car-filter .each-filter .select-style{
		padding-left: 10px;
		font-size: 15px;
	}
	.car-filter select, .car-filter .each-filter .select-style{
		padding-right: 20px;
		background-position: center right 10px;
	}
	.car-filter .form-control{
		padding-right: 27px;
	}
	.car-filter .search-icon{
		right: 10px;
	}
	/*======new-filter-dropdown=====*/
	.car-filter .filter-main label{
		font-size: 13.7px;
	}
 	.car-block td:not(:last-child) {
  		padding-right: 4px;
	}
	.car-block td span{
		padding: 5px;
	}
	.car-block td{
		font-size: 12.5px;
	}
	.car-content h5{
		font-size: 15px;
	}
	/*=============aanbod-dtl=================*/
	.car-detail-content h3, .tab-popup-area h3{
		font-size: 26px;
	}
	.car-detail-contact h4 span{
		font-size: 13px;
		margin-bottom: 4px;
	}
	.car-detail-contact h4{
		font-size: 14px;
	}
	.kenmerken-content li span{
		font-size: 18px;
	}
	.car-slide-arw{
		width: 44px;
  		height: 44px;
	}
	.car-slide-arw img{
		width: 18px;
	}
	.car-slide-arw.swiper-button-next{
		right: -50px;
	}
	.car-slide-arw.swiper-button-prev{
		left: -50px;
	}
}
@media(max-width: 1199.98px){
	.car-filter select, .car-filter .form-control, .car-filter .each-filter .select-style{
		font-size: 14px;
	}
	.car-filter .reset-btn{
		font-size: 14px !important;
	}
	/*=============aanbod-dtl=================*/
	.car-detail-contact .contact-block{
		padding-right: 14px;
		padding-left: 14px;
	}
	.car-detail-contact .contact-block a, .car-detail-contact .contact-block h6{
		font-size: 14px !important;
	}
  	.car-slide-arw.swiper-button-next {
    	right: -30px;
  	}
  	.car-slide-arw.swiper-button-prev {
    	left: -30px;
  	}

}
@media(max-width: 991.98px){
	.wrap-div{
		max-width: 720px;
		margin: auto;
	}
	.car-filter{
		padding: 40px 0 30px;
	}
	.car-filter .col-lg-3 {
  		width: 50%;
    	padding-bottom: 12px;
	}
	/*======new-filter-dropdown=====*/
	.car-filter .hidden-filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #f6f6f6;
        z-index: 9999;
        height: 100%;
        padding: 100px 15px 150px;
        overflow-y: scroll;
        clip-path: inset(0 100% 0 0);
        transition: all 0.7s;
        -webkit-transition: all 0.7s;
	}
	.car-filter .hidden-filter-active {
        clip-path: inset(0 0 0 0);
    }
	.car-filter .total_search_records {
		margin-top: 30px;
	}
	.car-filter .mobile-show-filter {
	    position: fixed;
	    left: 0;
	    top: 78px;
	    background-color: #f6f6f6;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	    width: 100%;
	    z-index: 5;
	    padding: 20px 0;
	}
	.car-filter .mobile-show-filter .common-btn {
	    font-family: 'PointBold';
	    height: 45px !important;
	    line-height: 45px !important;
	    max-width: 140px;
	}
	.car-filter .filter-count {
		min-width: 20px;
		height: 20px;
		background-color: #14181E;
		border-radius: 100%;
		color: #F9F8F6;
	    border: 1px solid #14181E;
		margin-left: 30px;
		font-size: 1.2rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	    display: none;
	}
	.car-filter .mobile-filter-close {
	    padding: 15px;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    left: 0;
	    z-index: 1;
	    background-color: #f6f6f6;
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.car-filter .mobile-filter-close h6{
		color: #104185;
	}
	.car-filter .mobile-filter-close span {
	    max-width: 35px;
		height: 35px;
		background-color: #104185;
		border-radius: 100%;
		margin-left: auto;
	}
	.car-filter .mobile-filter-close span img {
		width: 12px;
	    filter: brightness(0) invert(1);
	}
	.car-filter .auto-overview-filter-result {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 15px;
		left: 0;
		background-color: #f6f6f6;
		z-index: 9999;
		display: flex;
		gap: 2px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
  	}
	.car-filter .auto-overview-filter-result .total_search_records {
		margin-top: 0;
		max-width: 100%;
	}
	.car-filter .clear-filter-main .filter-reset {
    	display: none;
  	}
  	.car-filter .hidden-filter .filter-reset {
    	min-width: 90px;
    	display: block;
    	margin-right: 5px;
  	}
  	.car-filter .hidden-filter .reset_all_filter {
		border-radius: 5px;
		background-color: #104185;
		height: 100%;
		width: 100%;
		display: flex !important;
		align-items: center;
		justify-content: center;
		color: #fff;
  	}
  	.car-filter .hidden-filter .filter-reset img{
  		margin-left: 0;
  		margin-right: 10px;
  		filter: brightness(0) invert(1);
  	}
  	.car-filter .filter-main .col-lg-3{
  		width: 100%;
  	}





	.car-model, .car-content p{
		height: auto;
	}
	.car-content h6 {
    	font-size: 13px;
  	}
  	/*=============aanbod-dtl=================*/
  	.car-detail-top{
  		padding-bottom: 35px;
  	}
  	.car-detail-top .common-btn{
		margin-bottom: 20px;
	}
	.thumb-image{
		display: none;
	}
	.car-detail-slider .swiper-button-next, .car-detail-slider .swiper-button-prev, .car-slide-arw{
		width: 40px;
    	height: 40px;
	}
	.car-detail-content h3 {
    	font-size: 22px;
  	}
  	.car-detail-content h5{
		font-size: 18px;
		margin-left: 5px;
	}
	.car-detail-content .text-lg-end .d-flex.d-lg-block{
		padding-top: 15px;
	}
	.car-detail-contact .border.text-center{
		padding: 14px 0;
  		margin-bottom: 8px;
	}
	.car-detail-contact .bg-white{
		margin: 25px auto 35px;
    	max-width: 480px;
	}
	.car-detail-contact .contact-block{
		gap: 15px;
	}
	.car-detail-contact .contact-block h5{
		font-size: 16px;
		letter-spacing: normal;
	}
	.car-detail-contact .button-wrap .common-btn{
		font-size: 13px;
		height: 40px !important;
  		line-height: 40px !important;
	}
	.car-detail-contact .contact-block h6 span{
		display: none;
	}
	.grid-wrap{
		padding-right: 0;
	}
	.car-detail-tab .nav-tabs {
    	max-width: 100%;
    	margin-bottom: 30px;
    	gap: 5px;
  	}
  	.car-detail-tab{
  		padding: 40px 0;
  		border-radius: 0;
  	}
	.car-detail-tab .nav-tabs > div{
		width: calc(25% - 5px);
    	background: #861611;
    	padding: 10px 0;
    	color: #fff !important;
    	font-size: 13px;
    	border-radius: 5px;
    	border: 1px solid #861611;
	}
	.car-detail-tab .nav-tabs > div.active{
		background: #fff;
  		color: #861611 !important;
	}
	.kenmerken-content li{
		width: 50%;
		font-size: 14px;
		padding: 15px 10px;
	}
	.kenmerken-content li span, .opties-tab li, .car-detail-tab .star_icon p{
    	font-size: 15px;
  	}
  	.car-detail-tab .tab-content p {
  		font-size: 15px !important;
  	}
	/*=============kenmerken-popup===============*/
	.tab-popup-area h3{
		font-size: 20px;
	}
	.tab-popup-content h4{
		font-size: 18px;
	}
	.tab-popup-content li{
		font-size: 14px;
		padding: 8px 0;
	}
	.popup-cross{
		width: 35px;
		height: 35px;
		top: 14px;
		right: 14px;
	}
	.popup-cross img {
		width: 25px;
	}
	.tab-popup-area{
		border-radius: 15px;
		padding-left: 20px;
    	padding-right: 20px;
	}
	#show-kenmerken-tab{
		font-size: 15px;
		margin-top: 20px;
	}
	.tab-popup-area p{
		font-size: 16px !important;
	}
	.tab-popup-content ul{
		margin-bottom: 30px;
	}
	.tab-popup-content li{
		width: 40%;
	}
	.tab-popup-content li:nth-child(even){
		width: 60%;
	}
	.kenmerken-popup-model{
		padding-right: 0;
	}
	.related-car{
		padding: 40px 0 20px;
	}
	.related-car h3{
		font-size: 26px;
		margin-bottom: 45px;
	}
	.car-slide-arw{
    	top: -24px;
	}
	.car-slide-arw.swiper-button-next{
		right: 0;
	}
	.car-slide-arw.swiper-button-prev{
		left: auto;
		right: 42px;
	}
	.car-detail-top .d-flex.justify-content-center{
		margin-left: 10px;
	}
}
@media(max-width: 767.98px){
	.car-content h6{
		margin: 10px 0 0;
	}
	/*============aanbod-dtl============*/
	.car-detail-tab .nav-tabs {
		gap: 0;
	}
	.car-detail-tab .nav-tabs > div{
		width: calc(50% - 3px);
    	margin-right: 3px;
    	margin-bottom: 6px;
	}
	.car-detail-tab .nav-tabs > div:nth-child(even){
		margin-left: 3px;
		margin-right: 0;
	}
}
@media(max-width: 575.98px){
	.car-block tr{
		display: flex;
  		flex-wrap: wrap;
  		gap: 5px;
	}
	.car-block td{
		width: 49%;
    	display: inline-block;
    	padding: 0 !important;
	}
	/*===========aanbod-dtl============*/
	.car-detail-content .text-lg-end h3{
		font-size: 17px;
	}
	.car-detail-content h5{
		font-size: 14px;
	}
}