@media (min-width: 1400px) {
	.container{
		max-width:1300px;
	}
}
@media(min-width: 1500px){
	.container{
		max-width: 1360px;
	}
}
@media(min-width: 1700px){
	.container{
		max-width: 1580px;
	}
}
@media(max-width: 1799.98px){
	.footer-wrap{
		width: 100%;
	}
	.desktop-nav .navbar-nav{
		margin-right: 0;
	}
	/***************diensten dtl***************/
	.right-text{
		padding-right: 100px;
	}
	/***************overons***************/
	.overons-counter li {
		margin-bottom: 145px;
	}
}
@media(max-width: 1699.98px){
	.desktop-nav .nav-item{
		padding-left: 20px;
	}
	.header-area .navbar-brand {
	    margin-right: 30px;
	}
	.header-top-left h6 span {
	    margin-left: 20px;
	}
	.privacy-area .header-top-left {
    	padding-right: 30px;
	}
	.star-image {
	    width: 22px;
	    margin-right: 3px;
	}
	.each-product h4 {
	    letter-spacing: 2px;
	    font-size: 16px;
	}
	.product-dtl td{
		padding-right: 50px;
	}
	.each-product h4{
  		height: 95px;
  	}
	.middle-content {
    	padding: 90px 100px 60px 130px;
    	max-width: 740px;
	}
	.footer-wrap{
		padding-left: 70px;
	}
	.each-footer-info{
		padding-left: 120px;
		padding-right: 120px;
	}
	/******************verkocht**************/
	.verkocht-product .aanbod-middle-content {
	    max-width: 670px;
	    padding-left: 100px;
	    bottom: 50px;
	}
	/***************werkplts listview**************/
	.listview-content-box{
		padding: 80px 90px;
	}
	/*overons*/
	.overons-counter li {
		margin-bottom: 145px;
	}
	.overons-gallary-sec {
		padding-top: 220px;
	}
}
@media(max-width: 1599.98px){
	/*overons*/
	.overons-gallary-sec {
		padding-top: 170px;
	}
	.overons-counter {
		padding-left: 80px;
	}
	.overons-counter li {
		margin-bottom: 140px;
	}
}
@media (max-width: 1499.98px){
	.header-area .navbar-brand img{
		width: 200px;
	}
	.desktop-nav .navbar-nav .nav-link:after {
    	bottom: -38px;
	}
	.privacy-area .header-top-left{
		white-space: nowrap;
		position: relative;
		right: 30px;
	}
	.footer-wrap {
	    padding-left: 0px;
	}
	/******************contact***************/
	.contact-map-area .open-time{
		top: -200px;
	}
	/*************aanbod***************/
	.aanbod-select-wrap{
		padding: 75px 90px;
	}
	/***************werkplts listview**************/
	.listview-content-box{
		padding: 60px 70px;
	}
	/*overons*/
	.overons-whitecar-upper {
		padding: 120px;
	}
	.overons-slider-left-text {
		padding: 120px;
	}
	.overons-slider-right-slider {
		top: 60px;
	}
	.overons-counter li {
		margin-bottom: 115px;
	}
	.overons-counter {
		padding-left: 50px;
		padding-top: 125px;
	}
}
@media(max-width: 1399.98px){
	.common-heading h2{
		font-size: 38px;
	}
	.desktop-nav .navbar-brand img{
		width: 170px;
	}
	.desktop-nav .nav-item {
	    padding-left: 10px;
	}
	.header-area .navbar-brand {
	    margin-right: 20px;
	}
	.star-image {
    	width: 20px;
    }
    .header-top-left h6{
    	margin:0 5px;
    }
	.header-top-left .mw-100{
		width: 35px;
	}
	.banner-sec .swiper-pagination-bullet {
    	width: 220px;
	}
	.desktop-nav .navbar-nav .nav-link:after {
    	bottom: -33px;
	}
	.footer-wrap .col-lg-3 .each-footer-info, .footer-wrap .col-lg-5 .each-footer-info{
	    padding-left: 70px;
	}
	.each-footer-info {
	    padding-left: 90px;
	    padding-right: 90px;
	}
	.middle-content {
	    padding: 80px 80px 60px 100px;
	    max-width: 640px;
	}
	.each-footer-info td:first-child {
	    padding-right: 40px;
	}
	.product-dtl td {
	    padding-right: 30px;
	}
	.gallery-area .d-flex, .gallery-area .position-absolute {
  		padding:0 20px 20px;
	}
	/******************verkocht**************/
	.verkocht-product .aanbod-middle-content {
	    padding-left: 60px;
	}
	/*****************werkplts listview************/
	.listview-content-box {
		padding: 60px;
	}
	/***************diensten dtl***************/
	.right-text{
		padding: 90px 100px 160px 60px;
	}
	/***************aanbod dtl***************/
	.highlight-slider .common-arrow {
	  top: 40%;
	}
}
@media(max-width: 1299.98px){
	/******************aanbod****************/
	.aanbod-select-wrap {
	    padding: 70px 50px;
	}
	/****************aanbod dtl*************/
	.each-tab-part:after {
    	width:100%;
	}
	/*overons*/
	.overons-whitecar-upper {
		padding: 80px;
	}
	.overons-slider-left-text {
		padding: 80px;
	}
	.overons-counter {
		padding-top: 85px;
	}
	.overons-counter li {
		margin-bottom: 100px;
	}
	.btn-wrapper span{
		right: 5px;
	}
}
@media(max-width: 1199.98px){
	h1{
		font-size: 40px;
		letter-spacing: 3px;
	}
	h2{
		font-size: 30px;
	}
	.common-heading h2 {
	    font-size: 38px;
	    letter-spacing: 2px;
	}
	.header-area .header-top-left{
		display: none;
	}
	.product-sec {
	    padding: 90px 0 120px;
	}
	.product-slider {
	    margin-top: 70px;
	}
	.middle-content{
		padding: 80px 50px 50px;
		max-width: 520px;
	}
	.each-footer-info {
    	padding-left: 60px;
    	padding-right: 60px;
	}
	.footer-wrap .col-lg-3 .each-footer-info, .footer-wrap .col-lg-5 .each-footer-info {
	    padding-left: 50px;
	}
	.each-footer-info p, .privacy-area .header-top-left{
		white-space: normal;
		right: 0;
	}
	.each-footer-info td{
		width: 100%;
		display: block;
	}
	.privacy-area{
		padding: 40px 0;
	}
	/***************aanbod*****************/
	.aanbod-select-sec .each-select-box select{
		padding: 0 15px;
	}
	.aanbod-middle-content {
	    bottom: 40px;
	    padding-left: 40px;
	}
	.aanbod-middle-content h2{
		font-size: 38px;
	}
	/******************verkocht**************/
	.verkocht-product .aanbod-middle-content {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.verkocht-product .aanbod-middle-content p {
	    margin: 25px 0 30px;
	}
	/****************werkplts listview**************/
	.listview-content-box p {
	    margin: 20px 0px 30px;
	    -webkit-line-clamp: 2;
	}
	/***************diensten dtl***************/
	.right-text{
		padding: 70px 50px 100px;
	}
	.diensten-dtl-bottom-sec {
	    padding-bottom: 0px;
	}
	/*overons*/
	.overons-counter h4 span {
		margin-right: 30px;
	}
	.overons-counter {
		padding-left: 20px;
		padding-top: 75px;
	}
	.overons-counter li {
		margin-bottom: 95px;
	}
	.overons-counter span{
		margin-right: 30px;
	}
	.btn-wrapper .common-btn{
		font-size: 13px;
	}
	.highlight-slider .common-arrow {
	  	top: 38%;
	}
}
@media(max-width: 991.98px){
	h1 {
	    font-size: 36px;
	    letter-spacing: 2px;
	}
	h2 {
	    font-size: 26px;
	}
	.common-heading h2 {
    	font-size: 38px;
	}
	.header-area, .banner-sec .swiper-pagination, .desktop-content h1, .product-slider .common-arrow,
	.privacy-area .header-top-left{
		display: none;
	}
	.dblock {
	    display: block;
	    height: auto;
	}
	.mobile-content{
		display: block;
	}
	.res-logo-styl{
		width: 180px;
	}
	.common-btn{
		height: 50px;
    	line-height: 48px;
    	max-width: 220px;
	}
	.desktop-content{
		position: relative;
		top: 0;
		transform: translateY(0);
		background-color: #1c1c1c;
		padding: 40px 0;
	}
	.filter-area{
		margin:auto;
	}
	.product-sec {
	    padding: 50px 0;
	}
	.product-slider {
	    margin-top: 50px;
	}
	.middle-content h5 {
	    font-size: 30px;
	    letter-spacing: 2px;
	}
	.middle-sec{
		padding-top: 5%;
	}
	.middle-content {
	    padding: 40px;
	    max-width: 480px;
	    top: 0;
	}
	.middle-content p {
	    margin: 20px 0;
	}
	.service-area, .footer-area  {
	    padding-top: 50px;
	}
	.footer-menu {
    	margin: 50px auto;
	}
	.content-wrapper{
		margin-bottom: 50px;
	}
	.gallery-area .d-flex, .gallery-area .position-absolute {
    	padding: 40px 15px 15px;
  	}
  	.gallery-area h4{
  		font-size: 18px;
  	}
  	.gallery-area h5{
  		font-size: 16px;
  	}
	.gallery-area .h-50{
		height: auto !important;
	}
	.footer-wrap .col-lg-3 .each-footer-info, .footer-wrap .col-lg-5 .each-footer-info, .footer-wrap .each-footer-info {
	    padding: 0px 0 30px;
	    border-right: 0;
	}
	.footer-top .text-center img{
		width: 190px;
	}
	.footer-wrap{
		padding-bottom: 30px;
	}
	/*******************contact***************/
	.contact-form-sec {
	    padding: 50px 0 30px;
	}
	.left-cont-detail p:last-child{
		margin: 30px 0;
	}
	.contact-map-area .middle-content {
	    padding: 50px;
	    margin-top: 30px;
	}
	.contact-form-wrapper {
    	max-width: 100%;
	}
	.open-time h6, .open-time p {
	    font-size: 16px;
	    letter-spacing: 1px;
	}
	.contact-map-area .open-time {
	    top: 0px;
	    position: relative;
	}
	.map-image {
	    height: 320px;
	}
	.contact-map-area .middle-content h2, .left-cont-detail h2 {
	    margin-bottom: 38px;
	    line-height: normal;
	}
	/*************aanbod***************/
	.aanbod-select-wrap {
	    padding: 50px 0px 0;
	    background: #f7f7f7;
	}
	.aanbod-select-wrap .col-lg-2 {
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.aanbod-select-wrap .float-right {
	    float: none !important;
	    margin: 15px auto 0;
	    text-align: center;
	    display: block;
	}
	.aanbod-select-wrap .each-select-box {
	    margin-bottom: 10px;
	}
	.aanbod-middle-content {
	    position: relative;
	    bottom: 0;
	    padding: 23% 15px 8%;
	}
	.aanbod-middle-content h2 {
	    font-size: 38px;
	}
	.aanbod-product-sec .pr-2{
		padding-right: 15px !important;
	}
	.aanbod-product-sec .pl-2{
		padding-left: 15px !important;
	}
	.aanbod-product-sec .each-product, .aanbod-product-sec .col-xl-8  {
		margin-bottom: 30px;
	}
	.aanbod-filter-part {
	    width:100%;
	}
	.each-product h4 {
		height: auto;
	}
	/*******************verkocht*****************/
	.verkocht-top-content .content-wrapper{
		margin-bottom: 0;
	}
	.verkocht-product .aanbod-middle-content{
		bottom: 0;
	}
	/*******************aanbod dtl****************/
	.dtl-top-pagination .text-right{
		text-align: left !important;
		margin-bottom: 20px;
	}
	.dtl-top-pagination, .price-area{
		padding: 40px 0;
	}
	.price-area h2 {
	    letter-spacing: 2px;
	}
	.price-area h6{
		letter-spacing: 1px;
	}
	.btn-wrapper, .each-icon-block h4{
		margin-top: 20px;
	}
	.each-icon-block h4{
		font-size: 18px;
	}
    .each-icon-block .calender-image {
	    width: 32px;
	}
	.each-icon-block img {
	    width: 36px;
	}
	.each-icon-block {
    	padding: 30px 0;
	}
	.icon-image {
	    height: 40px;
	}
	.tab-btm-sec .btn-wrapper .col-md-4:first-child{
		display: none;
	}
	/****************thank u****************/
	.thanku-banner h1 {
	    letter-spacing: 2px;
	    line-height: 50px;
	}
	/****************werkplts listview************/
	.content-wrapper p {
	    margin-top: 30px;
	}
	.listview-image {
		position: relative;
		width: 100%;
	}
	.each-listview, .each-listview:last-child {
		margin-bottom: 0;
	}
	.listview-content-box {
		margin: 30px 0px;
		padding: 50px;
		top: 0;
	}
	.listview-content-box p{
		display: block;
		text-align: justify;
	}
	.werkplaats-listview-sec {
		padding-top: 50px;
	}
	/***************diensten dtl***************/
	.left-car img {
		position: relative;
		top: 0px;
	}
	.right-text{
		padding: 50px;
	}
	.back-btn {
	    padding: 50px 0;
	}
	.top-sec {
	    padding-bottom: 50px;
	}
	.back-btn .text-right{
		text-align: left !important;
	}
	.top-sec-left-text p{
		margin-top: 25px;
	}
	.right-text h2{
		margin-bottom: 25px;
	}
	.top-sec-left-text {
	    margin-top: 0px;
	}
	/*overons*/
	.overons-slider-right-slider {
		position: initial;
	}
	.overons-counter li {
		margin-bottom: 80px;
	}
	.overons-counter {
		padding-top: 70px;
	}
	.overons-counter span{
		width: 80px;
		height: 80px;
	}
	.teammember-slider .swiper-button-prev {
	    left: 0px;
	}
	.teammember-slider .swiper-button-next {
	    right: 0px;
	    left: auto;
	}
	.teammember-slider .common-arrow{
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
		width: 40px;
		height: 40px;
	}
	.teammember-slider .common-arrow img{
		width: 15px;
		height: 15px;
	}
	.overons-gallary-sec {
		padding-top: 70px;
	}
	.overons-gallary-sec h3 {
		margin-bottom: 70px;
	}
	.overons-slider-left-text h4 {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.form-area .pl-1{
		padding-left: 15px !important;
	}
	.form-area .pr-1{
		padding-right: 15px !important;
	}
	.fixed-whatsapp-btn{
		display: none;
	}
	.aanbod-dtl-slider .swiper-button-prev {
	    left: 6%;
	}
	.aanbod-dtl-slider .swiper-button-next {
	    right: 6%;
	}
	.highlight-slider .swiper-button-prev{
	  left: 0;
	}
	.highlight-slider .swiper-button-next {
	  right: 0;
	}
	.highlight-slider .swiper-slide-prev .opties-image:after, .highlight-slider .swiper-slide-next .opties-image:after{
		display: none;
	}
}
@media (max-width: 767.98px){
	h1 {
	    font-size: 28px;
	    letter-spacing: 1.5px;
	}
	h2 {
	    font-size: 24px;
	}
	h3{
		font-size: 24px;
	}
	h4{
		font-size: 20px;
	}
	.common-heading h2 {
	    font-size: 24px;
	    letter-spacing: 1px;
	}
	.mini-right-nav{
		display: none;
	}
	.popup_content {
		margin-top: 4%;
	}
	.modal_area .modal-dialog {
		max-width: 100%;
	}
	.filter-wrapper{
		border:0;
	}
	.each-select-box {
	    padding-left: 0px;
	    margin-bottom: 10px;
	}
	.each-select-box select{
		border: 2px solid #fff;
		width: 100%;
		padding:0 15px;
	}
	.filter-wrapper .text-right {
		text-align: center !important;
	}
	.desktop-content, .product-dtl {
	    padding: 30px 0 15px;
	}
	.product-sec {
	    padding: 30px 0;
	}
	.product-sec .text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.product-slider {
	    margin-top: 30px;
	}
	.each-product h4 {
	    letter-spacing: 1px;
	    font-size: 16px;
	    /*height: 45px;*/
	}
	.middle-sec img{
		display: block;
	}
	.middle-sec{
		padding: 0;
		background-image: none !important;
	}
	.middle-content{
		padding: 30px 20px;
		margin:30px 0 0;
	}
	.product-dtl td {
	    padding-right: 20px;
	}
	.middle-content h5 {
	    font-size: 26px;
	    letter-spacing: normal;
	}
	.content-wrapper p {
	    margin-top: 20px;
	}
	.service-area, .footer-area {
	    padding-top: 40px;
	}
	.content-wrapper{
	    margin-bottom: 30px;
	}
	.gallery-area .col-lg-3.custom-grid, .gallery-area .col-lg-9.custom-grid{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.footer-menu li {
	    width: 100%;
	    display: block;
	    padding: 15px 0;
	    margin: 0;
	}
	.footer-menu li:nth-child(2){
		border-top:0;
	}
	.footer-wrap {
	    padding-bottom: 0px;
	}
	.privacy-area {
	    padding: 20px 0;
	}
	.footer-menu {
	    margin: 30px 0;
	}
	/*******************contact***************/
	.contact-form-sec{
		padding: 30px 0;
	}
	.left-cont-detail p {
	    margin-right: 0px;
	}
	.left-cont-detail img {
	    margin-right: 12px;
	}
	.form-area .form-group {
	    margin-bottom: 30px;
	}
	.contact-map-area .middle-content {
	    padding: 30px 15px;
	}
	/************************aanbod***************/
	.aanbod-middle-area .common-btn img {
	    width: 20px;
	    margin-right: 10px;
	}
	.aanbod-middle-content h2 {
	    font-size: 24px;
	    margin-bottom: 20px;
	}
	.aanbod-select-wrap .col-lg-2{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.aanbod-select-sec .pr-2, .aanbod-select-sec .pr-1, .btn-wrapper .pr-1{
		padding-right: 15px !important;
	}
	.aanbod-select-sec .pl-2, .aanbod-select-sec .pl-1, .btn-wrapper .pl-1{
		padding-left: 15px !important;
	}
	.aanbod-select-wrap{
		padding-top: 30px;
	}
	/**********************verkocht******************/
	.verkocht-product .aanbod-middle-content {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.verkocht-product .aanbod-middle-content p{
		font-size: 15px;
		text-align: justify;
	}
	.verkocht-product{
		padding-bottom: 0;
	}
	/*********************aanbod dtl*****************/
	.aanbod-dtl-slider .swiper-button-next{
		right: 0;
	}
	.aanbod-dtl-slider .swiper-button-prev{
		left: 0;
	}
	.common-arrow{
		width: 40px;
		height: 40px;
	}
	.dtl-top-pagination, .price-area, .each-tab-part {
	    padding: 30px 0;
	}
	.price-area {
		padding-bottom: 0;
	}
	.btn-wrapper .common-btn{
		margin-bottom: 10px;
	}
	.aanbod-dtl-block{
		border-bottom: 0;
    	background: #f7f7f7;
	}
	.each-icon-block{
		/*border-right: 0;*/
		border-bottom: 1px solid #e7e7e7;
	}
	.aanbod-dtl-block .col-md-3:nth-child(3) .each-icon-block, .aanbod-dtl-block .col-md-3:nth-child(4) .each-icon-block{
		border-bottom:0 ;
	}
	.aanbod-dtl-block .col-md-3:nth-child(even) .each-icon-block{
		border-right-color: transparent;
	}
	.aanbod-detail-tab-sec{
		padding-top: 0;
	}
	.aanbod-detail-tab-sec .tab-content ul li{
		font-size: 14px;
	}
	.kenmerken-tab ul li:nth-child(odd){
		padding-left: 12px;
    	background-size: 5px;
	}
	.form-area .common-btn{
		margin-top: 0;
	}
	/*.price-area .btn-wrapper .col-md-4:nth-child(1){
		padding-right: 4px !important;
	}
	.price-area .btn-wrapper .col-md-4:nth-child(2){
		padding-left: 4px !important;
	}*/
	/****************thank u****************/
	.thanku-banner h1 {
    	line-height: 40px;
    	font-size: 24px;
	}
	/****************werkplts listview****************/
	.werkplaats-listview-sec {
	    padding-top: 40px;
	}
	.listview-content-box {
		padding: 30px 15px;
	}
	/***************diensten dtl***************/
	.right-text{
		padding: 30px 15px;
	}
	.back-btn {
	    padding: 30px 0;
	}
	.top-sec {
	    padding-bottom: 30px;
	}
	.diensten-dtl-contact{
		padding-bottom: 0;
	}
	/*overons*/
	.overons-whitecar-upper {
		padding: 30px 15px;
	}
	.overons-counter span {
	    width: 70px;
	    height: 70px;
	}
	.overons-whitecar-upper h2 {
		margin-bottom: 20px;
	}
	.overons-counter li {
		margin-bottom: 50px;
	}
	.overons-counter {
		padding-top: 50px;
	}
	.overons-slider-left-text {
		padding: 20px;
	}
	.overons-slider-left-text h4 {
		margin-top: 20px;
	}
	.overons-counter span {
	    width: 70px;
	    height: 70px;
	    font-size: 20px;
	    margin-right: 15px;
	}
	.contact-form-sec .left-cont-detail h2, .contact-form-sec .left-cont-detail p{
		margin-bottom: 15px !important;
	}
	.contact-form-sec table{
		margin-top: 10px;
	}
}
@media(max-width: 575.98px){
	/*overons*/
	.overons-gallary-sec {
		padding-top: 30px;
	}
	.overons-gallary-sec h3 {
		margin-bottom: 30px;
	}
	.overons-counter li {
		margin-bottom: 20px;
	}
	.overons-counter {
		padding-top: 20px;
	}
	.overons-counter h4 {
		font-size: 18px;
	}
	.overons-counter h4 span {
		margin-right: 15px;
	}
}
@media (min-width: 768.98px){
    #mobile-contact-bar { 
    display: none;
    }
}
@media (max-width: 767.98px){
#mobile-contact-bar {
box-sizing: border-box;
font-size: 1rem;
opacity: 1;
position: fixed;
width: 100%;
z-index: 999;
left: 0;
bottom: 0;
display: block !important;
}
#mobile-contact-bar-outer {
background-color: #000;
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%;
}
#mobile-contact-bar ul li {
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  height: 45px;
  width: 24%;
  vertical-align: top;
}
#mobile-contact-bar ul li a {
  color: rgba(255,255,255,0.9);
  cursor: pointer;
  display: block;
  height: 100%;
  position: relative;
  z-index: 999;
}
.li_color {
  border-left: 1px solid #fff;
}
#mobile-contact-bar ul li img{
	width:20px;
	padding-top: 13px;
}
#mobile-contact-bar ul .map_pointer img{
	padding-top: 10px;
}}
@media (max-width: 767.98px){
	.morgeninternet-footer{
		margin-bottom : 43px;
	}
}