@media (min-width: 1300px) {
	.container{
		max-width:1220px;
	}
}
@media(min-width: 1500px){
	.container{
		max-width: 1350px;
	}
}
@media(min-width: 1650px){
	.container{
		max-width: 1502px;
	}
}
@media(max-width: 1799.98px){
	.top-block-content{
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.footer-topbar{
		padding-left: 80px;
	}
	.footer-topbar li {
    	padding-right: 90px;
	}
	.desktop-nav .navbar-nav .nav-item, .footer-menubar li{
		max-width: 200px;
	}
	.common-wrap {
	    padding-right: 90px;
	    padding-left: 90px;
	}
	/*team popup*/
	.each-floating-team-text h4 {
		margin-bottom: 22px;
	}
	/***********************contact******************/
	.contact-adddress-area .btm-block-content {
	    padding-top: 80px;
	}
	.contact-adddress-area .top-block-content {
	    padding-top: 70px;
	    padding-bottom: 70px;
	}
	/******************overons*****************/
	.overons-gallery-sec .gallery-area .swiper-button-next {
	    right: -60px;
	}
	.overons-gallery-sec .gallery-area .swiper-button-prev {
	    left: -60px;
	}
}
@media(max-width: 1699.98px){
	.gallery-area p{
		margin-bottom: 40px;
	}
	.btm-block-content li {
	    font-size: 22px;
	    letter-spacing: 1px;
	}
	.footer-topbar li {
	    padding-right: 60px;
	}
	.header-area .navbar-brand{
		padding: 15px 50px;
	}
	.bottom-car-slider-sec .col-lg-7 {
	    -ms-flex: 0 0 54%;
	    flex: 0 0 54%;
	    max-width: 54%;
	}
	.bottom-car-slider-sec .col-lg-5 {
	    -ms-flex: 0 0 46%;
	    flex: 0 0 46%;
	    max-width: 46%;
	}
	.footer-logo {
	    padding: 0 40px;
	}
	/*team popup*/
	.each-floating-team-text {
		padding: 43px 65px;
	}
	/********************diensten listview*************/
	.each-listview{
		width: 100%;
		margin-left: 0;
	}
	.listview-content{
		padding-top: 0;
	}
	.listview-content p {
    	margin: 20px 0 40px;
	}
	/*****************overons*****************/
	.middle-area-wrap{
		padding-left: 100px;
		padding-right: 100px;
	}
	.each-count-box span{
		width: 95px;
		height: 95px;
	}
}
@media(max-width: 1599.98px) {
	/*team popup*/
	.each-floating-team-text {
		padding: 35px 50px;
	}
	.floating-team-content {
		padding-top: 50px;
	}
	/*home*/
	.filter-wrap {
		margin-left: 215px;
	}
	/*werkwijze*/
	.team-block-wrap{
		overflow-y: scroll;
	    height: 350px;
	}
}
@media(max-width: 1499.98px){
	.desktop-nav .navbar-nav .nav-item, .footer-menubar li {
	    max-width: 170px;
	}
	.filter-wrap{
		padding: 70px 0 70px 50px;
	}
	.left-content{
		padding: 0 50px;
	}
	.each-car-content {
    	max-width: 500px;
	}
	.common-wrap {
	    padding-right: 70px;
	    padding-left: 70px;
	}
	.footer-topbar li {
	    padding-right: 40px;
	}
	.footer-topbar {
	    padding-left: 60px;
	}
	.filter-wrap {
		margin-left: 100px;
	}
	.home-testimonial-slider-left {
		padding-right: 145px;
	}
	.floating-team-content.active {
		padding-top: 40px;
	}
	.floating-team-heading {
		padding: 28px 49px 10px 50px;
	}
	.each-floating-team-text h3 {
		font-size: 22px;
	}
	.floating-team-close-icon, .floating-team-open-icon {
		width: 70px;
		height: 70px;
	}
	.floating-team-close-icon img, .floating-team-open-icon img {
		width: 25px;
	}
	/*****************diensten listview***************/
	.inner-banner .banner-content{
		bottom: 25%;
	}
	/*****************overons*****************/
	.each-count-box span{
		width: 95px;
		height: 95px;
		margin-right: 10px;
	}
	.each-count-box span, .each-count-box h4{
		font-size: 20px;
	}
	/**********************diensten dtl*******************/
	.dtl-left-top, .dtl-left-btm {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	/******************Werkwijze******************/
	.werkwijze-left-part span {
	    width: 80px;
	    height: 80px;
	    margin-right: 15px;
	}
	/*team popup*/
	.floating-team-content {
		padding: 125px 80px;
	}
	.each-floating-team-text {
		padding: 28px 25px;
	}
}
@media(max-width: 1399.98px){
	.werkwijze-left-part h4{
		letter-spacing: 0.5px;
	}
	.footer-topbar li {
	    padding-right: 20px;
	}
	.footer-topbar {
	    padding-left: 40px;
	}
	.common-wrap {
	    padding-right: 50px;
	    padding-left: 50px;
	}
	.btm-block-content li {
    	font-size: 20px;
	}
	.filter-wrap {
		margin-left: 170px;
	}
	.each-floating-team-text h6 {
		font-size: 14px;
	}
	.each-floating-team-text h6 span {
		margin-left: 35px;
	}
	/*********************diensten listview****************/
	.inner-banner .banner-content{
		bottom: 20%;
	}
	.listview-content{
		padding: 0 40px;
	}
	/***********************overons*****************/
	.overons-gallery-sec .gallery-area .swiper-button-next{
		right: -40px;
	}
	.overons-gallery-sec .gallery-area .swiper-button-prev{
		left: -40px;
	}
	.overons-gallery-sec .left-content a{
		margin-right: 40px;
	}
}
@media(max-width: 1299.98px){
	.header-area .navbar-brand {
	    padding: 15px 30px;
	}
	.header-area .navbar-brand img{
	    width: 220px;
	}
	.desktop-nav .navbar-nav .nav-item:before {
    	top: -30px;
	}
	h1{
		font-size: 42px;
		letter-spacing: 3px;
	}
	.bottom-car-slider-sec .col-lg-7 {
	    -ms-flex: 0 0 52%;
	    flex: 0 0 52%;
	    max-width: 52%;
	}
	.bottom-car-slider-sec .col-lg-5 {
	    -ms-flex: 0 0 48%;
	    flex: 0 0 48%;
	    max-width: 48%;
	}
	.each-car-content {
	    max-width: 420px;
	}
	.top-block-content {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	.footer-logo {
	    padding: 0 25px;
	}
	.footer-right-panel li{
		font-size: 15px;
	}
	
	/*home team popup*/
	.each-floating-team-text h6 span {
		display: contents;
	}
	.floating-team-content {
		padding: 40px 5px 50px 23px;
	}
	/***********************contact******************/
	.contact-adddress-area .btm-block-content {
	    padding-top: 50px;
	}
	.contact-adddress-area .top-block-content {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	/***********************overons*****************/
	.overons-gallery-sec .gallery-area .swiper-button-next{
		right: -30px;
	}
	.overons-gallery-sec .gallery-area .swiper-button-prev{
		left: -30px;
	}
	.each-count-box span, .each-count-box h4 {
	    font-size: 17px;
	}
	.each-count-box span {
    	width: 75px;
    	height: 75px;
	}
	/******************Werkwijze******************/
	.werkwijze-left-part span {
	    width: 75px;
	    height: 75px;
	    margin-right: 10px;
	}
}
@media(max-width: 1199.98px){
	.dblock {
	    display: block;
	    height: auto;
	}
	.header-area{
		display: none;
	}
	.filter-wrap {
	    margin-left: 0px;
	}
	.home-testimonial-slider .swiper-button-prev{
		left: auto;
		right: 70px;
	}
	.home-testimonial-slider .common-arrow{
		top: 15px;
	    transform: translateY(0);
	    width: 60px;
	    height: 60px;
	}
	.filter-wrap {
	    padding: 40px 0 40px 40px;
	}
	.middle-sec{
		padding: 100px 0 50px;
	}
	.car-image-slider .common-arrow{
		width: 50px;
		height: 50px;
		top: 50%;
	}
	.btm-block-content li span{
		width: 100%;
		float: none;
		display: block;
	}
	.footer-area .col-lg-3, .footer-area .col-lg-9 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.footer-logo{
		padding: 40px 40px 0;
		border-top:1px solid #595959;
	}
	.footer-right-panel{
		border-left:0;
	}
	.footer-topbar{
		padding: 50px 40px;
	}
	.footer-right-panel .header-area{
		display: block;
	}
	.each-testimonial-slide {
		padding: 40px 30px;
	}
	.home-testimonial-slider-left {
		padding-right: 80px;
	}
	/********************contact*****************/
	.map-area {
	    height: 380px;
	}
	.form-area{
		padding: 100px 0;
	}
	.contact-adddress-area .btm-block-content{
		padding-bottom: 50px;
	}
	.contact-bottom-info a{
		position: relative;
		margin-top: 20px;
		display: block;
	}
	/**********************diensten listview*****************/
	.inner-banner .banner-content{
		bottom: auto;
		top: 50%;
	}
	.diensten-listview-area{
		padding-top: 50px;
	}
	.listview-content p{
		-webkit-line-clamp: 2;
	}
	.listview-content p {
	    margin: 20px 0;
	}
	/*********************overons*******************/
	.overons-top-content{
		padding: 100px 0;
	}
	.overons-top-content h2{
		margin-left: 0;
	}
	.middle-area-wrap{
		padding: 70px 50px;
	}
	.middle-area-wrap td:nth-child(odd) {
    	padding-right: 50px;
    }
    .middle-area-wrap td:nth-child(even) {
	    padding-left: 50px;
	}
	.overons-middle-area {
	    padding-bottom: 30px;
	}
	.overons-gallery-sec .gallery-area .swiper-button-prev{
		left: auto;
		right: 30px;
	}
	.overons-gallery-sec .gallery-area .swiper-button-next{
		right: 0;
	}
	.overons-gallery-sec .gallery-area .common-arrow{
		top: -30px;
	}
	.each-count-box h4{
		display: block;
	}
	.each-count-box span{
		margin:0 0 20px;
	}
	.counter-sec {
	    padding-bottom: 70px;
	}
	/******************Werkwijze******************/
	.werkwijze-middle-content .divider{
		margin-top: 50px;
	}
	.werkwijze-middle-content{
		padding-bottom: 140px;
	}
	.werkwijze-left-part h4{
		letter-spacing: normal;
	}
	.error_background{
		height: 0px;
	}
}
@media(max-width: 991px){
	h1{
		font-size: 40px;
	}
	h2{
		font-size: 26px;
	}
	h3{
		font-size: 26px;
		letter-spacing: 2px;
	}
	.home-testimonial-slider {
		padding: 60px 0px;
	}
	.desktop-content h1{
		display: none;
	}
	.mobile-content{
		display: block;
	}
	.desktop-content{
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	.banner-sec-wrap{
		position: relative;
	}
	.filter-wrap {
    	padding: 40px;
    	background: #000;
    	margin-top: 40px;
		margin-left: 0px;
	}
	.middle-sec{
		padding-top: 60px;
	}
	.gallery-area .col-lg-5, .gallery-area .col-lg-7, .bottom-car-slider-sec .col-lg-7, .bottom-car-slider-sec .col-lg-5{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.left-content{
		padding: 50px;
		margin-bottom: 40px;
		height: auto !important;
	}
	.gallery-area{
		margin:50px 0 0;
	}
	.gallery-slider {
	    padding-left: 0px;
	}
	.each-car-content {
	    max-width: 580px;
	}
	.top-block-content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.btm-block-content{
		padding-top: 50px;
	}
	.footer-right-panel .footer-topbar li {
	    width: 49%;
	    margin-bottom: 15px;
	}
	.header-area .common-btn{
		border-left:0;
	}
	.footer-menubar .header-area .common-btn {
	    line-height: 58px;
	    height: 58px;
	    background: #1c1c1c;
	}
	.footer-menubar .header-area .common-btn:hover{
		color: #1c1c1c;
		background: #fff;
	}
	.header-area.text-right{
		text-align: left !important;
    	border-top: 1px solid #595959;
    	padding: 40px 40px;
	}
	.footer-menubar li:last-child{
		border-right: 0;
	}
	.home-testimonial-slider-left {
		margin-bottom: 30px;
		padding-right: 0px;
	}
	.home-testimonial-slider-right {
		margin-left: 0px;
	}

	/*home team popup*/
	.floating-team {
		display: none;
	}
	/*floating wp*/
	.fixed-whatsapp-icon {
		display: none;
	}
	/********************contact*****************/
	.map-area {
	    height: 280px;
	}
	.form-area{
		padding: 60px 0;
	}
	.contact-form{
		padding: 0;
	}
	.contact-form h2 {
	    margin-bottom: 30px;
	    letter-spacing: 2px;
	}
	.txt-btn .arrow-right {
    	width: 54px;
    	height: 54px;
    	margin-left: 15px;
	}
	/*****************diensten listview****************/
	.diensten-listview-area{
		padding: 20px 0 50px;
		border-bottom: 0;
	}
	.listview-image, .each-listview:nth-child(even) .listview-image{
		margin:0;
	}
	.listview-content{
		padding: 40px;
	}
	.listview-content p{
		display: block;
	}
	/*********************overons******************/
	.overons-top-content {
	    padding: 60px 0;
	}
	.overons-top-content h2{
		margin-bottom: 30px;
	}
	.middle-area-wrap{
		padding: 40px;
	}
	.middle-area-wrap td{
		width: 100%;
		display: block;
		padding: 0;
	}
	.middle-area-wrap td:nth-child(odd){
		padding-right: 0;
		border-right: 0;
	}
	.middle-area-wrap td:nth-child(even){
		padding-left: 0;
		padding-top: 40px;
	}
	.overons-middle-area {
	    padding-bottom: 0px;
	}
	.overons-gallery-sec .col-lg-7 {
	    padding-left: 15px;
	}
	.overons-gallery-sec .col-lg-5.pr-0{
		padding-right: 15px !important;
	}
	.overons-gallery-sec .gallery-area{
		margin-top: 80px;
	}
	.each-count-box{
		margin-bottom: 30px;
	}
	.counter-sec {
	    padding-bottom: 0px;
	}
	.common-arrow{
		width: 50px;
		height: 50px;
	}
	.common-arrow img {
	    width: 15px;
	    height: 15px;
	}
	.overons-bottom-sec.middle-sec{
		margin-bottom: -1px;
	}
	/*******************diensten dtl*******************/
	.dtl-left-btm-wrap{
		max-width: 100%;
	}
	.diensten-bottom-sec{
		border-bottom: 0;
	}
	.dtl-left-top, .dtl-left-btm{
		padding-bottom: 50px;
	}
	.dien-dtl-banner-btm {
		padding: 50px 0px 20px 0px;
	}
	/******************Werkwijze******************/
	.werkwijze-middle-content .divider{
		margin-top: 0;
	}
	.each-werkwijze-block .werkwijze-left-part{
	    margin-top: 0px;
	}
	.each-werkwijze-block .werkwijze-right-part{
		margin:40px 0;
	}
	.werkwijze-right-part, .werkwijze-left-part{
		width: 100%;
	}
	.werkwijze-middle-content{
		padding-bottom: 50px;
	}
	/*direct-offerte*/
	.direct-offerte-divider {
		margin-bottom: 60px;
	}
	.direct-offerte-top-sec {
		padding-bottom: 0px;
	}
}
@media(max-width: 767px){
	h1 {
	    font-size: 36px;
	    letter-spacing: 2px;
	}
	h2{
		font-size: 22px;
	}
	h3{
		font-size: 22px;
	}
	h6{
		letter-spacing: 0.75px;
	}
	p{
    	text-align: justify;
    }
    .contact-form .text-right{
    	text-align: left !important;
    }
    .filter-wrap .common-btn{
		margin-top: 10px;
	}
    .filter-wrap .pl-2{
		padding-left: 15px !important;
	}
	.filter-wrap .pr-1{
		padding-right: 15px !important;
	}
	.filter-wrap {
	    padding: 30px 20px;
	    margin-top: 30px;
		margin-left: 0px;
	}
	.home-testimonial-slider .common-arrow{
		display: none;
	}
	.middle-sec {
	    padding: 40px 0;
	}
	.top-content p{
		margin-top: 25px;
		text-align-last: center;
	}
	.left-content {
    	padding: 30px 15px;
    }
    .gallery-area p {
	    display: block;
	    margin: 30px 0;
	}
	.gallery-area{
		margin-top: 30px;
	}
	.each-car-content{
		padding: 0 15px;
	}
	.common-arrow img {
	    width: 14px;
	    height: 14px;
	}
	.each-car-content {
	    padding: 30px 15px;
	    position: relative;
	    top: 0;
	    transform: translate(0px);
	    left: 0;
	    margin: auto;
	}
	.car-image-slider .common-arrow {
	    top: 0px;
	    transform: translateY(0px);
	}
	.car-image-slider .swiper-button-next{
		right: 0;
	}
	.car-image-slider .swiper-button-prev{
		left: auto;
		right: 50px;
	}
	.top-block-content{
		padding: 30px;
	}
	.common-wrap {
	    padding-right: 30px;
	    padding-left: 30px;
	}
	.footer-logo, .footer-topbar{
		padding: 30px 15px 0;
	}
	.footer-right-panel .footer-topbar li{
		width: 100%;
		display: block;
		padding-right: 0;
	}
	.footer-logo img{
		width: 230px;
	}
	.footer-menubar li {
	    max-width: 100%;
	    text-align: left;
	    padding: 30px 15px 0;
	}
	.footer-menubar ul{
		margin-bottom: 30px;
	}
	.header-area.text-right {
	    padding: 30px 15px;
	}
	.each-car:after{
		display: none;
	}
	.home-testimonial-slider {
		padding: 30px 0px;
	}
	/********************contact*****************/
	.form-area{
		padding: 40px 0;
	}
	.contact-adddress-area .top-block-content, .contact-adddress-area .btm-block-content {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.contact-adddress-area .top-block-content p{
		font-size: 15px;
		letter-spacing: 0.75px;
	}
	.txt-btn{
		font-size: 20px;
		letter-spacing: 2px;
	}
	/*****************diensten listview****************/
	.diensten-listview-area{
		padding: 0px 0 30px;
	}
	.listview-content{
		padding: 30px;
	}
    /******************thanku**************/
    .thanku-banner .common-btn{
		margin-top: 30px;
	}
	/*********************overons****************/
	.overons-top-content {
	    padding: 30px 0;
	}
	.middle-area-wrap{
		padding: 30px 15px;
	}
	.overons-gallery-sec .left-content {
	    padding-top: 30px;
	    padding-bottom: 30px;
	    margin-bottom: 15px;
	}
	/******************diensten dtl*****************/
	.dtl-left-top h2 {
	    margin-top: 30px;
	}
	.dtl-left-top, .dtl-left-btm{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.dtl-left-btm p {
    	margin-top: 20px;
	}
	.diensten-bottom-sec{
		padding-top: 0;
	}
	/****************Werkwijze**********/
	.werkwijze-middle-content, .direct-offerte-top-sec {
	    padding-bottom: 0px;
	}
	.direct-offerte-divider {
		margin-bottom: 40px;
	}
}
@media(max-width: 575px){
	.res-logo-styl{
		width: 180px;
	}
	h1 {
    	font-size: 28px;
	    letter-spacing: 1px;
	}
	.common-wrap, .top-block-content, .listview-content{
		padding-left: 15px;
		padding-right: 15px;
	}
	/****************Werkwijze**********/
	.werkwijze-left-part h4{
		display: block;
	}
	.werkwijze-left-part span{
		margin:0 0 20px;
	}
	/*direct-offerte*/
	.direct-offerte-form textarea {
		height: 300px;
	}
}