@media (min-width: 1600px) {
	.container {
		max-width: 1455px;
	}
}
@media(max-width: 1599.98px){
	h1 {
		font-size: 5rem;
		line-height: 65px;
	}
	.banner-mark {
		width: 19%;
	}
	.cta-sec .common-btn {
		margin-right: 30px;
	}
	.about-text h2 {
		font-size: 5rem;
		line-height: 65px;
	}
	.product-sec {
		padding: 100px 0;
	}
	/****service-dtl****/
	.contact-form {
		padding-right: 25px;
	}
	.related-service-sec {
		padding-top: 80px;
	}
	/****contact*****/
	.contact-pg-form {
		padding-top: 0;
	}
	.map-wrap {
		height: 400px;
	}
	/****aanbod***/
	.hidden-filter .col-lg-3 {
		width: 20%;
	}
	/***aanbod-dtl****/
	.dtl-car-btn ul {
		flex-wrap: wrap;
	}
	.dtl-car-info {
		max-width: 480px;
		padding-right: 30px;
	}
	.dtl-car-info td{
		font-size: 1.3rem;
	}
	.dtl-car-btn li .common-btn{
		font-size: 1.2rem;
	}
	.dtl-car-info ul{
		gap: 11px;
		margin: 10px 0;
	}
	.dtl-car-btn {
		margin: 10px 0;
	}
	.dtl-car-office-btm {
		padding: 19px;
	}
	.dtl-car-office-top {
		padding: 18px;
	}
}
@media(max-width: 1399.98px){
	.product-sec {
        padding: 80px 0;
    }
	.about-sec {
		padding-top: 70px;
	}
	.review-sec {
		padding: 80px 0;
	}
	.service-wrap {
		padding-bottom: 80px;
	}
	.each-product-text {
		padding-left: 20px;
	}
	.each-counter-img {
		min-width: 35px;
		height: 35px;
	}
	.each-counter-img img {
		width: 15px;
	}
	.about-text {
		padding-left: 30px;
	}
	.each-counter {
		padding: 13px;
	}
	/****service-list***/
	.service-list-sec {
		padding-top: 80px;
	}
	.service-list-sec .each-service {
		height: 250px;
	}
	/****service-dtl****/
	.diensten-dtl-info-text {
		padding-top: 70px;
	}
	.dtl-usp-sec {
		padding-top: 80px;
	}
	.dtl-usp-sec tr {
		gap: 20px;
	}
	.dtl-usp-sec td {
		padding-left: 20px;
		padding-right: 20px;
	}
	.contact-sec .about-img {
		max-width: 470px;
	}
	.form-style {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	/****overons*****/
	.overons-welcome-sec {
		padding: 60px 0 80px;
	}
	.why-us-text {
		padding-left: 30px;
	}
	.why-us-text h3 {
		margin-bottom: 30px;
	}
	.member-sec {
		padding-top: 80px;
	}
	/***aanbod-dtl***/
	.dtl-top-sec {
		padding-top: 80px;
	}
	.dtl-car-btn {
		margin-top: 30px;
	}
	.dtl-car-office-img {
		margin-right: 20px;
	}
	.dtl-tab-sec {
		padding-top: 60px;
	}
	.kenmerken-tab li {
		width: 23.8%;
		font-size: 1.4rem;
	}
	.related-product-sec {
		padding-top: 60px;
	}
	/**verkocht***/
	.verkocht-heading {
		padding-bottom: 60px;
	}
	.verkocht-product-sec .each-product-text p {
		margin-bottom: 20px;
	}
	.dtl-car-info td{
		padding: 7px 13px;
		font-size: 1.1rem;
	}
	.dtl-car-info ul {
        gap: 6px;
    }
	.dtl-car-btn li .common-btn{
		padding: 12px 15px;
		font-size: 1.1rem;
	}
}
@media(max-width: 1199.98px){
	h1 {
		font-size: 4rem;
		line-height: 50px;
	}
	h2 {
		font-size: 3.5rem;
		line-height: 48px;
	}
	h3 {
		font-size: 2.8rem;
		line-height: 38px;
	}
	h4 {
		font-size: 1.8rem;
	}
	.header-nav ul {
		gap: 25px;
	}
	.each-product-text ul {
		column-gap: 40px;
	}
	.product-sec {
        padding: 60px 0;
    }
	.about-text h2 {
        font-size: 4rem;
        line-height: 55px;
    }
	.about-sec {
        padding-top: 50px;
    }
	.review-sec {
        padding: 60px 0;
    }
	/****service-list***/
	.inner-banner-sec .banner-content h1 {
		font-size: 2.8rem;
		line-height: 40px;
	}
	.service-list-sec {
		padding-top: 60px;
	}
	/*****service-dtl****/
	.bk-btn-sec {
		padding-top: 40px;
	}
	.dtl-usp-sec {
        padding-top: 60px;
    }
	.contact-wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.related-service-sec {
        padding-top: 50px;
    }
	/****overons****/
	.overons-welcome-sec {
        padding-bottom: 60px;
    }
	.why-us-wrap {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.member-sec {
        padding-top: 60px;
    }
	.member-text .counter .row {
		flex-wrap: wrap;
	}
	/****popup***/
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	/****aanbod***/
	.hidden-filter .col-lg-3 {
		width: 25%;
	}
	.aanbod-filter-sec {
		padding: 60px 0;
	}
	/***aanbod-dlt****/
	.dtl-top-sec {
        padding-top: 60px;
    }
	.dtl-top-wrap {
		width: 100% !important;
	}
	.dtl-car-info {
		max-width: 100%;
		padding-right: 0;
		margin-top: 30px;
	}
	.dtl-car-office {
		max-width: 440px;
	}
	.tab-btn .tabs {
		column-gap: 30px;
	}
	.kenmerken-tab li {
		width: 32%;
	}
	.dtl-car-btn li .common-btn{
		font-size: 1.4rem;
		padding: 15px 20px;
	}
	.dtl-car-info td{
		font-size: 1.4rem;
		padding: 7px 17px;
	}
}
@media(max-width: 991.98px){
	.header-top-reach ul {
		column-gap: 30px;
	}
	.product-heading {
		padding-right: 0;
	}
	.product-wrap {
		width: auto !important;
	}
	.each-product .col-lg-7,
	.each-product .col-lg-5 {
		width: 100%;
	}
	.product-slider .swiper-button-next {
		right: -25px;
	}
	.product-slider .common-arrow {
		top: 35%;
	}
	.product-slider {
		margin-top: 32px;
	}
	.each-product-text {
		padding-left: 0;
		margin-top: 26px;
		height: auto !important;
		display: block;
	}
	.each-service {
		border-radius: 10px;
	}
	.each-service-text {
		top: 0;
		text-align: center;
		align-items: center;
	}
	.each-service::after {
		opacity: 0;
	}
	.each-service-heading {
		bottom: -100%;
	}
	.cta-sec {
		text-align: center;
	}
	.cta-sec p {
		margin: 14px auto 22px;
		max-width: 100%;
	}
	.about-img > img {
		max-width: 100%;
	}
	.about-img {
		margin-top: 50px;
	}
	.about-text {
        padding-left: 0;
    }
	.footer-logo {
		text-align: center;
		margin-bottom: 50px;
	}
	/****service-list****/
	.inner-banner-sec .banner-content {
		bottom: auto;
		text-align: center;
		top: 50%;
		transform: translateY(-50%);
	}
	/*****service-dtl***/
	.bk-btn-sec .txt-btn {
		bottom: 0;
	}
	.contact-form {
		padding-right: 0;
	}
	.diensten-dtl-info-img {
		padding-left: 0;
	}
	.bk-btn-sec {
		padding-bottom: 40px;
	}
	.dtl-usp-sec tr {
		flex-wrap: wrap;
	}
	.dtl-usp-sec td {
		width: 100%;
		min-height: auto;
	}
	.contact-sec .about-img {
		max-width: 100%;
		margin: 0 0 30px;
	}
	.contact-reach-mark {
		width: 10%;
		bottom: 0;
		top: auto;
		height: auto;
	}
	.contact-reach-mark img {
		object-position: right bottom;
	}
	.contact-reach-inner {
		padding-right: 0;
	}
	/****overons****/
	.overons-welcome-sec .about-img {
		max-width: 100%;
		margin: 0 0 30px;
	}
	.why-us-text {
		padding-left: 0;
		margin-top: 30px;
	}
	.member-text {
		padding-right: 0;
		margin-top: 30px;
	}
	.member-text p {
		margin: 20px 0 30px;
		max-width: 100%;
	}
	.overons-welcome-text {
		max-width: 100%;
		padding-right: 0;
	}
	/*****popup****/
	.modal-content .col-lg-5,
	.modal-content .col-lg-7 {
		width: 100%;
	}
	.modal-area .popup-content {
		padding: 30px 20px;
	}
	.modal-area .popup-content li {
		margin-bottom: 8px;
	}
	/****aanbod******/
	.aanbod-filter-sec {
		position: relative;
		z-index: 98;
	}
	.aanbod-filter-sec.filter-sec-active {
		z-index: 99;
	}
	.select-style {
		border-color: #F3BA0D;
	}
	.mobile-filter-close h6 {
		color: #F9F8F6;
		font-size: 1.6rem;
	}
	.show_selected_filter_cls {
		padding-top: 40px !important;
		padding-bottom: 20px;
	}
	.hidden-filter .col-lg-3 {
		margin-bottom: 15px;
		width: 50%;
	}
	.hidden-filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #142442;
		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: #142442;
		z-index: 99;
		border-top: 1px solid rgba(249, 248, 246, 0.5);
	}
	.filter-reset a {
		color: #fff;
	}
	.filter-reset img {
		filter: invert(0);
	}
	.auto-overview-tag:hover {
		border-color: #F3BA0D;
	}
	.mobile-filter {
        display: none;
        padding-bottom: 150px;
    }
	.filter-sort .aanbod-filter {
        width: 100%;
    }
    .filter-sort h6{
		display: none;
    }
	.filter-main {
		margin-top: 30px;
	}
	/****aanbod-dtl****/
	.tab-btn {
		display: none;
	}
	.tab_drawer_heading {
		display: block;
		padding-bottom: 20px;
		color: rgba(47, 47, 47, 0.70);
		line-height: normal;
		font-family: 'LexendDeca-SemiBold';
		width: 100%;
		font-size: 1.8rem;
	}
	.tab_drawer_heading.d_active {
		color: #142442;
	}
	.tab_content {
		display: block;
		margin-top: 20px;
		margin-bottom: 22px;
	}
	.tab-btn ul.tabs li {
		font-size: 1.0rem;
		line-height: normal;
	}
	.tab_drawer_heading span {
		position: relative;
		padding-right: 20px;
	}
	.tab_drawer_heading span::after {
		content: "";
		top: 6px;
		background-color: transparent;
		width: 13px;
		height: 13px;
		transition: all 0.5s;
		transform: rotate(-90deg);
		position: absolute;
		right: 0;
		background-size: 13px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../images/tab_arrow.svg);
		opacity: 0.7;
	}
	.tab_drawer_heading.d_active span::after {
		transform: rotate(0deg);
		opacity: 1;
	}
	.tab-btn .tabs {
		column-gap: 10px;
		margin-bottom: 20px;
	}
	.tab_drawer_heading span::before {
		content: "";
		height: 2px;
		background-color: #142442;
		width: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.tab_drawer_heading.d_active span::before {
		width: 100%;
	}
	.tab_drawer_heading.d_active span {
		background-color: transparent;
		opacity: 1;
		position: relative;
		padding-bottom: 8px;
	}
	.kenmerken-tab ul {
		gap: 10px;
	}
	.kenmerken-tab li {
		width: 49%;
	}
	.dtl-car-slider .swiper-button-prev {
		left: 12px;
	}
	.dtl-car-slider .swiper-button-next {
		right: 12px;
	}
	/***verkocht**/
	.verkocht-heading p {
		margin-top: 10px;
	}
	.calsty {
	    height: 1035px;
	}
}
@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: 98;
		left: 0;
		bottom: 0;
		display: block !important;
	}
	#mobile-contact-bar-outer {
		background-color: #142442;
		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%;
	}
	#mobile-contact-bar ul li a {
		color: rgba(255,255,255,0.9);
		cursor: pointer;
		display: block;
		height: 100%;
		position: relative;
		z-index: 98;
	}
	.li_color {
		border-left: 1px solid #fff;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1 {
		font-size: 3.2rem;
		line-height: 40px;
	}
	h2 {
		font-size: 2.8rem;
		line-height: 38px;
	}
	h3 {
		font-size: 2.4rem;
		line-height: 38px;
	}
	h4 {
		font-size: 1.6rem;
		line-height: 24px;
	}
	h6 {
		font-size: 1.4rem;
		line-height: 20px;
	}
	p {
		font-size: 1.4rem;
		line-height: 24px;
		margin-bottom: 10px;
	}
	body {
		font-size: 1.4rem;
	}
	.common-btn {
		font-size: 1.2rem;
		padding: 13px 20px;
	}
	.common-btn::before  {
		height: 42px;
		width: 42px;
		border-radius: 100px;
	}
	.txt-btn {
		font-size: 1.4rem;
	}
	.common-arrow {
		height: 40px;
		width: 40px;
	}
	.common-arrow img {
		width: 11px;
	}
	#page {
		padding: 0 0 10px;
	}
	.common-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.common-wrap .container {
		padding-left: 10px;
		padding-right: 10px;
	}
	main {
		margin-top: 103px;
	}
	.header-area {
		top: 0;
	}
	.header-top {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		width:100vw;
		margin-left:-50vw;
		left:50%;
		position:relative;
	}
	.header-active, .header-menu-on {
		margin-top: -30px;
	}
	.header-logo img {
		width: 80px;
	}
	.mega-menu-main {
		padding: 110px 0;
	}
	.mega-menu-nav li {
		font-size: 1.6rem;
	}
	.fix-wp {
		display: none;
	}
	.header-top-reach ul {
        column-gap: 10px;
    }
	.header-top {
		padding-left: 0;
		padding-right: 0;
	}
	.banner-content-wrap {
		padding: 0;
	}
	.banner-content p {
		margin: 18px 0 30px;
	}
	.banner-mark {
		display: none;
	}
	.banner-content {
		top: auto;
		transform: translateY(0);
		bottom: 60px;
	}
	.usp-marquee-sec {
		padding: 10px 0;
	}
	.usp-marquee-outer {
		padding: 12px;
	}
	.usp-marquee-wrap {
		gap: 19px;
	}
	.usp-marquee-wrap ul {
		gap: 19px;
	}
	.product-sec {
		padding: 40px 0;
	}
	.product-heading p {
		margin: 14px 0 20px;
	}
	.product-slider .common-arrow {
		top: 30%;
	}
	.product-slider .swiper-button-next {
		right: -10px;
	}
	.product-slider .swiper-button-prev {
		left: -10px;
	}
	.each-product-text li {
		font-size: 1.4rem;
	}
	.service-sec h3 {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.service-wrap {
		padding: 30px 0 35px;
	}
	.each-service-text {
		padding: 15px;
	}
	.each-service-text .txt-btn {
		margin-top: 8px;
	}
	.cta-sec {
		padding: 10px 0;
	}
	.cta-sec h3 {
		font-size: 2rem;
		line-height: 28px;
	}
	.cta-wrap {
		padding: 15px 0 20px;
	}
	.about-sec {
        padding-top: 30px;
    }
	.about-text h2 {
        font-size: 3.2rem;
        line-height: 45px;
    }
	.about-text h3 {
		font-size: 2rem;
		line-height: 28px;
	}
	.about-text p {
		margin: 24px 0 44px;
	}
	.counter {
		margin-bottom: 15px;
	}
	.review-sec {
        padding: 30px 0 20px;
    }
	.footer-logo img {
		width: 100px;
	}
	.footer-wrap {
		padding: 40px 0;
	}
	.footer-info {
		flex-wrap: wrap;
	}
	.each-footer-info h4 {
		margin-bottom: 17px;
	}
	.each-footer-info {
		width: 47%;
	}
	.each-footer-info:last-child {
		width: 100%;
	}
	.footer-social {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	/****service-list***/
	.inner-banner-sec .each-banner {
		height: 300px;
	}
	.inner-banner-sec .banner-content h1 {
		font-size: 2.8rem;
		line-height: 40px;
	}
	.service-list-sec {
		padding-top: 40px;
	}
	/****diensten-dtl****/
	.diensten-dtl-info-text {
        padding-top: 40px;
    }
	.diensten-dtl-info-text h6 {
		margin-bottom: 10px;
	}
	.dtl-usp-sec {
        padding-top: 30px;
    }
	.contact-form h2 {
		margin-bottom: 28px;
	}
	.form-style {
		padding: 16px 21px;
	}
	.contact-form textarea.form-style {
		height: 100px;
	}
	.contact-wrap {
		padding: 48px 0 28px;
	}
	.contact-reach-inner {
        flex-wrap: wrap;
    }
	.each-contact-reach {
        width: 47%;
    }
	.each-contact-reach td:nth-child(odd) {
		padding-right: 10px;
	}
	.contact-social {
		flex-direction: column;
		justify-content: start;
		align-items: start;
	}
	.contact-reach-sec {
		padding: 10px 0;
	}
	.each-contact-reach h4 {
		margin-bottom: 22px;
	}
	.contact-reach-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.related-service-sec {
		padding-top: 30px;
	}
	.related-service-sec h3 {
		margin-bottom: 30px;
	}
	.related-service-sec .each-service {
		height: 243px;
	}
	/****contact****/
	.map-wrap {
        height: 300px;
    }
	/***overons***/
	.overons-welcome-sec {
		padding: 40px 0;
	}
	.overons-welcome-text h3 {
		margin-bottom: 20px;
	}
	.why-us-wrap {
		padding: 40px 0;
	}
	.member-sec {
		padding-top: 40px;
	}
	.acc-block li h6::after {
		height: 14px;
		width: 14px;
		background-size: 14px;
	}
	/****aanbod****/
	.select-style {
		line-height: 40px;
		height: 40px;
	}
	.hidden-filter .col-lg-3 {
		width: 100%;
	}
	.mobile-show-filter.mobile-show-filter-active {
		top: 85px;
	}
	/****aanbod-dtl*****/
	.dtl-top-sec {
        padding-top: 20px;
    }
	.dtl-car-info {
		margin-top: 10px;
	}
	.dtl-car-info ul {
		margin: 10px 0 16px;
	}
	.dtl-car-office-top h6 {
		font-size: 1.2rem;
		letter-spacing: 0.12px;
	}
	.dtl-car-office-btm p {
		font-size: 1.4rem;
		line-height: 15px;
	}
	.dtl-tab-sec {
        padding-top: 50px;
    }
	.kenmerken-tab li {
		font-size: 1.2rem;
		line-height: 16px;
		padding: 13px 11px;
		width: 48.7%;
		column-gap: 5px;
	}
	.bullet-panel {
		margin-bottom: 10px;
	}
	.tab_content {
		margin-top: 10px;
	}
	.left-bg-block {
		width: 112px;
	}
	.block-dtls {
		width: calc(100% - 112px);
	}
	.each-onderhoud-block h4 {
		font-size: 1.4rem;
	}
	.each-onderhoud-block h5 {
		margin: 5px 0 20px;
	}
	.tab-btm-btn {
		font-size: 1.6rem;
	}
	.related-product-sec {
        padding-top: 35px;
    }
	.related-product-sec h2 {
		margin-bottom: 30px;
	}
	/***verkocht***/
	.verkocht-heading {
		padding: 40px 0;
	}
	.morgeninternet-footer {
		background: #000000;
		max-width: calc(100% - 20px);
	}
}
@media(max-width: 575.98px){
	.dtl-car-info td {
        font-size: 1.2rem;
        padding: 7px 15px;
    }
	.dtl-car-btn li .common-btn {
        font-size: 1.2rem;
        padding: 12px 15px;
    }
}
@media(max-width: 429.98px){
	main {
        margin-top: 123px;
    }
	.header-right {
		gap: 20px;
	}
	.header-top-reach ul {
        flex-wrap: wrap;
        row-gap: 0;
		flex-direction: column;
        align-items: start;
    }
	.header-active, .header-menu-on {
        margin-top: -50px;
    }
	.banner-sec .common-btn {
		margin-bottom: 10px;
	}
	.counter .col-6 {
		width: 100%;
	}
	/***service-dtl****/
	.dtl-info-img-main {
		max-width: calc(100% - 80px);
	}
	.each-contact-reach {
        width: 100%;
    }
	/***aanbod-dtl***/
	.dtl-car-office-btm {
		padding: 14px;
	}
	.dtl-car-office-btm p img {
		margin-right: 4px;
	}
	.kenmerken-tab li {
		width: 100%;
	}
}