@media(min-width: 1200px){
    .subpg-dtl-form .col-xl-6 .form-main{
      border-bottom: 0 !important;
    }
    .form-area .subpg-dtl-form .form-group {
      width: calc(100% - 100px);
    }
    .subpg-form-textarea label{
        width: 260px;
    }
}
@media(max-width: 1599.98px){
    .cmn-wrap {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .h4__heading{
        height: 4rem;
    }
    .subpg-dtl-content .h4__heading{
        height: auto;
    }
    .product-dtl {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    /*=============aanbod-dtl=========*/
    .dtl-tab-sec .tab-btn .nav-tabs{
        column-gap: 2rem;
    }
    .aanbod_dtl-mid-left strong{
        font-size: 18px;
    }
    /*===========aanbod==========*/
    .filter-wrap{
        margin-left: -4rem;
    }
    .aanbod-grid-area .d-table-cell.align-middle{
        padding-bottom: 4rem;
        padding-top: 4rem;
    }
    
}
@media(max-width: 1499.98px){
	.cmn-wrap{
		padding-left: 8rem;
		padding-right: 8rem;
	}
    .form-right-area {
        margin-left: 5rem;
    }
	.menu-items li a{
		font-size: 3.6rem;
	}
	.product-block h3{
		font-size: 2.6rem;
        height: 60px;
	}
	.product-dtl td{
		font-size: 2rem;
	}
	.product-dtl table {
  		margin: 3rem 0;
	}
	.top-gal-wrap{
		padding-left: 5%;
	}
	.btm-img{
		padding-left: 11%;
	}
    /*=============diensten-dtl============*/
    .each-diensten-list-left h2{
        font-size: 3rem;
    }
    .form-control{
        font-size: 1.7rem;
    }
    .form-area label{
        font-size: 1.25rem;
    }
}
@media (max-width: 1399.98px) {
	h1{
		font-size: 4rem;
	}
	h2, .slider-text h3{
		font-size: 3rem;
	}
    .cmn-wrap{
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
	.left-img {
  		height: 44rem;
	}
	.images-text__image.__landscape{
		height: 38rem;
	}
	.btm-img{
		height: 34rem;
	}
	/* **************diensten-list**************** */
    .each-diensten-list {
        padding: 5rem 4rem;
    }
    .each-diensten-list-right-btn{
        max-width: 20rem;
    }
   
    /* ******************contact****************** */
    .form-right-area {
        margin-left: 0;
    }
    /* ***************aanbod_dtl**************** */
    .kenmerken-tab li {
        margin-bottom: 2rem;
    }
    .dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span {
        font-size: 1.6rem;
    }
    .contact-card {
        padding: 3rem;
    }
    .contact-btn{
        padding-top: 3rem;
    }
    .contact-card ul {
        column-gap: 2.2rem;
    }
    .contact-card-mid ul li:first-child::after {
        right: -13px;
    }
    .contact-card-mid::before {
        left: -30px;
        width: calc(100% + 6rem);
    }
    .contact-card-mid::after {
        left: -30px;
        width: calc(100% + 6rem);
    }
    .aanbod-dtl-top-heading-left {
        margin-top: 2rem;
    }
    .dtl-tab-sec ul.tabs li {
        font-size: 1.7rem;
    }
    .kenmerken-tab li {
        width: 19%;
    }
    .aanbod_dtl-slider-btn.swiper-button-next img, .aanbod_dtl-slider-btn.swiper-button-prev img {
        width: 3rem;
    }
    /* ******************aanbod_list****************** */
    .filter-wrap {
        column-gap: 1.7rem;
    }
    .aanbod_dtl-mid-left strong {
        font-size: 16px;
    }
    .aanbod-grid-area .d-table-cell.align-middle{
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .product-dtl {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .product-dtl span {
        margin: 0 0.5rem;
    }
	.financial-lease-iframe iframe{
	    height: 3600px !important;
	}
}
@media(min-width: 1200px) and (max-width: 1399.98px){
    .form-control{
        font-size: 1.6rem;
    }
    .form-area .subpg-dtl-form label {
        width: 37rem;
        font-size: 1.25rem;
    }
    .form-area .subpg-dtl-form .form-group{
        width: 100%;
    }
    .form-area .subpg-dtl-form .subpg-form-textarea label{
        width: 26rem;
    }
}
@media (max-width: 1199.98px) {
    .cmn-wrap {
        padding-left: 2rem;
        padding-right: 2rem;
    }
	.product-block h3 {
    	font-size: 2rem;
        height: 50px;
  	}
	.product-dtl td {
    	font-size: 1.5rem;
  	}
    .product-dtl {
        padding-left: 6%;
        padding-right: 6%;
    }
  	/* ****************diensten-list*************** */
    .each-diensten-list-left h2 {
        font-size: 2.3rem;
    }
    /*=============aanbod===========*/
    .filter-sort{
        max-width: 30rem;
    }
    .sorteren_op-filter .select-style{
       font-size: 1.24rem;
    }
    .filter-show-btn, .filter-show-right-btn{
        margin-left: 5px;
    }
    .filter-heading h3{
        font-size: 4rem;
    }
    .filter-heading p {
        font-size: 1.3rem;
        margin-right: 0;
    }
    .filter-show .filter-show-btn {
        height: 4rem;
        width: 4rem;
    }
    .filter-show-right-btn {
        height: 4rem;
        width: 4rem;
    }
    .filter-wrap {
        justify-content: center;
    }
    .aanbod-list-area {
        padding: 5.3rem 0 5rem;
    }
    .aanbod-list-area .product-btn {
        margin-top: 2.3rem;
    }
    .each-diensten-list-mid-content {
        padding-left: 0;
    }
    /* ****************contact*************** */
    .left-map-img {
        height: 40rem;
    }
    .right-map-img {
        height: 40rem;
    }
    /* ***************aanbod_dtl**************** */
    .dtl-tab-sec{
        padding: 12rem 0 0;
    }
    .contact-card-mid {
        padding: 2rem 0;
    }
    ul.tabs li span::after{
        bottom: -5px;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        margin-bottom: 3.5rem;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        column-gap: 1rem;
    }
    .dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span {
        font-size: 1.4rem;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        display: flex;
        justify-content: space-around;
        padding-bottom: 2rem;
        row-gap: 4rem;
    }
    .aanbod_dtl-mid-left strong{
        font-size: 13px;
    }
    .aanbod_dtl-mid-left h6 {
        font-size: 11.2px;
        margin-bottom: 3rem;
    }
    .aanbod_dtl-mid-left {
        padding-top: 2rem;
    }
    .aanbod_dtl-mid-area {
        margin-bottom: -4rem;
    }
    .contact-card-btn .button .button-text {
        padding: 0 10px;
    }
    .contact-card {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .contact-card ul {
        column-gap: 1rem;
    }
    .contact-card ul li a {
        font-size: 11.5px;
    }
    .contact-card-mid ul li:first-child::after {
        right: -6px;
    }
    .contact-card-mid::before {
        left: -20px;
        width: calc(100% + 4rem);
    }
    .contact-card-mid::after {
        left: -20px;
        width: calc(100% + 4rem);
    }
    .contact-card .contact-info h3{
        font-size: 20px;
    }
    .contact-card-mid ul li a img {
        width: 1.5rem;
        height: 1.5rem;
    }
    /* *******************over-ons******************* */
    .over-ons-btm-right{
        margin-left: 4rem;
    }
    .over-ons-btm-right ul li{
        width: 29%;
    }
    /* *************fienancieren***************** */
    .fienancieren-dtl-img-area {
        height: 40.9rem;
    }
    .fienancieren-dtl-area{
        padding: 10rem 0 0rem;
    }
    .subpg-dtl-content .h4__heading{
        height: 4rem;
    }
    /* ***********aanbod-grid-area*************** */
    .aanbod-grid-area .d-table-cell.align-middle {
        padding: 3.5rem 0;
    }
     .kenmerken-tab li {
        width: 30%;
    }
    .form-area label{
        font-size: 13px;
    }
    .form-control{
        font-size: 1.6rem;
    }
}
@media (max-width: 991.98px) {
	h1{
		font-size: 3rem;
		word-break:  break-word;
	}
	h2{
		font-size: 2.6rem;
	}
  	.cmn-wrap {
    	padding-left: 5%;
        padding-right: 5%;
  	}
	.button{
		padding: .65rem 0;
	}
	.button-text{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 1.2rem;
	}
	.logo {
  		max-width: 17rem;
  		position: relative;
    	z-index: 99;
	}
	.menu-image, header .nav-menu {
		display: none;
	}
	.menu-toggle{
		position: absolute !important;
  		top: 50%;
  		right: 5%;
  		transform: translateY(-50%);
	}
	.menu-items li a {
    	font-size: 2rem;
    	margin-bottom: 1.5rem;
  	}
  	.menu-items ul{
  		padding-top: 10rem;
  		padding-bottom: 3rem;
  	}
  	.menu-items ul, .menu-items .mx-auto{
  		display: block;
  		padding-left: 5%;
  	}
  	.contact-info {
	  	margin-bottom: 3rem;
	}
	.menu-items .row.h-100{
		height: auto !important;
	}
  	.contact-info h4 a, footer .cmn-wrap h4 a{
  		font-size: 2rem;
  	}
	.product-block h6{
		font-size: 1.6rem;
	}
	.product-dtl{
		padding: 3rem 4%;
	}
	.product-block .product-dtl h6{
		height: auto;
	}
	.product-btn {
  		margin-top: 4rem;
	}
	.gallery-bg{
		left: auto;
		width: 60%;
		right: -10%;
	}
	.gallery-image-block{
		padding: 2rem 0;
		overflow: hidden;
	}
	.right-img{
		padding-right: 0;
  		padding-left: 0;
	}
	.left-img{
		padding-left: 0;
    	margin-top: 6rem;
    	margin-left: -3rem;
	}
	.images-text__image.__landscape{
		margin-left: 0;
		position: static;
		width: 78%;
	}
	.btm-img{
		padding-left: 0;
		padding-right: 0;
	}
	.each-gall{
		height: 40rem;
	}
	.each-slider-text{
		left: 5%;
	}
	.home-service .swiper-button-prev, .home-service .swiper-button-next{
		top: 3rem;
	}
	.home-service .swiper-button-prev img, .home-service .swiper-button-next img{
		width: 1.8rem;
	}
	.home-service .swiper-button-prev{
		left: auto;
		right: 4rem;
	}
	.home-service .swiper-button-next{
		right: 1rem;
        left: auto;
	}
	.slider-text h3 {
    	font-size: 2.6rem;
    	margin-bottom: 3.4rem;
  	}
    /*=============diensten=============*/
    .diensten-list-heading p {
        max-width: 100%;
    }
    .each-diensten-list-mid-content p {
        max-width: 100%;
    }
    .each-diensten-list-right-btn {
        margin-left: 0;
    }
    .each-diensten-list-left h2 {
        margin-bottom: 2rem;
    }
    .each-diensten-list-mid-content p {
        margin-bottom: 2rem;
    }
    .diensten-list-area {
        padding-bottom: 3rem;
    }
    .each-diensten-list:last-child{
        margin-bottom: 0;
    }
    .each-diensten-list-mid-content {
        margin-left: 0;
    }
    /*===============aanbod============*/
  	.aanbod-list-area {
        padding: 3rem 0;
    }
    .filter-heading-right {
		justify-content: start;
        column-gap: .75rem;
	}
	.filter-heading-right.filter-stick {
		position: fixed;
		width: 100%;
		top: 8rem;
		left: 0;
		background-color: #E5E7E7;
		padding: 1.5rem;
		z-index: 11;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.filter-heading p {
		color: #F1F4F7;
        font-size: 1.2rem;
	}
    .filter-count{
        margin-left: .6rem;
    }
    .sorteren_op-filter .select-style{
        font-size: 1.2rem;
    }
	.filter-sort p {
		display: none;
	}
	.total-car {
		margin-bottom: 3rem;
		text-align: center;
	}
	.auto-overview-filter-result {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 1.5rem;
		left: 0;
		background-color: #0D141E;
		z-index: 99;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
	}
	.show_selected_filter_cls {
        padding-bottom: 0 !important;
    }
	.filter-main {
		max-width: 100%;
		padding-bottom: 11rem;
		padding-top: 11rem;
	}
	.filter-close-head {
		padding: 1.5rem;
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 1;
		background-color: #060709;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}
	.filter-show .filter-show-btn {
		display: none;
	}
	.filter-show {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #060709;
		padding: 0 1rem;
        height: 4.2rem;
	}
	.filter-main .filter-close-head p {
		display: block;
	}
	.filter-main-overlay {
		display: none;
	}
    .filter-main p {
        padding-bottom: 2rem;
        display: none;
    }
    .filter-reset {
        margin-bottom: 2rem;
    }
    .filter-show.filter-show-right{
        display: none;
    }
    .filter-show-right{
        display: none;
    }
    .filter-sort {
        max-width: max-content;
        margin-left: 0;
        margin-right: auto;
        background-color: #060709;
    }
    .sorteren_op-filter .select-style {
        padding: 0 2.5rem 0 1rem;
        color: #060709;
    }
    .filter-main {
        padding: 10rem 4rem;
    }
    .filter-bottom-btn .button {
        padding: 1.5rem 0;
    }
    .aanbod-list-heading{
        display: none;
    }
    .aanbod-list-heading h2 {
        padding: 2.4rem 0 0rem;
    }
    .aanbod-list-heading-right {
        margin-top: 2rem;
    }
    .aanbod-list-heading p {
        max-width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
    .aanbod-filter-sec {
        padding-top: 8rem;
    }
    .each-filter {
        padding-bottom: 0;
    }
    .sorteren_op-filter .select-style {
        height: 4rem;
        line-height: 3.8rem;
        color: #F1F4F7;
        background: url(../images/sort-arrow-white.svg) transparent no-repeat 97% center / 10px;
    }
    /* *****************form**** ***************/
    .form-area.subpg-form {
        padding: 3rem 0;
    }
    .form-heading {
        max-width: 100%;
    }
    .form-field {
        margin-right: 0;
    }
    .form-btn {
        text-align: start;
        margin-bottom: 3rem;
    }
    .form-heading p {
        margin: 2rem 0 3.8rem;
    }
    .form-btn .button {
        margin-top: 3.6rem;
    }
    .form-right-area {
        margin-left: 0;
    }
    .form-right-info h3 {
        padding-bottom: 2.5rem;
    }
    .form-right-info p {
        padding-bottom: 2.2rem;
        margin-bottom: 0;
    }
    .form-time p {
        margin-bottom: 0;
    }
    .form-area.contact-form-area.subpg-form {
        padding-top: 8rem;
        padding-bottom: 0;
    }
    .subpg-dtl-content.overons-content-section {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    /* **************contact****************** */
    .form-area.contact-form-area{
        padding-top: 14rem;
    }
    .map-area::before{
        display: none;
    }
    
    /* ***************fienancieren************** */
    .fienancieren-heading {
        padding-bottom: 3rem;
    }
    .fienancieren-dtl-area {
        padding: 4rem 0 0;
    }
    .fienancieren-dtl-right p {
        max-width: 100%;
    }
    .fienancieren-dtl-right {
        margin-left: 0;
    }
    .fienancieren-dtl-area h2 {
        padding-bottom: 3rem;
    }
    .fienancieren-dtl-left-img {
        max-width: 100%;
        height: auto;
        margin-bottom: 3rem;
    }
    .fienancieren-dtl-right-img {
        max-width: 100%;
        height: auto;
    }
    .fienancieren-dtl-bottom-main {
        padding: 3.5rem 0 3rem;
    }
    .fienancieren-dtl-bottom-box-info P {
        max-width: 100%;
    }
    .fienancieren-dtl-bottom-box-num h6 {
        margin-bottom: 1.4rem;
    }
    .fienancieren-dtl-bottom-box {
        margin-right: 0;
        margin-bottom: 3rem;
    }
    .fienancieren-dtl-img {
        padding-top: 3rem;
    }
    .fienancieren-dtl-img-area {
        height: 31.9rem;
    }
    .form-area.contact-form-area.subpg-form .form-right-area{
        margin-top: 0;
    }
    /* ****************aanbod_dtl************** */
    .aanbod_dtl-mid-right {
        margin: auto;
        max-width: 560px;
        width: 100%;
    }
    .aanbod_dtl-mid-left {
        display: flex;
        justify-content: center;
    }
    .form-area.aanbod_dtl {
        padding: 3rem 0;
    }
    /* .aanbod_dtl-slider-btn.swiper-button-next, .aanbod_dtl-slider-btn.swiper-button-prev {
        top: 7%;
    } */
    .aanbod_dtl-slider-btn.swiper-button-next img, .aanbod_dtl-slider-btn.swiper-button-prev img {
        width: 2.8rem;
    }
    .aanbod_dtl-slider-btn.swiper-button-prev{
        left: 20px;
    }
    .aanbod_dtl-slider-btn.swiper-button-next {
        right: 20px;
    }
    .contact-btn {
        justify-content: center;
        column-gap: 4rem;
    }
    .contact-card {
        padding: 2.5rem 3.3rem;
        margin-left: 0;
    }
    .contact-card-mid::before {
        left: -33px;
        width: calc(100% + 6.6rem);
    }
    .contact-card-mid::after {
        left: -33px;
        width: calc(100% + 6.6rem);
    }
    .dtl-tab-sec ul.tabs li {
        width: 49%;
        text-align: center;
    }
    /* **************aanbod-grid-area************* */
    .aanbod-grid-area .d-table-cell.align-middle {
        padding-bottom: 0;
    }
    .each-aanbod-grid {
        margin-bottom: 2.6rem;
        padding: 0 !important;
    }
    .aanbod-grid-area #product_content_area.row{
        margin: 0;
    }
    .aanbod-grid-area .product-btn {
        margin-top: 1rem;
    }
    .aanbod-grid-area {
        padding: 3rem 0;
    }
    .aanbod-grid-area .product-dtl h2 {
        margin: 0 0 1rem;
    }
    .aanbod-grid-area .product-dtl table {
        margin: 2.3rem 0;
    }
    .aanbod-grid-area .d-table-cell.align-middle {
        padding-top: 0;
    }
    /* ***************over-ons**************** */
    .each-over-ons-slider {
        height: auto;
    }
    .over-ons-btm h2 {
        margin-bottom: 4rem;
    }
    .over-ons-btm-right ul {
        column-gap: 1.5rem;
        row-gap: 1.4rem;
    }
    .over-ons-slider {
        padding: 9rem 0 4rem;
    } 
    .over-ons-btm-right{
        margin-left: 0;
    } 
    .over-ons-btm{
        padding: 4rem 0;
    }
    .subpgcursor{
        display: none;
    }
    .each-diensten-list {
        padding: 3rem 5%;
    }
    .each-diensten-list h2, .each-diensten-list .each-diensten-list-mid-content p, .each-diensten-list-right-btn .button-text{
        color: rgba(17, 24, 32, 1);
    }
    .each-diensten-list-left{
        padding-top: 2rem;
    }
    .filter-heading .col-xl-9{
        width: 100%;
    }
    .filter-wrap {
        margin-left: 0;
    }
    .filter-heading{
        padding: 2.4rem 0;
    }
    .product-block h3{
        font-size: 1.8rem;
        height: auto;
    }
    .verkocht-list-heading{
        padding-top: 10rem;
    }
	.icon-area img {
	  height: 30px;
	}
    .modal-area .modal-dialog{
        max-width: 480px;
        width: 94%;
    }
    .modal-area .modal-content-wrap{
        padding: 10% 6%;
    }
    .modal-area h3{
        font-size: 2.3rem;
    }
    .modal-area .position-absolute{
        top: -10px;
        right: -5px;
        width: 35px;
        height: 35px;
    }
}
@media (max-width: 767.98px) {
    h1{
        font-size: 2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    .container-fluid{
        padding: 0;
    }
    .logo {
        max-width: 12.7rem;
    }
    .menu-toggle{
        font-size: 1.2rem;
        padding: .7rem 1rem;
    }
	.icon-area tr{
		display: block;
	}
	.icon-area td{
		width: 32%;
    	display: inline-block;
    	text-align: center;
    	margin-bottom: 1rem;
	}
	.product-dtl td {
    	font-size: 1.3rem;
  	}
  	 .product-dtl td span {
    	margin: 0 .4rem;
  	}
    .product-btn span:before, .product-btn span:after{
        width: 3rem;
    }
    .product-btn span:before{
        left: -4rem;
    }
    .product-btn span:after{
        right: -4rem;
    }
  	/**************diensten-list************** */
    .diensten-list-heading {
        padding-top: 10rem;
    }
    .diensten-list-heading p {
        padding: 2rem 0;
    }
    .each-diensten-list {
        margin-bottom: 2rem;
    }
    /*===========aanbod===============*/
    .each-aanbod-list .product-dtl table {
        margin: 2rem 0;
    }
    .aanbod-list-area .product-btn {
        margin-top: 1.3rem;
    }
    .filter-main {
        padding: 10rem 2rem;
    }
    .filter-bottom-btn {
        margin-top: 4rem;
    }
    .each-aanbod-grid.product-block h3 {
        font-size: 2rem;
    }
    /* **************aanbod_dtl************** */
    .back-button a {
        font-size: 1rem;
    }
    .aanbod-dtl-top-heading {
        padding-bottom: 2.5rem;
    }
    .aanbod-dtl-top-heading-left h2{
        font-size: 1.8rem;
    }
    .aanbod-dtl-top-heading-left h6 {
        font-size: 1.2rem;
    }
    .aanbod-dtl-top-heading-right h2 {
        font-size: 1.8rem;
    }
    .aanbod-dtl-top-heading-left {
        margin-top: 0;
    }
    .back-button{
        padding: 9rem 0 3rem;
    }
    .aanbod-dtl-top-heading-left h2 {
        margin-bottom: 0.8rem;
    }
    .aanbod-dtl-top-heading-right {
        text-align: start;
        margin-top: 2rem;
    }
    .aanbod_dtl-mid-left h6 {
        font-size: 1.2rem;
    }
    /* .aanbod_dtl-mid-left strong {
        font-size: 1.6rem;
    } */
    .aanbod_dtl-mid-left li {
        width: 45%;
    }
    .aanbod_dtl-mid-left {
        padding-top: 0;
    }
    .aanbod_dtl-mid-area {
        padding: 2.8rem 0 0;
    }
    .aanbod_dtl-mid-left h6 {
        margin-bottom: 0.5rem;
    }
    .aanbod_dtl-mid-left ul {
        margin-bottom: 3.2rem;
        gap: 0.6rem;
    }
    .contact-card .contact-info-img {
        width: 5.3rem;
        height: 5.3rem;
    }
    .contact-card {
        padding: 2rem 1rem;
        max-width: 36rem;
    }
    .contact-card .contact-info h3 {
        font-size: 1.6rem;
        margin-bottom: 0.5rem;
    }
    .contact-card .contact-info p {
        font-size: 1.2rem;
    }
    .contact-card ul li a {
        font-size: 1rem;
    }
    .contact-card ul li a strong {
        font-size: 1.2rem;
    }
    .contact-card-mid::before {
        width: calc(100% + 2.1rem);
        left: -11px;
    }
    .contact-card-mid::after {
        width: calc(100% + 2.1rem);
        left: -11px;
    }
    .contact-card-btn .button-text {
        font-size: 1.0rem;
    }
    .dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span {
        font-size: 1.6rem;
    }
    .kenmerken-tab li span {
        font-size: 1.2rem;
    }
    .kenmerken-tab li {
        font-size: 1.2rem;
        line-height: 2.6rem;
        margin-bottom: 2rem;
        width: 30%;
    }
    .contact-card-mid ul li a img {
        width: 1rem;
        height: 1rem;
        margin-top: -2px;
    }
    .aanbod_dtl-mid-left li {
        width: max-content;
    }
    .aanbod_dtl-mid-left ul li:nth-child(odd){
       width: 63%;
    }
    .aanbod_dtl-mid-left ul{
        column-gap: 0;
    }
    .tab_drawer_heading{
        display: block;
        text-transform: uppercase;
        color: #F1F4F7;
        font-family: 'Sequel100Black56';
        font-size: 16px;
        position: relative;
        padding: 2rem 0;
        border-bottom: 1px solid rgba(241, 244, 247, 0.30);
    }
    .tab-btn{
        display: none;
    }
    .tab_content{
        border-bottom: 1px solid rgba(241, 244, 247, 0.30);
    }
     .tab_drawer_heading.d_active{
        border-bottom: none;
    }
    .tab_drawer_heading::after{
        position: absolute;
        content: "";
        right: 0;
        bottom: 40%;
        background-image: url(../images/tab-arrow.svg);
        width: 20px;
        height: 1.1rem;
        background-position: center;
        background-size: 16px;
        background-repeat: no-repeat;
    }
    .contact-btn {
        row-gap: 0;
        display: block;
    }
    .contact-card-btn{
        display: inline-block;
        vertical-align: top;
    }
    .contact-card-btn .button{
        width: 100%;
    }
    .contact-card-btn:first-child{
        width: 52%;
    }
    .contact-card-btn:last-child{
        width: 46%;
    }
    .aanbod_dtl-mid-area {
        margin-bottom: -8rem;
    }
    .dtl-tab-sec {
        padding: 9rem 0 0;
    }
    .product-dtl td {
    	font-size: 1.12rem;
  	}
  	 .product-dtl td span {
    	margin: 0;
  	}
    .product-dtl td span img{
        width: 1rem;
    }
    /* ****form-area**** */
    .form-area label::before{
        width: 1rem;
        height: 1rem;
        background-size: 1rem;
        top: .4rem;
    }
    .form-area .form-field label {
        font-size: 1rem;
        width: 290px;
        padding-left: 12px;
    }
    .form-area .form-field input.form-control.form-styl {
        font-size: 14px;
    }
    .form-area .form-main textarea.form-control{
        font-size: 14px;
    }
    .contact-card ul {
        column-gap: 1.5rem;
    }
    .form-field.aanbod-dtl-form-field {
        margin-bottom: 1.5rem;
    }
    .form-time.aanbod-dtl-form-time p {
        font-size: 1rem;
    }
    .form-btn .button-text {
        font-size: 1rem;
    }
    
    .contact-card-mid ul li:first-child::after {
        right: -10px;
    }
    .form-area.aanbod-dtl-form-area .form-field .form-main:last-child label::before{
        bottom: -34px;
    }
    
    /* ***************contact************ */
    .form-area.contact-form-area .form-right-info h3 a, .form-area.contact-form-area .form-right-area h5 {
        font-size: 1.6rem;
    }
    .form-area.contact-form-area .form-heading p, .form-area.contact-form-area.subpg-form .form-heading p{
        margin: 1.7rem 0 2.4rem;
    }
    .form-btn .button {
        margin-top: 2.4rem;
    }
    .textarea-div{
        height: 50px;
    }
    .form-main {
       padding: 1.35rem 0;
    }
    .map-area {
        padding-top: 3rem;
        padding-bottom: 0;
    }
    .form-area.contact-form-area {
        padding-top: 10rem;
    }
    .form-area.contact-form-area .form-time p{
        padding-bottom: 3rem;
    }
    .form-area.contact-form-area .form-main input.form-control.form-styl{
        text-overflow: ellipsis;
    }
    /* ***************fienancieren**************** */
    .inner-banner-image {
        height: auto;
        width: auto;
        margin: auto;
        transform: scale(1) !important;
    }
    .fienancieren-dtl-img-area {
        margin-bottom: 3rem;
    }
    .over-ons-slider{
        padding: 4rem 0 0;
    }
    .home-service.fienancieren-bottom-sec{
        padding-top: 5rem;
    }
    .form-area.contact-form-area.subpg-form{
        padding-top: 4rem;
    }
    .subpg-dtl-content.overons-content-section {
        padding-top: 0;
        padding-bottom: 4rem;
    }
    .subpg-dtl-content .h4__heading{
        height: auto;
    }
    .fienancieren-top-area{
        padding-top: 10rem;
    }
    .product-block.aanbod-dtl-product-block{
        padding: 2rem 0 4rem;
    }
    /*===========contact===========*/
    .left-map-img {
        height: 32rem;
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .right-map-img {
        height: auto;
        padding-bottom: 2rem;
        padding-left: 0;
    }
    .form-1, .form-2 {
      padding: 3rem 1.4rem !important;
    }
    .form-1 .form-btn, .form-2 .form-btn{
        margin-bottom: 0;
    }
    .form-1.form-area .form-field label, .form-2.form-area .form-field label{
        width: 140px;
    }
}
@media (max-width: 575.98px) {
	.home-banner{
		height: 70vh;
	}
	.slider-text h3{
		font-size: 2rem;
	}
	.left-img{
		height: 21rem;
	}
	.right-img {
  		height: 14rem;
	}
	.btm-img{
		height: 14rem;
	}
	.images-text__image.__landscape{
		height: 26rem;
	}
	/* **************diensten-list************* */
    .each-diensten-list {
        padding: 2.5rem 1.8rem;
    }
    .each-diensten-list-left h2 {
        font-size: 2rem;
    }
    /*==============aanbod===============*/
    .each-aanbod-list .product-dtl table {
        margin: 2rem 0;
    }
    .filter-close-btn {
        height: 3rem;
        width: 3rem;
    }
    .filter-close-btn img {
        width: 1.2rem;
    }
    .filter-main p {
        font-size: 1.6rem;
    }
    /* *************over-ons************** */
    .over-ons-slider-wrap {
        margin-left: 0;
        margin-right: 0;
    }
    .over-ons-btm-right ul li {
        width: 47%;
    }
    .over-ons-slider h2 {
        margin-bottom: 3rem;
    } 
    /* **************fienancieren**************** */
    .home-service.fienancieren-bottom-sec h3 {
        font-size: 2rem;
    }
    /* **************aanbod_dtl*************** */
    .aanbod_dtl-slider-btn.swiper-button-next img, .aanbod_dtl-slider-btn.swiper-button-prev img {
        width: 1.8rem;
    }
    .aanbod_dtl-mid-left ul li:nth-child(odd) {
        width: 55%;
    }
    .fienancieren-dtl-img-area {
        height: 18rem;
    }
}
@media (max-width: 399.98px) {
    /* *************form*************** */
    .form-area .form-group {
        width: 100%;
    }
    .form-area.aanbod-dtl-form-area label::before {
        bottom: -78px;
    }
    .form-right-area {
        column-gap: 1.5rem;
    }
    /* ************aanbod_dtl************ */
    .contact-btn {
        column-gap: 0.5rem;
    }
    .contact-card-mid ul li {
        width: 100%;
    }
    .contact-card-top {
        padding-bottom: 0;
    }
    .aanbod_dtl-slider-btn.swiper-button-prev{
        left: 8px;
    }
    .aanbod_dtl-slider-btn.swiper-button-next {
        right: 8px;
    }
    .contact-card-mid ul li:first-child::after {
        display: none;
    }
     .kenmerken-tab li {
        width: 47%;
    }
}