@media(max-width: 1699.98px){
	.common-wrap{
		padding-right: 3%;
		padding-left: 3%;
	}
	/* ======= home ===== */
	.banner-content h1 {
		font-size: 6rem;
	}
	h1{
		font-size: 6rem;
	}
	h2{
		font-size: 4rem;
	}
	h3{
		font-size: 3rem;
	}
	h4{
		font-size: 2.5rem;
	}
	h5{
		font-size: 1.8rem;
	}
	.home-mid-content{
		padding-left: 4rem;
		padding-top: 4rem;
	}
	.home-mid-content p{
		padding-bottom: 4rem;
	}
	.footer-area h2 {
		padding: 8rem 0;
	}
	/* ==== aanbod-list ==== */
	.anbod-mid-btn{
		padding-left: 4rem;
		height: 10rem;
	}
	.anbod-mid-btn::after{
		height: 10rem;
	}
	/* ==== aanbod-dtl === */
	.all-blt{
		padding-left: .5rem;
	}
	/* ======= diensten-list ====== */
	.vacature-form-sec form .form-main .col-lg-6:nth-child(odd) {
		padding-right: 3rem;
	}
	.vacature-form-sec form .form-main .col-lg-6:nth-child(even) {
		padding-left: 3rem;
	}
	.vacature-form-sec {
		padding: 8rem 0 ;
	}
	.diensten-list-btm .container-fluid{
		margin-top: -8rem;
	}
	.vacature-upper-area{
		padding: 8rem 0;
	}
	.diensten-list-mid {
		padding-top: 10rem;
	}
	/* ====== overons ===== */
	.header-area {
		padding: 2rem 0; 
   }
   .header-logo img {
		width: 9rem;
	}
	.inner-banner-content{
		bottom: 3rem;
	}
	.diensten-accro::after {
		height: 10rem;
	}
	.diensten-accro .anbod-mid-btn {
		margin-top: 7rem;
	}
	.diensten-list-btm  .row.flex-row-reverse{
		padding-bottom: 0;
   }
	/* =========== contact ============ */
	.contact-appointment {
		margin-left: calc(50% + 1.5rem);
	}
	.contact-form-sec {
		margin-top: -5rem;
	}
	.contact-appointment {
		padding: 4rem 4rem;
	}
	.contact-top .contact-top-img {
		margin-top: -10rem;
	}
	.contact-us{
		margin-left: 76%;
	}
	.contact-us {
		padding: 2rem 2rem 4rem 2rem;
	}
	/* ================= */
	.aanbod-tab {
		margin-top: -37rem;
	}
}
@media(max-width:1399.98px){
	.vctr-dtl-acor-rgt-image {
		padding-left: 3rem;
	}
	.vctr-dtl-acor-lft-area {
		padding-right: 3rem;
	}
	.vctr-dtl-acor-lft-area p{
		margin-bottom: 4rem;
	}
	.product-slider-heading h2 {
		margin-bottom: 6rem;
	}
	.product-slider .swiper {
		padding-bottom: 8rem;
	}
	.btm-slider {
		margin-top: -25rem;
	}
	.home-mid .swiper-pagination{
		left: 50%;
	}
	.each-product-content table{
	    width: 100%;
	}
	/* ===== aanbod ==== */
	.inner-banner-content{
		bottom: 2rem;
	}
	/* ===== popup ==== */
	.modal-area .modal-dialog {
		max-width: 75%;
	}
	/* ===== aanbod-dtl====== */
	.contact-us {
		margin-left: 68%;
	}
	.aanbod-dtl-mid ul {
		column-gap: 1rem;
	}
	.aanbod-dtl-mid img {
		width: 2.5rem;
		margin-right: 2rem;
	}
	/* ===== aanbod-list === */
	.diensten-list-btm .container-fluid{
		margin-top: -4rem;
	}
	.diensten-list-btm .container-fluid:last-child .vacature-up-lft-image{
		margin-top: -4rem;
	}
	.service-list-form{
	    padding-top: 8rem !important;
	}
	/* =======-======== */
	.anbod-mid-btn a::after {
		right: 4rem;
	}
	.accordion-body iframe {
		width: 100%;
		height: 91rem;
	}	
	.filter {
		padding: 6rem 0;
	}
}
@media(min-width: 1200px) and (max-width: 1399.98px){
	.each-product-content td img {
		width: 1.4rem;
    	margin-right: 0;
	}
	.each-product-content td{
		padding-right: 0;
		font-size: 1.3rem;
	}
}
@media(max-width:1199.98px){
	.header-menu li a{
		font-size: 1.6rem;
	}
	.btm-slider{
		margin-top: 0rem;
	}
	.vctr-dtl-acor-lft-area {
		padding-right: 0;
	}
	.sliderarea{
		margin-top: 4rem;
	}
	.home-mid-content{
		padding: 4rem 2rem;
	}
	.footer-btm {
		padding: 7rem 0;
	}
	.footer-right-btm hr {
		margin: 8rem 0 4.5rem;
	}
	.vacature-accordion-wrap .accordion-button{
		padding: 2rem 0;
	}
	.vacature-accordion-wrap .accordion-button::after {
		top: 30px;
	}
	.vctr-dtl-acor-rgt-image{
		padding-left: 0;
	}
	.vctr-dtl-acor-lft-area .black-btn {
		margin-top: 4rem;
	}
	/* ===== aanbod-list ==== */
	.anbod-mid-btn::after {
		height: 4rem;
	}	
	/* ====== contact ======= */
	.contact-appointment{
		margin-left: 48%;
	}
	.contact-form-sec h2 {
		margin-bottom: 3rem;
	}
	.contact-appointment {
		padding: 4rem 2rem;
	}
	.contact-top .contact-top-img {
		margin-top: -6rem;
	}
	.contact-appointment h5 {
		font-size: 2rem;
	}
	/* ============= aanbod-dtl ============ */
	.aanbod-tab .bullet-panel li:after ,
	.kenmerken-tab ul li:nth-child(odd){
		background-size: 0.6rem;
	}
	.aanbod-tab .bullet-panel  li,
	.kenmerken-tab li{
		font-size: 1.4rem;
		padding-left: 1rem;
	}
	.kenmerken-tab ul li:nth-child(odd){
		background-position: left top .7rem;
	}
	.aanbod-tab .bullet-panel li::after {
  		top: 0.7rem;
	}
	.each-onderhoud-block h4 {
		color: #fff;
		font-size: 2.2rem;
	}
	.block-dtls {
		width: calc(100% - 9rem);
	}
	.left-bg-block h6{
		font-size: 1.4rem;
	}
	.product-slider {
		padding: 5rem 0;
	}
	.aanbod-dtl-mid img {
		width: 2rem;
		margin-right: 1rem;
	}
	.aanbod-dtl-mid .col-md-6 li, .aanbod-dtl-mid .col-md-6 h5 {
		font-size: 2rem;
	}
	.contact-us .common-btn {
		margin-top: 1rem;
	}
	.diensten-dtl-slider p{
		max-width: 100%;
	}
	.overons-accro .anbod-mid-btn{
		margin-top: 8rem;
	}
	.anbod-mid-btn {
		height: 6rem;
	}
	.diensten-list-btm .container-fluid{
		margin-top: 0;
		padding-top: 8rem;
	}
	/* ======== ======= */
	.vacature-accordion-wrap .accordion-body p {
		margin-bottom: 6rem;
	}
	.anbod-mid-btn a::after {
		right: 1rem;
	}
	.vacature-accordion-wrap{
		margin-bottom: 5rem;
	}
	/* ================= */
	.aanbod-dtl-mid ul{
		margin-bottom: 0;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
	}
	main {
		padding-top: 84px;
	}
	.res-logo-styl{
		width: 10rem;
	}
	.common-btn{
		padding: 1rem 2rem;
	}
	.common-wrap{
		padding-right: 2%;
		padding-left: 2%;
	}
	.header-area{
		display: none;
	}
	.vctr-dtl-acor-lft-area p ,
	.home-mid-content p{
		max-width: 100%;
	}
	.sliderarea {
		margin-top: 0;
	}
	.vctr-dtl-accordion-area ,
	.product-slider {
		padding: 4rem 0;
	}
	.home-mid .swiper-pagination ,
	.product-slider .swiper-pagination{
		display: none;
	}
	.product-slider .swiper {
		padding-bottom: 3rem;
	}
	.product-slider .common-btn {
		margin-top: 0;
	}
	.vctr-dtl-acor-lft-area{
		padding-top: 3rem;
	}
	.footer-right {
		margin-top: 4rem;
	}
	.home-mid-content {
		padding: 4rem 0;
	}
	.banner-content p{
		font-size: 1.6rem;
		margin-top: 1rem;
	}
	.banner-content h1 {
		font-size: 4rem;
	}
	h1{
		font-size: 3rem;
	}
	h2{
		font-size: 2.6rem;
	}
	h3{
		font-size: 2rem;
	}
	h4{
		font-size: 2rem;
	}
	h5{
		font-size: 1.6rem;
	}
	.footer-area h2 {
		padding: 4rem 0;
	}
	/* ===== aanbod-list ==== */
	.home-mid-content {
		padding-bottom: 7rem;
	}
	.filter{
		padding: 3rem 0;
	}
	.aanbond-select-option-btn{
		background-size: 1.2rem;
		font-size: 1.2rem;
		padding-left: 2.8rem;
		padding-right: 1rem;
		text-overflow: ellipsis;
	}
	/* ======= diensten-list ======== */
	.diensten-list-btm .vacature-up-rgt-contain{
		padding: 4rem 0;
	}
	.diensten-list-btm .container-fluid:nth-child(even){
		margin-top: 0;
	}
	.diensten-list-btm  .vacature-up-rgt-contain p ,
	.diensten-list-btm .container-fluid:nth-child(even) .vacature-up-rgt-contain p{
		max-width: 100%;
		padding: 2rem 0;
		margin: 0;
	}
	.diensten-list-mid {
		padding-top: 4rem;
	}
	.vacature-upper-area {
		padding: 4rem 0 0;
	}
	.vacature-form-sec form .form-main .col-lg-6:nth-child(odd){
		padding: 0;
	}
	.vacature-form-sec form .form-main .col-lg-6:nth-child(even) {
		padding: 0;
	}
	.vacature-form-sec .form-styl{
		padding: 1.5rem .5rem;
	}
	.form-heading h3{
		margin-bottom: 2rem;
	}
	.vacature-form-sec {
		padding: 4rem 0;
	}
	.counter-sec {
		margin-bottom: 3rem;
	}
	.home-mid-content {
		padding-bottom: 4rem;
	}
	.home-mid-content p {
		padding-bottom: 0;
	}
	.vacature-accordion-wrap .accordion-button::after {
		top: 22px;
	}
	/* ===== contact ==== */
	.contact-form-sec {
		margin-top: 0;
	}
	.contact-appointment{
		max-width: 51rem;
		margin-left: 0;
		margin-right: auto;
	}
	.contact-top .contact-top-img{
		margin-top: 0;
	}
	.map-heading h2 {
		padding-top: 4rem;
	}
	/* ===== pop-up ===== */
	.modal-area .modal-content {
		padding: 11rem 2rem 4rem 3rem;
	}
	.popup-content p {
		color: #121212;
		padding: 3rem 0;
		max-width: 66rem;
	}
	/* ====== aanbod-dtl ==== */
	.aanbod-tab {
		margin-top: 0;
	}
	.contact-us {
		margin-left: 0;
	}
	.back-btn-sec {
		padding-top: 2rem;
	}
	.all-blt{
		padding-left: 0;
		/* margin: 3rem auto 0; */
		margin-top: 3rem;
		max-width: 100%;
	}
	.all-blt a{
		max-width: max-content !important;
		margin-right: 1rem;
	}
	.contact-us{
		margin-top: 2rem;
	}
	/* ====== overons === */
	.home-mid-content p:not(.contact-add p){
		max-width: 100%;
		padding: 2rem 0;
	}
	.anbod-mid-btn{
		margin-bottom: 2rem;
	}
	.aanbod-mid .home-mid-content {
		padding-bottom: 10rem;
	}
	.btm-slider{
		padding-bottom: 0;
	}
	/* ==== aanbod-list ===== */
	.diensten-list-btm .container-fluid:nth-child(even){
		margin-top: 0;
	}
	.diensten-list-btm .container-fluid:last-child .vacature-up-lft-image {
		margin: 0;
	}
	.vacature-up-rgt-contain p{
		display: block;
		overflow: auto;
	}
	.vacature-up-lft-image {
		padding-right: 0;
	}
	.diensten-list-btm .container-fluid{
		margin-top: 0;
		padding: 3rem 0 0;
	}
	.diensten-list-btm{
		padding: 0;
	}
	.diensten-list-mid p{
		margin: 4rem 0;
	}
	.home-mid{
		padding-top: 4rem;
	}
	.vacature-accordion-wrap .accordion-button{
		font-size: 1.7rem;
		padding: 1rem 0;
	}
	.vacature-form-sec .form-group{
		margin-bottom: 1rem;
	}
	.vacature-form-sec .form-styl{
		padding-bottom: 1rem;
	}
	.vacature-form-sec .form-main .common-btn, .diensten-accro .vctr-dtl-acor-rgt-image{
		margin-top: 3rem;
	}
	.txt-area-outer{
		height: auto !important;
	}
	.contact-top .home-mid-content{
		padding-bottom: 4rem;
	}
	.diensten-list-btm .container-fluid:last-child{
		margin-top: 0;
	}
	.diensten-dtl-slider{
		padding-bottom: 0;
	}
	.diensten-list-btm .container-fluid .vacature-up-rgt-contain{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.service-list-form{
	    padding-top: 4rem !important;
	}
	/* ==================== */

	.overons-accro .vacature-accordion-wrap .accordion-button{
		background-color:#fff;
		border: 1px solid #0B0B0B;
		border-radius: 10rem !important;
		padding: .5rem 1rem;
		margin-bottom: 1rem;
		/* border-color: #fff !important; */
	}
	.vacature-accordion-wrap .accordion-button::after{
		display: none;
	}
	.vacature-accordion-wrap .accordion-item{
		border: 0;
	}
	.vacature-accordion-wrap .accordion-body p{
		padding:1rem 0 2rem 2rem;
		margin-bottom: 0;
		max-width: 100%;
	}
	.overons-accro .anbod-mid-btn {
		margin-top: 3rem;
		position: relative;
		padding-left: 2rem;
		margin-bottom: 0;
	  }
	  .vacature-accordion-wrap .accordion-button{
		font-size: 1.7rem;
		padding: 1rem 0;
	}
	.vacature-accordion-wrap .accordion-item .accordion-button {
		margin-bottom: 1rem;
	}
	.vacature-accordion-wrap .accordion-item .accordion-button ,
	.vacature-accordion-wrap .accordion-item:first-of-type .accordion-button{
		border: 1px solid #0B0B0B ;
		border-radius: 10rem !important;
		padding-left:2rem;
	}
	.aanbod-dtl-mid h3 {
		margin-top: 1rem;
	}
	.aanbod-dtl-mid ul{
		margin-bottom: 0;
	}
	.accordion-body iframe {
		height: 91rem;
	}
	.aanbod-dtl-mid .col-md-6 .text-end h5 {
		font-size: 1.4rem;
	}
	.aanbod-product .each-product {
		margin-bottom: 3rem;
	}
}
@media(max-width: 767.98px){
	.widget-mobile{
	  	background: #1c1c1c;
	  	padding: 1.5rem 1.2rem;
	  	border-top: 1px solid rgba(255,255,255,0.1);
	  	border-bottom: 1px solid rgba(255,255,255,0.1);
	  	z-index: 99;
	}
	.widget-mobile .d-flex{
		gap: 5px;
	}
	.widget-mobile button{
		padding: .65rem;
  		font-size: 1.4rem;
	}
	.widget-mobile h6 span{
		font-size: 1.4rem;
		cursor: pointer;
		font-family: 'lama_sanssemibold';
		padding-right: 2.5rem;
		color: #fff;
		margin-right: .75rem;
	}
	.widget-mobile h6 span:after{
		background: url(../images/arw-color.svg) no-repeat center/ contain;
		right: 0;
	}
	.widget-mobile h6 span:not(.active):after{
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	.widget-mobile h6 span.active{
		color: #d32e33;
	}
	.widget-mobile h6 span.active:after{
		transform: translateY(-50%) rotate(-90deg);
	}
	.widget-mobile-content{
		bottom: 6.5rem;
		background: #121212;
		padding: 3rem 1.5rem 1.5rem;
		z-index: 99;
		display: none;
	}
	.widget-mobile-content.show-div{
		display: block;
	}
	.widget-content-wrap{
		background: #1c1c1c;
		border: 1px solid rgba(255,255,255,0.1);
		padding: 1.5rem;
	}
	.widget-mobile-content td{
  		color: #fff;
		vertical-align: top;
    	font-size: 1.4rem;
    	font-family: 'lama_sansmedium';
    	padding: 4px 0;
	}
	.widget-mobile-content td a:hover{
		color: #d32e33;
	}
	.whatsapp-block{
		background: #25D366;
		border-radius: 5px;
		width: 3.7rem;
		height: 3.7rem;
	}
	.whatsapp-block img{
		width: 1.8rem;
	}
	.widget-mobile-content td span{
		width: 2.2rem;
    	height: 2.2rem;
    	border: 1px solid rgba(255,255,255,0.1);
    	margin-right: 1.8rem;
	}
	.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;
	}
	.banner-content p{
		max-width: 100%;
	}
	.vacature-accordion-wrap .accordion-item:first-of-type .accordion-button{
		padding-right: 2.5rem;
	}
	.banner-content{
		position: initial;
		padding: 4rem 0 0;
	}
	.banner-content hr{
		display: none;
	}
	.banner-content h1{
		font-size: 3rem;
	}
	.product-slider-heading h2 {
		margin-bottom: 3rem;
	}
	.footer-right-btm hr {
		margin: 2rem 0;
	}
	.footer-right-btm ul{
		justify-content:left;
		margin-top: 2rem;
	}
	.footer-btm {
		padding: 3rem 0;
	}
	.footer-left img {
		width: 10rem;
	}
	/* ====== aanbod-list ==== */
	.anbod-mid-btn {
		padding:0 2rem;
	}

	/* ====== overons ==== */
	.counter-sec h3 {
		margin-bottom: 2rem;
	}
	.vctr-dtl-accordion-area hr {
		margin: 0 0 3rem;
	}
	/* ======== contact ===== */
	.map {
		height: 30rem;
	}
	/* ===== aanbod-dtl ====== */
	.aanbod-dtl-mid ul{
		justify-content: start;
		margin: 2rem 0;
	}
	.modal-area .modal-dialog{
		max-width: 94%;
	}
	/* ========= */
	.all-blt a{
		max-width: 47% !important;
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
	.aanbod-dtl-mid .col-md-6 .text-end h5 {
		color: #fff;
	}
	.aanbod-dtl-mid .col-lg-12.text-end{
		text-align: left !important;
	}
	.aanbod-dtl-mid h3 {
		margin-top: 0;
	}
	.aanbod-dtl-mid .col-md-6 li, 
	.aanbod-dtl-mid .col-md-6 h5 {
		font-size: 1.6rem;
	}
	.aanbod-dtl-mid ul{
		margin: 1rem 0;
	}
	.aanbod-dtl-mid .col-md-6 .text-end h5 {
		margin-left: 3.6rem;
	}
	.aanbod-banner{
		display:none;
	}
}
@media(max-width:575.98px){
	.all-blt a {
		max-width: 100% !important;
		margin-right: 0;
	}
	.filter-kilo,
	.filter-bouw {
		background-position-x: 3%;
	}
	.each-product-content td img{
		display: none;
	}
	.each-product-content table{
		width: auto;
	}
	.each-product-content td{
		font-size: 1.3rem;
	}
	.each-product-content td{
		padding-right: .75rem;
	}
}
@media(min-width: 992px){
	.error_top{
		padding: 16rem 0 3rem;
	}
}