@media(min-width: 1500px){
	.container{
		max-width: 1320px;
	}
}
@media(min-width: 1650px){
	.container{
		max-width: 1522px;
	}
}
@media(max-width: 1799.98px){
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link{
		padding: 10px 16px;
	}
	/********************aanbod****************/
	.aanbod-product .sec-heading .divider {
    	width: calc(100% + 60px);
    	margin-left: -30px;
	}
	/*************************diensten dtl*******************/
	.contact-form-wrap{
		width: 100%;
		margin-left: 0;
	}
	/*****************************aanbod dtl*****************/
	.aanbod-detail-tab-sec .tab-sec {
    	padding-left: 70px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding:0 70px;
	}
	/***************************thank u***********************/
	.thanku-banner-sec .banner-content-wrap{
		margin-right: 0;
	}
}
@media(max-width: 1699.98px){
	/******************aanbod dtl***************/
    .table-wrap {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.table-panel table tr td, .table-panel table tr th{
		padding-right: 50px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -100px;
	}
	/***********************thank u****************/
	.thanku-banner-sec .banner-content-wrap{
	    padding: 50px 60px;
	    max-width: 720px;
	}
}
@media(max-width: 1649px){
	.desktop-nav .nav-item{
		font-size: 15px;
	}
	.footer-content{
		padding:0;
	}
	.footer-information .col-lg-5 .each-footer-information, .footer-opening-time {
	    padding-left: 40px;
	}
	.header-area{
		padding: 8px 80px;
	}
	.product-content h6{
		height: 95px;
	}
	.bottom-block-content h2{
		font-size: 40px;
		line-height: 52px;
	}
	/*********************diensten listview*******************/
	.listview-content {
	    padding: 60px 100px 60px 60px;
	    max-width: 730px;
	    margin-left: 0;
	}
	.each-listview:nth-child(even) .listview-content{
	    margin-right: 0px;
	 }
	 /**************************diensten dtl**********************/
	 .left-content, .back-btn-wrap{
	 	padding-left: 80px;
	 	padding-right: 40px;
	 }
	 .contact-form-wrap{
	 	padding-left: 120px;
	 	padding-right: 120px;
	 }
	 /*********************klaten**********************/
	 .inner-old-man .flex-row-reverse .img-2 {
		left: -180px;
	}
	.inner-old-man .inner-wrap1 .img-2 {
		right: -180px;
	}
	.inner-old-man .inner-wrap1 h4 {
		margin-right: 0px;
	}
	.inner-old-man .flex-row-reverse h4 {
		padding-left: 0px;
	}
	.klant-wrap .sec-heading h2 {
		font-size: 28px;
	}
	.klant-wrap .sec-heading h4 {
		font-size: 18px;
	}
	.content-table-wrap {
    	padding-left: 60px;
	}
	/*************************overons********************/
	.overons-left-content{
		padding-left: 100px;
		padding-right: 100px;
	}
	.counter-area{
		padding-right: 50px;
	}
	.counter-area h2{
	    font-size: 40px;
	}
	/***************************vacature******************/
	.vacatures-section-1 .part-2 .inner-wrapper {
    	width: 75%;
    }
}
@media(max-width: 1599.98px){
	/*********************aanbod dtl******************/
	.aanbod-detail-tab-sec .tab-sec {
	    padding-left: 50px;
	}
	.aanbod-detail-tab-sec .tab-content {
	    padding: 0 50px;
	}
}
@media(max-width: 1499.98px){
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
	    padding: 10px 13px;
	}
	.product-content p{
		/*height: 100px;*/
	}
	.icon img {
	    width: 30px;
	    margin-right: 15px;
	}
	.icon .pin-image {
	    width: 40px;
	}
	.icon .clock-image {
	    width: 36px;
	}
	.each-block h4{
		font-size: 20px;
        width: 200px;
	}
	.bottom-block-content {
	    max-width: 58%;
	    padding: 50px 70px 50px 70px;
	}
	.bottom-block-content p {
	    margin-bottom: 50px;
	}
	.footer-content .col-lg-9 {
	    max-width: 75%;
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	}
	/*******************aanbod******************/
	.each-select-box select{
		background-position: 94% center;
    	padding-left: 10px;
    	padding-right: 20px;
	}
	/*************************diensten listview****************/
	.listview-content {
	    padding: 50px 80px 50px 59px;
	    max-width: 650px;
	}
	/***********************diensten dtl******************/
	.diensten-middle-content td:nth-child(odd) {
	    padding-right: 40px;
	}
	.diensten-middle-content td:nth-child(even) {
	    padding-left: 40px;
	}
	.middle-content-wrap {
	    padding: 0 50px;
	}
	.contact-form-wrap {
	    padding-left: 80px;
	    padding-right: 80px;
	    margin-top: -120px;
	}
	.left-content p{
		text-align: justify;
	}
	/******************aanbod dtl***************/
    .table-wrap {
	    padding: 0px;
	}
	.table-panel table tr td, .table-panel table tr th{
		padding-right: 50px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -100px;
	}
	.aanbod-detail-tab-sec .tab-content::after {
	    left: -80px;
	}
	/**********************klaten******************/
	.child-section-1 .logo:first-child {
		width: 170px;
	}
	.inner-old-man .flex-row-reverse .img-2 {
		left: -100px;
	}
	.inner-old-man .inner-wrap1 .img-2 {
		right: -100px;
	}
	.klant-wrap{
		padding-right: 60px;
		padding-left: 60px;
	}
	/*************************overons********************/
	.overons-left-content{
		padding-left: 80px;
		padding-right: 80px;
	}
	.counter-box h3 {
	    font-size: 32px;
	}
	.counter-box {
	    width: 125px;
	    height: 125px;
	}
	.counter-wrap h4{
		font-size: 22px;
	}
	.counter-area h2{
	    font-size: 36px;
	}
	.oveons-middle-sec{
		padding-bottom: 80px;
	}
	/***************************vacature******************/
	.vacatures-section-1 .part-2 .inner-wrapper {
    	padding-right: 0;
    }
}
@media(max-width: 1399.98px){
	h1 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.header-area{
		padding-right: 50px;
	}
	.desktop-nav .nav-item {
	    font-size: 14px;
	}
	.bottom-block-content h2 {
	    font-size: 36px;
	    line-height: 45px;
	}
	.bottom-block-content{
		margin-right: 120px;
	}
	/**************************aanbod dtl********************/
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		font-size: 22px;
	}
	/***********************overons******************/
	.counter-wrap{
		padding-left: 0;
	}
	/**********************vacature***************/
	.part-2 h2{
	    font-size: 30px;
	}
}
@media(max-width: 1299.98px){
	.header-area{
		padding:8px 50px;
	}
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
	    padding: 10px;
	}
	/*******************aanbod******************/
	.aanbod-product .sec-heading .divider{
		width: 100%;
		margin-left: 0;
	}
	/********************diensten listview***************/
	.listview-content {
	    padding: 40px 50px 40px 40px;
	    max-width: 590px;
	}
	.listview-content p{
		margin-bottom: 40px;
	}
	/*************************diensten dtl********************/
	.left-content, .back-btn-wrap {
	    padding-left: 50px;
	    padding-right: 30px;
	}
	/*******************aanbod dtl************/
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    font-size: 21px;
	}
	.aanbod-detail-tab-sec .tab-sec {
	    padding-left: 30px;
	}
	/*************************overons******************/
	.overons-left-content{
		padding-top: 140px;
		padding-bottom: 120px;
	}
	.counter-wrap h4 {
	    font-size: 20px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding: 0 30px;
	}
}
@media(max-width: 1199.98px){
	h1 {
	    font-size: 36px;
	    line-height: 42px;
	}
	h2{
		font-size: 32px;
	}
	.header-area .navbar-brand img {
  		width: 180px;
	}
	.desktop-nav .nav-item{
		font-size: 13px;
	}
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
	    padding: 7px 9px;
	}
	.header-area{
		padding-right: 30px;
		padding-left: 30px;
	}
	.footer-top .row .col-lg-3, .footer-top .row .col-lg-9 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.footer-top .row .col-lg-9 .col-lg-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.footer-logo {
	    margin-bottom: 50px;
	    padding-bottom: 50px;
	    border-bottom: 2px solid #2a2a2a;
	}
	.footer-area{
		padding: 70px 0;
	}
	.footer-area .divider{
		margin:50px 0;
	}
	.contact-block-wrap{
		margin-top: 0;
	}
	.banner-form {
	    margin-top: 30px;
	}
	.banner-content-wrap{
		max-width: 600px;
		padding: 40px;
	}
	.banner-content{
		top: 60%;
	}
	.contact-block{
		background:#1c1c1c;
	}
	.each-block{
		border-right: 0;
	}
	.each-gallery-content{
		bottom: 20px;
		padding-left: 15px;
	}
	.bottom-block-content h2 {
	    font-size: 32px;
	    line-height: 40px;
	}
	.bottom-block-content {
	    margin-right: 70px;
	    padding: 30px 50px 30px 50px;
	}
	.bottom-block-content p {
	    margin-bottom: 30px;
	}
	/**********************aanbod******************/
	.filter-sec{
		padding-top: 90px;
	}
	.each-select-box{
		margin-bottom: 10px;
	}
	/*********************diensten listview******************/
	.listview-image{
		width: 65%;
	}
	.listview-content{
		max-width: 520px;
	}
	.listview-arrow img{
		width: 70px;
	}
	.listview-sec{
		padding-top: 40px;
	}
	/**************************diensten dtl*******************/
	.diensten-dtl-image {
	    padding-left: 30px;
	}
	.dienstend-dtl-bottom-sec.gallery-slider{
		padding-top: 120px;
	}
	.each-gallery-content h4{
		font-size: 19px;
		letter-spacing: normal;
	}
	/**************************aanbod dtl*********************/
	.table-panel table tr td, .table-panel table tr th {
	    padding-right: 28px;
	}
	.data-table-area{
		padding: 60px 0 80px;
	}
	.aanbod-detail-tab-sec {
	    padding: 60px 0 100px;
	}
	.aanbod-detail-tab-sec .tab-content .tab-pane .tab_hedaing h4 {
		font-size: 20px;
	}
	.aanbod-detail-tab-sec .col-lg-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.aanbod-detail-tab-sec .col-lg-9 {
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	/*******************************klaten*************************/
	.inner-old-man .inner-wrap1 .img-2, .inner-old-man .inner-wrap2 .img-2 {
		float: unset;
		right: unset;
		left: unset;
		margin-top: 20px;
	}
	.inner-old-man .inner-wrap1, .inner-old-man .inner-wrap2 {
		width: 100%;
		margin-top: 50px;
		padding: 20px;
	}
	.inner-old-man .inner-wrap2 {
		margin-left: 0px;
	}
	.inner-old-man .inner-wrap1 h4, .inner-old-man .inner-wrap2 h4 {
		float: unset;
		margin-right: 0px;
		margin-left: 0px;
		text-align: center;
	}
	.inner-old-man {
		margin-top: 50px;
	}
	.child-section-1 {
		display: block;
		text-align: center;
	}
	.child-section-1 ul {
		justify-content: center;
	}
	.inner-old-man .inner-wrap1:nth-child(even) {
		margin-left: 0px;
	}
	.tab-text-align {
		text-align: center;
	}
	.inner-old-man .inner-wrap1 .img-2 {
		max-width: 70%;
	}
	.inner-old-man .inner-wrap1 .d-flex.flex-row, .inner-old-man .inner-wrap1 .d-flex.flex-row-reverse {
		align-items: center;
	}
	.tab-text-align {
		padding-left: 30px;
	}
	.inner-old-man .inner-wrap1 .img-2 {
		float: unset;
		right: unset;
		left: unset;
		margin-top: 20px;
		max-width: 100%;
	}
	.flex-row-reverse .tab-text-align {
		padding-right: 30px;
		padding-left: 15px;
	}
	.klant-wrap .sec-heading{
		margin-right: 0;
		margin-top: -40px;
	}
	.content-table-wrap {
	    padding-left: 30px;
	    padding-top: 50px;
	}
	.klant-wrap {
	    padding-right: 40px;
	    padding-left: 40px;
	}
	.klant-wrap td:nth-child(odd) {
	    padding-right: 20px;
	}
	.klant-wrap td:nth-child(even) {
	    padding-left: 20px;
	}
	/********************overons***************/
	.overons-left-content{
		padding-left: 40px;
		padding-right: 40px;
	}
	.counter-wrap h4 {
	    font-size: 18px;
	    letter-spacing: normal;
	}
	.counter-area h2{
	    font-size: 30px;
	}
	/***********************thank u****************/
	.thanku-banner-sec .banner-content-wrap{
	    padding: 40px 50px;
	    max-width: 620px;
	}
	.thanku-banner-sec .common-btn{
		margin-top: 15px;
	}
	/********************vacatures***************/
	.vacatures-section-1 .part-1 {
		max-width: 30%;
    	flex: 0 0 30%;
	}
	.vacatures-section-1 .part-2 {
		max-width: 70%;
    	flex: 0 0 70%;
	}
	.vacatures-section-1 ul li a {
		padding: 35px 15px;
	}
	.vacatures-section-1 .part-2 .inner-wrapper {
		width: 90%;
	}
	.aanbod-dtl-btn{
		display: flex;
		gap: 10px;
	}
	.inruilen-btn {
		padding-top: 0;
		width: 50%;
	}
	.interesse-btn{
		width: 50%;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
	}
	.header-area{
		display: none;
	}
	.res-logo-styl {
	    width: 170px;
	}
	main, .error-background{
		padding-top: 77px;
	}
	h1 {
	    font-size: 32px;
	    line-height: 36px;
	}
	h2{
		font-size: 26px;
		letter-spacing: 0.5px;
	}
	.banner-content {
	    top: 50%;
	}
	.each-block h4{
		vertical-align: top;
	}
	.product-area, .gallery-slider{
		padding: 70px 0;
	}
	.sec-heading{
		margin-bottom: 50px;
	}
	.gallery-images .swiper-slide:nth-child(5n) .each-gallery:after,
	.gallery-images .swiper-slide-active .each-gallery:after{
	    display: none;
	}
	.gallery-images .swiper-slide:nth-child(5n) .each-gallery-content,
	.gallery-images .swiper-slide-active .each-gallery-content{
	    opacity: 1;
	}
	.product-content .align-items-end .text-right{
		text-align: left !important;
		margin-top: 15px;
	}
	.common-arrow{
		width: 50px;
		height: 50px;
	}
	.product-slider .swiper-button-next, .product-slider .swiper-button-prev{
		border-radius: 0;
	}
	.bottom-block-content{
		margin-right: 40px;
		max-width: 80%;
	}
	.bottom-block-content h2 {
	    font-size: 28px;
	    line-height: 30px;
	}
	.each-footer-information, .footer-information .col-lg-5 .each-footer-information, .footer-opening-time{
		padding-left: 0;
	}
	.each-footer-information{
		margin-bottom: 40px;
	}
	.each-footer-information.footer-opening-time{
		margin-bottom: 0;
	}
	.footer-top .row .col-lg-9 .col-lg-3{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	/**************************aanbod********************/
	.filter-sec{
		padding: 60px 0;
	}
	.aanbod-product .sec-heading .divider{
		margin:40px 0;
	}
	.aanbod-product .product-content h6 {
	    height: 125px;
	}
	/************************diensten listview****************/
	.listview-image{
		width: 100%;
		position: relative;
	}
	.listview-arrow img, .each-listview:nth-child(even) .listview-arrow img{
		margin:0;
	}
	.listview-content{
		max-width: 100%;
		margin:0;
	}
	.each-listview{
		margin-top: 0;
	}
	.listview-content p{
		display: inline-block;
	}
	/**************************diensten dtl******************/
	.back-btn-wrap{
		position: relative;
		padding: 40px 0px 0 40px;
		width: 100%;
	}
	.left-content, .contact-form-wrap{
		padding: 50px 40px;
	}
	.contact-form-wrap, .form-area{
		margin-top: 40px;
	}
	.diensten-dtl-image {
	    padding-left: 0px;
	}
	.middle-content-wrap {
	    padding: 0;
	}
	.diensten-middle-content{
		padding: 60px 0;
	}
	.contact-form-sec p:last-child{
		margin:40px 0;
	}
	.form-area .form-group {
	    margin-bottom: 25px;
	}
	.dienstend-dtl-bottom-sec .sec-heading{
		margin-bottom: 50px;
	}
	.dienstend-dtl-bottom-sec.gallery-slider {
	    padding-top: 70px;
	}
	/**********************contact*****************/
	.contact-pg-form .contact-form-wrap{
		padding-left: 0;
		padding-right: 0;
		margin:0;
	}
	.map-area{
		position: relative;
		height: 320px;
	}
	.map-sec .bottom-block-content{
		max-width: 100%;
		border-bottom: 2px solid #2a2a2a;
	}
	.map-sec.bottom-block{
		background:#1c1c1c;
		padding: 0;
	}
	/*******************aanbod dtl************/
	.aanbod-dtl-slider .common-arrow{
		width: 50px;
		height: 50px;
	}
	.aanbod-dtl-slider .common-arrow img {
	    width: 18px;
	    height: 18px;
	}
	.table-top-area h3 {
	    font-size: 25px;
	    margin-bottom: 20px;
	}
	.table-top-area h4 {
    	font-size: 24px;
	}
	.table-top-area .text-right, .price-table-part .text-right{
		text-align: left !important;
	}
	.data-table-area, .aanbod-detail-tab-sec{
		padding: 40px 0;
	}
	.price-table-part{
		padding-top: 10px;
	}
	.price-table-part .common-btn{
		margin-top: 30px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item{
		width: 33.33%;
    	text-align: center;
	}
	.aanbod-detail-tab-sec .tab-sec:after{
		display: none;
	}
	.aanbod-detail-tab-sec .col-lg-3, .aanbod-detail-tab-sec .col-lg-9 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-detail-tab-sec .tab-sec{
		padding-left: 15px !important;
	}
	.detail-from-sec{
		padding-top: 60px;
	}
	.contact-form-sec h2{
		line-height: normal;
		margin-bottom: 20px;
	}
	/********************klaten*****************/
	.inner-old-man p{
		text-align: center;
	}
	.inner-old-man{
		margin-bottom: 50px;
	}
	.inner-old-man .inner-wrap1 .d-flex.flex-row, .inner-old-man .inner-wrap1 .d-flex.flex-row-reverse {
		display: block !important;
		flex-direction: row !important;
	}
	.inner-old-man .inner-wrap1, .inner-old-man .inner-wrap2{
		padding: 20px 40px 40px;
	}
	.tab-text-align, .flex-row-reverse .tab-text-align {
	   padding: 0px;
	}
	.inner-old-man .col-lg-5, .inner-old-man .col-lg-7{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.child-section-1 .logo:first-child {
	    width: 130px;
	    margin-bottom: 20px;
	}
	.klant-wrap .sec-heading{
		margin: 0;
	}
	.content-table-wrap{
		padding: 0 15px;
	}
	.klant-wrap .sec-heading{
		padding: 70px 0;
	}
	.inner-old-man .d-flex{
		display: block !important;
	}
	/*********************overons*****************/
	.overons-left-content{
		padding: 50px 40px;
	}
	.counter-area{
		padding: 0;
	}
	.counter-wrap{
		padding: 60px 0;
	}
	.oveons-middle-sec:after{
		display: none;
	}
	.overons-gallery-slider .sec-heading{
		margin-top: 0;
		margin-bottom: 60px;
	}
	.gallery-slider.overons-gallery-slider {
		padding-top: 70px;
	}
	.overons-gallery-slider .gallery-images{
		margin-bottom: 0;
	}
	.counter-area h2{
	    font-size: 26px;
	}
	.oveons-middle-sec{
		padding-bottom: 0px;
	}
	/***********************thank u****************/
	.thanku-banner-sec .banner-content-wrap{
	    max-width: 520px;
	}
	/*******************vacatures************/
	.vacatures-section-1 .part-1, .vacatures-section-1 .part-2 {
		max-width: 100%;
    	flex: 0 0 100%;
	}
	.vacatures-section-1 ul li a {
		padding: 35px 10px;
	}
	.part-2 h2 {
	    font-size: 28px;
	}
	.vacatures-section-2 .form-area .form-padding:first-child {
	    padding-right: 15px;
	}
	.vacatures-section-2 .form-area .form-padding:last-child {
	    padding-left: 15px;
	}
	.vacatures-section-1 ul li .number {
		padding: 0px 10px;
	}
	.product-content p{
		white-space: normal;
	}
	.product-content{
		padding: 12px;
	}
	.product-content p{
		font-size: 12.6px;
		letter-spacing: normal;
	}
	.product-content .divider{
		width: calc(100% + 24px);
  		margin-left: -12px;
	}
	.each-select-box select{
  		background-size: 8px;
  		text-overflow: ellipsis;
	}
	.filter-sec .submit-btn{
		margin-top: 0;
		width: 40px;
  		height: 40px;
	}
	.filter-sec .submit-btn img {
  		width: 18px;
	}
	.btn-part {
		margin: auto;
  		display: table !important;
	}
	.mobile-back-btn {
		padding-top: 20px;
		padding-bottom: 20px;
		background: #1c1c1c;
	}
	.mobile-back-btn .common-btn{
		border-radius: 0;
	}
	.mobile-back-btn .common-btn:hover{
		background-color: #fff;
		color: #009fe3;
	}
	.price-table-part .table-panel{
		display: none;
	}
	/**********************aanbod******************/
	.select-part{
		width: 100%;
	}
	.btn-part{
		float: none !important;
	}
	.filter-custom-div{
	    margin: 0;
	}
	.each-select-box select{
    	padding-left: 8px;
    	padding-right: 10px;
	}
	.aanbod-detail-tab-sec .nav-tabs{
		max-width: 100%;
	}
}
@media (max-width: 767.98px){
	.morgeninternet-footer.viewcar-footer {
		margin-bottom: 68px !important;
		height: 50px;
	}
	.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;
	  	left: 0;
    	bottom: 0;
	}
	.widget-mobile .d-flex{
		gap: 5px;
	}
	.widget-mobile button{
		padding: .65rem;
  		font-size: 1.45rem;
	}
	.widget-mobile h6 span{
		font-size: 1.45rem;
		cursor: pointer;
		font-family: 'NunitoSansBold';
		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: #009fe3;
	}
	.widget-mobile h6 span.active:after{
		transform: translateY(-50%) rotate(-90deg);
	}
	.widget-mobile-content{
		bottom: 6.5rem;
		background: #121212;
		padding: 3rem 1.5rem 4.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.45rem;
    	font-family: 'NunitoSansRegular';
    	padding: 4px 0;
	}
	.widget-mobile-content td a{
		color: #fff;
	}
	.widget-mobile-content td a:hover{
		color: #009fe3;
	}
	.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;
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	#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: #121212;
		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{
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	.banner-content-wrap, .product-area, .gallery-slider{
		padding: 30px 0;
	}
	.product-content h6, .product-content p{
		height: auto;
	}
	h1 {
	    font-size: 26px;
	    line-height: 32px;
	}
	h2 {
    	font-size: 24px;
	}
	h4{
		font-size: 20px;
		letter-spacing: normal;
	}
	.each-block{
		text-align: left !important;
	}
	.icon img{
		width: 22px;
	}
	.icon .pin-image, .icon .clock-image {
	    width: 30px;
	}
	.contact-block-wrap{
		padding: 15px 0;
	}
	.each-block {
    	padding: 20px 0;
	}
	.each-block h4 {
	    font-size: 17px;
	}
	.line-image img{
		width: 50px;
	}
	.sec-heading, .product-slider, .gallery-images {
	    margin-bottom: 30px;
	}
	.common-arrow{
		display: none;
	}
	.product-content .text-right{
		text-align: left !important;
	}
	.common-btn{
		max-width: 220px;
		height: 50px;
		line-height: 50px;
	}
	.border-btn, .gallery-slider .color-btn{
		line-height: 48px;
	}
	.bottom-block-content h2 {
    	font-size: 24px;
	}
	.footer-logo img{
		width: 200px;
	}
	.footer-logo {
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	}
	.footer-area {
		padding: 40px 0;
	}
	.footer-bottom ul li:last-child{
		display: block;
		padding-left: 0;
		padding-top: 20px;
		padding-right: 0;
	}
	.footer-area .divider {
	    margin: 30px 0;
	}
	.each-footer-information {
	    margin-bottom: 30px;
	}
	.bottom-block {
	    padding-bottom: 10%;
	}
	.bottom-block-content {
	    max-width: 100%;
	    margin: auto;
	    padding: 30px 20px;
	}
	.gallery-images .common-arrow{
		top: -30px;
		transform: translateY(0);
		display: inline-flex;
	}
	.gallery-images .swiper-button-next{
		right: 15px;
	}
	.gallery-images .swiper-button-prev{
		left: auto;
		right: 50px;
	}
	.gallery-images{
		margin-top: 50px;
	}
	.fixed-whatspp-icon{
		display: none;
	}
	/**************************aanbod********************/
	.filter-sec{
		padding: 30px 0;
	}
	.aanbod-product .sec-heading .divider{
		margin:30px 0;
	}
	.aanbod-product .product-content h6 {
	    height: auto;
	}
	.filter-sec h2{
		padding-bottom: 30px;
	}
	.filter-wrap{
		padding: 20px 15px;
	}
	.reset-btn{
		margin-top: 10px;
		margin-right: 20px;
	}
	.aanbod-product .pl-1{
		padding-left: 15px !important;
	}
	.aanbod-product .pr-2{
		padding-right: 15px !important;
	}
	.aanbod-middle-btn{
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		margin-top: 30px;
	}
	.aanbod-middle-heading{
		width: 100%;
	}
	.product-area.aanbod-product{
		padding-bottom: 20px;
	}
	/*********************diensten listview******************/
	.listview-content{
		padding: 30px 15px;
	}
	.listview-sec{
		padding-top: 30px;
	}
	.listview-content p{
		text-align: justify;
		margin:20px 0 ;
	}
	.listview-arrow img {
	    width: 45px;
	}
	.each-listview{
		margin-bottom: 30px;
	}
	.listview-content .common-btn{
		line-height: 48px;
	}
	.back-btn-wrap{
		padding-top: 30px;
		padding-left: 15px;
	}
	.left-content, .contact-form-wrap{
		padding:30px 15px;
	}
	.diensten-middle-content{
		padding:30px 0;
	}
	.diensten-middle-content td:nth-child(odd) {
	    padding-right:0px;
	}
	.diensten-middle-content td:nth-child(even) {
	    padding-left: 0px;
	    padding-top: 35px;
	}
	.diensten-middle-content td{
		width: 100%;
		display: block;
	}
	.diensten-middle-content p {
	    margin-top: 20px;
	}
	.contact-form-wrap, .form-area{
		margin-top: 30px;
	}
	.contact-address p:last-child span{
		float: left;
		margin-bottom: 15px;
	}
	.opening-time td{
		padding-right: 15px;
	}
	.opening-time h2, .dienstend-dtl-bottom-sec .sec-heading{
		margin-bottom: 30px;
	}
	.form-area .common-btn{
		margin-top: 0;
	}
	.dienstend-dtl-bottom-sec.gallery-slider {
	    padding-top: 40px;
	}
	/***********************contact*******************/
	.map-sec .bottom-block-content{
		padding-right: 0;
		padding-left: 0;
	}
	/********************aanbod dtl*****************/
	/******for responsive data table******/
	#no-more-tables table,  #no-more-tables thead,  
	#no-more-tables tbody,  #no-more-tables th,  
	#no-more-tables td,  #no-more-tables tr {
		display: block;
	}
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	/*#no-more-tables tr { border: 1px solid #ccc; }*/
	#no-more-tables td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		font-family: 'NunitoSansRegular';	
		font-size: 16px;
		padding-top: 8px;
	}
	#no-more-tables td:before {
		position: absolute;
		top: 12px;
		left: 6px;
		width: 45%;
		white-space: nowrap;
		 font-family: 'NunitoSansBold';
    	font-size: 16px;
    	color: #fff;
		font-weight: normal;
	}
	#no-more-tables td:before {
		content: attr(data-title);
	}
	.table-panel table tr th {
		display: none !important;
	}
	.table-top-area h3 {
    	font-size: 22px;
    }
    .table-top-area h4 {
	    font-size: 20px;
	    margin-bottom: 6px;
	}
	.aanbod-detail-tab-sec .tab-sec .nav-tabs .nav-item {
	    width: 50%;
	    font-size: 18px;
	    padding-bottom: 30px;
	}
	.data-table-area, .aanbod-detail-tab-sec {
	    padding: 30px 0;
	}
	.aanbod-detail-tab-sec .tab-content .tab-pane .tab_hedaing h4 {
	    font-size: 18px;
	}
	.aanbod-detail-tab-sec .tab-content{
		padding:0 15px;
	}
	.detail-from-sec:after{
		display: none;
	}
	.detail-from-sec {
	    padding-top: 30px;
	}
	.related-car.product-area{
		padding-bottom: 0;
	}
	/*****************************klaten*********************/
	.child-section-1 .logo {
		/*width: 100%;*/
	}
	.klant-wrap td {
		width: 100%;
		display: block ;
	}
	.klant-wrap {
		padding: 20px 0px;
	}
	.child-section-1 {
		margin-bottom: 20px;
		padding: 15px 0px;
	}
	.inner-old-man .inner-wrap1 {
		margin: 20px 0;
		padding: 0px 15px 20px;
	}
	.inner-old-man{
		margin: 30px 0;
	}
	.mob-p-l-15 {
		padding-left: 15px;
	}
	.klant-wrap .sec-heading {
		width: 100%;
		padding: 20px;
		margin-top: 0px;
	}
	.klant-wrap td:nth-child(even){
		padding-left: 0;
	}
	.klant-wrap td:nth-child(odd){
		padding-right: 0;
	}
	/************************overons******************/
	.overons-left-content{
		padding: 30px 15px;
	}
	.overons-left-content p{
		text-align: justify;
	}
	.counter-box h3 {
	    font-size: 26px;
	}
	.counter-box {
	    width: 100px;
	    height: 100px;
	}
	.counter-wrap {
	    padding: 40px 0 10px;
	}
	.counter-wrap h4{
		margin-bottom: 30px;
	}
	.gallery-slider.overons-gallery-slider {
	    padding-top: 40px;
	}
	.overons-gallery-slider .sec-heading {
	    margin-bottom: 20px;
	}
	.counter-area h2{
	    font-size: 24px;
	}
	/***********************thank u****************/
	.thanku-banner-sec .banner-content-wrap{
	    padding: 30px 0;
	}
	/********************vacatures***************/
	.vacatures-section-1 .part-2 {
		padding: 0;
	}
	.vacatures-section-1 .designation h5{
		font-size: 22px;
	}
	.vacatures-section-1 ul {
		padding-bottom: 30px;
		height: auto;
	}
	.vacatures-section-1 .part-2 .inner-wrapper {
		padding-bottom: 30px;
	}
	.vacatures-section-1 .part-2 .inner-wrapper p {
		padding: 20px 0px 30px;
	}
	.vacatures-section-1 .pdf-wrap {
		display: block;
		text-align: center;
	}
	.vacatures-section-1 .pdf-wrap h2 {
		margin-bottom: 25px;
	}
	.part-2 h2{
		font-size: 24px;
	}
	.vacatures-section-2 .form-wrapper {
		width: 100%;
		padding: 10px 20px;
	}
	.vacatures-section-2 .form-area .form-padding:first-child, .vacatures-section-2 .form-area .form-padding:last-child {
		padding: 0px 15px;
	}
	.vacatures-section-2 .mob-t-center {
		text-align: center;
		margin-bottom: 25px;
	}
}
@media(max-width: 575px){
	h1 {
    	font-size: 23px;
    }
    .banner-form{
    	display: inline-block !important;
    	width: 100%;
    }
    .form-styl{
    	padding: 0 10px;
    	border-radius: 0;
    }
    .banner-form .form-group{
    	width: 100%;
    }
    .submit-btn{
    	border-radius: 0;
    	width: 100%;
    	margin-top: 8px;
    }
    .gallery-slider .color-btn{
    	margin-bottom: 10px;
    }
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px !important;
	}
}