@media(min-width: 1600px){
	.container {
		max-width: 1440px;
	}
}
@media(max-width: 1699.98px){
	/*=======aanbod-detail========*/
	.car-slider .swiper-button-next{
		right: -70px;
	}
	.car-slider .swiper-button-prev{
		left: -70px;
	}
}
@media(max-width: 1599.98px){
	.each-car td{
		font-size: 16px;
	}
	/*==========aanbod-detail=========*/
	.car-detail-price{
		padding: 15px 10px;
		margin-top: 8px;
	}
	.spec-table ul{
		gap: 8px;
	}
	.spec-table li{
		padding: 9px;
	}
	.spec-table li span{
		margin-top: 6px;
	}
	.card-content {
		padding: 14px 12px 8px;
	}
	.card-btn-wrap{
		gap: 10px;
	}
	.card-image{
		height: 120px;
	}
	.kenmerken-tab li{
		padding-right: 60px;
	}
}
@media(max-width: 1499.98px){
	/*=======aanbod-detail========*/
	.swiper-arrow{
		width: 60px;
		height: 60px;
	}
	.car-slider .swiper-button-next{
		right: -40px;
	}
	.car-slider .swiper-button-prev{
		left: -40px;
	}
}
@media(max-width: 1399.98px){
	.car-filter ul{
		gap: 10px;
	}
	.car-filter li {
  		width: 16%;
	}
	.car-filter select{
		padding-left: 10px;
		padding-right: 22px;
		font-size: 15px;
		background-position: center right 10px;
	}
	.car-filter li .reset-button{
		font-size: 15px;
	}
	.car-content{
		padding-left: 4px;
		padding-right: 4px;
	}
	.each-car td{
		font-size: 14px;
		gap: 7px;
	}
	.each-car td img {
  		width: 20px;
	}
	.car-price h6{
		font-size: 18px;
		letter-spacing: normal;
	}
	.car-btn{
		max-width: 90px;
	}
	/*=======aanbod-detail========*/
	.car-detail-slider h1 {
  		font-size: 34px;
  		line-height: 40px;
	}
	.spec-table li svg{
		width: 23px;
		height: 23px;
	}
	.spec-table li{
		font-size: 15px;
    	line-height: 23px;
	}
	.spec-table li span{
		font-size: 13px;
		line-height: 16px;
	}
	.spec-table{
		padding-left: 10px;
		padding-right: 10px;
	}
	.car-detail-price h4 {
  		font-size: 20px;
  		line-height: 23px;
	}
	.car-detail-price h4 span{
		font-size: 13px;
		margin-left: 3px;
	}
	.card-content {
    	padding: 10px 5px 0;
  	}
  	.card-button{
  		padding: 9px 15px;
  		margin-top: 10px;
  	}
  	.car-detail-price{
  		padding-top: 10px;
  		padding-bottom: 10px;
  	}
  	.card-image{
		height: 104px;
	}
	.kenmerken-tab li{
		font-size: 1.8rem;
		line-height: 18px;
	}
	.car-slider h2{
		font-size: 40px;
		line-height: 47px;
	}
	.car-slider .swiper-arrow{
		top: calc(50% - 30px);
	}
	.car-slider .swiper-button-next{
		right: -27px;
	}
	.car-slider .swiper-button-prev{
		left: -27px;
	}
}
@media(max-width: 1199.98px){
	/*=======aanbod-detail========*/
	.thumb-content{
		font-size: 14px;
		line-height: 20px;
	}
	.spec-table li{
		padding: 4px;
		font-size: 14px;
    	line-height: 20px;
	}
	.spec-table li svg{
		width: 20px;
		height: 20px;
	}
	.spec-table li span {
    	font-size: 12px;
    	line-height: 14px;
    	margin-top: 3px;
  	}
  	.spec-table{
  		padding-top: 8px;
  		padding-bottom: 8px;
  	}
  	.car-detail-price {
    	padding-top: 7px;
    	padding-bottom: 7px;
  	}
  	.car-detail-price h4 {
    	font-size: 16px;
  	}
  	.car-detail-price h4 span{
  		display: block;
  		margin-left: 0;
  	}
  	.card-bottom{
  		padding: 8px;
  		margin-top: 8px;
  	}
  	.card-content {
    	padding: 7px 0 3px;
  	}
  	.card-button {
    	padding: 6px 10px;
    	margin-top: 7px;
    	font-size: 14px;
  	}
  	.card-content p span {
  		margin: 0 3px;
	}
	.card-image{
		height: 86px;
	}
	.kenmerken-tab li {
    	padding-right: 30px;
  	}
	.car-slider .swiper-button-next{
		right: -10px;
	}
	.car-slider .swiper-button-prev{
		left: -10px;
	}
}
@media(max-width: 991.98px){
	.container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.car-filter{
		padding: 40px 0;
	}
	.car-filter ul{
		flex-wrap: wrap;
		gap: 8px;
		padding-bottom: 40px;
	}
	.car-filter li{
		width: calc(50% - 4px);
	}
	.car-filter li.sorten-filter{
		margin-left: 0;
	}
	.car-filter li .reset-button{
		right: auto;
		left: 100%;
		margin-left: 10px;
	}
	.car-filter select, .car-filter li .reset-button{
		font-size: 14px;
	}
	.car-block{
		padding-bottom: 30px;
	}
	/*=============aanbod-detail==========*/
	.car-detail-slider{
		padding: 40px 0 0;
	}
	.car-detail-slider .swiper-button-prev{
		left: 10px;
	}
	.car-detail-slider .swiper-button-next{
		right: 10px;
	}
	.car-detail-slider .left-grid, .car-detail-slider .right-grid{
		width: 100%;
	}
	.car-detail-top, .thumb-block{
		display: none;
	}
	.car-detail-slider h1 {
    	font-size: 24px;
    	line-height: 30px;
  	}
  	.car-detail-slider h5{
  		font-size: 16px;
  		line-height: 24px;
  	}
  	.content-mobile{
  		padding: 30px 0;
  	}
  	.spec-table li span {
    	font-size: 13px;
    	line-height: 18px;
    	margin-top: 10px;
  	}
  	.spec-table li {
    	padding: 8px;
  	}
  	.card-button {
    	padding-top: 9px;
    	padding-bottom: 9px;
    	margin-top: 10px;
	}
	.card-image{
		height: auto;
	}
	.share-btn a{
		width: 25px;
  		height: 25px;
	}
	.share-btn img{
		width: 10px;
	}
	.print-icon{
		border-color: #fff;
	}
	.print-icon img{
		filter: brightness(0) invert(1);
	}
	.print-wrap{
		display: flex;
		gap: 7px;
	}
	.card-content{
		padding: 10px 0;
	}
	.car-detail-tab{
		padding: 40px 0;
	}
	.tab-btn ul{
		gap: 6px;
	}
	.tab-btn li {
  		width: calc(25% - 6px);
	}
	.tab-btn a span{
		padding-right: 0;
	}
	.tab-btn a span::after{
		display: none;
	}
	.car-detail-tab .tab-content {
  		padding-top: 30px;
	}
	.kenmerken-tab{
		display: block;
	}
	.aanbod-detail-tab .tab-content {
  		padding-top: 30px;
	}
	.kenmerken-tab li {
		font-size: 1.6rem;
		line-height: 16px;
		padding: 10px 0 !important;
	}
	.kenmerken-tab li:nth-last-child(-n+3) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	.kenmerken-tab li:last-child{
		border-bottom: none;
	}
	.kenmerken-tab li span::before{
		margin-right: 5px;
		width: 10px;
  		height: 10px;
	}
	.kenmerken-btn{
		margin-top: 15px;
	}
	.kenmarken-popup-content li{
		font-size: 1.5rem;
		width: 45%;
	}
	.kenmarken-popup-content li:nth-child(odd) {
    	padding-right: 5px;
  		width: 55%;
	}
	.kenmerken-popup-model h3{
		font-size: 24px !important;
  		line-height: normal;
	}
	.kenmerken-popup-model h6{
		font-size: 18px;
	}
	.kenmarken-popup-content h4{
		font-size: 20px;
	}
	.car-detail-form{
		padding: 40px 0;
	}
	.car-detail-form .block-image{
		position: static;
		width: 100%;
	}
	.car-slider{
		padding: 40px 0;
	}
	.car-slider h2 {
    	font-size: 28px;
    	line-height: 35px;
    	margin-bottom: 40px;
  	}
  	.swiper-arrow {
    	width: 35px;
    	height: 35px;
  	}
  	.swiper-arrow img{
  		width: 12px;
  	}
  	.car-slider .swiper-arrow {
    	top: -18px;
  	}
  	.car-slider .swiper-button-next{
  		right: 0;
  	}
  	.car-slider .swiper-button-prev{
  		right: 40px;
  		left: auto;
  	}
}
@media(max-width: 767.98px){
	.car-model h4{
		font-size: 20px;
		line-height: 23px;
	}
	.each-car td{
		display: block;
	}
	.each-car tr{
		padding-top: 20px;
	}
	.each-car td img{
		display: block;
	    margin: 0 auto 2px;
	    height: 20px;
	    object-fit: contain;
	}
	.car-price{
		display: block;
	}
	.car-btn{
		margin-top: 10px;
	}
	/*===========aanbod-detail==============*/
	.tab-btn ul {
  		gap: 0;
  		row-gap: 6px;
	}
	.tab-btn li {
  		width: calc(50% - 3px);
  		margin-right: 3px;
	}
	.tab-btn li:nth-child(even){
		margin-left: 3px;
		margin-right: 0;
	}
  	.tab-btn a{
  		font-size: 1.4rem;
  	}
}