@media(max-width: 1599.98px){
	.common-wrap{
		padding-left: 3%;
		padding-right: 3%;
	 }
	 h1{
		font-size: 5rem;
	}
	h2{
		font-size: 4rem ;
	}
	h3{
		font-size: 2rem ;
	}
	h4 {
		font-size: 2rem;
	}
	h5{
		font-size: 1.8rem;
	}
	.each-product-content-btm ,
	.each-product-content-top {
		padding: 2rem 1.4rem;
	}
	.each-product-content-btm td h5{
		font-size: 1.6rem;
	}
	/* ========== vacatures-list ==============*/
	.vacatures-list-each-box {
		margin: 4rem 2rem 0;
	}
	.vacatures-list-wrap {
		margin: -4rem -2rem 0;
	}
	/* ===== diensten-dtl ====== */
	.inner-banner .banner-content p{
		margin-top: 4rem ;
	}
	.diensten-dtl-right-btm {
		margin-top: 10rem;
	}
	/* ===== aanbbod-dtl ==== */
	.aanbod-dtl-back{
		top: 0 !important;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
		margin-right: .5rem;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{
		font-size: 1.5rem;
		padding: 1rem .5rem;
	}
	.aanbod-dtl-slider-price-left{
		padding: 3rem ;
	}
	.aanbod-dtl-slider-btm-right li:not(:last-child){
		margin-bottom: 2rem;
	}
	.aanbod-dtl-slider-btm-right a {
		font-size: 1.9rem;
	}
	.tab-btn{
		margin-top: 0;
	}
}
@media(max-width:1399.98px){
	.banner-btn {
    	margin-top: 4rem;
	}
	.each-slider-content p{
		margin-bottom: 2rem;
	}
	.home-btm-left {
		padding-right: 6rem;
	}
	.each-product-content-btm td h5, .each-product-content-btm td p{
		font-size: 1.35rem;
		letter-spacing: normal;
	}
	.footer-area {
		padding: 8rem 0 4rem;
	}
	.google-review {
		padding: 4rem 0;
	}
	.footer-area {
		padding:  4rem 0;
	}
	.each-slider:hover .each-slider-content {
		padding-top: 4rem;
		
	  }
	/* ========== vacatures-list ==============*/
	.vacatures-list-each-box {
		margin: 2rem 1rem 0;
	}
	.vacatures-list-wrap {
		margin: -2rem -1rem 0;
	}
	/* ======= contact ===== */
	.overons-mid h2 {
		margin-bottom: 15rem;
	}
	/* ==== .diensten-dtl ===== */
	.diensten-dtl-mid {
		padding-top: 10rem;
	}
	.form-btn{
		padding: 1rem .2rem;
		font-size: 1.3rem;
	}
	.diensten-form .txt-area-outer textarea {
		height: calc(100% - 15.3rem);
	}
	.diensten-form label {
		margin-bottom: 0.5rem;
	}
	/* ==== aanbo-dtl == */
	.aanbod-dtl-slider-price-left {
		padding: 1.5rem 1rem;
	}
	.aanbod-dtl-slider-btm-right {
		padding: 3rem 1rem;
	}
	.dtl-tab-sec .col-8 ,
	.aanbod-dtl-slider-btm .col-lg-8{
		width:71%;
	}
	.aanbod-dtl-slider-btm .col-lg-4{
		width:29% ;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link {
		font-size: 1.4rem;
	}
	.pricr-dtl table {
		margin-top: 7rem;
	}
	.pricr-dtl h4 {
		font-size: 2.2rem;
	}
	.aanbod-dtl-slider-btm-right a{
		margin-top: 0;
	}
	/* ====== pop-up ===== */
	.modal-area .modal-dialog {
		max-width: 60%;
	}
	/*========aanbod=========*/
	.filter-sec .col-1 {
  		width: 15%;
	}
	.filter-sec .col-8 {
    	width: 40%;
  	}
}
@media(max-width:1199.98px){
	h2 {
		font-size: 3rem;
	}
	.home-btm-left {
		padding-right: 3rem;
	}
	.common-btn{
		padding: 1rem 2rem;
	}
	.fixed-icon {
		height: 6rem;
		width: 6rem;
	}
	.fixed-icon img{
		width: 2.5rem;
	}
	/* ======= contact ==== */
	.contact-product-slider {
		padding-top: 8rem;
	}
	/* ======= overons ==== */
	.overons-top .home-btm-left {
		padding-right: 2rem;
	}
	.overons-top .home-btm-left p {
		margin-bottom: 4rem;
	}
	.overons-top {
		margin-top: -5rem;
	}
	/* ======= diensten-dtl======= */
	.diensten-dtl-top .home-btm-left{
		padding-left: 3rem;
	}
	.diensten-dtl-right-btm {
		margin-top: 4rem;
	}
	/* ===== aanbbod-dtl ==== */
	.dtl-tab-sec .col-8{
		width: 100%;
	}
	.tab-btn {
		margin-top: 4rem;
	}
	.aanbod-dtl-slider-price-right h3 span {
		font-size: 2.5rem
	}
	.dtl-tab-content-heading h4 {
		padding: 3rem 0;
	}
	/* ===== popup===== */
	.modal-area .modal-content {
		padding:6rem  4rem;
	}
	.modal-area .modal-dialog {
		max-width: 90%;
	}
	/* ========================== */
	.list-content p{
		margin-top: 2rem;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
	}
	.res-logo-styl{
		width: 160px;
		margin-top: 6px;
	}
	/* ===== home ==== */
	h1{
		font-size: 4rem;
	}
	h2{
		font-size: 3rem ;
	}
	h3{
		font-size: 2rem ;
	}
	h5{
		font-size: 1.8rem;
	}
	.home-product-slider .common-arrow{
		top: -3rem;
	}
	.home-product-slider .swiper-button-next{
		right: 0;
	}
	.home-product-slider .swiper-button-prev{
		left: auto;
		right: 3rem;
	}
	.each-product:hover .each-product-content-btm td p, .each-product:hover p{
		opacity: .5;
	}
	.each-product-content-top .text-md-end h5, .each-product-content-top .text-md-end p{
		display: inline-block;
  		vertical-align: middle;
  		margin: 0 !important;
	}
	.each-product-content-btm td{
		border-right: 0;
	}
	.home-product-slider {
		padding: 4rem 0;
	  }
	  .home-mid {
		padding: 0 0 4rem;
	  }
	  .home-btm-left p {
		margin: 1rem 0 3rem;
	  }
	  .home-btm-left{
		padding-right: 0;
		margin: 3rem 0 2rem;
	  }
	  .each-slider-content{
		margin: 3rem 0;
	  }
	 .each-slider-content .common-btn,
	 .each-slider-content p {
		visibility: visible;
		display: block;
	}
	.home-mid {
		padding: 0;
	}
	.home-btm{
		padding: 0;
	}
	.footer-right > .row {
		margin: 4rem 0;
	}
	.footer-right {
		padding-left: 0;
	}
	.footer-logo img {
		width: 25rem;
	}
	.footer-logo p {
		margin-top: 2rem;
	}
	.navbar-brand{
		margin: 1rem 0 0 0;
	}
	.header-area .navbar-expand-lg .navbar-collapse {
		justify-content: center;
	}
	.header-area .nav_menu_right_part {
		position: absolute;
		z-index: 99;
		top: 5rem;
	}
	.header-area{
		position: relative;
		height: 85px;
	}
	.each-slider:hover .each-slider-content {
		padding-top: 2rem;
	   
	}
	/* ====== aanbod-list ==== */
	.filter-sec {
		margin-top: 0;
	}
	.filter-sec .col-1, .filter-sec .col-8{
		width: 50%;
		text-align: left;
	}
	.select-style{
		max-width: 100%;
    	margin-bottom: 1.5rem;
    	height: auto;
    	padding: 1rem .5rem;
	}
	.aanbod-list-btm-wrap {
		padding: 0  0;
	}
	.google-review .heading{
		padding-bottom: 2rem;
	}
	.google-review{
		padding: 4rem 0 0;
	}
	/* ========== vacatures-dtl ==============*/
	.vacatures-form .txt-area-outer textarea {
		height: 22rem;
	}
	/* ========== vacatures-list ==============*/
	.vacatures-list {
		margin-top: 0;
	}
	/* ======= contact ===== */
	.overons-mid h2 {
		margin-bottom: 8rem;
	}
	.form-setion .heading{
		padding-bottom: 2rem;
	}
	.txt-area-outer textarea {
		min-height: auto;
		height: 22rem;
	}
	.form-styl {
		padding: 1rem 1.5rem;
		font-size: 1.4rem;
	}
	.contact-addr {
		margin-top: 0;
		padding: 4rem 0;
	}
	.map {
		height: 40rem
	}
	.contact-addr h3 {
		margin-bottom: 2rem;
	}
	.form-setion {
		padding: 4rem 0;
	}
	/* ===== overons === */
	.overons-top{
		margin-top: 0;
		padding: 4rem 0;
	}
	.overons-top .home-btm-left h2 {
		margin-bottom: 2rem;
	}
	.overons-top .home-btm-left p{
		margin-top: 0;
	}
	.home-btm-left {
		height: auto !important;
	}
	.home-btm-left li{
		margin-bottom: 1rem;
	}
	.overons-btm img {
		width:30rem;
	}
	.inner-banner .banner-content p {
		max-width: 100%;
		margin-top: 3rem;
	}
	.overons-top .home-btm-left{
		padding-right: 0;
	}
	/*========= diensten-dtl ======== */
	.diensten-dtl-top .home-btm-left {
		padding: 3rem  0  0;
	}
	.diensten-dtl-right-btm ul {
		margin-top: 1rem;
	}
	.diensten-dtl-top{
		margin-top: 0;
	}
	.diensten-dtl-financiering .home-btm-left ul {
		margin-top: 2rem;
	}
	.inner-banner .banner-content{
		position: relative;
		top: 0;
		padding: 4rem 0;
	}
	/* ===== aanbod-dtl ==== */
	.small-car-sec{
		display: none;
	}
	.aanbod-dtl-back {
		padding: 2rem 0 0;
	}
	.aanbod-dtl-slider-price-right h3 span{
		display: inline;
	}
	.aanbod-dtl-slider-right{
		margin-top: 2rem;
		height: auto !important;
	}
	.aanbod-dtl-slider-btm .col-lg-4 ,
    .aanbod-dtl-slider-btm .col-lg-8 {
		width: 100%;
	}
	.pricr-dtl table {
		margin: 3rem 0;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item{
		width: 32%;
	}
	.dtl-tab-sec .nav-tabs{
		justify-content: center;
	}
	.dtl-tab-sec {
		padding-bottom: 4rem;
	}
	.diensten-dtl-financiering{
		padding: 0 0 2rem;
	}
	.diensten-dtl-financiering .home-btm-left h2 {
		margin-bottom: 0;
	}
	.diensten-dtl-financiering .diensten-dtl-right-btm p{
		margin-top: 2rem;
	}
	.footer-btm h6 {
		font-size: 1.6rem;
	}
	.footer-btm li img {
		width: 2rem;
	}
	.footer-btm ul {
		column-gap: 1rem;
	}
	/* ====== vacatures-dtl ==== */
	.vacatures-dtl .overons-btm{
		padding: 0;
	 }
	.aanbod-dtl-slider-top h3{
		margin: 1rem 0 2rem;
	}
	.aanbod-dtl-slider-price-right h3{
		margin-top: 1rem;
	}
	.inner-banner img{
		opacity: 1;
	}
	/* ========================  */
	.list-content-sec {
		padding: 3rem 0;
	}
	.list-banner{
		position: relative;
	}
	.error_top, .privacy_section{
		padding-top: 3rem;
	}
	.each-contact-addr{
		margin-bottom: 4rem;
	}
	.contact-addr{
		padding-bottom: 2rem;
	}
	.map-sec .inner-banner::after, .map-sec .inner-banner .banner-content{
	   display: none;
	}
}
@media(max-width: 767.98px){
	#page{
        padding-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: #925742;
	  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;
	}
	/* ========== home ==== */
	h1 {
		font-size: 2.5rem;
	  }
	  h2 {
		font-size: 2rem;
	  }
	  h3 {
		font-size: 1.8rem;
		letter-spacing: normal;
	  }
	  p{
		letter-spacing: normal;
	  }
	  .common-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	.common-arrow img {
		width: 1.5rem;
	}
	.aanbod-dtl-slider .common-arrow {
		height: 3rem;
		width: 3rem;
	}
	.navbar-brand img{
		width: 20rem;
	}
	.home-btm-right::after {
		display: none;
	}
	.fixed-icon{
		display: none;
	}
	.footer-btm{
		padding-bottom: 2rem;
	}
	.each-product-content-top{
		background-color: #925742;
	}
	.each-product-content-btm {
		background-color: #512F23;
	}
	.each-product:hover .each-product-content-top::after{
		display: none;
	}
	.each-slider-content h5{
		padding: 0 0 1rem;
	}
	.each-product-content-top h5, .each-product-content-top p{
    	height: auto !important;
	}
	/* ======= aanbod-list ==== */
	.banner-content h1{
		word-break: break-word;
	}
	.footer-logo img {
		width: 15rem;
	}
	.footer-logo{
		margin-bottom: 3rem;
	}
	/* ======= vacatures-list ===== */
	.vacatures-list-each-box {
		margin: 2rem 0 0;
	}
	.vacatures-list-wrap {
		margin: -2rem 0 0;
	}
	.vacatures-list-each-box-content{
		max-width: 100%;
	}
	.vacatures-list-each-box-content p{
		padding: 2rem 0;
	}
/* ============ contact ===== */
	.map {
		height: 32rem;
	}
	.map::after{
		display: none;
	}
	.map-sec .inner-banner .banner-content{
		top: 50%;
	}
	.overons-mid h2 {
		margin-bottom: 4rem;
	}
	.overons-mid-img {
		padding: 8rem 0;
	}
	/* .diensten-dtl-financiering */
	.back-btn{
		position: initial;
		padding: 2rem 0;
	}
	/* ======  aanbod-dtl ==== */
	.pricr-dtl table td{
		display: inline-block;
		width: 49%;
		padding-bottom: 2rem;
	}
	.pricr-dtl h4 {
		font-size: 1.8rem;
	}
	.aanbod-dtl-slider-btm-right::after{
		display: none;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		width: 48%;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item.onder{
		width: 100%;
	}
	.tab-btn {
		margin-top: 1rem;
	}
	.dtl-tab-content-heading h4 {
		padding: 2rem 0;
	}
	.dtl-tab-sec .tab-content ul li {
		font-size: 1.4rem;
		padding-left: 1rem;
	}
	.dtl-tab-sec .bullet-panel li:after {
		background-size: 0.6rem;
	}
	.diensten-dtl-financiering .home-btm-left ul {
		margin-top: 2rem;
	}
	.diensten-dtl-top .home-btm-left {
		padding: 0;
	}
	.block-dtls {
		width: calc(100% - 12rem);
	}
	.each-onderhoud-block h4 {
		font-size: 2rem;
	}
	.aanbod-dtl-slider .common-arrow{
		display: none;
	}
	/* ==== pop-up ===== */
	.modal-area .modal-content p {
		margin: 3rem 0 ;
	}
	.modal-area .modal-content {
		padding: 6rem 2rem 3rem;
	}
	/* ================ */
	.list-banner::after{
		display: none;
	}
}
@media(max-width:575.98px){
	.each-footer-menu{
		margin-bottom: 2rem;
	}
	.each-footer-menu h5 {
		margin-bottom: 1rem;
	}
	.footer-btm ul{
		justify-content: start;
		margin-top: 1rem;
	}
	.footer-right hr{
		margin: 1rem 00;
	}
	.footer-right > .row {
		margin: 0 0 2rem;
	}
	.each-product-content-top h5, 
	.each-product-content-btm td h5 {
		font-size: 1.4rem;
	}
	.each-product-content-btm p{
		font-size: 1.4rem;
	}
	.thankyou-banner ,
	.home-banner .swiper-slide{
		height: 30rem;
	}
	.thankyou-banner img ,
	.home-banner .swiper-slide img{
		height: 100%;
		object-fit: cover;
	}
	.banner-btn a{
		display: block;
		max-width: 23rem;
	}
	.banner-btn {
		margin-top: 2rem;
	}
	.banner-btn .trans-btn{
		margin-left: 0;
		margin-top: 1rem;
	}
	/* ======= vacatures-list ===== */
	.inner-banner .banner-content {
		top: 20%;
	}
	/* ======= overons ===== */
	.inner-banner .banner-content {
		position: relative;
		z-index: 9;
		top: 0;
		padding: 2rem 0 ;
	}
}

@media(min-width: 576px) {
.banner_background_video .video-js {
	width: 100% !important;
	}
}
@media(max-width: 575.98px) {
	.banner_background_video, .banner_background_video .video-js {
		height: 70vh !important;
		}
	.video-js .vjs-tech {
	    object-fit: cover;
	    display: block;
	}
}