@media(max-width: 1599.98px){
	.common-wrap{
		padding-left: 3%;
		padding-right: 3%;
	}
	h1{
		font-size: 5rem;
	}
	h2{
		font-size: 4rem;
	}
	h4{
		font-size: 3rem;
	}
	h5{
		font-size: 2rem;
	}
	.footer-area .col-lg-8{
		width: 71.4%;
	}
	.footer-area .col-lg-4{
		width: 28.5%;
	}
	.product-top ul{
		margin-top: 5rem;
	}
	.counter-top{
 		padding: 8rem 0;
	}
	.footer-right{
		padding-left: 0;
	}
	.footer-lft-btm h5{
		line-height: 3rem;
	}	
	.each-car-content table h5{
		font-size: 1.7rem;
	}
	/* ********* aanbodd-dtl ***** */
	.car-dtl-content {
		padding: 7rem 0 4.5rem;
	}
	.dtl-tab-sec {
		padding: 7rem 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		margin-bottom: 3rem;
	}
	/* ******* pop-up ****** */
	.modal-area .modal-dialog {
		max-width: 73%;
	}
	.modal-area .popup-logo img {
		width: 50rem;
	}
	.modal-area .popup-content p {
		margin: 3rem 0;
	}
	.modal-area .popup-content h4 {
		font-size: 3rem;
	}
	.each-car-content h5{
		height: 50px;
	}
	.each-car-wrap .common-arrow{
		bottom: 2rem;
	}
}
@media(max-width: 1399.98px){
	.banner-content h1 {
		margin-bottom: 2rem;
	}
	.menu-right ul {
		max-width: 78rem;
	}	
	.big-car{
		width:70% !important;
	}
	.small-car{
		width: calc(30% / 2) !important;
	}
	.each-car-content > * {
		padding: 2rem 1rem;
	}
	.footer-lft-btm {
		margin-top: 4rem;
	}
	.each-footer {
		padding-bottom: 5rem;
	}
	.footer-social {
		margin-top: 0;
	}
	.counter-top{
		padding: 6rem 0;
   }
   .counter-top .common-btn {
    margin-top: 4rem;
   }
   .home-mid {
    padding: 4rem 0;
   }
   .counter-sec {
    padding: 3rem 0;
  }
  /* ******************diensten-dtl *********** */
  .back-btn {
        padding-top: 13rem;
		padding-bottom: 2rem;
	}
	.diensten-dtl-top p {
		margin: 3rem auto 0;
	}
	.diensten-dtl-mid {
		padding: 6rem 0;
	}
	.diensten-dtl-mid-lft {
		padding-right: 2rem;
	}
	/****bedankt****/
	.banner-content h1 {
    	margin-bottom: 2rem;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 85%;
	}
	.modal-area .popup-logo img {
		width: 40rem;
	}
	/* ***** aanbod-list ***** */
	.aanbod-list-heading {
		padding: 11rem 0 3rem;
	}
	.each-car-wrap .common-arrow{
		height: 5rem;
		width: 5rem;
	}
}
@media(max-width:1199.98px){
	h1{
		font-size: 4rem;
	}
	h2{
		font-size: 3rem;
	}
	h4{
		font-size: 2.5rem;
	}
	h5{
		font-size: 1.8rem;
	}
	h6{
		font-size: 1.8rem;
	}
	p{
	  font-size: 1.5rem;
	}
	.menu-right li a {
		font-size: 1.4rem;
	}
	.menu-right .common-btn {
		padding: 3rem 2rem;
	}
	.menu-right ul {
		max-width: 72rem;
	}
	.footer-lft-btm h6 {
		font-size: 1.6rem;
		letter-spacing: normal;
	}
	.each-footer {
		padding-bottom: 3rem;
	}
	.footer-lft-top h5 {
		margin-bottom: 1.5rem;
	}
	.footer-lft-btm h5 {
		letter-spacing: normal;
	}
	/* ******************diensten-dtl *********** */
	.diensten-dtl-top p {
		margin: 2rem auto 0;
	}
	.form-heading h4{
		margin-bottom: 3rem;
	}
	.diensten-dtl-mid-btn {
		margin-top: 4rem;
	}
	/* ************ overons ********** */
	.overons-top {
		padding-bottom: 4rem;
	}
	.overons-banner h1{
		line-height: 1.5;
	}
	.overons-mid-right {
		padding-left: 3rem;
	}
	.overons-mid {
		padding: 6rem 0 8rem;
	}
	/* ***** aanbod-list ****** */
	.aanbod-list-right .each-car-content > *{
		padding: 0 1.5rem;
	}
	.aanbod-list-right .table-sec td{
		padding:.5rem;
	}
	.aanbod-list-right  .each-product-img .common-btn {
		left: 1rem;
		top: 1rem;
		padding: .5rem .8rem;
	}
	.each-car-wrap .common-arrow {
		bottom: 0;
		right: 0;
		height: 4rem;
		width: 4rem;
	}
	.table-sec td{
		padding: 7px;
	}
	.each-car-content h5{
		font-size: 1.6rem;
	}
	/* **** aanbod-dtl*** */
	.aanbod-price-right{
		margin-left: 0;
		margin-top: 2rem;
	}
	.aanbod-price .row {
		padding-bottom: 2rem;
	}
	.each-big-dtl {
		height: 29rem;
	}
	.each-small-dtl {
		height: 18rem;
	}
	.diensten-list-heading{
		padding-top: 12rem;
	}
	.diensten-list-top{
		padding: 5rem 0;
	}
	/****popup****/
	.modal-area .popup-content {
		padding: 6rem 5rem;
	}
	.modal-area .popup-content p {
		margin: 1.5rem 0;
	}
	.modal-area .modal-dialog {
		max-width: 92%;
	}
	.diensten-dtl-mid-right{
		margin-left: 5%;
	}
	.each-car-content table h5{
		font-size: 1.5rem;
	}
	.each-footer td {
		font-size: 1.4rem;
		line-height: 36px;
	}
}
@media(max-width: 831px){
	.calsty {
	    height: 1035px;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		position: fixed;
	}
	.res-logo-styl{
		width: 16rem;
		margin-top: 1rem;
	}
	.header-area{
		display: none;
	}
	.home-service-lft p{
		max-width: 100%;
		margin: 2rem 0;
	}
	.home-service-lft .common-btn{
		margin-top: 0;
	}
	.small-car ,
	.big-car{
		width: 100% !important;
	}
	.home-service-lft{
		padding: 4rem 0;
	}
	.counter .col-lg-9{
		padding-left: .75rem;
	}
	.each-counter{
		text-align: left;
	}
	.counter-top .product-top-heading h6{
		max-width: 100%;
	}
	.counter-top{
		padding: 4rem 0;
	}
	.counter-top .common-btn{
		margin-top: 2rem;
	}
	.footer-lft-btm h6 {
		font-size: 1.5rem;
	}
	.footer-area .col-lg-4 ,
	.footer-area .col-lg-8 {
		width: 100%;
	}
	.map-contact h6{
		font-size: 1.4rem;
	}
	.home-mid ul{
		flex-wrap: wrap;
		row-gap: 2rem;
	}
	.home-mid li{
		padding-left: 4rem;
		font-size: 1.6rem;
		width: 49%;
	}
	.product-slider .common-arrow {
		top: -3rem;
		width: 4rem;
		height: 4rem;
	}
	.table-sec td{
		border: 0;
	}
	.product-slider .swiper-button-prev {
		right: 5rem;
	}
	.banner-arrow {
		bottom: 2rem;
	}
	.common-arrow {
		height: 5rem;
		width: 5rem;
	}
	.footer-left{
		padding: 4rem 0  ;
	}
	.footer-top-sec{
		padding-bottom: 3rem;
	}
	.big-car{
		width:100% !important;
	}
	.small-car{
		width: 100% !important;
	}
	.home-service{
		overflow: hidden;
	}
	.product-top li img {
		width: 12rem;
	}
	.footer-lft-btm h5{
		margin-bottom: 4rem;
	}
	.home-service-each-img{
		height: auto;
	}
	.gallery-slider{
		font-size: 0;
		display: block;
	}
	.expanding-item, .expanding-item:hover{
		width: 50%;
		display: inline-block;
	}
	.map-contact{
		padding-bottom: 0;
	}
	.form-img{
		padding-right: 0;
	}
	
	.diensten-dtl-mid-lft p,
	.form-part{
		max-width: 100%;
	}
	.contact-form .form-heading h4{
		margin-bottom: 2rem;
		font-size: 2.5rem;
	}
	.aanbod-list-lft{
		position:initial;
		top: 0;
	}
	.aanbod-list-heading{
		padding-top: 20rem;
	}
	/* ******************diensten-dtl *********** */
	.back-btn {
		/* padding-top: 2rem; */
		padding-bottom: 2rem;
	}
	.diensten-dtl-mid-lft-two {
		margin-top: 4rem;
	}
	.home-service{
		padding-top: 0;
	}
	.diensten-dtl-mid-lft{
		padding-right: 0;
	}
	.diensten-dtl-mid-lft{
		padding-top: 3rem;
	}
	.diensten-dtl-mid-lft h4 {
		margin-bottom: 2rem;
	}
	.form-sec {
		padding-top: 4rem;
	}
	.diensten-dtl-mid-btn {
		margin-top: 5rem;
	}
	/* ********** overons ********** */
	.overons-banner h1 {
		line-height: normal;
	}
	.overons-mid-right {
		padding-left: 0;
	}
	.overons-mid {
		padding: 4rem 0;
	}
	.overons-mid-right{
		padding-top: 4rem;
	}
	.overons-mid-right h6 {
		max-width: 100%;
		margin-top: 2rem;
	}
	.overons-mid h4 {
		margin-bottom: 4rem;
	}
	.diensten-dtl-mid-right{
		margin-left: 0;
	}
	/* ****** aanbod-dtl ***** */
	.aanbod-price table{
		margin-left: 0;
		margin-top: 3rem;
		max-width: 35rem;
	}
	.aanbod-dtl-contact {
		margin-top: 2rem;
	}
	.aanbod-price tr{
		justify-content: space-between;
	}
	.tab-content .col-lg-3 {
		width: 25%;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
		font-size: 1.4rem;
	}
	.each-big-dtl {
		/*height: auto;*/
	}
	.each-small-dtl {
		height: auto;
	}
	.diensten-list-top{
		padding: 4rem 0;
	}
	.diensten-list-img{
		margin: 1rem 0;
	}
	.diensten-list-small .diensten-list-content p,
	.diensten-list-big .diensten-list-content p{
		margin: 3rem 0;
	}
	.diensten-list-small .diensten-list-content p ,
	.diensten-list-big .diensten-list-content p {
		max-width: 100%;
	}
	.diensten-list-heading{
		/* padding-top: 3rem ; */
	}
	.back-btn{
		padding-bottom: 3rem;
	}
	/****popup****/
	.modal-area .popup-content {
		padding: 3rem 2rem;
	}
	.modal-area .popup-content p {
		max-width: 100%;
		font-size: 1.6rem;
	}
	.modal-area .popup-logo img {
		width: 35rem;
	}
	.modal-area .popup-logo {
		margin-top: 1rem;
	}
	/*=====filter======*/
    .mobile-product{
        z-index: 999;
    }
    .mobile-filter{
        display: none;
        padding-bottom: 12rem;
    }
    .mobile-filter.active{
        display: block;
    }
    .mobile-filter-close{
        position: sticky;
        top: 0;
        background: #171717;
        z-index: 9;
    }
    .mobile-filter-close span {
        width: 3.2rem;
        height: 3.2rem;
        background-color: #fff;
        border-radius: 50%;
    }
    .mobile-filter-close hr{
        width: calc(100% + 3rem);
        margin: 2rem 0 0 -1.5rem;
        background-color: #fff;
        opacity: .3;
    }
    .mobile-filter-btn {
        font-size: 1.4rem;
        border: 0;
        padding: 0 1.5rem;
        border-radius: 5px;
        height: 45px;
        line-height: 45px;
        border: 1px solid #fff;
    }
    .clear-filter-wrap .show_selected_filter_cls.my-5{
        margin: 0 !important;
    }
    .clear-filter-wrap{
        padding: 2rem 0;
    }
    .auto-overview-tag{
        background: #e1e3e6;
    }
    .auto-overview-tag:hover {
        background: #B1E4FF;
    }
    .auto-overview-filter-result{
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 2rem 5%;
        left: 0;
        background: #171717;
        border-top: 1px solid rgba(255,255,255,0.3);
        z-index: 99;
    }
    .auto-overview-filter-result .common-btn{
        background: #004bbe !important;
        color: #fff !important;
    }
    .auto-overview-filter-result .common-btn:hover, .auto-overview-filter-result .common-btn:focus {
        background: #004bbe !important;
    }
    .sort-by{
        width: calc(100% - 9rem);
        padding-left: 1rem;
    }
    .sort-by select{
        max-width: 220px;
        font-size: 1.4rem;
        border-color: #fff;
        border-radius: 5px;
    }
    .filter-count {
        min-width: 2rem;
        height: 2rem;
        background-color: #0064ff;
        border-radius: 100%;
        color: #fff;
        margin-left: .75rem;
        font-size: 1.2rem;
    }
    .make_sticky {
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        background: #0c0c0c;
        z-index: 999;
        /* height: calc(100% - 45px); */
		height: 100%;
        overflow-y: auto;
    }
    .make_sticky_onscroll {
        position: initial;
        height: auto;
    }
    .each-filter .common_price_input_div_cls{
        padding: 0 1.5rem;
    }
    .each-filter #prijis_btn_min{
        margin-left: -1.5rem;
    }
    .each-filter #prijis_btn_max{
        margin-right: -1.5rem;
    }
    .mobile-btn-stiky{
        position: fixed;
        top: 6rem !important;
        z-index: 99;
        left: 0;
        width: 100%;
        padding: 3rem 5%;
        background: #171717;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .each-car-wrap .common-arrow{
    	display: none;
    }
    .mobile-btn-stiky.active{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        box-shadow: 0px 3px 10px rgba(0,0,0,.1);
        -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.1);
    }
    .each-car-content h5, .each-car-content p{
    	height: auto;
    }
    .aanbod-list-top, .overons-counter{
		padding-bottom: 4rem;
	}
	.error_top{
		padding-top: 8rem;
	  	padding-bottom: 0;
	}
	.product-top-heading h6{
		margin-top: 2rem;
	}
	.footer-social {
		padding-bottom: 0;
	}

}
@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: #000000;
	  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;
	}	
	h1{
		font-size: 2.5rem;
	}
	h2{
		font-size: 2rem;
	}
	h4{
		font-size: 1.8rem;
	}
	h5{
		font-size: 1.6rem;
	}
	h6{
		font-size: 1.5rem;
	}
	p{
	  font-size: 1.4rem;
	}
	.common-wrap{
		padding-left: 2%;
		padding-right: 2%;
	}
	.home-banner{
		padding-top: 8rem;
	}
	.each-footer {
		padding-bottom: 1rem;
	}
	.counter-top{
		padding-bottom: 0;
	}
	.banner-content h1{
		margin-bottom: 1rem;
	}
	.banner-content{
		top: 49%;
	}
	.footer-social img {
		width: 20rem;
		margin: 2rem 0;
	}
	.footer-lft-btm {
		margin-top: 2rem;
	}
	.home-mid li::after{
		background-size: 2rem ;
		top: -5px;
	}
	.home-mid li {
		padding-left: 3rem;
		font-size: 1.4rem;
	}
	.home-mid ul{
		align-items: flex-start;
	}
	.product-top ul {
		margin-top: 2rem;
		display: none;
	}
	.each-product-img .common-btn {
		left: 1rem;
		top: 1rem;
	}
	.product-slider {
		margin: 6rem 0 4rem;
	}
	.each-car-content table h5{
		font-size: 1.4rem;
	}
	.footer-top-sec .swiper-button-prev{
		left: 0;
	}
	.footer-top-sec .swiper-button-next{
		right: 0;
	}
	.banner-arrow{
		display: none;
	}
	.bullet-panel h4{
		font-size: 2rem;
	}
	/* ==== contact ==== */
	.map{
		height: 32rem;
	}
	.map-contact img {
		margin-top: 3rem;
	}
	.map-contact .each-footer{
		margin-bottom: 2rem;
	}
	/* ****** .diensten-dtl ****** */
	.diensten-dtl-mid {
		padding: 4rem 0;
	}
	.form-part{
		padding: 3rem 0;
	}
	.form-heading h4 {
		margin-bottom: 2rem;
		font-size: 2.5rem;
	}
	.diensten-dtl-mid-btn {
		margin-top: 3rem;
	}
	/* **** aanbod-dtl *** */
	
	.each-Kenmerken h6{
		font-size: 1.6rem;
	}
	.dtl-tab-sec .tab-content p{
		font-size: 1.5rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs {
		column-gap: 1rem;
	}
	.dtl-tab-sec {
		padding: 4rem 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{
		padding: 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span{
		padding-right: 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link span::after{
		display: none;
	}
	.each-Kenmerken {
		margin-bottom: 2rem;
	}
	.aanbod-price tr{
		flex-wrap: wrap;
	}
	.aanbod-price td{
		width: 47%;
	}
	/* ****** aanbod-list ******** */
	.aanbod-list-right .each-car-content > *{
		padding:  2rem;
	}
	.aanbod-list-right .each-product-img::after {
		left: 50%;
		right: 0;
		bottom: 0;
		top: auto;
		transform: translate(-50% , 0 );
	}
	.auto-overview-filter-result{
		bottom: 4rem;
		position: absolute;	
	}
	 .each-car-content .col-7, .each-car-content .col-5{
    	width: 100%;
    }
    .car-content-right{
    	float: none;
    	display: flex;
  		align-items: center;
  		margin-top: 10px;
    }
    .car-content-right p{
    	margin-left: .5rem;
    }
    .aanbod-list-right .car-content-left{
    	height: auto;
    }
    .aanbod-list-right .each-product-img::after{
    	display: none;
    }
    .aanbod-list-heading {
	    padding-top: 15rem;
	}
}
@media(max-width: 575.98px){
	.calsty {
	    height: 870px;
	}
}
@media(max-width: 575.98px){
	.each-car-content > * {
		padding: 1rem .5rem;
	}
	.table-sec td{
		padding: 6px;
		border: 0;
	}
	.common-btn {
		padding: 0.7rem 1.5rem;
		font-size: 1.4rem;
	}
	.banner-content {
		top: 68%;
	}
	.home-banner {
	    padding-top: 7rem;
	}
	.product-top li{
		font-size: 1.4rem;
		margin-bottom: 2rem;
	}
	.product-top li img {
		width: 8rem;
	}
	.expanding-item, .expanding-item:hover{
		width: 100%;
	}
	.aanbod-list-right .each-car-content > *{
		padding: 1rem .5rem;
	}
	/* **** aanbod-dtl **** */
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 1.4rem;
		width: 46%;
	}
	.back-btn{
		padding-top: 12rem;
	}
	.tab-content .col-lg-3 {
		width: 49%;
	}
	.diensten-list-content {
		padding: 1rem;
	}
	.diensten-list-img{
		height: 30rem;
	}
	.diensten-list-img img{
		height: 100%;
		object-fit: cover;
	}
	.diensten-list-content{
		bottom: 3rem;
	}
	/****popup****/
	.modal-area .popup-logo img {
		width: 25rem;
	}
	.modal-area .popup-content {
		padding: 3rem 0.8rem;
	}
	.banner-content .common-btn {
	  font-size: 1.4rem;
	  margin-top: 2rem;
	}
	.aanbod-dtl-btn ul{
		column-gap: 1rem;
	}
	.aanbod-dtl-btn .white-btn {
  		min-width: auto;
	}
}