@media (min-width: 1600px) {
	.container {
		max-width: 1445px;
	}
}
@media(max-width: 1599.98px){
	h1 {
		font-size: 6rem;
		line-height: 70px;
	}
	.header-area .col-lg-4 {
		width: 35%;
	}
	.header-area .col-lg-5 {
		width: 40%;
	}
	.product-sec {
		padding: 100px 0;
	}
	.about-sec {
    	padding: 100px 0;
	}
	.about-title {
    	margin-bottom: 90px;
	}
	.home-btm-sec {
    	padding-bottom: 100px;
	}
	.footer-top-right {
		padding-left: 120px;
		row-gap: 80px;
	}
	/****diensten-list****/
	.list-sec {
		padding: 80px 0 100px;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 75%;
	}
	/****aanbod-dtl****/
    .dtl-top-slider-title {
        max-width: 300px;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        column-gap: 25px;
    }
    /****over-ons****/
    .overons-top-big-img {
        width: 541px;
    }
    /****contact****/
    .map {
        height: 530px;
    }
     
}
@media(max-width: 1399.98px){
	.common-btn {
		padding: 10px 20px;
	}
	.header-area .col-lg-4 {
        width: 40%;
    }
	.header-area .col-lg-5 {
        width: 35%;
    }
	.product-sec {
        padding: 80px 0;
    }
	.each-service-img {
		height: 321px;
	}
	.about-title {
        margin-bottom: 70px;
    }
	.about-sec {
        padding: 80px 0;
    }
	.each-home-btm-block {
    	padding: 0 15px;
	}
	.home-btm-sec {
        padding-bottom: 80px;
    }
	.review-sec-bg {
    	padding: 50px 0 80px;
	}
	.footer-top-right {
        padding-left: 70px;
    }
	/****diensten-list****/
	.list-sec {
		padding: 80px 0;
	}
	/****popup****/
	.modal-area .popup-content {
		padding: 50px 40px;
	}
	.modal-area .popup-content h2 {
		line-height: 48px;
	}
	.modal-area .popup-content li {
		line-height: 24px;
		margin-bottom: 10px;
	}
	.modal-area .popup-content li::after {
		top: 7px;
	}
	.modal-area .modal-dialog {
        max-width: 80%;
    }
	.modal-area .popup-content ul {
		margin: 15px 0 20px;
	}
	/****aanbod-dtl****/
    .overlay {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 15px;
    }
    .dtl-top-slider-dtls {
        padding-right: 12px;
    }
    .dtl-top-slider-info .col-lg-9 {
        width: 77%;
    }
    .dtl-top-slider-info .col-lg-3 {
        width: 22%;
    }
    .dtl-top-slider-dtls td {
        padding: 0 25px;
    }
    .dtl-top-slider-title {
        max-width: 275px;
    }
    .dtl-top-slider-price h5 {
        font-size: 3rem;
    }
    .kenmerken-tab {
        padding-right: 135px;
    }
    .dtl-tab-sec {
        padding-bottom: 100px;
    }
    .left-bg-block {
        width: 124px;
    }
    .block-dtls {
        width: calc(100% - 124px);
    }
    .form-main-area .form-styl {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .aanbod-btm-sec {
        padding-top: 100px;
    }
    .aanbod-btm-title {
       margin-bottom: 60px;
    }
    ul.tabs li {
        font-size: 2rem;
    }
    /****over-ons****/
    .overons-top-info {
       padding-right: 15px;
    }
    .overons-top-counter {
        left: 17%;
    }
    .overons-top-counter h5 {
        font-size: 11.8rem;
    }
    .overons-top-small-img {
        height: 235px;
        width: 235px;
    }
    .overons-top-big-img {
        width: 439px;
        height: 475px;
    }
    .each-overons-gal-img {
        height: 450px;
    }
    /****diensten-dtl****/
    .diens-mid-info {
        padding-right: 34px;
    }
    .diens-service-sec {
        padding-bottom: 120px;
    }
    /****aanbod-list****/
    .filter-left-area .row {
       column-gap: 5px;
    }
    .filter-left-area .row .col-lg-3 {
       width: 24%;
    }
    .filter-sort .sorteren_op-filter {
        width: 190px;
    }
    .aanbod-product-sec {
        padding-bottom: 120px;
    }
    .calsty{
        height: 1004px !important;
    }
    /****contact*****/
    .contact-form {
        padding: 80px 0;
    }
}
@media(max-width: 1199.98px){
	h1 {
        font-size: 5rem;
        line-height: 60px;
    }
	h2 {
		font-size: 3.5rem;
	}
	.header-logo img {
		width: 170px;
	}
	.header-nav li,
	.header-call a {
		font-size: 1.6rem;
	}
	.header-right {
		column-gap: 10px;
	}
	.header-nav ul {
		gap: 10px;
	}
	.header-call img {
		width: 27px;
		margin-right: 4px;
	}
	.service-left .white-btn {
		margin-left: 0;
		margin-top: 15px;
	}
	.each-service-img {
		height: 267px;
	}
	.about-title {
        margin-bottom: 50px;
    }
	.home-btm-block {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.each-home-btm-block {
		width: 49%;
	}
	.each-home-btm-block::after {
		display: none;
	}
	.each-home-btm-block {
        padding: 0;
    }
	.footer-top-right {
        padding-left: 35px;
    }
	.footer-logo img {
		width: 235px;
	}
	/****popup****/
	.modal-area .popup-content {
        padding: 40px 30px;
    }
	.modal-area .modal-dialog {
        max-width: 88%;
    }
	/****aanbod-dtl****/
    .back-btn {
        padding-top: 150px;
    }
    .aanbod-top-sec {
        padding-bottom: 80px;
    }
    .overlay {
        height: calc(100% - 25px);
        width: calc(100% - 25px);
        margin: 13px;
    }
    .dtl-top-slider-price h5 {
        font-size: 2.8rem;
    }
    .dtl-top-slider-price {
        background-color: transparent;
        padding-bottom: 30px;
    }
    .dtl-top-slider-info .col-lg-9,
    .dtl-top-slider-info .col-lg-3 {
        width: 100%;
    }
    .dtl-top-slider-dtls {
        padding-right: 0;
    }
    .dtl-slider-info-area {
        padding-right: 34px;
    }
    .dtl-slider-info-area .col-lg-5 {
        width: 38%;
    }
    .dtl-slider-info-area .col-lg-7 {
        width: 62%;
    }
    .dtl-top-slider-dtls td::after {
        height: calc(100% + 15%);
    }
    .dtl-top-slider-price {
        padding-left: 34px;
    }
    .dtl-top-slider-title h2 {
        line-height: 48px;
    }
    .dtl-tab-sec {
        padding-bottom: 80px;
    }
    .dtl-tab-area {
        padding-right: 10px;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        column-gap: 20px;
        margin-bottom: 45px;
    }
    .kenmerken-tab {
        padding-right: 45px;
    }
    .kenmerken-tab li {
        margin-bottom: 10px;
        padding-bottom: 12px;
    }
    .left-bg-block {
        width: 119px;
    }
    .tab-btm-btn {
        margin-top: 40px;
    }
    .tab-right-part h4 {
        margin: 25px 0 10px;
    }
    .man-img {
        margin-top: 23px;
    }
    .tab-right-part p {
        margin-bottom: 0;
    }
    .kenmerken-popup-model {
        padding-bottom: 25px;
    }
    .form-sec {
        padding-top: 80px;
    }
    .form-left {
        padding: 39px 30px;
    }
    .form-right {
        padding-left: 20px;
    }
    .aanbod-btm-sec {
        padding: 80px 0;
    }
    .aanbod-btm-title {
        margin-bottom: 40px;
    }
    /****over-ons****/
    .overons-top-sec {
        padding: 80px 0;
    }
    .overons-top-area .col-lg-8 {
        width: 58%;
    }
    .overons-top-area .col-lg-4 {
        width: 42%;
    }
    .overons-top-big-img {
        width: 336px;
        height: 370px;
    }
    .overons-top-small-img {
        width: 188px;
        height: 188px;
    }
    .overons-top-counter h5 {
        font-size: 9.2rem;
        line-height: 93px;
    }
    .overons-top-counter h3 {
        padding-left: 21px;
    }
    .overons-top-counter {
        top: -11%;
    }
    .overons-top-info h2 {
        margin-bottom: 20px;
    }
    .overons-top-info p {
        margin-bottom: 16px;
    }
    .overons-about-sec {
        padding-bottom: 80px;
    }
    .overons-about-title {
        margin-bottom: 50px;
    }
    .overons-about-area .col-lg-6 {
        padding: 0 10px;
    }
    .overons-about-area .row {
        margin: 0 -10px;
        row-gap: 22px;
    }
    .each-overons-about-txt {
        padding: 30px;
    }
    .overons-gal-sec {
        padding: 80px 0;
    }
    .overons-gal-title {
        margin-bottom: 60px;
    }
    .each-overons-gal-img {
        height: 400px;
    }
    /****contact****/
    .map {
        height: 446px;
    }
    /****diensten-dtl****/
    .diens-top-info {
        padding-left: 25px;
    }
    .diens-mid-sec {
        padding-bottom: 80px;
    }
    .diens-mid-info {
        padding-left: 25px;
        padding-right: 15px;
    }
    .diens-mid-info h4 {
       margin-bottom: 15px;
    }
    .diens-mid-info p {
        margin-bottom: 25px;
    }
    .diens-service-sec {
        padding: 80px 0;
    }
    .diens-service-title {
        margin-bottom: 55px;
    }
    /****aanbod-list****/
    .aanbod-filter-sec {
        padding-top: 150px;
    }
    .filter-left-area .row {
        column-gap: 0;
        justify-content: space-between;
    }
    .filter-sort .sorteren_op-filter {
        width: 215px;
    }
    .filter-right-area {
        max-width: 100%;
        margin-left: 0;
        margin-right: auto;
    }
    .filter-left-heading, 
    .filter-right-heading {
        margin-bottom: 15px;
    }
    .filter-left-area .row .col-lg-3 {
        margin-bottom: 25px;
    }
    .aanbod-filter-sec .select-style {
        height: 48px;
        line-height: 48px;
    }
    .aanbod-product-sec {
        padding-bottom: 80px;
    }
    /****verkocht****/
    .verkocht-top-sec {
        padding-top: 140px;
        padding-bottom: 40px;
    }
    .verkocht-top-sec h2 {
       margin-bottom: 15px;
    }
    .calsty {
        height: 1054px !important;
    }
}
@media(max-width: 991.98px){
	.header-area .col-lg-5 {
		display: none;
	}
	.header-call {
		display: none;
	}
	.header-area .col-lg-4 {
        width: 66%;
    }
	.header-wrap {
		padding: 0;
	}
	.fix-wp a {
		width: 53px;
		height: 53px;
	}
	.fix-wp a img {
		width: 26px;
	}
	.banner-video, .each-banner {
		height: 673px;
	}
	.product-title h2 {
		line-height: 48px;
	}
	.product-sec {
		padding: 75px 0 60px;
	}
	.each-product {
		background-color: #fff;
	}
	.product-slider .common-arrow {
		display: none;
	}
	.service-right {
		display: none;
	}
	.service-slider {
		display: block;
	}
	.service-left {
		margin-bottom: 40px;
	}
	.service-left p {
		margin-bottom: 35px;
	}
	.service-left h2 {
    	line-height: 48px;
	}
	.each-service-img {
        height: 411px;
    }
	.about-title p {
		display: block;
	}
	.about-img {
		width:100vw;
		margin-left:-50vw;
		left:50%;
		position:relative;
		border-radius: 0;
	}
	.review-sec h2 {
		margin-bottom: 30px;
	}
	.footer-top-left::after {
		display: none;
	}
	.footer-logo {
		display: none;
	}
	.footer-mobile-logo {
		display: block;
	}
	.footer-top-left {
		row-gap: 55px;
	}
    .footer-top-right {
        padding-left: 0;
        margin-top: 40px;
    }
	.footer-top-right {
        row-gap: 55px;
    }
	/****diensten-list****/
	.inner-banner-img {
		height: 380px;
	}
	.inner-banner-content {
		bottom: 37%;
		text-align: center;
	}
	.list-sec {
		padding: 60px 0;
	}
	.list-sec .col-lg-6 {
		padding: 0;
	}
	.list-sec .row {
		margin: 0;
		row-gap: 45px;
	}
	/****popup****/
	.modal-area .modal-dialog {
        max-width: 94%;
    }
	.modal-area .popup-content {
        padding: 30px 20px;
    }
	.modal-area .modal-content .col-lg-5 {
		width: 100%;
	}
	.modal-area .modal-content .col-lg-7 {
		width: 100%;
	}
	/****aanbod-dtl****/
    .back-btn {
        padding-top: 140px;
    }
    .aanbod-top-sec {
        padding-bottom: 60px;
    }
    .overlay {
        display: none;
    }
    .overlay.mob-overlay {
        display: flex;
    }
    .mob-small-car {
        display: none;
    }
    .aanbod-top-area .row {
        row-gap: 20px;
    }
    .dtl-slider-info-area .col-lg-5,
    .dtl-slider-info-area .col-lg-7 {
        width: 100%;
    }
    .dtl-top-slider-title {
        max-width: 100%;
        margin-bottom: 30px;
    }
    .dtl-top-slider-dtls {
        padding-right: 0;
        justify-content: start;
    }
    .dtl-slider-info-area {
        padding: 25px;
    }
    .dtl-top-slider-price {
        padding-left: 25px;
    }
    .dtl-tab-sec {
        padding-bottom: 60px;
    }
    .dtl-tab-sec .col-lg-4,
    .dtl-tab-sec .col-lg-8 {
        width: 100%;
    }
    .tab-right-part {
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .dtl-tab-sec .tab-btn .nav-tabs {
        justify-content: center;
    }
    ul.tabs li {
        font-size: 2rem;
    }
    .kenmerken-tab {
        padding-right: 0;
    }
    .kenmerken-tab h4 {
        font-size: 2rem;
    }
    .dtl-tab-area {
        padding-right: 0;
    }
    .tab-btm-btn {
        margin-top: 35px;
    }
    .bullet-panel h5 {
        font-size: 1.8rem;
    }
    .kenmarken-popup-inner {
        padding: 40px;
    }
    .form-sec {
        padding-top: 60px;
    }
    .form-right {
        padding-left: 0;
        margin-top: 40px;
    }
    .form-title {
        max-width: 100%;
    }
    .form-title p {
        margin-top: 10px;
    }
    .form-contact-info {
       margin-top: 50px;
    }
    .form-social {
       margin-top: 0;
    }
    .form-left {
        padding: 39px 20px;
    }
    .aanbod-btm-slider .common-arrow {
        display: none;
    }
    .aanbod-btm-sec {
        padding: 60px 0;
    }
    /****over-ons****/
    .overons-top-sec {
        padding: 90px 0 60px;
    }
    .overons-top-area .col-lg-8,
    .overons-top-area .col-lg-4 {
        width: 100%;
    }
    .overons-top-info {
        padding-right: 0;
    }
    .overons-top-img-area {
        margin-bottom: 40px;
    }
    .overons-top-counter h3 {
        padding-left: 12px;
    }
    .overons-top-counter h5 {
        line-height: 78px;
    }
    .overons-top-img {
        justify-content: center;
    }
    .overons-top-counter {
        left: 26%;
    }
    .overons-about-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .overons-about-title {
        margin-bottom: 40px;
    }
    .each-overons-about-txt {
        padding: 20px;
    }
    .each-overons-about-dtls::before,
    .each-overons-about-dtls::after {
        opacity: 1;
    }
    .each-overons-about-dtls h3 {
        font-size: 2.4rem;
        margin-bottom: 17px;
    }
    .each-overons-about-txt p {
        opacity: 1;
        margin-top: 0;
        display: block;
        overflow: visible;
    }
    .each-overons-about-dtls::after {
        background-color: rgba(232, 103, 22, 0.8);
    }
    .overons-about-area .row {
        margin: 0;
        row-gap: 16px;
    }
    .overons-about-area .col-lg-6 {
        padding: 0;
    }
    .overons-gal-sec {
        padding: 60px 0;
    }
    .overons-gal-title {
        margin-bottom: 40px;
    }
    .each-overons-gal-img {
        height: auto;
    }
    /****diensten-dtl****/
    .diens-mid-sec {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .diens-top-info {
        padding-left: 0;
        max-width: 100%;
        margin-top: 35px;
    }
    .diens-top-info h2 {
       margin-bottom: 18px;
    }
    .diens-mid-info {
        padding-top: 0;
        padding-right: 0;
        margin-top: 35px;
    }
    .line {
        top: 0;
        height: 100%;
    }
    .diens-service-sec {
        padding: 60px 0;
    }
    .diens-service-title {
        margin-bottom: 40px;
    }
    /****aanbod-list****/
    .aanbod-list-header {
        z-index: 10;
    }
    .aanbod-list-header.aanbod-header-active {
        z-index: -9;
    }
    .aanbod-filter-sec {
        padding-bottom: 60px;
    }
    .mobile-filter-close h6 {
		color: #fff;
		font-size: 1.6rem;
	}
	.show_selected_filter_cls {
		padding-top: 40px !important;
		padding-bottom: 20px;
	}
	.aanbod-filter {
		margin-bottom: 15px;
		width: 50%;
	}
	.hidden-filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #F9F8F6;
		z-index: 999;
		height: 100%;
		margin-top: 0;
		padding: 60px 15px 150px;
		overflow-y: scroll;
		display: none;
	}
	.auto-overview-filter-result {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 15px;
		left: 0;
		background-color: #1F221F;
		z-index: 99;
		border-top: 1px solid rgba(249, 248, 246, 0.5);
	}
	.mobile-filter {
        display: none;
        padding-bottom: 150px;
    }
	.filter-sort .aanbod-filter {
        width: 100%;
    }
    .filter-sort h6{
    	display: none;
    }
	.filter-main {
		margin-top: 30px;
	}
    .filter-main {
        margin-top: 15px;
    }
    .filter-left-area .row .col-lg-3 {
        width: 50%;
        margin-bottom: 15px;
    }
    .filter-sort .sorteren_op-filter {
        width: 50%;
    }
	.aanbod-product-sec {
        padding-bottom: 60px;
    }
    /****verkocht****/
    .verkocht-top-sec {
        padding-top: 125px;
    }
    .verkocht-top-sec h2 {
        margin-bottom: 10px;
    }
    .mobile-car-img{
        display: block !important;
    }
}
@media(max-width: 767.98px){
	.morgeninternet-footer{
        margin-bottom : 45px !important;
    }
	#mobile-contact-bar img{
		width: 20px;
	}
	#mobile-contact-bar {
	    box-sizing: border-box;
	    opacity: 1;
	    position: fixed;
	    width: 100%;
	    z-index: 9998;
	    left: 0;
	    bottom: 0;
	    display: block !important;
	}
	#mobile-contact-bar-outer {
	  background-color: #E86716;
	  box-sizing: border-box;
	  height: 45px;
	  overflow: hidden;
	  width: 100%;
	}
	#mobile-contact-bar ul {
	  box-sizing: border-box;
	  line-height: 0;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  text-align: center;
	  width: 100%;
	  font-size: 0;
	}
	#mobile-contact-bar ul li {
	  box-sizing: border-box;
	  display: inline-block;
	  text-align: center;
	  height: 45px;
	  line-height: 45px;
	  width: 25%;
	  padding-left: 0;
	}
	#mobile-contact-bar ul li::after {
		display: none;
	}
	#mobile-contact-bar ul li a {
	  color: rgba(255,255,255,0.9);
	  cursor: pointer;
	  display: block;
	  height: 100%;
	  position: relative;
	  z-index: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.common-btn {
		padding: 10px 33px;
		font-size: 1.4rem;
	}
	.common-pagination .swiper-pagination-bullet {
		height: 11px;
		width: 11px;
	}
	.common-pagination .swiper-pagination-bullet-active {
		width: 31px;
	}
	.common-pagination {
		top: -48px;
	}
	.common-arrow {
		height: 40px;
		width: 40px;
	}
	.common-arrow img {
		width: 16px;
	}
	h1 {
		font-size: 4.2rem;
		line-height: normal;
	}
	h2 {
		font-size: 2.4rem;
		line-height: 32px;
	}
	h3 {
		font-size: 2.2rem;
	}
	h4 {
		font-size: 2rem;
		line-height: normal;
	} 
	p {
		font-size: 1.4rem;
	} 
	li {
		font-size: 1.4rem;
		padding-left: 12px;	
	}
	li::after {
		height: 7px;
    	width: 7px;
	}
	.header-logo img {
        width: 156px;
    }
	.menu-btn {
    	font-size: 1.4rem;
	}
	.mega-menu li {
		margin-bottom: 20px;
		font-size: 2rem;
		line-height: 15px;
	}	
	.fix-wp a {
		width: 28px;
		height: 28px;
		border-radius: 127px;
	}
	.fix-wp a img {
		width: 13px;
	}
	.banner-content h1 {
		margin-bottom: 25px;
		text-align: center;
	}
	.banner-content .white-btn {
		padding: 10px 24px;
	}
	.banner-content {
		bottom: 19.5%;
		text-align: center;
	}
	.product-title h2 {
        line-height: 32px;
    }
	.each-product-info h6 {
		font-size: 1.4rem;
		margin-top: 10px;
	}
	.each-product-info td {
		font-size: 1.4rem;
	}
	.product-title {
		margin-bottom: 60px;
	}
	.each-product {
  		padding: 13px 13px 5px;
	}
	.each-product-info {
		padding: 20px 10px;
	}
	.each-product-info table {
		margin: 28px 0;
	}
	.product-btn {
		margin-top: 44px;
	}
	.service-left .white-btn {
        margin-left: 10px;
        margin-top: 0;
    }
	.service-slider .each-service-title h4 {
		font-size: 2.4rem;
	}
	.service-sec {
		padding: 68px 0 90px;
	}
	.service-left h2 {
		margin: 8px 0 15px;
	}
	.service-left p {
    	margin-bottom: 23px;
  	}
	.service-left {
    	margin-bottom: 30px;
  	}
	.service-left .white-btn {
        margin-left: 5px;
    }
	.each-service-img {
        height: 353px;
    }
	.about-sec {
		padding: 45px 0 45px;
	}
	.about-title {
    	margin-bottom: 40px;
  	}
	.each-home-btm-block::before {
		position: absolute;
		content: '';
		height: 1px;
		width: 100%;
		background-color: rgba(31, 34, 31, 0.30);
		right: 0;
		bottom: 0;
	}
	.each-home-btm-block {
        width: 100%;
		text-align: center;
    }
	.each-home-btm-block h5 {
		font-size: 2rem;
	}
	.each-home-btm-block p {
		max-width: 305px;
		margin: 0 auto;
		margin-bottom: 32px;
	}
	.home-btm-block {
		row-gap: 30px;
	}
	.home-btm-sec {
		padding-bottom: 75px;
	}
	.review-sec-bg {
		padding: 25px 0;
	}
	.review-sec h2 {
		margin-bottom: 22px;
		line-height: 48px;
	}
	.footer-logo img {
        width: 224px;
    }
	.footer-top-left-info a {
  		font-size: 1.8rem;
	}
	.footer-top-left-info a::after {
		height: 22px;
		width: 22px;
		background-size: 22px;
	}
	.each-footer-contact h4 {
		font-size: 2.4rem;
		margin-bottom: 7px;
	}
	.footer-top-right-info,
	.footer-nav ul {
		flex-wrap: wrap;
	}
	.each-footer-contact {
		width: 47%;
	}
	.each-footer-contact:last-child {
		width: 100%;
	}
	.footer-top-right-info {
        flex-wrap: wrap;
        row-gap: 30px;
    }
	.footer-nav li {
		width: 29%;
	}
	.footer-nav ul {
        row-gap: 10px;
    }
	.footer-area {
		padding: 40px 0 25px;
	}
	 .footer-top-left {
		row-gap: 22px;
	}
	.footer-top-right {
		row-gap: 35px;
	}
	.footer-btm {
		margin-top: 50px;
	}
	/****diensten-list****/
	.inner-banner-img {
        height: 300px;
    }
	.list-sec {
		padding: 35px 0;
	}
	/****popup****/
	.modal-area .popup-content h2 {
        line-height: 32px;
    }
	.modal-area .popup-content li {
        margin-bottom: 5px;
    }
	.modal-area .popup-content ul {
        margin: 10px 0 15px;
    }
 	/****aanbod-dtl****/
    .back-btn {
        padding-top: 110px;
        padding-bottom: 20px;
    }
    .back-btn .common-btn {
        padding-left: 17px;
        padding-right: 17px;
    }
    .aanbod-top-sec {
        padding-bottom: 30px;
    }
    .aanbod-top-slider .common-arrow {
        display: none;
    }
    .aanbod-top-area .row {
        row-gap: 9px;
    }
    .aanbod-top-left .row {
        margin: 0 -4px;
    }
    .aanbod-top-left .col-6 {
        padding: 0 4px;
    }
    .overlay {
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 10px;
    }
    .overlay-content h2 {
        font-size: 2rem;
        line-height: 28px;
    }
    .dtl-top-slider-info {
        margin-top: 11px;
        padding-right: 50px;
    }
    .dtl-top-slider-title h2 {
        line-height: 32px;
    }
    .dtl-top-slider-dtls tr {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }
    .dtl-top-slider-dtls tr::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.30);
    }
    .dtl-top-slider-dtls td {
        font-size: 1.4rem;
        width: 50%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.30);
        padding: 22px 0;
        width: 58%;
    }
    .dtl-top-slider-dtls td strong {
        margin-top: 8px;
    }
    .dtl-top-slider-dtls td::after {
        display: none;
    }
    .dtl-top-slider-dtls td:nth-child(odd) {
        padding-left: 0;
    }
    .dtl-top-slider-dtls td:nth-child(even) {
        padding-right: 0;
        width: 42%;
    }
    .dtl-top-slider-price {
        justify-content: space-between;
        flex-direction: inherit;
        align-items: center;
        padding-left: 15px;
    }
    .dtl-top-slider-price h5,
    .dtl-top-slider-price h4 {
        font-size: 2.4rem;
    }
    .dtl-slider-info-area {
        padding: 31px 15px 21px;
    }
    .dtl-top-slider-title {
        margin-bottom: 20px;
        padding-right: 0;
    }
    .dtl-tab-sec {
        padding-top: 19px;
        padding-bottom: 29px;
    }
    .tab-btn {
        display: none;
    }
    .tab_drawer_heading {
        margin: 0;
        margin-bottom: 0px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        margin-bottom: 20px;
        border-radius: 5px;
        width: 100%;
        text-align: start;
        font-family: 'Onest-Regular';
        font-size: 2rem;
        line-height: normal;
        letter-spacing: normal;
        color: #1F221F;
        padding: 0;
        border: 0;
    }
    .d_active.tab_drawer_heading {
        font-family: 'Onest-SemiBold';
    }
    .kenmerken-tab {
        margin-top: 31px;
    }
    .kenmerken-tab li {
        font-size: 1.4rem;
        letter-spacing: 0.28px;
        width: 48%;
    }
    .kenmerken-tab li:nth-child(even) {
        width: 52%;
    }
    .tab-btm-btn .common-btn {
        padding: 11px 9px;
    }
    .tab-btm-btn {
        margin-top: 20px;
        margin-bottom: 41px;
    }
    .dtl-tab-sec .bullet-panel ul li {
        padding-left: 13px;
        margin-bottom: 8px;
    }
    .dtl-tab-sec .bullet-panel li:after {
        background-size: 6px;
        width: 6px;
        height: 6px;
        top: 9px;
    }
    .bullet-panel {
        margin-bottom: 25px;
    }
    .bullet-panel h5 {
        font-size: 1.6rem;
    }
    .block-dtls {
        padding: 15px 12px 5px;
    }
    .block-dtls h5 {
        font-size: 1.8rem;
    }
    .each-onderhoud-block p {
        margin-bottom: 20px;
    }
    .tab-right-part {
        max-width: 100%;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 30px;
    }
    .tab-right-part p {
        font-family: 'Onest-Medium';
        line-height: normal;
        letter-spacing: 0.28px;
        margin-bottom: 6px;
    }
    .tab-right-part p a {
        letter-spacing: 0.28px;
    }
    .tab-contact-dtls p {
        margin-bottom: 12px;
    }
    .share-btn {
        margin-top: 37px;
    }
    .share-btn img {
        width: 11px;
        height: 13px;
        margin-right: 13px;
    }
    .share-btn .common-btn {
        padding: 11px 18px;
        border-color: #fff;
        background-color: transparent;
    }
    .share-btn .common-btn:hover {
        border-color: #E86716;
        background-color: #E86716;
        color: #fff;
    }
    .share-btn .common-btn:hover img {
        filter: brightness(0) invert(1);
    }
    .kenmarken-popup-inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .kenmerken-popup-model h3 {
        margin-bottom: 0;
    }
    .kenmerken-popup-model {
        padding-bottom: 20px;
    }
    .kenmarken-popup-close {
        top: 20px;
        right: 20px;
    }
    .form-sec {
        padding-top: 50px;
        padding-bottom: 56px;
    }
    .form-left {
        padding: 39px 15px;
    }
    .form-main-area label {
        font-size: 1.4rem;
        line-height: 22px;
        margin-bottom: 4px;
        color: #E86716;
    }
    .form-main-area .form-styl {
        line-height: 22px;
        font-size: 1.4rem;
        letter-spacing: normal;
        padding: 8px 22px;
    }
    .form-main-area .form-styl:focus::placeholder{
        color: rgba(255, 255, 255, 0.75);
    }
    .form-main-area .form-style:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.75);
    }
    .form-main-area .form-styl::placeholder{
        color: rgba(255, 255, 255, 0.75);
    }
    .form-main-area .form-style:focus::placeholder {
        color: rgba(255, 255, 255, 0.75);
    }
    .form-main-area .form-styl.photo_upload,
    .form-main-area .form-styl.foto_upload {
        color: rgba(255, 255, 255, 0.75);
    }
    .form-main-area .form-group {
        margin-bottom: 31px;
    }
    .form-btn {
       margin-top: 41px;
    }
    .form-btn .common-btn {
        font-size: 1.6rem;
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .form-title h2 {
        line-height: 48px;
    }
    .form-contact-info {
        margin-top: 32px;
    }
    .form-social {
        margin-top: 25px;
    }
    .aanbod-btm-sec {
        background-color: #FDFDFD;
        padding: 49px 0;
    }
    .aanbod-btm-title {
        margin-bottom: 20px;
    }
    /****over-ons****/
    .overons-top-sec {
        padding: 70px 0 30px;
    }
    .overons-top-counter h3 {
        font-size: 3rem;
    }
    .overons-top-counter h5 {
        font-size: 7.2rem;
        line-height: 72px;
    }
    .overons-top-counter {
        top: -14%;
        left: 19%;
    }
    .overons-top-img {
        column-gap: 10px;
    }
    .overons-top-small-img {
        width: 155px;
        height: 155px;
    }
    .overons-top-big-img {
        width: 235px;
        height: 267px;
    }
    .overons-top-small-img {
        width: 145px;
        height: 145px;
    }
    .overons-top-img-area {
        margin-bottom: 30px;
    }
    .overons-top-info h2 {
        margin-bottom: 14px;
    }
    .overons-top-info p {
        margin-bottom: 10px;
    }
    .overons-about-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .overons-about-title {
        margin-bottom: 28px;
    }
    .each-overons-about-txt {
        padding: 20px 15px;
    }
    .each-overons-about-dtls h3,
    .each-overons-about-dtls:hover .each-overons-about-txt h3 {
        font-size: 2.2rem;
        margin-bottom: 10px;
    }
    .each-overons-about-dtls {
        min-height: 330px;
    }
    .overons-about-area .row {
        row-gap: 14px;
    }
    .overons-gal-sec {
        padding: 30px 0;
    }
    .overons-gal-title {
        margin-bottom: 25px;
    }
    /****contact****/
    .map {
        height: 320px;
    }
    /****diensten-dtl****/
    .diens-top-info {
        margin-top: 30px;
    }
    .diens-top-info h2 {
        margin-bottom: 10px;
    }
    .diens-top-info p {
        margin-bottom: 15px;
    }
    .diens-mid-sec {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    .diens-mid-info {
        margin-top: 30px;
        padding-left: 15px;
    }
    .diens-mid-info h4 {
        margin-bottom: 10px;
    }
    .diens-mid-info p {
        margin-bottom: 20px;
    }
    .diens-service-sec {
        padding: 30px 0;
    }
    .diens-service-title {
        margin-bottom: 27px;
    }
    /****aanbod-list****/
    .aanbod-filter-sec {
        padding-bottom: 30px;
    }
	.aanbod-filter-sec .select-style {
		line-height: 40px;
		height: 40px;
        font-size: 1.4rem;
	}
	.aanbod-filter {
		width: 100%;
	}
	.auto-overview-filter-result {
		bottom: 45px;
	}
    .mobile-filter-close {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .show_selected_filter_cls {
        padding-top: 20px !important;
        padding-bottom: 15px;
    }
    .filter-left-area {
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .filter-left-area .row .col-lg-3 {
        width: 100%;
        margin-bottom: 12px;
    }
    .filter-sort .sorteren_op-filter {
        width: 100%;
    }
    .mobile-filter-close span {
        max-width: 28px;
        height: 28px;
    }
    .auto-overview-filter-result .common-btn {
        padding: 9px;
    }
    .aanbod-filter-sec label {
        font-size: 1.2rem;
    }
    .aanbod-filter-sec .form-check-input {
        width: 14px;
        height: 14px;
    }
    .aanbod-product-area .row {
       row-gap: 15px;
    }
    .aanbod-product-sec {
        padding-bottom: 30px;
    }
    /****verkocht****/
    .verkocht-top-sec {
        padding-top: 115px;
        padding-bottom: 30px;
    }
    .alert-number {
        bottom: 20px;
    }
	.privacy_section {
        padding: 10px 0 30px;
    }
}
@media(max-width: 575.98px){
    .calsty {
          height: 1138px !important;
    }
}
@media(max-width: 429.98px){
	.common-btn {
        padding: 7px 10px;
        font-size: 1.3rem;
    }
	h1 {
        font-size: 3rem;
	}
	.menu-bar div, .menu-bar::after, .menu-bar::before {
		height: 2px;
		margin: 3px 0 3px auto;
		width: 18px;
	}
	.header-logo img {
        width: 120px;
    }
	.menu-btn {
		margin-left: 7px;
		gap: 5px;
	}
	.header-right-block {
		padding: 8px 8px;
	}
	.menu-btn.active .menu-bar:after {
		width: 15px;
	}
	.menu-btn.active .menu-bar:before {
		transform: translateY(5px) rotate(135deg);
		width: 15px;
	}
	.mega-menu {
		width: 320px;
		padding: 110px 30px 50px;
	}
	.mega-menu li {
        margin-bottom: 15px;
        font-size: 1.8rem;
    }
	.banner-content .white-btn {
        padding: 7px 10px;
    }
	.banner-content .white-btn {
		margin-left: 0;
		margin-top: 10px;
	}
	.banner-content {
		bottom: 14%;
    }
	.banner-video, .each-banner {
        height: 520px;
    }
	.banner-content h1 {
        margin-bottom: 10px;
    }
	.product-sec {
        padding: 35px 0;
    }
	.product-btn {
        margin-top: 30px;
    }
	.each-product-info table {
        margin: 15px 0;
    }
	.each-product-info {
        padding: 20px 0px;
    }
	.service-sec {
        padding: 35px 0;
    }
	.service-left h2 {
        line-height: 32px;
    }
	.service-slider .each-service-title h4 {
        font-size: 2rem;
    }
	.service-slider .each-service-title h4::after {
    	top: 5px;
	}
	.each-service-img {
        height: 253px;
    }
	.about-sec {
        padding: 35px 0;
    }
	.about-title {
    	margin-bottom: 25px;
    }
	.home-btm-block {
        row-gap: 15px;
    }
	.each-home-btm-block p {
        margin-bottom: 15px;
    }
	.each-home-btm-block h4 {
		margin: 10px 0;
	}
	.home-btm-sec {
        padding-bottom: 35px;
    }
	.review-sec h2 {
		line-height: 28px;
	}
	.footer-area {
        padding: 20px 0 25px;
    }
	.footer-logo img {
        width: 180px;
    }
	.footer-top-left {
        row-gap: 15px;
    }
	.footer-top-left-info a {
        font-size: 1.6rem;
        padding-right: 42px;
		line-height: 36px;
    }
	.footer-top-left-info a::after {
        height: 16px;
        width: 16px;
        background-size: 16px;
    }
	.each-footer-contact {
        width: 100%;
    }
	.footer-top-right-info {
        row-gap: 20px;
    }
	.each-footer-contact h4 {
        font-size: 2rem;
    }
	.footer-top-right {
        margin-top: 20px;
    }
	.footer-top-right {
        row-gap: 25px;
    }
	.footer-nav li {
        width: 45%;
		font-size: 1.6rem;
    }
	.footer-btm {
        margin-top: 28px;
    }
	.footer-credit a {
		font-size: 1.6rem;
	}
	.footer-social {
		margin-top: 15px;
	}
	.footer-btm .col-4 {
		width: 100%;
	}
	.footer-btm .col-8 {
		width: 100%;
	}
	.footer-credit {
		text-align: center;
	}
	.footer-social ul {
		justify-content: center;
	}
	/****popup****/
	.close-img {
		top: 4px;
		right: 8px;
	}
	.close-img img {
		width: 13px;
	}
	.modal-area .popup-content {
        padding: 20px 15px;
    }
	.modal-area .popup-content li::after {
        top: 8px;
    }
	.modal-area .popup-content ul {
        margin: 10px 0 10px;
    }
	/****aanbod-dtl****/
    .back-btn {
        padding-top: 100px;
    }
    .overlay {
        height: calc(100% - 15px);
        width: calc(100% - 15px);
        margin: 8px;
    }
    .dtl-top-slider-info {
        margin-top: 9px;
        padding-right: 0;
    }
    .dtl-top-slider-title {
        padding-right: 0;
    }
    .dtl-slider-info-area {
        padding-top: 21px;
    }
    .dtl-top-slider-dtls td {
        padding: 15px 0;
    }
    .dtl-top-slider-price h5, .dtl-top-slider-price h4 {
        font-size: 2rem;
    }
    .dtl-top-slider-price {
        padding-bottom: 21px;
    }
    .dtl-top-slider-dtls td strong {
        margin-top: 4px;
    }
    .dtl-tab-sec {
        padding-top: 0;
        padding-bottom: 15px;
    }
    .tab_drawer_heading {
        margin-bottom: 15px;
    }
    .tab_drawer_heading,
    .d_active.tab_drawer_heading {
        font-size: 1.8rem;
        padding: 0;
    }
    .kenmerken-tab {
        margin-top: 20px;
    }
    .kenmerken-tab h4 {
        font-size: 1.8rem
    }
    .tab-btm-btn {
        margin-bottom: 35px;
    }
    .left-bg-block {
        width: 105px;
    }
    .block-dtls {
        width: calc(100% - 105px);
    }
    .block-dtls h5 {
        font-size: 1.6rem;
    }
    .tab-right-part {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 26px;
    }
    .tab-right-part h4 {
        margin-top: 20px;
    }
    .man-img {
        width: 80px;
        height: 80px;
    }
    .tab-contact-dtls p {
        margin-bottom: 6px;
    }
    .share-btn {
        margin-top: 26px;
    }
    .kenmarken-popup-inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .kenmerken-popup-model {
        padding-bottom: 15px;
    }
    .kenmarken-popup-close img {
        width: 22px;
    }
    .form-sec {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .form-left {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .form-main-area .form-group {
        margin-bottom: 20px;
    }
    .form-main-area .form-styl {
        padding-left: 18px;
        padding-right: 18px;
    }
    .form-main-area .form-group textarea.form-control {
        height: 130px;
        border-radius: 10px;
    }
    .form-btn {
        margin-top: 30px;
    }
    .form-btn .common-btn {
        font-size: 1.3rem;
        padding: 7px 10px;
    }
    .form-right {
        margin-top: 30px;
    }
    .form-title p {
        margin-top: 0;
    }
    .aanbod-btm-sec {
        padding: 30px 0;
    }
    .aanbod-btm-title {
        margin-bottom: 10px;
    }
    /****over-ons****/
    .overons-top-sec {
        padding-top: 50px;
    }
    .overons-top-counter h3 {
        font-size: 2.4rem;
        padding-left: 9px;
    }
    .overons-top-counter h5 {
        font-size: 5.2rem;
        line-height: 48px;
    }
    .overons-top-small-img {
        width: 100px;
        height: 100px;
    }
    .overons-top-big-img {
        width: 170px;
        height: 189px;
    }
    .overons-top-counter {
        top: -15%;
        left: 18%;
    }
    .overons-about-title {
        margin-bottom: 22px;
    }
    .each-overons-about-dtls {
        min-height: 100%;
    }
    .each-overons-about-dtls h3,
    .each-overons-about-dtls:hover .each-overons-about-txt h3 {
        font-size: 2rem;
        line-height: 28px;
    } 
    /****aanbod-list****/
    .aanbod-filter-sec {
        padding-bottom: 10px;
    }
    .mobile-show-filter {
        top: 68px;
    }
    .auto-overview-tag {
        font-size: 1.2rem;
    }
    .show_selected_filter_cls {
        padding-top: 15px !important;
        padding-bottom: 10px;
    }
    .filter-left-heading h4 {
        font-size: 1.4rem;
    }
    .filter-left-heading, 
    .filter-right-heading {
        margin-bottom: 12px;
    }
    .filter-left-area .row .col-lg-3 {
        margin-bottom: 10px;
    }
    /****verkocht****/
    .verkocht-top-sec {
        padding-top: 100px;
        padding-bottom: 25px;
    }
    .calsty {
        height: 1263px !important;
    }

}