@media(max-width: 1699.98px){
	h1 {
		font-size: 4.5rem;
	}
	h2{
		font-size: 3rem;
	}
	h3{
		font-size: 2.4rem;
	}
	h5{
		font-size: 2.2rem;
	}
	.common-wrap{
		padding-left: 3%;
		padding-right: 3%;
	}
	.header-logo img, .footer-logo{ 
		width: 300px;
	}
	.header-wrapper {
		padding: 0 50px;
	}
	.product-dtl {
  		padding: 30px 20px;
	}
	.product-slider:before{
	    height: 325px;
	}
	.product-slider .swiper-button-next{
    	right: 3%;
	}
	.content-top .col-xl-9{
    	padding-left: calc(3% + 52px)
	}
	.service-slider .swiper-button-next{
	    right: 10px;
	}
	.service-slider .swiper-button-prev{
	    left: 10px;
	}
	/***contact****/
	.inner-wrap{
		padding-left: 3%;
		padding-right: 3%;
	}
	.contact-time-text {
		padding-left: 13%;
		padding-right: 20%;
	}
	.contact-time-sec{ 
		padding-bottom: 150px;
	}
	.contact-time-sec::after{ 
		height: 150px;
	}
	.contact-map-img {
	    height: 570px;
	}
	/**diensten-dtl****/
	.diensten-dtl-mid-sec .contact-time-text{ 
		padding-left: 12%;
	}
	/****aanbod-dtl*****/
	.dtl-car-model h2 {
		font-size: 2.6rem;
	}
	.dtl-car-price h3{ 
		font-size: 2.4rem;
	}
	.each-dtl-car-info h5, .car-info-btn{ 
		font-size: 1.7rem;
	}
	.each-dtl-car-info h4{ 
		font-size: 2rem;
	}
	.car-info-btn::after{
		width: 60px;
		height: 60px;
		background-size: 20px;
	}
	.aanbod-dtl-gallery-sec .gallery-image-content h2{ 
		font-size: 3rem;
	}
	/***aanbod****/
	.filter-head h3{
		font-size: 2.6rem;
	}
	/***verkocht****/
	.verkocht-product-sec .each-product table td{
		padding-right: 30px;
	}
	/***over-ons****/
	.count-txt-part h5{
		font-size: 2.2rem;
	}
	.ons-counter-sec h2 {
		line-height: 50px;
	}
	/***marken-dtl-one****/
	.marken-dtl-one-product .product-dtl{
		padding: 30px 20px;
	}
}
@media(max-width: 1599.98px){
	/***contact*****/
	.inner-header .header-contact li {
		font-size: 1.4rem;
		margin-right: 20px;
	}
	/****marken***/
	.brand-sec .heading-block p{ 
		padding-right: 10%;
	}
	/***aanbod-dtl***/
	.each-dtl-car-info{ 
		padding-left: 12px;
		padding-right: 12px;
	}
}
@media(max-width: 1399.98px){
	/**popup***/
	.modal-area .modal-dialog{ 
		max-width: 50%;
	}
	.modal-area .popup-content{ 
		padding-left: 7%;
		padding-right: 7%;
	}
	/***contact****/
	.contact-time-sec {
		padding-bottom: 100px;
	}
	.contact-time-sec::after {
		height: 100px;
	}
	.contact-time-text{ 
		padding-right: 13%;
	}
	.contact-time-text h5 {
		margin: 20px 0 40px;
	}
	/****marken***/
	.each-brand{
		padding: 20px 10px;
		letter-spacing: normal;
	}
	/**diensten****/
	.diensten-list-sec .each-gal h6{
		font-size: 1.5rem;
	}
	/**diensten-dtl****/
	.diensten-dtl-mid-sec .contact-time-text{ 
		padding-right: 12%;
	}
	/***aanbod-dtl****/
	.each-dtl-car-info h5 {
		margin-bottom: 60px;
	}
	.inter-btn {
		margin: 12px 0 25px auto;
	}
	.car-info-btn { 
		font-size: 1.8rem;
		padding-right: 90px;
	}
	.dtl-tab-btn li{ 
		font-size: 1.8rem;
		margin-right: 30px;
	}
	.each-tab-content-heading h5{ 
		font-size: 2.2rem;
	}
	.bullet-panel h6{ 
		font-size: 1.8rem;
	}
	.dtl-car-model{ 
		padding-right: 10%;
	}
	/***aanbod****/
	.aanbod-filter-wrap {
		padding: 0 5%;
	}
	.aanbod-filter-sec .col-lg-3 {
		padding: 0 15px;
	}
	/***verkocht****/
	.verkocht-product-sec .each-product table td{
		padding-right: 20px;
	}
	.verkocht-product-sec .each-product table td h6{
		font-size: 1.8rem;
	}
	/***over-ons****/
	.each-counter-box{
		margin-bottom: 10%;
	}
	/*.ons-top-sec p{
		padding-right: 10%;
	}*/
	/*****merken****/
	.each-brand h6{
		font-size: 1.6rem;
		height: 40px;
	}
	.each-dtl-car-info h5, .car-info-btn {
	    font-size: 1.5rem;
	    letter-spacing: normal;
	}
}
@media(max-width: 1299.98px){
	.inner-header .header-contact li {
		font-size: 1.3rem;
		margin-right: 13px;
	}
}
@media(max-width: 1199.98px){
	h1 {
		font-size: 3rem;
		letter-spacing: 1px;
	}
	h2{
		font-size: 24px;
	}
	h6{
		font-size: 1.6rem;
	}
	.header-logo img{ 
		width: 250px;
	}
	.header-wrapper {
		padding: 0 50px;
	}
	.sec-heading{
		padding: 60px 0;
	}
	.product-slider, .img-block{
		padding-right: 0;
	}
	.product-slider .swiper-button-next{
		display: none;
	}
	.product-dtl h6{
		height: 38px;
	}
	.content-top .col-xl-9 {
		padding-top: 60px;
		padding-bottom: 50px;
	  	padding-left: calc(3% + 12px)
	}
	.content-wrap .common-btn{
		max-width: 200px;
	}
	.content-sec:after{
		width: 33.33%;
	}
	/**popup***/
	.modal-area .modal-dialog{ 
		max-width: 90%;
	}
	.close-img {
		font-size: 2.5rem;
		top: 20px;
		left: 20px;
	}
	.modal-area .popup-content p {
		margin: 25px 0 0 0;
	}
	/**container****/
	.inner-header .desktop-nav .nav-item { 
		margin-right: 20px;
	}
	.inner-header .desktop-nav .nav-item:last-child {
		margin-right: 0;
	}
	.inner-header .menu-bar {
		margin-left: 15px;
	}
	/****diensten******/
	.diensten-top-sec td {
		padding: 0 4%;
	}
	/****aanbod-dtl****/
	.each-dtl-car-info{ 
		padding: 20px 10px;
	}
	.each-dtl-car-info h4{ 
		font-size: 1.6rem;
	}
	.each-dtl-car-info h5 {
		font-size: 1.4rem;
		margin-bottom: 60px;
	}
	.car-info-btn {
		font-size: 1.5rem;
		padding-right: 80px;
	}
	.aanbod-dtl-gallery-sec .gallery-image-content h2 {
		font-size: 2.4rem;
	}
	.form-styl{
		padding: 0 10px;
	}
}
@media(max-width: 991px){
	.header-area{
		height: auto;
	}
	.header-logo img {
	    width: 200px;
	}
	.header-area .header_inner {
	    padding: 15px 0;
	}
	.header-area .common-btn, .desktop-nav .nav-item, .header-contact, .desktop-nav{
		display: none;
	}
	.inner-header .menu-items, .inner-header .menu-items.active{
		left: 0;
		right: auto;
	}
	.menu-items a{
		font-size: 1.2rem;
	}
	.header-area .nav_menu_right_part {
	    position: absolute;
	    transform: translateY(-50%);
	    left: 2rem;
	    top: 50%;
	}
	.inner-header .menu-icon{
		margin-left: 0;
	}
	.header-area .menu-navigation{
		padding-top: 6rem;
	}
	.header-wrapper {
		padding: 0;
	}
	.banner-content {
		top: 50%;
		bottom: auto;
		text-align: center;
		width: 100%;
		transform: translateY(-50%);
	}
	.product-slider{
		padding-bottom: 60px;
	}
	.product-dtl h6, .txt-btn{
		font-size: 1.6rem;
	}
	.content-top{
		background: #fff;
	}
	.content-top .white-btn{
		border-color: #116c45;
	    background: #116c45;
	   	margin-bottom: 40px;
	}
	.content-top .white-btn:hover{
		color: #116c45;
	    background: #fff;
	    border-color: #116c45;
	}
	.content-wrap h5{
		margin: 20px 0;
	}
	.content-wrap .common-btn{
		max-width: 140px;
		font-size: 0.9rem;
	}
	 .content-wrap p {
	 	margin-bottom: 30px;
	}
	.footer-logo{
		width: 160px;
	}
	.contact-info h5 {
	    margin-bottom: 20px;
	}
	.contact-info{
		text-align: left;
		max-width: 100%;
		margin-top: 40px;
	}
	.opening-block{
		left: 0;
	}
	/**popup***/
	.close-img {
		font-size: 2.5rem;
		top: 20px;
		left: auto;
		right: 20px;
	}
	.modal-area .popup-content {
		padding-left: 5%;
    	padding-right: 5%;
	}
	/****contact****/
	.inner-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	.heading-block p{ 
		padding-right: 0;
	}
	.contact-info-sec{ 
		padding: 60px 0;
	}
	.each-contact-info{ 
		padding: 50px 0 10px;
	}
	.each-contact-info-img{ 
		width: 80px;
    	height: 80px;
	}
	.each-contact-info-img img{ 
		width: 25px;
	}
	.heading-block{
		margin-bottom: 50px;
	}
	.contact-form-sec{ 
		padding: 60px 0;
	}
	.contact-form-sec .text-end {
		text-align: left !important;
	}
	.contact-form-sec h3 {
		margin-bottom: 40px;
	}
	.contact-form-sec .pe-4,
	.contact-form-sec .pe-2 { 
		padding-right: 12px !important;
	}
	.contact-form-sec .ps-4,
	.contact-form-sec .ps-2 { 
		padding-left: 12px !important;
	}
	.contact-time-text {
		padding: 50px 6%;
	}
	.contact-time-sec::after {
		display: none;
	}
	.contact-time-sec{ 
		padding-bottom: 30px;
	}
	.contact-map-img {
		height: 320px;
	}
	/***marken****/
	.inner-banner-content {
		padding-top: 0;
		text-align: center;
	}
	.brand-sec .heading-block p {
		padding-right: 0;
	}
	.brand-wrapper .col-lg-3 {
		width: 33.33%;
	}
	.brand-sec{ 
		padding: 60px 0;
	}
	/***diensten***/
	.diensten-top-sec {
		padding: 60px 0;
	}
	.diensten-top-sec td {
		padding: 0 2%;
	}
	/***diensten-dtl***/
	.diensten-dtl-bk-btn {
		padding: 80px 0 30px;
	}
	.diensten-dtl-top-sec{ 
		padding: 60px 0;
	}
	.diensten-dtl-bk-btn .text-end {
		text-align: left !important;
	}
	.diensten-dtl-mid-sec .contact-time-text{ 
		padding: 50px 6%;
	}
	.diensten-dtl-related-service .heading-block p {
		padding-left: 0;
	}
	/****aanbod-dtl*****/
	.dtl-car-model{ 
		padding-right: 0;
		margin-bottom: 30px;
	}
	.dtl-car-info-sec .custom-row .col-lg-3 {
		width: 33.33%;
	}
	.dtl-car-info-sec .custom-row .col-lg-4{ 
		width: 66%;
	}
	.dtl-car-info-sec {
		padding: 60px 0;
	}
	.aanbod-dtl-top-sec {
		padding-bottom: 60px;
	}
	.dtl-tab-sec {
		padding: 60px 0;
	}
	.aanbod-dtl-top-sec .text-end {
		text-align: left !important;
		padding-top: 30px;
	}
	.dtl-car-model h2, .dtl-car-price h3{
		font-size: 2rem;
	}
	/***aanbod****/
	.aanbod-filter-sec .col-lg-3{
		padding: 0 12px;
	}
	.aanbod-filter-sec {
		padding: 60px 0;
	}
	.filter-head h3{
		margin-bottom: 30px;
	}
	.aanbod-filter-sec .select-style{
		background: url(../images/down-arrow.svg) #1c1c1c no-repeat 98% center/12px;
	}
	/***verkocht****/
	.verkocht-product-sec .each-product table td{
		padding-bottom: 25px;
	}
	.verkocht-product-sec{
		padding-top: 40px;
	}
	.filter-head h3 {
	    font-size: 2rem;
	}
	.verkocht-product-sec .each-product table td h6 {
	    font-size: 1.6rem;
	}
	.verkocht-product-sec .each-product table td {
	    padding-right: 10px;
	}
	/***over-ons****/
	.ons-counter-sec{
		margin-top: 0;
		padding: 60px 0;
	}
	.circle-part {
		width: 100px;
		height: 100px;
	}
	.count-txt-part{
		padding-left: 0;
	}
	.each-counter-box {
		margin-bottom: 40px;
	}
	.counter-wrap{
		margin: 30px 0 0 0;
	}
	.ons-team-sec:after{
		width: 100%;
	}
	.ons-team-sec {
		padding-top: 60px;
		margin-top: 0;
	}
	.ons-team-head{
		padding-bottom: 60px;
	}
	.ons-counter-sec h2 {
		line-height: 30px;
		padding: 0;
	}
	.ons-counter-head{
		margin: 0;
	}
	.marken-dtl-two-top-sec .dtl-car-model h2{
		margin-left: 0;
		margin-bottom: 20px;
	}
	.privacy_section {
		padding: 5rem 0;
	}
	.error_top{
	    padding: 80px 12px 40px;
	}
}
@media(max-width: 767px){
	.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;
	}
	h1 {
		font-size: 2.2rem;
		letter-spacing: normal;
	}
	h2{
		font-size: 2rem;
		letter-spacing: normal;
	}
	h3{
		font-size: 2rem;
	}
	h5{
		font-size: 1.8rem;
	}
	.each-banner img{
		height: 100%;
		object-fit: cover;
	}
	.banner-content h1{
		margin-bottom: 0px;
	}
	.common-btn {
		max-width: 200px;
	    height: 42px;
	    line-height: 40px;
	    font-size: 1rem;
	}
	.sec-heading, .product-slider{
		padding: 30px 0;
	}
	.sec-heading .text-end, .content-top .text-center{
		text-align: left !important;
		padding-top: 20px;
	}
	.product-dtl h6{
		height: auto;
	}
	.product-wrap {
	    margin-left: 0;
	}
	.product-slider .container-fluid.ps-0{
		padding-left: 12px !important;
	}
	.product-slider .common-wrap{
		padding-right: 0;
	}
	.product-dtl {
	    padding: 20px 10px;
	}
	.product-dtl .row {
	    margin-top: 30px;
	}
	.product-slider:before{
		height: 100%;
	}
	.content-top .col-xl-9{
		padding: 0;
	}
	.content-top p{
		margin-top: 20px;
    	text-align: justify;
	}
	.content-top{
		padding: 40px 5% 0;
	}
	.content-sec:after{
		display: none;
	}
	.content-wrap{
		padding-top: 10%;
		max-width: 100%;
	}
	.each-block{
		margin-bottom: 40px;
	}
	.footer-area{
		padding: 10% 0;
	}
	/**popup***/
	.modal-area .modal-dialog{ 
		max-width: 95%;
	}
	.modal-area .popup-content p {
		margin: 15px 0 0 0;
	}
	.modal-area .popup-content {
		padding: 30px 15px;
	}
	/***contact****/
	.contact-map-text{ 
		bottom: 50px;
	}
	.contact-info-sec{ 
		padding: 30px 0;
	}
	.heading-block p {
		margin: 20px 0 0;
	}
	.heading-block{ 
		margin-bottom: 30px;
	}
	.each-contact-info {
		padding: 15px 0;
	}
	.each-contact-info-img {
		width: 60px;
		height: 60px;
		margin-bottom: 20px;
	}
	.each-contact-info-img img {
		width: 20px;
	}
	.each-contact-info p{ 
		line-height: 27px;
		margin-bottom: 0;
	}
	.contact-form-sec {
		padding: 30px 0;
	}
	.contact-form-sec .form-group {
		margin-bottom: 20px;
	}
	.form-styl{ 
		height: 50px;
	}
	.foto_upload {
	    line-height: 50px;
	}
	.contact-time-text {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contact-time-text h5 {
		margin-bottom: 30px;
	}
	.contact-time-text td:nth-child(odd){ 
		padding-right: 60px;
	}
	/****marken****/
	.brand-wrapper .col-lg-3 {
		width: 50%;
	}
	.brand-sec{ 
		padding: 30px 0;
	}
	/***diensten***/
	.diensten-top-sec {
		padding: 30px 0;
	}
	.diensten-top-sec td {
		padding: 0;
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.diensten-top-sec td:last-child {
		margin-bottom: 0;
	}
	/***diensten-dtl***/
	.diensten-dtl-top-sec{ 
		padding: 30px 0;
	}
	.diensten-dtl-bk-btn .common-btn {
		max-width: 220px;
	}
	.diensten-dtl-mid-sec .contact-time-text{ 
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/****aanbod-dtl****/
	.dtl-car-price-pm h5 {
		font-size: 1.6rem;
		margin-bottom: 5px;
	}
	.aanbod-dtl-top-sec{ 
		padding-bottom: 30px;
	}
	.dtl-top-slider .common-arrow{ 
		width: 45px;
		height: 45px;
	}
	.dtl-top-slider .common-arrow img {
		width: 12px;
	}
	.dtl-car-info-sec {
		padding: 30px 3px;
	}
	.dtl-car-info-sec .custom-row .col-lg-3,
	.dtl-car-info-sec .custom-row .col-lg-4{ 
		width: 50%;
	}
	.dtl-car-info-sec .custom-row .col-lg-4{ 
		width: 100%;
	}
	.dtl-car-info-sec .row{
		margin: 0 -5px;
	}
	.each-dtl-car-info{ 
		  height: auto;
	}
	.each-dtl-car-info h5{ 
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.dtl-car-info-sec .text-end {
		text-align: left !important;
	}
	.car-info-btn {
		margin-left: 0;
		padding-right: 65px;
	}
	.car-info-btn::after {
		width: 40px;
		height: 40px;
		background-size: 12px;
	}
	.aanbod-dtl-gallery-sec .gallery-image-content h2 {
		font-size: 1.6rem;
	}
	.aanbod-dtl-gallery-sec .gallery-image-content h6 {
		font-size: 1.1rem;
	}
	.dtl-tab-sec {
		padding: 30px 0;
	}
	.dtl-tab-btn li{ 
		margin-right: 0;
		width: 49%;
		text-align: center;
		font-size: 1.6rem;
	}
	.each-tab-content-heading h5{ 
		font-size: 1.8rem;
	}
	.each-tab-content{ 
		padding: 30px 0;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.left-bg-block h6 {
		font-size: 1.6rem;
	}
	.each-onderhoud-block h4 {
		font-size: 2rem;
	}
	.related-product-sec .product-slider:before{ 
		height: 50%;
	}
	.bullet-panel h6{ 
		font-size: 1.6rem;
	}
	.inter-btn {
		margin: 0;
		margin-right: 20px;
		float: left;
	}
	/***aanbod****/
	.aanbod-filter-sec {
		padding: 30px 0;
	}
	.aanbod-filter-wrap {
		padding: 0;
	}
	.filter-head h3{
		font-size: 1.6rem;
	}
	.filter-order-block{
		padding: 10px 0 0;
		text-align: left !important;
		margin: 0;
	}
	/***over-ons****/
	.ons-counter-sec{
		padding: 30px 0;
	}
	.each-counter-box{
		margin-bottom: 20px;
	}
	.count-txt-part h5{
		font-size: 1.8rem;
	}
	.ons-team-sec {
		padding-top: 30px;
	}
	.ons-team-head{
		padding-bottom: 30px;
	}
	.team-txt{
		bottom: 20px;
		left: 15px;
	}
	.ons-bottom-sec .swiper-button-prev,
	.ons-bottom-sec .swiper-button-next{
		width: 40px;
		height: 40px;
	}
	.ons-bottom-sec .swiper-button-next{
		right: 10px;
	}
	.ons-bottom-sec .swiper-button-prev{
		left: 10px;
	}
	.circle-part{
		width: 85px;
		height: 85px;
	}
	.count-txt-part{
		width: calc(100% - 105px);
	}
	/***marken-dtl-one****/
	.marken-dtl-one-product .product-dtl{
		padding: 20px 10px;
	}
	.marken-dtl-one-top-sec .heading-block{
		max-width: 100%;
	}
	/******merken*****/
	.each-brand-img{
		width: 65%;
	    height: 140px;
	}
	.marken-dtl-one-product .product-dtl .text-end{
	    text-align: left !important;
	    padding-top: 15px;
	}
	.marken-dtl-one-bk-btn{
		padding-bottom: 0;
	}
	.dtl-car-info-sec .col-lg-4.btn-div{
		padding: 0;
	}
	.dtl-car-info-sec .btn-div .each-dtl-car-info{
		background-color: #1c1c1c;
		padding: 0 0 10px;
	}
	.dtl-car-info-sec .btn-div .car-info-btn{
		margin-left: 0;
	}
}
@media(max-width: 575px){
	.inner-banner-sec{
		height:180px ;
	}
	.inner-banner-sec img{
		height: 100%;
		object-fit: cover;
	}
	.common-wrap{
		padding-left: 0;
		padding-right: 0;
	}
	/****contact***/
	.inner-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.contact-time-text {
		padding-left: 12px;
		padding-right: 12px;
	}
	/*****diensten-dtl***/
	.diensten-dtl-mid-sec .contact-time-text{ 
		padding-left: 12px;
		padding-right: 12px;
	}
	/****aanbod-dtl****/
	.dtl-tab-btn li {
		width: 48%;
		letter-spacing: normal;
		font-size: 1.4rem;
	}
	.kenmerken-tab ul li:nth-child(odd){ 
		padding-left: 11px;
	}
	.dtl-tab-sec .bullet-panel ul li {
		padding-left: 11px;
	}
	.dtl-tab-sec .tab-dtl-block ul li{ 
		font-size: 1.5rem;
	}
}