@media(min-width: 992px){
  .slider-wrap-div{
    margin-right: -14%;
    overflow: hidden;
  }
  .car-detail-slider .swiper-slide-next:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(28, 28, 28, 0.4);
  }
  .car-detail-slider .swiper-button-prev{
    left: 40px;
  }
  .car-detail-slider .swiper-button-next{
    right: calc(16% + 140px);
  }
  .car-detail-content table:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 30px;
    background: #f7f7f7;
    z-index: 1;
  }
  .border-div{
    position: absolute;
    top: 0;
    left: 0;
    background-position: top left calc(33.33% - 10px), top left calc(66.66% - 10px);
    background-image: linear-gradient(rgba(28, 28, 28, 0.15)), linear-gradient(rgba(28, 28, 28, 0.15));
    background-size: 1px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
  }
  .contact-card .d-flex.position-relative br{
    display: none;
  }
  .card-slider{
    padding-right: 75px;
  }
}
@media(max-width: 1499.98px){
  .car-filter select{
    padding-left: 15px;
    padding-right: 25px;
    background-position: center right 15px;
  }
  .car-detail{
    padding-left: 15px;
    padding-right: 15px;
  }
  .car-detail h4{
    font-size: 20px;
  }
  /*===============aanbod-detail==============*/
  .car-detail-slider h3{
    font-size: 30px;
  }
  .contact-card{
    padding-left: 25px;
    padding-right: 25px;
  }
  .kenmerken-content li{
    width: 25%;
  }
}
@media(max-width: 1399.98px){
  .car-filter .custom-grid{
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
  }
  .car-filter .reset-button {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  .car-detail h4{
    font-size: 18px;
  }
  .car-detail td, .car-price h5, .car-button{
    font-size: 15px;
  }
  .car-slide .swiper-button-prev{
    left: -3.2%;
  }
  .car-slide .swiper-button-next{
    right: -3.2%;
  }
  /*===============aanbod-detail============*/
  .contact-card .d-flex.position-relative{
    font-size: 14px;
    letter-spacing: normal;
  }
}
@media(max-width: 1199.98px){
  /*===============aanbod-detail============*/
  .car-detail-content td b{
    font-size: 18px;
  }
  .kenmerken-content li{
    width: 33.33%;
  }
}
@media(max-width: 991.98px){
  .car-filter .custom-grid{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px 10px;
  }
  .car-filter .custom-row{
    margin: 0 -5px;
  }
  .car-filter .reset-button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: absolute;
    bottom: -10px;
    right: 0;
  }
  .car-filter select{
    font-size: 15px;
  }
  /*===============aanbod-detail==============*/
  .main-slider{
    width: 100% !important;
  }
  .car-detail-slider .swiper-button-prev, .car-detail-slider .swiper-button-next {
    width: 45px;
    height: 45px;
  }
  .car-detail-slider .swiper-button-prev img, .car-detail-slider .swiper-button-next img{
    width: 18px;
  }
  .car-detail-slider h3 {
    font-size: 20px;
  }
  .car-detail-slider h5{
    font-size: 16px;
  }
  .car-detail-content td{
    padding: 0 0 15px;
  }
  .car-detail-content td, .car-detail-content td b{
    font-size: 14px;
  }
  .car-detail-content td:not(:nth-child(3n+1)) span{
    margin-left: 0;
  }
  .car-detail-content table{
    margin: 0;
  }
  .contact-card {
    padding: 40px 15px;
    margin: 15px auto 30px;
  }
  .content-div h4{
    font-size: 18px;
  }
  .content-div h6{
    font-size: 15px;
  }
  .content-div{
    padding-left: 10px;
  }
  .contact-card .d-flex.position-relative {
    padding: 20px 0;
  }
  .contact-card .d-flex.position-relative span{
    display: none;
  }
  .contact-card .swiper-button-prev, .contact-card .swiper-button-next{
    top: -10px;
  }
  .car-detail-tab .nav-tabs{
    gap: 0;
    max-width: 100%;
  }
  .car-detail-tab .nav-tabs > div{
    width: calc(50% - 4px);
    margin-right: 4px;
    margin-bottom: 10px;
  }
  .car-detail-tab .nav-tabs > div:nth-child(even){
    margin-left: 4px;
    margin-right: 0;
  }
  .car-detail-tab .tab-content {
    padding-top: 20px;
  }
  .car-detail-tab{
    margin-top: 0;
    padding: 40px 0;
  }
  .kenmerken-content li{
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
    text-align: left;
  }
  .kenmerken-content td{
    display: inline-block;
    width: 50%;
  }
  .kenmerken-content td{
    font-size: 16px;
  }
  .kenmerken-btn{
    font-size: 15px;
  }
  .car-detail-form {
    padding: 40px 0;
  }
  .car-block.bg-white {
    padding: 10px 0 40px;
  }
  .car-slide .swiper-button-prev, .car-slide .swiper-button-next{
    top: -20px;
  }
  .car-slide .swiper-button-prev{
    left: auto;
    right: 35px;
  }
  .car-slide .swiper-button-next{
    right: 0;
  }
}
@media(max-width: 767.98px){
  .car-detail-content td{
    width: 50%;
  }
}
@media(max-width: 575.98px){
  .car-detail td{
    font-size: 13px;
  }
  .contact-card .common-btn {
    height: 45px;
    line-height: 43px;
  }
  .contact-card .common-btn, .car-detail-tab .nav-tabs > div, .car-detail-tab .tab-content p, .opties-tab li, .kenmerken-content td, .kenmerken-content td span{
    font-size: 14px;
  }
}