@media (min-width: 992px){
	.filter-sec .col-xl-2 {
	    width: 20%;
	}
}
@media(max-width: 1699.98px){
	.common-wrap {
		padding-left: 3%;
		padding-right: 3%;
	}
	h1 {
		font-size: 4.5rem;
		letter-spacing: 0.1rem;
	}
	h2 {
		font-size: 3.5rem;
		letter-spacing: 0.1rem;
	}
	h3 {
		font-size: 3rem;
		letter-spacing: 0.05rem;
	}
	h4 {
		font-size: 2.5rem;
		letter-spacing: 0.05rem;
	}
	h5 {
		font-size: 2rem;
	}
	h6 {
		font-size: 1.6rem;
	}
	.header-area {
		padding: 2rem 0;
	}
	.heaer-bovag {
		position: initial;
		margin-left: 1rem;
	}
	.header-area .navbar-expand-lg {
		padding-right: 0;
	}
	.banner-content h1 {
		margin-bottom: 4rem;
	}
	.banner-content .txt-btn {
		font-size: 1.8rem;
	}
	.marquee-block li {
		font-size: 1.8rem;
		margin-right: 7rem;
	}
	.about-us-text {
		margin-left: 10%;
	}
	.product-slider .swiper-button-next {
		right: -3%;
	}
	.product-slider .swiper-button-prev {
		left: -3%;
	}
	.product-info td h6{
		font-size: 1.4rem;
	}
	.insta-text {
		padding-left: 8%;
	}
	.insta-sec .txt-btn {
		font-size: 1.6rem;
	}
	/***contact***/
	.map-content {
        padding: 4rem 9% ;
    }
    .contact-man-info {
	    padding: 2rem 0;
	}
	/***diensten-dtl***/
	.each-dtl-slider .before_the_flood_inner {
	    padding: 0 3rem;
	}
	
	/***diensten-list***/
	.dns-list-sec .map-sec .map-content {
	    padding: 4rem 7% ;
	}
	.dns-list-sec .map-sec:nth-child(odd):after{
		width: 32.1%;
	}
	.dns-list-sec .map-sec:nth-child(even):after{
		width: 32.1%;
	}
	.dns-list-sec .map-sec:nth-child(even) .map-content{
		padding-left: 0;
	}
	.dns-list-sec .map-sec:nth-child(odd) .map-content{
		padding-right: 0;
	}
	/***overons***/
	.each-counter h2 {
	    font-size: 3.5rem;
	}
	/***vacatures-dtl***/
	.vacatures-dtl-form-sec .contact-man-info {
	   padding: 0 9% 0 0;
	}
	.verkocht-banner-sec{
		height: 115px;
	}
	
}
@media(max-width: 1399.98px){
	.header-area .navbar-expand-lg .navbar-nav .nav-link, .header-area .nav-link, .menu-items a {
		font-size: 1.8rem;
	}
	.header-area .nav-item {
		margin: 0 .75rem;
	}
	.service-text p {
		margin: 3rem 0 6rem;
	}
	.footer-area hr {
		margin: 3rem 0;
	}
	.header-area .navbar-brand img,
	.footer-logo img {
		width: 28rem;
	}
	/***contact***/
    .info-sec td h3 img {
	    width: 3.4rem;
	    margin: 0 1rem 0 0;
	}
	.contact-man {
	    margin-right: 10%;
	}
	.contact-man-info p {
	    font-size: 1.6rem;
	}
	/***diensten-dtl***/
	.dns-dtl-middle-sec td:first-child {
	    padding-left: 0;
	    padding-right: 4%;
	}
	.dns-dtl-middle-sec td:last-child {
	    padding-right: 0;
	    padding-left: 4%;
	}
	.dtl-car-content{
		padding: 2rem 0 2rem 4rem;
	}
	.dtl-car-content p {
	    font-size: 1.5rem;
	    margin-bottom: 8rem;
	}
	.each-dtl-slider .before_the_flood_inner {
	    padding: 0 3rem;
	}
	.arrow-next img{
		width: 1.8rem;
	}
	
	/***diensten-list***/
	.dns-list-sec .map-sec:nth-child(odd):after{
		width: 32%;
	}
	.dns-list-sec .map-sec:nth-child(even):after{
		width: 32%;
	}
	/***overons***/
	.overons-counter-sec .map {
	    margin-right: 11%;
	}
	.overons-counter-sec .map-content{
		padding-left: 0;
	}
	.overons-bottom-sec .dns-dtl-bottom-head p {
	    padding: 0 9%;
	}
	/***aanbod-dtl**/
	.tab-btn li {
		font-size: 1.8rem;
	}
	.tab-btn {
		margin-bottom: 6rem;
	}
	/***aanbod-list***/
	.each-filter {
	    margin: 0 2em;
	}
	.verkocht-banner-sec{
		height: 98px;
	}
}
@media(max-width: 1199.98px){ 
	h1 {
		font-size: 3.5rem;
		letter-spacing: 0.1rem;
	}
	.banner-content .txt-btn {
		font-size: 1.6rem;
	}
	/***diensten-dtl***/
	.dns-dtl-bottom-head p {
	    padding-right: 9%;
	}
	.each-dtl-slider .before_the_flood_content {
	    opacity: 0;
	    visibility: hidden;
	    max-height: initial;
	}
	
	/***diensten-list***/
	
	/***popup***/
	.modal-area .modal-dialog {
		max-width: 80%;
	}
	/***aanbod-list***/
	.each-filter {
	    margin: 0 1rem;
	}
}
@media(max-width: 991px){
	.header-area .navbar-brand img {
		width: 16rem;
	}
	.header-area .navbar-expand-lg .navbar-collapse {
		display: flex!important;
		flex-basis: auto;
	}
	.header-area .navbar-brand {
		margin: auto;
		display: table;
	}
	.menu-word{
    	font-size: 1.4rem !important;
    	margin: 0 !important;
	}
	.menu-icon:after, .menu-icon:before, .menu-icon div{
		margin-right: 0;
		margin-left: 0;
	}
	.menu-icon{
		width: 20px;
	}
	.header-area .navbar-nav.ms-auto {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		margin-top: 0.5rem;
	}
	.header-area .nav-item {
		display: none;
	}
	.header-area .nav_menu_right_part {
		display: block;
		right: -10px;
	}
	.heaer-bovag {
		display: none;
	}
	.marquee-block {
		padding: 1rem 0;
	}
	.marquee-block li {
		font-size: 1.6rem;
		padding-left: 2.5rem;
		margin-right: 5rem;
	}
	.marquee-block li::after {
		width: 1.5rem;
		height: 1.5rem;
	}
	.product-sec,
	.service-sec,
	.about-us-sec,
	.footer-area {
		padding: 4rem 0;
	}
	.product-dtl{
		padding: 2rem 1rem;
	}
	.product-info td h6 {
	  font-size: 1.3rem;
	}
	.sec-heading h3,
	.sec-heading {
		margin-bottom: 3rem;
	}
	.product-slider .common-arrow {
		top: 0;
	}
	.product-slider .swiper-button-next {
		right: 0;
	}
	.product-slider .swiper-button-prev {
		left: auto;
		right: 4rem;
	}
	.product-slider {
		padding-top: 3rem;
	}
	.service-slider {
		margin: 4rem 0 0;
	}
	.service-sec .container-fluid {
		padding-right: 0.75rem !important;
	}
	.service-sec .common-wrap {
		padding-right: 3% !important;
	}
	.about-us-sec .container-fluid {
		padding-left: 0.75rem !important;
	}
	.about-us-sec .common-wrap {
		padding-left: 3% !important;
	}
	.about-us-text {
		margin: 4rem 0 0;
		max-width: 100%;
		height: auto !important;
	}
	.footer-area li{
		margin-right: 5rem;
	}
	/***contact***/
	.map-sec {
	    padding: 6rem 0 3rem;
	}
	.map-sec:after{
		display: none;
	}
	.map {
	    margin-right: 0;
	}
	.map-content {
	    padding: 4rem 0 0;
	}
	.map-content h2 {
	    margin-bottom: 2.2rem;
	}
	.form-sec {
	    padding: 3rem 0 6rem;
	}
	.form-sec .text-end {
	    text-align: left!important;
	}
	.form-content {
	    padding: 0 0 4rem;
	}
	.form-group {
	    padding: 0 0 1.5rem;
	}
	.info-sec {
	    padding: 6rem 0 ;
	}
	/***diensten-dtl***/
	.bck-btn{
        padding-top: 6rem;
	}
	.bck-btn:after{
		display: none;
	}
	.bck-btn .text-end {
	    text-align: left!important;
	}
	.dns-dtl-top-sec{
		padding: 6rem 0;
	}
	.dns-dtl-bottom-sec{
		padding: 6rem 0;
	}
	.dns-dtl-bottom-head h2{
		margin-bottom: 2.2rem;
	}
	.dns-dtl-bottom-head p {
	    max-width: 100%;
	    padding-right: 0;
	}
	.dns-dtl-form-sec{
		padding-top: 6rem;
	}
	.dns-dtl-middle-sec td {
	    padding: 3rem 0;
	}
	.dns-dtl-bottom-head {
	    padding-bottom: 4rem;
	}
	.dns-dtl-slider .swiper-button-next {
	    right: 1.3rem;
	}
	/***diensten-list***/
	.dns-list-sec{
		padding: 6rem 0 3rem;
	}
	.dns-list-sec .map-sec{
       padding: 0;
	}
	.dns-list-sec .map-sec .map-content {
	   padding: 4rem 0 0;
	}
	.dns-list-sec .map-sec:nth-child(odd){
       padding: 0 0 3rem;
	}
	.dns-list-sec .map-sec:nth-child(even){
       padding: 3rem 0 6rem;
	}
	.dns-list-sec .map-sec .map .akker_btn_cls{
		display: none;
	}
	.dns-list-sec .map-sec .map-content .akker_btn_cls {
	    display: block;
	}
	.dns-list-sec .map-sec:nth-child(odd) .map{
	    margin-right: 0;
	}
	.dns-list-sec .map-sec:nth-child(even) .map{
		margin-left: 0;
	}
	.dns-list-sec .map-sec .map-content p{
		display: block;
		overflow: auto;
	}
	/***popup****/
	.modal-area .popup-content {
		padding: 4rem 5%;
	}
	.close-img {
		left: auto;
		right: 0;
	}
	/***overons***/
	.overons-counter-sec .container-fluid {
        padding-left: 0.75rem!important;
	}
	.overons-counter-sec .common-wrap {
        padding-left: 3%!important;
	}
	.overons-counter-sec .map {
	    margin-right: 0;
	}
	.overons-counter-sec .map-content {
	    padding: 4rem 0 0;
	}
	.overons-bottom-sec:after {
	    width: 100%;
	}
	.overons-bottom-sec .dns-dtl-bottom-head p{
		color: #fff;
		padding: 0;
	}
	.overons-bottom-sec .dns-dtl-bottom-head {
	    text-align: left;
	}
	.overons-bottom-sec{
		padding: 0 0 1.6rem;
	}
	/***vacatures-dtl***/
	.vacatures-dtl-form-sec .contact-man-info {
	   padding: 0 ;
	}
	/***verkocht***/
	.verkocht-list-sec {
	    padding: 6rem 0 4rem;
	}
	.verkocht-banner-sec .banner-content h1{
		text-align: center;
	}
	/***aanbod-dtl***/
	.dtl-bk-btn-sec .text-end {
		text-align: left !important;
	}
	.dtl-bk-btn-sec::after, 
	.dtl-top-slider::after,
	.dtl-car-info-sec::after {
		display: none;
	}
	.dtl-bk-btn-sec {
		padding: 2rem 0;
	}
	.tab-btn li {
		font-size: 1.4rem;
	}
	.dtl-gal-text {
		width: calc(25% - 1rem);
	}
	.dtl-tab-sec {
	    padding-bottom: 6rem;
	}
	/***aanbod-list***/
	.each-filter {
	    margin: 0 0 2rem;
	}
	.filter-sec {
	    padding: 6rem 0 0;
	}
	.filter-sec:after{
		display: none;
	}
	.filter-sec .row{
		--bs-gutter-x: 1.5rem;
		justify-content: center;
	}
	.filter-sec .col-xl-2:nth-child(1) .each-filter p,
	.filter-sec .col-xl-2:nth-child(2) .each-filter p{
		color: #9c9c9c;
	}
	.filter-sec .col-xl-2:nth-child(1) .each-filter .select-style,
	.filter-sec .col-xl-2:nth-child(2) .each-filter .select-style{
		color: #1c1c1c;
		background: url(../images/down-arrow-blk.svg) transparent no-repeat 92% center/11px;
	}
	.select-style{
		line-height: 3rem;
		border-bottom: 1px solid #9c9c9c;
		font-size: 1.4rem;
		background-size: 8px !important;
	}
	.verkocht-banner-sec{
		height: 77px;
	}
}
@media(max-width: 767px){
	.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: #006db2;
	  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: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	.common-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	h1, h2, h3, h4, h5, h6 {
		letter-spacing: normal;
	}
	h1 {
		font-size: 2.7rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2.3rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	h5 {
		font-size: 1.6rem;
	}
	p {
		text-align: justify;
	}
	.akker_btn_cls {
		font-size: 1.4rem;
	    max-width: 20rem;
	    letter-spacing: normal;
	    padding: 1rem;
	}
	.common-arrow img {
		width: 1.5rem;
	}
	.header-area,
	.header-area.is-hidden {
		padding: 1rem 0;
	}
	.mini-right-nav {
		display: none;
	}
	.menu-navigation {
		padding-top: 10rem;
	}
	.menu-items.active {
		width: 25rem;
	}
	.banner-content {
		position: initial;
		transform: translate(0);
		background-color: #0e0e0e;
		padding: 4rem 0;
	}
	.sec-heading p {
		text-align: center;
	}
	.banner-content .txt-btn img {
		width: 2rem;
		margin-right: 1rem;
	}
	.banner-content .txt-btn:not(:last-child) {
		margin-right: 2rem;
	}
	.banner-content .txt-btn {
		font-size: 1.4rem;
	}
	.service-text p {
		margin-bottom: 3rem;
	}
	.service-text li a {
		margin-bottom: 1rem;
	}
	.service-slider .olufsen_text_content {
		bottom: 1rem;
		left: 2rem;
	}
	.service-slider .swiper-button-prev {
		left: 0;
	}
	.service-slider .swiper-button-next {
		right: 0;
	}
	.service-sec .common-wrap {
		padding-right: 2% !important;
	}
	.about-us-sec .common-wrap {
		padding-left: 2% !important;
	}
	.about-us-text h3 img {
		width: 4rem;
		height: 4rem;
		margin-right: 1rem;
	}
	.about-us-text p {
		margin: 3rem 0;
	}
	.each-review {
		margin-top: 0;
		padding: 3rem 3%;
	}
	.insta-text {
		padding: 3rem 3%;
	}
	.rating {
		padding: 1.5rem 0;
	}
	.rating img {
		width: 2rem;
		margin-right: 1rem;
	}
	.footer-contact {
	    max-width: 100%;
	}
	.footer-contact .col-md-6:not(:last-child) {
		margin-bottom: 3rem;
	}
	.footer-area h6 {
		margin-bottom: 1rem;
	}
	.footer-logo {
		margin-bottom: 3rem;
	}
	.footer-area hr {
		margin: 2rem 0;
	}
	.footer-reach .col-md-6 {
		margin-bottom: 3rem;
	}
	.footer-area .text-end {
		text-align: left !important;
	}
	.footer-area li {
		display: block;
		margin-bottom: 0.5rem;
		margin-right: 0;
	}
	.footer-social {
		margin-top: 2rem;
	}
	.footer-social li {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 2rem;
	}
	.google-rating {
		width: 12rem;
	}
	/***contact***/
	.contact-banner{
        padding-top: 25%;
	}
	.contact-banner .banner-content {
	    max-width: 100%;
	    padding: 0;
	    background: transparent;
	}
	.contact-banner .banner-content p {
	    font-size: 1.5rem;
	}
	.info-sec td {
		padding: 0 0 3rem;
	    width: 100%;
        display: block;
        text-align: left;
	}
	.info-sec td h3{
	    text-align: left;
	}
	.info-sec td p{
        text-align: justify;
	}
	.info-sec td h3 img {
	    width: 2.4rem;
	    margin: 0 1rem 0 0;
	}
	.info-sec td:nth-child(even)::after ,
	.info-sec td:nth-child(odd)::after {
	    display: none;
	}
	.info-sec td h3 {
	    margin-bottom: 1.8rem;
	    justify-content: start;
	}
	.info-sec {
	    padding: 3rem 0 1rem;
	}
	.map-sec {
	    padding: 3rem 0 1.5rem;
	}
	.form-sec {
	    padding: 1.5rem 0 ;
	}
	.contact-man {
	    margin-right: 0;
	}
	.contact-man-info p {
	    margin-bottom: 1.9rem;
	}
	.form-sec .akker_btn_cls {
	    max-width: 24rem;
	}
	.form-content {
	    padding: 0 0 3rem;
	}
	.form-styl{
		padding: 2rem 1.5rem;
		font-size: 1.6rem;
	}
	textarea.form-styl {
	    padding: 2rem 1.5rem 8rem;
	}
	.map-sec .map{
		height: 35rem;
	}
	/***diensten-dtl***/
	.bck-btn{
        padding-top: 3rem;
	}
	.dns-dtl-top-sec{
        padding: 3rem 0;
	}
	.dns-dtl-middle-sec td:first-child ,
	.dns-dtl-middle-sec td:last-child{
	    padding-left: 0;
	    padding-right: 0;
	}
	.dns-dtl-form-sec{
		padding: 3rem 0;
	}
	.dns-dtl-bottom-sec {
	    padding: 3rem 0;
	}
	.dns-dtl-bottom-sec .container-fluid.ps-0 {
	    padding-left: 0.75rem !important;
	}
	.dns-dtl-bottom-sec .common-wrap.ps-0{
	    padding-left: 2% !important;
	}
	.dns-dtl-slider {
	    padding-right: 0;
	    margin-left: 0;
	    padding-top: 3rem;
	}
	.dns-dtl-slider .common-arrow {
	    top: 0;
	    margin-bottom: 3rem;
	}
	.dns-dtl-slider .swiper-button-prev {
	    display: flex;
	    left: auto;
	    right: 4rem;
	}
	.each-dtl-slider .before_the_flood_desc {
	    margin: 0 0 8rem;
	}
	/***diensten-list***/
	.dns-list-sec{
		padding: 3rem 0 1.5rem;
	}
	.dns-list-sec .map-sec{
       padding: 0;
	}
	.dns-list-sec .map-sec .map-content {
	   padding: 4rem 0 0;
	}
	.dns-list-sec .map-sec:nth-child(odd){
       padding: 0 0 1.5rem;
	}
	.dns-list-sec .map-sec:nth-child(even){
       padding: 1.5rem 0 3rem;
	}
	/***popup****/
	.modal-area .popup-content {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.close-img {
		left: auto;
		right: 0;
		width: 4rem;
		height: 4rem;
		font-size: 2rem;
	}
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	/***overons***/
	.overons-counter-sec .common-wrap {
        padding-left: 2%!important;
	}
	.overons-bottom-sec {
	    padding: 0 0 1.6rem;
	}
	.overons-car-slider{
		padding-top: 3rem !important;
	}
	.overons-car-slider .common-arrow {
	    top: 0;
	    margin-bottom: 3rem;
	}
	.overons-car-slider .swiper-button-prev {
	    left: auto;
	    right: 4rem;
	}
	.each-counter {
	    margin-bottom: 1rem;
	    align-items: start;
	}
	.overons-counter-sec .man-content {
		padding: 2rem;
	}
	/***verkocht***/
	.verkocht-list-sec {
	    padding: 3rem 0 1rem;
	}
	.verkocht-banner-sec .banner-content {
	    padding: 0;
	    background: transparent;
	}
	/***aanbod-dtl***/
	.dtl-top-slider .container-fluid {
		padding-right: 0.75rem !important;
	}
	.dtl-top-slider .common-wrap {
		padding-right: 2% !important;
	}
	.dtl-top-slider .swiper-button-next {
		right: 1rem;
	}
	.dtl-car-info-sec h2 {
		width: 100%;
	}
	.dtl-car-info-sec h5 {
		width: 100%;
		padding: 2rem 0 0;
	}
	.dtl-car-info-wrap {
		padding: 3rem 3.5% 0;
	}
	.dtl-car-price {
		height: 5rem;
		line-height: 5rem;
		margin: 3rem auto 0 0;
	}
	.tab-btn li {
		width: 48.2%;
		margin-bottom: 0.5rem;
		margin-right: 0.5rem;
	}
	.tab-btn li a {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.tab-btn::after {
		display: none;
	}
	.tab-btn {
		margin-bottom: 4rem;
	}
	.dtl-tab-sec .dtl-tab-content ul li {
		font-size: 1.6rem;
	}
	.tab-divider {
		margin: 3rem 0;
	}
	.kenmerken-tab ul li:nth-child(odd) {
		background-position: left top 0.45rem;
	}
	.dtl-tab-sec .bullet-panel li:after {
		top: 0.5rem;
	}
	.left-bg-block {
		width: 12rem;
	}
	.block-dtls {
		width: calc(100% - 12rem);
	}
	.dtl-gal-text h6 {
		font-size: 0.7rem;
	}
	.dtl-gal-text img {
		width: 0.8rem;
		margin-right: 0.2rem;
	}
	.dtl-tab-sec {
	    padding-bottom: 3rem;
	}
	.each-dtl-gal {
		padding: 0.3rem;
	}
	.dtl-gal-text {
		width: calc(25% - 0.7rem);
		height: calc(100% - 0.6rem);
		top: 0.3rem;
	}
	/***aanbod-list***/
	.filter-sec {
	    padding: 3rem 0 0;
	}
	.each-filter p{
		text-align: left;
		font-size: 1.3rem;
	}
	/***Bedankt***/
	.bedankt-sec .banner-content{
		border-bottom: 1px solid #333333;
	}
	.dtl-car-price-pc{
		display:none;
	}
	.dtl-car-mobile{
		display: block;
		text-align: center;
		padding-top: 14px;
	}
	.verkocht-banner-sec{
		height: 57px;
	}
}