@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-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);
  	}
}
@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: 17%;
	}
	.car-filter .col-lg-4 {
  		width: 15%;
	}
	.car-content h6{
		font-size: 12.4px;
	}
	/*=============aanbod-dtl=================*/
	.kenmerken-content li {
		width: 25%;
	}
	.related-car h3{
		font-size: 38px;
	}
}
@media (max-width: 1399.98px) {
	.wrap-div {
		padding-left: 0;
		padding-right: 0;
	}
	.car-filter select{
		padding-left: 10px;
		padding-right: 20px;
		background-position: center right 10px;
		font-size: 15px;
	}
 	.car-block td:not(:last-child) {
  		padding-right: 5px;
	}
	.car-block td span{
		padding: 6px;
	}
	.car-block td{
		font-size: 13px;
	}
	.car-content h5{
		font-size: 15px;
	}
	/*=============aanbod-dtl=================*/
	.car-detail-content h3, .tab-popup-area h3{
		font-size: 26px;
	}
	.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 .col-lg-3 {
  		width: 19%;
	}
	.car-filter .col-lg-4 {
  		width: 5%;
	}
	/*=============aanbod-dtl=================*/
  	.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-4{
		display: none;
	}
	.car-filter .col-lg-3 {
  		width: 50%;
    	padding: 0 4px 8px;
	}
	.car-filter .wrap-div > .row{
		margin: 0 -4px;
	}
	.car-filter select{
		font-size: 14px;
	}
	.car-filter .reset-btn{
		font-size: 14px !important;
	}
	.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-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: #104185;
    	padding: 10px 0;
    	color: #fff !important;
    	font-size: 13px;
	}
	.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;
	}
}
@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;
	}
}