@media(max-width: 1799.98px){
	.contact-info li{
		padding-right: 100px;
	}
	.footer-menubar li{
		padding-right: 40px;
	}
	.text-box{
		padding: 0 60px;
	}
	.product-btm-part p span {
	    padding: 0 30px;
	}
	.desktop-nav .nav-item{
		padding-left: 40px;
	}
	/**********modellen-dtl**********/
	.modellen-car2-sec .group-content {
		padding: 100px 0px 0px 180px;
	}
	/*******************styling dtl*************/
	.style-dtl-form-upper-sec .block-content{
		padding-right: 10%;
	}
}
@media(max-width: 1699.98px){
	h2{
		font-size: 38px;
	}
	.product-btm-part p span {
	    padding: 0 15px;
	}
	.group-content{
		padding-top: 50px;
	}
	/****************aanbod listview**************/
	.aanbod-product .aanbod-listview .product-btm-part p {
/*	    font-size: 26px;*/
	    font-size: 18px;
	}
	.aanbod-listview .product-btm-part p span {
	    padding: 0 60px;
	}	
	.aanbod-listview.product-slider h6 {
    	font-size: 26px;
	}
	.aanbod-listview .product-dtl .col-md-6:first-child h6 {
	    height: 100px;
	}
	.aanbod-product .aanbod-listview .product-btm-part{
		padding-top: 50px;
	}
	/********diensten-dtl********/
	.diensten-dtl-btm-slider-wrapper .swiper-button-prev {
		right: 10%;
	}
	.diensten-dtl-office-sec .group-content {
		padding-top: 50px;
	}
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 52px;
	}
	.form-wrapper {
		padding: 0px 50px;
	}
	/**********modellen-dtl**********/
	.modellen-car2-sec .group-content {
		padding: 50px 0px 0px 130px;
	}
}
@media(max-width: 1599.98px){
	h2{
		font-size: 38px;
	}
	h3{
		font-size: 32px;
	}
	.common-wrapper {
	    padding-left: 60px;
	    padding-right: 60px;
	}
	.side-logo-left{
		left: -70px;
	}
	.desktop-nav .navbar-brand{
		margin-right: 5px;
  		margin-left: 15px;
	}
	.desktop-nav .nav-item{
		padding-left: 28px;
	}
	.rotate-div{
		/*top: 40px;*/
	}
	.text-box{
		bottom: 40px;
	}
	.footer-area .contact-info, .footer-area .footer-menubar {
	    padding-left: 60px;
	}
	/**********modellen-dtl**********/
	.modellen-car2-sec .group-content {
		padding: 50px 50px 0px 100px;
	} 
	/*****************aanbod dtl***************/
	.group-button{
		padding: 50px 30px;
	} 
	.related-car h2 {
	    font-size: 32px;
	}
	/*********sami-dtl*******/
	.sami-dtl-bottom-sec .common-block-cover h2 {
		margin-left: 12%;
	}
	/****************styling dtl*************/
	.styling-form-area:before {
	    height: 160%;
	    clip-path: polygon(75% 35%, 100% 54%, 100% 100%, 0% 100%, 0% 0%);
	    -webkit-clip-path: polygon(75% 35%, 100% 54%, 100% 100%, 0% 100%, 0% 0%);
	}
	/*********overons**********/
	.head-area .heading-content h3 {
		font-size: 50px;
	}
	.block-content{
		max-width: 525px;
	}
	.select-style, .each-grid-block{
		font-size: 14px;
	}
	.group-content{
		padding-left: 70px;
		padding-right: 70px;
	}
}
@media(max-width: 1499.98px){
	h2 {
	    font-size: 50px;
	}
	h3{
		font-size: 32px;
	}
	h4{
		font-size: 22px;
	}
	.desktop-nav .nav-item{
		font-size: 15px;
	}
	.banner-content{
		bottom: 16%;
	}
	.footer-area .contact-info, .footer-area .footer-menubar {
	    padding-left: 50px;
	}
	.footer-menubar li {
	    padding-right: 30px;
	}
	.contact-info li {
	    padding-right: 70px;
	}
	.text-box {
	    padding: 0 40px;
	}
	.each-block-dtl p {
    	margin: 10px 0 30px;
    }
    .product-btm-part p span {
	    padding: 0 40px;
	}
	.block-left-panel li {
	    margin: 0px 30px;
	}
	/*********modellen-list**********/
	.car-image-content h3 {
		font-size: 32px;
	}
	.car-image-content {
		font-size: 26px;
	}
	/*******modellen list******/
	.modellen-dtl-bnr-btm-sec .group-content {
		padding: 50px 50px 0px 135px;
	}
	.modellen-car2-sec .group-content {
		padding: 50px 50px 0px 50px;
	}
	/***************aanbod*************/
	.aanbod-product .product-btm-part{
		padding-left: 0;
		padding-right: 0;
	}
	.aanbod-product .product-btm-part p {
    	font-size: 16px;
	}
	.aanbod-product .product-btm-part p span {
	    padding: 0 15px;
	}
	.aanbod-middle-area .block-content{
		padding-bottom: 50px;
		padding-left: 60px;
	}
	.aanbod-middle-area .block-content p {
    	margin-bottom: 40px;
	}
	/****************aanbod listview**************/
	.aanbod-product .aanbod-listview .product-btm-part p {
/*	    font-size: 22px;*/
	    font-size: 18px;
	}
	.aanbod-listview .product-btm-part p span {
	    padding: 0 60px;
	}	
	.aanbod-listview.product-slider h6 {
    	font-size: 24px;
	}
	.aanbod-product .aanbod-listview .product-btm-part{
		padding-top: 30px;
	}
	/*********diensten-dtl***********/
	.diensten-dtl-office-sec .group-content {
		padding: 50px 0px 0px 50px;
	}
	.diensten-dtl-office-sec .group-content p {
		margin-top: 20px;
	}
	.diensten-dtl-btm-slider-wrapper h2 {
		font-size: 50px;
	}
	.form-wrapper h3 {
		font-size: 32px;
	}
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 48px;
	}
	/*******************diensten listview***************/
	.diensten-list-sec .block-content h3{
		font-size: 32px;
	}
	.diensten-list-sec .common-block-cover h2, .diensten-dtl-top-sec h2{
		letter-spacing: 2px;
	}
	/***********contact*********/
	.contact-time-open-sec h3 {
		font-size: 32px;
		margin-bottom: 70px;
	}
	/*****************moddlen dtl***************/
	.diensten-dtl-office-sec.modellen-dtl-bnr-btm-sec .group-content{
		padding-right: 50px;
	}
	/******************aanbod dtl***************/
	.price-panel h3{
		font-size: 32px;
	}
	/**********sami list*************/
	.sami-list-slder-sec .up-text h3 {
		font-size: 32px;
	}
	/*********sami-dtl*******/
	.sami-dtl-bottom-sec .common-block-cover h2 {
		margin-left: 12%;
	}
	/*********styling-dtl*************/
	.style-dtl-form-upper-sec .block-content {
		padding-left: 40px;
	}
	.style-dtl-form-upper-sec .block-content h3 {
		font-size: 32px;
	}
	.style-dtl-form-upper-sec .common-block-cover h2 {
		margin-left: 34%;
	}
	.common-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
	.select-style, .each-grid-block {
		font-size: 13px;
	}
	.each-grid-block img{
		width: 16px;
	}
	.group-content .common-btn.border-btn{
		max-width: 220px;
	}
	.group-content .klaten-btn{
		padding-left: 20px;
  		padding-right: 20px;
	}
}
@media(max-width: 1399.98px){
	h1, .block-content h3{
		font-size: 32px;
		line-height: 32px;
	}
	h2{
		font-size: 36px;
	}
	h4{
		font-size: 30px;
	}
	.common-block-cover, .aanbod-product .aanbod-listview .each-product{
		padding: 0;
	}
	.group-content{
		padding: 40px;
	}
	.footer-area .col-lg-4 {
	    -ms-flex: 0 0 26%;
	    flex: 0 0 26%;
	    max-width: 26%;
	}
	.footer-area .col-lg-8 {
	    -ms-flex: 0 0 74%;
	    flex: 0 0 74%;
	    max-width: 74%;
	}
	.contact-info li {
	    padding-right: 40px;
	}
	.footer-menubar li {
	    padding-right: 20px;
	    font-size: 15px;
	}
	.header-area .common-block-cover{
		padding-left: 40px;
	}
	/**************aanbod**************/
	.aanbod-product .product-slider h6{
		font-size: 16px;
		line-height: 26px;
	}
	/****************aanbod listview***************/
	.aanbod-listview.product-slider h6 {
	    font-size: 24px;
	    line-height: normal;
	}
	.aanbod-product .aanbod-listview .product-btm-part p {
	    font-size: 20px;
	}
	.aanbod-listview .product-dtl {
    	padding: 0 40px;
	}
	/*********diensten-dtl************/
	.diensten-dtl-office-sec .group-content {
		padding: 0px 0px 0px 50px;
	}
	.diensten-dtl-btm-slider-sec .block-left-panel li {
	    margin: 0 15px;
	}
	.block-left-panel li{
		font-size: 15px;
	}
	/*****************diensten listview**************/
	.diensten-dtl-top-area {
	    padding: 0 80px;
	}
	.diensten-list-sec .middle-image-block{
		padding-left: 80px;
	}
	.diensten-list-sec .block-content h3 {
	    font-size: 32px;
	}
	/*****************moddlen dtl***************/
	.diensten-dtl-office-sec.modellen-dtl-bnr-btm-sec .group-content, .modellen-car2-sec .group-content{
		padding-top: 50px;
	}
	/*****************aanbod dtl****************/
	.group-button {
	    padding: 40px 15px;
	}
	.price-panel{
		padding: 0 30px;
	}
	.price-panel h3 {
	    font-size: 32px;
	}
	.detail-tab-area ul li{
		font-size: 15px;
		padding-bottom: 17px;
	}
	.each-tab-part p{
		font-size: 15px;
	}
	/*********overons*********/
	.head-gap {
		width: 364px;
	}
	.sami-list-slder-sec .up-text, .sami-list-slder-sec .down-text, .sami-list-slder-sec .swiper-button-prev{
		left: 30px;
	}
	.sami-list-slder-sec .swiper-button-next {
		right: 30px;
	}
	.common-wrapper {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.side-logo-left img{
		width: 60px;
	}
	.desktop-nav .navbar-brand img{
		width: 200px;
	}
	.desktop-nav .navbar-brand{
		margin-right: 20px;
  		margin-left: 14px;
	}
	.side-logo-left{
		left: -65px;
	}
	.select-wrap{
		padding-right: 0;
	}
	/*.zoken{
		font-size: 12px;
	}
	.search-div {
  		width: 180px;
	}
	.select-wrap {
  		width: calc(100% - 180px);
	}*/
}
@media(max-width: 1299.98px){	
	h1, .block-content h3 {
	    font-size: 32px;
	    line-height: normal;
	}
	h2 {
	    font-size: 36px;
	}
	h3{
		font-size: 32px;
	}
	.desktop-nav .nav-item {
	    padding-left: 20px;
    	font-size: 14px;
	}
	.footer-area .contact-info, .footer-area .footer-menubar {
	    padding-left: 30px;
	}
	.contact-info li {
	    padding-right: 25px;
	}
	.footer-menubar li{
		font-size: 14px;
	}
	.footer-logo .icon1{
		margin-right: 0;
	}
	.block-left-panel {
	    width: 130px;
	}
	.block-image-panel {
    	width: calc(100% - 130px);
	}
	.rotate-div {
	    /*left: -50px;*/
	}
	.block-left-panel li {
	    margin: 0px 30px;
	}
	.product-sec:after{
		height: calc(100% - 95px);
	}
	/*****************aanbod**************/
	.aanbod-product .each-product{
		padding-left: 20px;
		padding-right: 20px;
	}
	/*********diensten-dtl*************/
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 42px;
	}
	.diensten-dtl-btm-slider-wrapper h2 {
		font-size: 45px;
	}
	.diensten-dtl-btm-slider-wrapper .swiper-button-prev {
		right: 12%;
	}
	/**********contact**********/
	.contact-time-open-wrapper {
		padding: 0px 20px;
	}	
	/*****************aanbod dtl************/
	.kenmerken-tab ul li:nth-child(odd){
		padding-left: 12px;
	}
	/********styling-dtl**************/
	.style-dtl-form-upper-sec .middle-image-block {
		padding-left: 240px;
	}
	.style-dtl-form-upper-sec .block-content h3 {
		font-size: 32px;
	}
	.car-view, .select-div{
		width: 100%;
	}
}
@media(max-width: 1199.98px){
	h1, .block-content h3{
		font-size: 52px;
	}
	h2{
		font-size: 38px;
	}
	h3{
		font-size: 32px;
	}
	.side-logo-left, .side-logo-right{
		display: none;
	}
	.header-area .common-block-cover{
		padding-left: 0;
	}
	.desktop-nav .nav-item {
	    padding-left: 15px;
	    font-size: 13px;
	}
	.banner-content {
	    bottom: 12%;
	}
	.product-sec h2{
		margin-bottom: 40px;
	}
	.product-btm-part p span {
	    padding: 0 20px;
	}
	.group-content{
		padding-top: 0;
	}
	.group-sec{
		padding: 100px 0;
	}
	.footer-area .col-lg-4, .footer-area .col-lg-8 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    border-left: 0;
	}
	.footer-logo{
		padding-top: 60px;
	}
	.contact-info{
		border-top: 1px solid rgba(255,255,255,0.3);
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contact-info li {
	    padding-right: 40px;
	}
	.block-content{
		padding-left: 60px;
	}
	/***************aanbod*************/
	.aanbod-select-area{
		padding-top: 100px;
	}
	.aanbod-select-area .filter-wrap{
		margin-left: 0;
		margin-top: 30px;
	}
	.aanbod-middle-area .block-content{
		padding: 0 30px 50px;
	}
	/****************aanbod listview***************/
	.aanbod-listview.product-slider h6 {
	    font-size: 22px;
	}
	.aanbod-listview .product-dtl .col-md-6:first-child h6 {
	    height: 90px;
	}
	.aanbod-product .aanbod-listview .product-btm-part p {
	    font-size: 18px;
	}
	.aanbod-listview .product-dtl, .aanbod-listview .product-btm-part p span {
    	padding: 0 30px;
	}
	/*******diensten-dtl********/
	.diensten-dtl-office-sec .group-content p {
		margin: 20px 70px 20px 0px;
	}
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 40px;
	}
	.diensten-dtl-office-sec .group-content {
		padding: 0px 0px 0px 40px;
	}
	.diensten-dtl-btm-slider-wrapper h2 {
		font-size: 40px;
	}
	.form-wrapper {
		padding: 0px 30px;
	}
	.diensten-dtl-btm-slider-sec .block-left-panel li {
	    margin: 0 10px;
	}
	/******************diensten listview***************/
	.diensten-dtl-top-sec td:nth-child(odd) {
	    padding-right: 20px;
	}
	.diensten-dtl-top-sec td:nth-child(even) {
	    padding-left: 20px;
	}
	.diensten-dtl-top-area {
	    padding: 0 50px;
	}
	.diensten-list-sec .middle-image-block{
		padding-left: 50px;
	}
	.block-content p {
    	margin-bottom: 40px;
	}
	.diensten-list-sec .block-content {
	    padding-bottom: 40px;
	}
	.diensten-list-sec .block-content h3 {
	    font-size: 32px;
	}
	/**********modellen-dtl*********/
	.diensten-dtl-office-sec.modellen-dtl-bnr-btm-sec .group-content {
		padding: 0px 30px 0px 90px;
	}
	.modellen-dtl-bnr-btm-sec .group-content p {
		margin: 20px 0px;
	}
	/*************aanbod dtl**************/
	.detail-pg-bottom-content{
		padding-top: 30px;
	}
	.kenmerken-tab-panel{
		padding-top: 80px;
	}
	.each-tab-part{
		padding-top: 60px;
	}
	.detail-top-pagination .text-right {
	    padding-right: 0;
	}
	.price-panel{
		padding: 30px 0 0;
	}
	.price-panel, .group-button{
		max-width: 680px;
		width: 100%;
		margin: auto;
	}
	.kenmerken-tab-panel .common-wrapper {
	    padding-right: 35px;
	}
	.aanbod-detail-tab-sec .pr-0{
		padding-right: 15px !important;
	}
	/*********sami-dtl*************/
	.sami-dtl-banner-wrapper h2 {
		font-size: 40px;
	}
	.sami-dtl-banner-wrapper h3 {
		font-size: 25px;
	}
	/****************styling dtl***********/
	.style-dtl-form-upper-sec .middle-image-block {
	    padding-left: 130px;
	}
	.style-dtl-form-upper-sec .common-block-cover h2 {
	    margin-left: 20%;
	}
	.styling-form-area:before {
	    clip-path: polygon(20% 13%, 100% 51%, 100% 100%, 0% 100%, 0% 0%);
	    -webkit-clip-path: polygon(20% 13%, 100% 51%, 100% 100%, 0% 100%, 0% 0%);
	}
	.middle-sec .middle-image-block {
	    padding-left: 80px;
	}
    .select-wrap .col-md-2 {
	  	-ms-flex: 0 0 25%;
	  	flex: 0 0 25%;
	  	max-width: 25%;
	}
	.select-wrap .each-select-box{
		margin-bottom: 10px;
	}
	.modal-area .modal-dialog {
    	max-width: 920px;
	}
	.group-content .common-btn.border-btn {
    	max-width: 150px;
  	}
  	.group-content .klaten-btn span {
  		padding-right: 30px;
	}
	.group-content .common-btn{
		font-size: 14px;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		height: auto;
	}
	.header-area{
		display: none;
	}
	.res-logo-styl{
		width: 250px;
	}
	h1, .block-content h3 {
	    font-size: 42px;
	}
	h2 {
	    font-size: 36px;
	}
	h3 {
	    font-size: 28px;
	}
	h4{
		font-size: 26px;
	}
	.product-sec, .gallery-sec{
		padding-top: 60px;
	}
	.product-sec .col-xl-8.text-right{
		text-align: left !important;
	}
	.product-btn{
		margin-top: 40px;
		text-align: center;
	}
	.block-left-panel, .block-image-panel{
		width: 100%;
	}
	.rotate-div{
		transform: rotate(0deg);
		top: 0;
    	left: 0;
	}
	.block-left-panel ul{
		/*white-space: normal;*/
		top: 0;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
	.block-image-panel{
		margin-top: 30px;
	}
	.middle-image-block {
    	margin-top: 50px;
    }
    .block-content {
    	max-width: 580px;
    	padding-left: 40px;
	}
	.middle-sec{
		padding-bottom: 50px;
	}
	.gallery-slider{
		margin-right: 0;
	}
	.group-sec{
		padding: 70px 0;
	}
	.group-content{
		padding: 60px 0;
	}
	.group-content {
	    padding: 60px 30px 0;
	    max-width: 720px;
	    width: 100%;
	    margin: auto;
	}
	.contact-info li {
	    width: 49%;
	    padding: 0 0 20px;
	}
	.footer-menubar ul{
		text-align: center;
		padding: 40px 0 30px;
	}
	.footer-menubar li {
	    font-size: 14px;
	    padding: 0 30px 15px 0;
	}
	.block-content h3{
		white-space: normal;
	}
	.header.dblock.stiky{
		position: fixed !important;
		background-color: #0A1722;
		padding: 1.5rem 0;
	}
	/*******************aanbod***************/
	.aanbod-select-area {
	    padding-top: 30px;
	}
	.aanbod-middle-area{
		padding: 30px 0;
	}
	.aanbod-middle-area .block-content{
		padding-top: 18%;
	}
	.block-content p{
		display: block;
	}
	/********************aanbod listview**************/
	.aanbod-listview .product-dtl{
		padding: 30px ;
	}
	.aanbod-listview .aanbod-middle-area .block-content{
		padding: 0;
	}
	.aanbod-listview .each-block-image{
		padding: 60px 30px;
	}
	.aanbod-listview .col-lg-5.text-right{
		text-align: left !important;
	}
	.aanbod-listview.product-slider {
	    margin-bottom: 0px;
	}
	/*********diensten-dtl*********/
	.diensten-dtl-back-btn-sec .diensten-dtl-back-btn-area {
		text-align: left !important;
	}
	.diensten-dtl-back-btn-sec {
		padding: 60px 0px 30px;
	}
	.diensten-dtl-top-sec table tr td {
		width: 100%;
		display: block;
	}
	.diensten-dtl-top-sec table tr td:nth-child(odd) {
		padding-right: 0px;
	}
	.diensten-dtl-top-sec table tr td:nth-child(even) {
		padding-left: 0px;
		padding-top: 30px;
	}
	.diensten-dtl-top-sec {
		padding: 60px 0;
	}
	.diensten-dtl-top-area, .diensten-list-sec .middle-image-block{
		padding: 0;
	}
	.diensten-dtl-top-sec h2, .diensten-list-sec .common-block-cover h2 {
    	margin-bottom: 30px;
	}
	.diensten-dtl-office-sec {
		padding: 0px 0px 60px;
	}
	.diensten-dtl-office-sec .group-content {
		padding: 60px 0px 0px;
	}
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 36px;
	}
	.form-sec {
		padding: 60px 0px;
	}
	.form-wrapper {
		padding: 0px;
	}
	.form-wrapper h3 {
		font-size: 30px;
	}
	.diensten-dtl-btm-slider-wrapper h2 {
		font-size: 36px;
	}
	.diensten-dtl-btm-slider-sec {
		padding: 60px 0px;
	}
	.form-sec .form-styl {
		padding: 20px 20px 70px 0px;
	}
	/******diensten listview**************/
	.diensten-list-sec {
		padding: 60px 0px;
	}
	.diensten-list-sec .block-content h3 {
	    font-size: 32px;
	}
	/**********contact*************/
	.contact-time-open-sec {
		padding: 60px 0px;
	}
	.contact-time-open-sec h3 {
		font-size: 30px;
		margin-bottom: 40px;
	}
	.open-time-table {
		padding-left: 0px;
		margin-top: 30px;
	}
	.mail-call-table {
		padding-right: 0px;
	}
	.contact-time-open-wrapper {
		padding: 0px;
	}
	.contact-time-open-sec table {
		width: 100%;
	}
	/*******modellen list*********/
	.welk-content h2 {
		font-size: 36px;
	}
	.welk-content {
		padding: 60px;
	}
	.car-image-content h3 {
	    font-size: 30px;
	}
	.up-text, .down-text{
		left: 30px;
	}
	.car-image-content {
	    font-size: 24px;
	}
	/**********modellen-dtl*************/
	.modellen-dtl-back-btn-sec .diensten-dtl-back-btn-area {
		position: initial;
	}
	.modellen-dtl-back-btn-sec{
		padding-bottom: 60px;
	}
	.diensten-dtl-office-sec.modellen-dtl-bnr-btm-sec .group-content{
		padding: 30px;
	}
	/******************aanbod dtl***************/
	.detail-top-pagination{
		padding: 50px 0;
	}
	.detail-top-pagination .text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.aanbod-dtl-slider .swiper-button-prev {
	    left: 15px;
	}
	.aanbod-dtl-slider .swiper-button-next {
	    right: 15px;
	}
	.kenmerken-tab-panel .tab-top-heading h4 {
    	padding-bottom: 30px;
	}
	.kenmerken-tab-panel {
	    padding: 60px 0;
	    margin-bottom: 0;
	}
	.price-panel h3 {
	    font-size: 30px;
	}
	.aanbod-detail-tab-sec{
		padding-bottom: 60px;
	}
	.related-car h2 {
	    font-size: 28px;
	}
	/*********sami design***********/
	.each-sami-list-slide .up-text{
		left: 40px;
	}
	.each-sami-list-slide .down-text {
		left: 40px;
	}
	.sami-list-slder-sec .up-text h3 {
		font-size: 30px;
	}
	/*********sami-dtl*************/
	.sami-dtl-banner-wrapper h2 {
		font-size: 32px;
    	letter-spacing: 1px;
	}
	.sami-dtl-banner-wrapper h3 {
		font-size: 20px;
	}
	.sami-banner-text-left, .sami-banner-text-right {
		padding: 20px 50px;
		bottom: 6%;
	}
	.sami-design-dtl-back-btn-sec .diensten-dtl-back-btn-area p {
		float: none;
		display: block;
	}
	.sami-dtl-bottom-sec .common-block-cover h2 {
		margin-left: 0px;
		letter-spacing: normal;
	}
	.middle-sec.sami-dtl-bottom-sec{
		padding-bottom: 0;
	}
	/*********styling-dtl**********/
	.styling-dtl-bottom-sec .rotate-div {
		top: 0;
		left: 0;
	}
	.style-dtl-form-upper-sec {
		padding: 0px;
	}
	.style-dtl-form-upper-sec .middle-image-block {
		padding-left: 0px;
	}
	.style-dtl-form-upper-sec .common-block-cover h2 {
	    margin-left: 0;
	}
	.style-dtl-form-upper-sec .block-content h3 {
		font-size: 30px;
	}
	.form-sec .form-styl {
		padding: 20px 20px 45px 0px;
	}
	.styling-form-area:before{
		display: none;
	}
	.styling-form-area{
		background:#191919;
	}
	/*******overons**********/
	.head-area {
		padding-top: 60px;
	}
	.head-area .heading-content h3 {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.heading-content {
		max-width: 100%;
		padding-bottom: 0px;
	}
	.head-gap {
		width: 0px;
	}
	.heading {
		width: 100%;
    	padding: 0px 50px;
	}
	.overpns-sec .block-left-panel {
		width: 0px;
	}
	.overpns-sec .block-image-panel {
		width: 100%;
	}
	.overpns-sec .counter-block {
		width: 60px;
		height: 60px;
	}
	.overpns-sec .block-content h3 {
		font-size: 20px;
	}
	.overpns-sec .block-content .col-md-7 {
		text-align: right;
	}
	.overpns-sec .block-content {
		margin: auto;
		padding: 30px 15px;
	}
	.overpns-sec .block-content div.row {
		margin-bottom: 20px;
	}
	.overons-member-sec .col-md-7 p {
		margin: 10px 0px 0px;
	}
	.detail-pg-bottom-content{
		padding-bottom: 60px;
	}
	.middle-sec .middle-image-block {
	    padding-left: 0;
	}
	.sami-dtl-pg-slider .swiper-slide-next .sami-dtl-banner-wrapper:after{
		display: none;
	}
	.aanbod-select-area .col-md-2 {
        padding-right: 15px;
        flex: 0 0 auto;
        max-width: 25%;
    }
	.aanbod-select-area .col-xl-9 .row{
		row-gap: 20px;
	}
	.select-wrap{
		padding-top: 20px;
		padding-left: 0;
		width: 100%;
	}
	.select-wrap .col-md-2 {
	  	-ms-flex: 0 0 50%;
	  	flex: 0 0 50%;
	  	max-width: 50%;
	}
	.select-style{
		border-bottom: 1px solid #2b2b2b;
		padding-top: 5px;
    	padding-bottom: 5px;
	}
	.modal-area .modal-dialog {
    	max-width: 540px;
    	width: 94%;
  	}
  	.modal-area .popup-content h2 {
    	font-size: 23px;
  	}
	.group-content .common-btn.border-btn {
    	max-width: 130px;
  	}
  	.group-content .common-btn {
    	font-size: 13px;
  	}
  	/*==============overons==============*/
  	.customer-block{
		padding-bottom: 40px;
	}
	.customer-block h2{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.each-customer .position-absolute img{
		width: 35px;
	}
	.each-customer{
		padding: 15px;
	}
	.video_modal .modal-dialog{
		margin-top: 10%;
	}

}
@media(max-width: 767.98px){
	h1, .block-content h3 {
	    font-size: 36px;
	}
	h2 {
	    font-size: 26px;
	}
	h3{
		font-size: 22px;
	}
	h4{
		font-size: 22px;
	}
	h5{
		font-size: 21px;
	}
	.mini-right-nav{
		display: none;
	}
	.res-logo-styl{
		width: 200px;
	}
	.common-btn {
	    max-width: 230px;
	    height: 50px;
	    line-height: 48px;
	    font-size: 14px;
	}
	.banner-content {
	    top: 50%;
	    bottom: auto;
	    transform: translateY(-50%);
	}
	.product-dtl .col-md-6:first-child h6, .aanbod-listview .product-dtl .col-md-6:first-child h6{
		height: auto;
	}
	.banner-content .common-btn {
	    margin-top: 20px;
	}
	.product-sec, .gallery-sec {
	    padding-top: 40px;
	}
	.filter-area .text-right .each-select-box{
		margin-bottom: 20px;
	}
	.common-wrapper {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.product-slider {
	    margin-top: 40px;
	}
	.product-dtl .text-right{
		text-align: left !important;
	}
	.block-left-panel li {
	    /*margin: 0 0 20px;
	    width: 49%;*/
	}
	.middle-sec{
		padding: 30px 0;
	}
	.each-product{
		padding: 20px;
	}
	.product-btm-part{
		padding: 20px 0 0;
	}
	.product-sec:after {
    	height: calc(100% - 80px);
	}
	.block-content {
	    padding: 20% 80px 40px 40px;
	}
	.block-content p{
		margin:10px 0 30px;
	}
	/* .block-content .block-content-btn{
		position: absolute;
		margin-left: -90px;
top: 210px;
	} */
	.product-btn{
		margin-top: 20px;
	}
	.common-arrow{
		width: 50px;
		height: 50px;
		top: 0;
    	transform: translateY(0);
	}
	.common-arrow img {
	    width: 14px;
	    height: 14px;
	}
	.gallery-sec .swiper-button-next {
	    right: 20px;
        margin-top: 0;
	}
    .gallery-sec .swiper-button-prev {
        margin-top: 0;
	}
	.group-sec {
	    padding: 40px 0;
	}
	.group-content {
	    padding: 30px 15px 0;
	    max-width: 540px;
	}
	.group-content p {
	    margin: 20px 0 30px;
	}
	.footer-menubar li{
		width: 100%;
		display: block;
	}
	.footer-menubar ul{
		text-align: left;
	}
	.product-sec:after{
		height: 100%;
	}
	.product-sec{
		padding-bottom: 30px;
	}
	.middle-image-block {
	    margin-top: 30px;
	}
	.block-content{
		padding: 40px 15px;
	}

	.arrow{
		display: none;
	}
	.gallery-sec .pr-0{
		padding-right: 15px !important;
	}
	.middle-sec .container-fluid{
		padding-left: 0px !important;
	}
	.middle-sec h2{
		text-align: center;
	}
	.footer-logo {
	    padding-top: 40px;
	}
	.contact-info li {
    	width: 100%;
    	display: block;
	}
	.footer-area .contact-info, .footer-area .footer-menubar {
	    padding-left: 15px;
	}
	.contact-info {
	    padding-top: 30px;
	    padding-bottom: 15px;
	}
	/****************aanbod*************/
	.aanbod-middle-area .block-content{
		padding: 10% 15px;
	}
	.aanbod-select-area .col-xl-7.text-right{
		text-align: left !important;
	}
	/*****************aanbod listview**************/
	.aanbod-listview .product-dtl, .aanbod-listview .each-block-image{
		padding: 30px 15px;
	}
	/*********diensten-dtl**********/
	.diensten-dtl-back-btn-sec {
		padding: 30px 0px 0;
	}
	.diensten-dtl-top-area h2 {
		margin-bottom: 30px;
	}
	.diensten-dtl-top-sec {
		padding-bottom: 30px;
	}
	.diensten-dtl-office-sec .group-content {
		padding: 30px 30px 0px 30px;
		max-width: 100%;
	}
	.diensten-dtl-office-sec .group-content h2 {
		font-size: 30px;
		font-size: 30px;
	}
	.form-sec {
		padding: 30px 0px;
	}
	.diensten-dtl-office-sec .group-content p {
		margin: 20px 0px;
	}
	.form-wrapper h3 {
		margin-bottom: 30px;
		font-size: 22px;
		letter-spacing: 0.5px;
	}
	.diensten-dtl-btm-slider-wrapper h2 {
		font-size: 30px;
	}
	.diensten-dtl-btm-slider-sec {
		padding: 30px 0px 0;
	}
	.block-left-panel li, .diensten-dtl-btm-slider-sec .block-left-panel li{
		/*margin: 0 0 15px;*/
	}
	.diensten-dtl-office-sec{
		padding-top: 0;
	}
	/**********diensten********/
	.diensten-dtl-top-sec {
		padding: 30px 0px;
	}
	.diensten-list-sec .common-block-cover h2 {
		margin-bottom: 30px;
	}
	.diensten-list-sec .middle-image-block {
		padding-left: 0px;
		margin: 0;
	}
	.diensten-list-sec .common-wrapper {
		padding-left: 0px;
	}
	.diensten-list-sec .block-content{
		position: relative;
		background: #a41618;
    	padding: 30px 15px;
    	max-width: 100%;
	}
	.diensten-list-sec{
		padding-bottom: 0;
	}
	.diensten-list-sec .block-content h3 {
	    font-size: 26px;
	    white-space: normal;
	}
	.diensten-list-sec .each-block-image:before{
		display: none;
	}
	.diensten-dtl-btm-slider-sec .block-left-panel li{
		/*margin-right: 0;
		margin-left: 0;*/
		vertical-align: top;
	}
	.diensten-dtl-btm-slider-sec .middle-image-block {
	    margin-top: 70px;
	}
	.diensten-dtl-btm-slider-sec.middle-sec h2{
		margin-bottom: 20px;
	}
	.diensten-dtl-btm-slider-sec .swiper-button-next {
	    right: 20px;
	}
	.diensten-dtl-btm-slider-sec .swiper-button-prev {
	    right: 80px;
	}
	/******contact**********/
	.contact-time-open-sec{
		padding: 30px 0px;
	}
	.contact-time-open-sec h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.contact-time-open-sec p {
		font-size: 20px;
	}
	.contact-time-open-sec table td {
		font-size: 20px;
	}
	.contact-time-open-sec table tr td {
		padding: 10px 0px;
	}
	.open-time-table table tr td {
		padding: 20px 0px;
	}
	.map-area{
		height: 300px;
	}
	.contact-car-sec{
		padding-top: 0;
	}
	.form-wrapper .text-right{
		text-align: left !important;
	}
	/***********modellen list************/
	.welk {
		padding-top: 40px;
		padding-bottom: 40px;
	 }
	 .welk-content {
		padding: 0;
	 }
	 .up-text, .down-text {
		left: 20px;
	 }
	 .up-text {
		top: 30px;
	 }
	 .down-text {
		bottom: 20px;
	 }
	 .car-image-content h3 {
		font-size: 26px;
	 }
	 .down-text {
		font-size: 20px;
	 }
	 .down-text img {
		 margin-left: 10px;
	 }
	 /***********modellen dtl***********/
	.modellen-dtl-top-slider-sec .swiper-button-next {
		right: 15px;
	}
	.modellen-dtl-top-slider-sec .common-arrow{
		top: 50%;
		transform: translateY(-50%);
		width: 35px;
    	height: 35px;
	}
	.modellen-dtl-top-slider-sec .swiper-button-prev {
		left: 15px;
	}
	.modellen-dtl-back-btn-sec{
		padding-bottom: 30px;
	}
	.diensten-dtl-office-sec.modellen-dtl-bnr-btm-sec .group-content,  
	.modellen-car2-sec.diensten-dtl-office-sec .group-content{
		padding: 30px 15px 0;
	}
	.modellen-car2-sec{
		padding: 0;
	}
	/*******************aanbod dtl************/
	.aanbod-dtl-slider .common-arrow{
		top: 50%;
		transform: translateY(-50%);
	}
	.kenmerken-tab-panel{
		padding: 40px 0;
	}
	.each-tab-part {
	    padding-top: 40px;
	}
	.related-car h2 {
	    font-size: 26px;
	}
	.detail-pg-bottom-content{
		padding-top: 0;
		padding-bottom: 30px;
	}
	.tab-btn {
    	font-size: 20px;
    	padding-right: 60px;
    	padding-top: 0;
	}
	.detail-tab-area ul li {
	    padding-bottom: 10px;
	}
	.tab-btn:after {
	    margin-top: -10px;
	}
	.kenmerken-tab-panel .common-wrapper {
	    padding-right: 15px;
	}
	.price-panel .text-right, .each-tab-part .text-right{
		text-align: left !important;
		padding-top: 30px;
	}
	.price-panel{
		padding-top: 0;
	}
	.price-panel h3 {
	    font-size: 26px;
	    margin: 50px 0 30px;
	}
	/*********sami design***********/
	.sami-list-slder-sec .common-arrow{
		top: 50%;
		transform: translateY(-50%);
	}
	.sami-list-slder-sec .up-text h3 {
		font-size: 25px;
	}
	.each-sami-list-slide .up-text{
		left: 30px;
		top: 5px;
	}
	.each-sami-list-slide .down-text {
		left: 30px;
	}
	.sami-banner-btm-filter {
		max-width: 100%;
		padding-top: 30px;
	}
	.welk.sami-design-filter{
		padding-top: 0;
	}
	/*********sami-dtl*************/
	.sami-dtl-banner-wrapper h2 {
		font-size: 26px;
	}
	.sami-dtl-banner-wrapper h3 {
		font-size: 18px;
	}
	.sami-design-dtl-back-btn-sec{
		padding-bottom: 30px;
	}
	.sami-banner-text-left, .sami-banner-text-right{
		/*position: relative;
		padding: 20px 15px;*/
		bottom: 0;
		background:#171313;
	}
	/*********styling-dtl************/
	.style-dtl-form-upper-sec .middle-image-block {
		padding-left: 0px;
	}
	.style-dtl-form-upper-sec .common-wrapper {
		padding-left: 0px;
	}
	.style-dtl-form-upper-sec .common-block-cover h2 {
		margin-left: 0px;
	}
	.style-dtl-form-upper-sec::after {
		display: none;
	}
	.style-dtl-form-upper-sec {
		padding: 0px;
	}
	.style-dtl-form-upper-sec .block-content .white-btn {
		float: none;
	}
	.style-dtl-form-upper-sec .block-content h3 {
		display: block;
	}
	.style-dtl-form-upper-sec .block-content {
		max-width: 100%;
	}
	.style-dtl-form-upper-sec .block-content {
		padding: 15% 0px 70px 100px;
	}
	.style-dtl-form-upper-sec .block-content {
	    padding: 30px 15px;
	    position: relative;
	    background: #000;
	    top: 0;
	}
	/**********overons***********/
	.head-area {
		padding: 30px 0px 0px 0px;
	}
	.head-area .heading-content h3 {
		font-size: 28px;
	}
	.main-area::after {
		display: none;
	}
	.heading {
		padding: 0px;
	}
	.head-area .container-fluid{
		padding-right: 15px !important;
	}
	.overpns-sec .common-wrapper {
		padding-left: 0px;
	}
	.overpns-sec {
		padding: 0;
	}
	.overpns-sec .counter-block {
	    width: 80px;
	    height: 80px;
	}
	.overpns-sec .block-content h3 {
		text-align: center;
	}
	.overpns-sec .counter-block {
		display: inline-flex;
    	text-align: center;
    	margin-top: 20px;
    	margin-left: 0px;
	}
	.third-block .each-block-author p {
		font-size: 20px;
	}
	.welk-content h2 {
		font-size: 24px;
	} 
	.diensten-dtl-office-sec .col-lg-6 .group-content {
	    padding-right: 5%;
	}
	.middle-sec .block-left-panel{
		padding-left: 15px;
		padding-right: 15px;
	}
	.sami-list-slder-sec .up-text, .sami-list-slder-sec .down-text, .sami-list-slder-sec .swiper-button-prev {
	    left: 10px;
	}
	.sami-list-slder-sec .swiper-button-next {
	    right: 10px;
	}
	.sami-list-slder-sec .common-arrow {
    	font-size: 12px;
	}
	.sami-list-slder-sec .common-arrow img {
	    width: 16px;
	    height: 16px;
	}
	.calsty{ height: 1900px;}
}


@media(max-width: 575.98px){
	h1, .block-content h3{
	    font-size: 28px;
	    letter-spacing: 1px;
	}
	.common-wrapper{
		padding-left: 0;
    	padding-right: 0;
	}
	.banner-sec{
		height: 50vh;
	}
	.banner-sec iframe {
	    width: 100vw !important;
	   	height: 56.25vw !important; 
	   	min-height: 100vh !important;
	   	min-width: 177.77vh !important;
	   	position: absolute;
	   	top: 50% !important;
	   	left: 50% !important;
	   	transform: translate(-50%, -50%) !important;
	}
	#desktop_video, #desktop_video > div{
		padding: 0 !important;
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.each-product, .aanbod-product .each-product{
		padding: 15px;
	}
	.product-btm-part p, .aanbod-product .product-btm-part p, .aanbod-product .aanbod-listview .product-btm-part p {
    	font-size: 15px;
	}
	.product-btm-part p span, .aanbod-product .product-btm-part p span, 
	.aanbod-product .aanbod-listview .product-btm-part p {
	    padding: 0 8px;
	}
	.each-gallery-block {
	    height: 280px;
	}
	.each-gallery-block img{
		height: 100%;
		object-fit: cover;
	}
	.text-box {
	    padding: 0 15px;
	}
	/**************aanbod listview**************/
	.aanbod-listview.product-slider h6 {
	    font-size: 18px;
	}
	/********diensten-dtl*******/
	.diensten-dtl-btm-slider-wrapper .swiper-button-next {
		display: none;
	}
	.diensten-dtl-btm-slider-wrapper .swiper-button-prev {
		display: none;
	}
	.diensten-dtl-office-sec .group-content {
		padding: 30px 30px 0px 15px;
	}
	.inner-pg-banner .banner-content {
	    position: absolute;
	    bottom: auto;
	    top: 50%;
	    transform: translateY(-50%);
	    background:transparent;
	    padding: 0;
	}
	/*********contact**********/
	.contact-time-open-sec table tr td {
		font-size: 17px;
	}
	.contact-time-open-sec p {
		font-size: 17px;
    	letter-spacing: normal;
	}
	.contact-time-open-sec .contact-icon {
		margin-right: 10px;
		width: 45px;
		height: 45px;
	}
	/************modellen list***********/
	.inner-banner-center {
		top: initial;
		left: initial;
		transform: initial;
	}
	/*********************aanbod dtl**************/
	.kenmerken-tab-panel .common-wrapper {
	    padding-right:0;
	}
	.group-button .col-6{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.btn-wrap {
    	width:100%;
	}
	.group-button .black-btn{
		margin-bottom: 10px;
	}
	.group-button .pl-2{
		padding-left: 15px !important;
	}
	.group-button .pr-2{
		padding-right: 15px !important;
	}
	.share-block{
		margin: 20px auto 0;
    	display: flex !important;
	}
	/***********sami-dtl************/
	.sami-design-dtl-back-btn-sec .diensten-dtl-back-btn-area p, .sami-dtl-banner-wrapper h3 {
		font-size: 13px;
	}
	.sami-dtl-banner-wrapper h2 {
		font-size: 23px;
	}
}
@media (max-width: 767.98px) {
	#mobile-contact-bar {
		  box-sizing: border-box;
		  font-size: 1rem;
		  opacity: 1;
		  position: fixed;
		  width: 100%;
		  z-index: 9998;
		  left: 0;
		  bottom: 0;
		  display: block !important;
	  }
	  #mobile-contact-bar-outer {
		background-color: #000000;
		background: linear-gradient(90deg, #000000 76%, #25D366 25%);
		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;
		height: 45px; 
		text-align: center;
		height: 45px;
		width: 24%;
	  }
	  #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 img {
		position: relative;
		display: inline-block;
		width: 1.3em;
		height: 1.3em;
		line-height: 1.3em;
		vertical-align: middle;
		margin-top: 12px;
	  }
}
	
  @media (min-width: 767.98px) {
	#mobile-contact-bar{
	  display: none;
	}
  }