@media (min-width: 1300px) {
	.container {
    max-width: 1260px;
	}	
}
@media (min-width: 1500px) {
	.container {
    max-width: 1460px;
	}	
}
@media (min-width: 1800px) {
	.container {
    max-width: 1660px;
	}
	

}
@media(max-width:1799px){
	/*-aanbod details-*/
	/*.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    width: 23.93%;
}*/
.side_heading h3 {
    font-size: 30px;
}

}
@media(max-width:1498px){	
/*.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    width: 23.75%;
}*/
.address_area {
    padding-top: 35%;
}
.overonsslider_carsection h3 {
    font-size:27px;
}
.reseller_background {
    top: 20%;
    margin-bottom: 12%;
}
.service_contact_dtls li {
font-size:18px;
}
.middle_banner_section {
    height: 480px;
}
}
 
@media(max-width:1400px){
	.footer_wrapper{
	width:100%;
	}
	.service_contact_dtls li {
	font-size:14px;
	}
	/*-aanbod--*/
	.product-name h4{
		font-size:22px;
	}
	/*--overons--*/
	.overons_carsection {
    padding: 25px 0px 5% 0px;
	}
	.overons_carsection p {
    color: #fff;
    margin: 15px 0px 25px 0px;
	}
	.brand-wrapper .mw-100 {
    max-width: 80% !important;
	}
	.wheel_img {
    left: 0%;
	}
	.middle_banner_section {
    height: 440px;
	}
	/*------*/
}
@media(max-width:1300px){
	/*---aanbod details---*/
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    /*width: 23.55%;*/
}
.side_btn_area h4 {
    font-size: 26px;
}
.overonsslider_carsection h3 {
    font-size:24px;
}
.middle_banner_section {
    height: 400px;
	}
}
@media (max-width: 1199.98px) {
	.navbar-nav li {
    padding: 2rem 1rem;
    font-size: 14px;
	}
/*---aanbod---------*/

.aanbod_product_dtls .about-product {
    padding:30px;
}
.product-name h4 {
    font-size: 20px;
}

/*---aanbod details---*/
.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    width: 48.89%;
}
.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item:nth-child(even) {
  margin:0px 0px 10px;
}
/*-------overons---------*/
.overons_car {
    width: 45vw;
}
.overons_carsection {
    padding: 25px 0px 3% 0px;
}
.overonsslider_carsection .swiper-button-prev {
    left: -45px;
}
.overonsslider_carsection .swiper-button-next {
    right: -35px;
}
.overonsslider_carsection h3 {
   font-size:18px;
   margin: 20px 0px 10px 0px;
}
.overonsslider_carsection {
    padding: 10px 0px 20px 0px;
}
.pic1 {
    display:none;
}
.pic2{
	display:none;
}
.pic3{
	display: block;
	left: -200px;
	position: absolute;
	top: -60px;
}
.about-us-accordian:after{
	position:absolute;
	width:100vw;
	height:100%;
	background: #212121;
	content:'';
	top:0px;
	left:0px;
	z-index: -999;
	margin-left: -50vw;
}
.about-us-accordian{
	position:relative;
}
/*-------*/
.reseller_background .common_btn_large{
	min-width:auto;
}
.reseller_background{
top: 10%;
}
.middle_banner_section {
    height: 360px;
	}
}
@media(max-width:1024px)
{
	.custom_logo{
	height:35px;
	}
	.banner_wrapper {
    padding: 26% 0px 11%;
	}
	h1{
	font-size:54px;
	}
	h4{
	font-size:18px;
	}
	h3{
	font-size:18px;
	}
	h5{
	font-size:18px;
	}
	.product_wrapper h4:before {
	bottom:-12px;
	}
	.wheel_img {
    position: relative;
    bottom: 0px;
    left: 0px;
    margin-top: 30px;
	}
	.onze_car_sec ul li h3 {
    font-size: 18px;
	}
	.home-service_lft_wrapper .card-header .card-link {
	font-size:18px;
	}
	.service_contact_dtls li {
	width:100%;
	margin-bottom:18px;
	}
	.footer_menu li {
	margin-right:8%;
	}
	.bedrijf_producten .service_contact_dtls li {
    width: 100%; 
}
/*--overons--*/
	.overons_carsection {
    padding: 0px 0px 0% 0px;
	}
	.overonsslider_carsection .swiper-button-prev{
	display:none;
	}
	.overonsslider_carsection .swiper-button-next{
	display:none;
	}
	.overons_bedrijf_producten {
    padding: 11% 8% 11% 15%;
	}
	/*--*/
	
}
@media(max-width:1023px)
{
	.desktop_menu{
	display:none;
	}
	.dblock {
	display: block;
	position: fixed;
	z-index: 99999999999;
	}
}
@media (max-width: 991.98px) {
	.banner_nxt_colection_panel {
		margin-top: 80px;
	}
	.common_slider_arrow{
	display:none;
	}
	h1{
	font-size:42px;
	}
	.product_wrapper h4{
	text-align:center;
	}
	.product_wrapper h4:before{
	display:none;
	}
	.brand-wrapper ul li {
	margin-bottom:20px;
	}
/*------aanbod-------*/
.aanbod_product_dtls .car_overlay_content p {
    margin: 20px 0px;
	font-size: 15px;
}
.aanbod_product_dtls .car_overlay_content {
	padding: 17% 30px;
}
.aanbod_product_dtls .car_overlay_content h6 {
    font-size: 18px;
}

.aanbod_product_dtls{
	margin-bottom:30px;
}
.aanbod_selection_area1{
	padding-right:0px;
}
.aanbod_selection_sec .col-lg-6 {
    max-width: 100%;
}
.aanbod_selection_sec .col-lg-4 {
    max-width: 100%;
}
.aanbod_car_overlay {
    margin-bottom: 30px;
}
.car_overlay_content h3 {
    font-size:24px;
}
/*--aanbod details---*/
.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    width: 49.27%;
}
.aanbod_details_slider .side_heading{
	padding-top: 8%;
}
.side_images {
    padding: 30px 0px;
}
.banner_nxt_colection_panel .trug_btn .common_button {
    min-width: 200px;
    padding: 10px;
}
/*klaten service detail*/
.bedrijf_invisble_logo {
    padding-top: 30px;
}
.bedrijf_producten .over_het_heading {
    padding-bottom: 9%;
}
/*---contact---*/
.contact_address_area {
    padding-bottom: 40px;
}
.common_btn_large {
    min-width: 200px;
   padding: 8px 20px;
}
.opening_time {
	padding-top:30px;
}
/*---klaten service detail--*/
.bedrijf_producten {
    padding: 6% 0px 14%;
}
.make_en_account_area h4 {
    font-size: 14px;
}
.make_en_account_area .common_btn_large{

}
/* service detail---*/

.klaten_service_detail_icons .social_icon {
    top: 30px;
}


.herhaling_vraag_content p {
    margin: 30px 0px;
}
.herhaling_vraag_content {
    width: 100%;
}
.herhaling_vraag_area{
	padding: 30px 0% 150px;

}
.details_2_area{
	padding: 30px 0px 0px;
}
.direct_offerte {
    padding-top: 40px;
}
.vraag_deel_area{
	padding: 40px 0px;
}
/*-----overons--*/
	.car_details {
    padding: 0px;
	}
	.overons_carsection {
    padding: 30px 0px;
	}
	.overons_product_slider {
    padding-bottom: 45px;
}
/*---------*/
.diensten_reverse_area .dinesten_img {
    -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
    position: relative;
}
.dinesten_img h3 {
    padding: 17% 30px;
	text-align:left;
}
.klaten_listview_angle .diensten_reverse_area:nth-child(even) .dinesten_img {
  -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
    position: relative;
}
.diensten_reverse_area .diensten_heading_content {
    padding: 10% 0px;
}
}
@media (max-width: 767.98px) {
	.li_color{
		border-left: 1px solid #ffffff; 
	}
	.whatsappBtn{
		display: none;
	}
	#mobile-contact-bar{
	box-sizing: border-box;
    font-size: 1rem;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 9999;
    left: 0;
    bottom: 0;
    display: block !important;
	}
	#mobile-contact-bar-outer{
		background-color: #f39200;
		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: 32%;
	}
	#mobile-contact-bar ul li a{
	color: rgba(255,255,255,0.9);
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    z-index: 9998;
    top: 8px;
	}	
	h1{
	font-size:36px;
	}
	.banner_wrapper {
    padding: 26% 0px 15%;
	}
	.brand-wrapper ul li {
	}
	.instagram_slider_sec {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: 0px;
	}
	p{
	font-size:14px;
	}
	.footer_menu{
	display:none;
	}
	.product_section {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    position: relative;
    margin-top: 0px;
    padding-bottom: 50px;
    padding-top: 50px;
	}
	.banner_wrapper {
    padding: 30% 0px 30%;
    margin-top: 80px;
	}
	.social_icon ul li .fa {
    font-size: 20px;
	}
	.social_icon ul li {
    display: inline-block;
    margin-right: 8px;
    width: 56px;
    height: 53px;
	}
	.home_banner_sec .swiper-pagination{
	display:none;
	}
	.middle_banner_left_wrapper {
	position:relative;
	width:100%;
	float:none;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	/*height:300px;*/
	height:390px;
	}
	.middle_banner_rt_wrapper{
	position:relative;
	width:100%;
	float:none;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	/*height:300px;*/
	height:390px;
	}
	.middle_banner_section {
	height:auto;
	}
	.middle_banner_left_wrapper h3{
	margin: 0px;
	text-align:center;
	}
	.middle_banner_rt_wrapper h3 {
    margin: 0px;
	text-align:center;
	}
	.middle_banner_section .align-bottom {
    vertical-align: middle !important;
	}
	.signature_banner_rt_wrapper{
	text-align:left;
	}
	.sign_wrapper::before{
	display:none;
	}
	.signature_banner {
    padding: 8% 0px 8%;
	}
	.signature_banner_rt_wrapper h3{
	font-size:24px;
	}
	.signature_banner_rt_wrapper h3 {
    margin-bottom: 20px;
	}
	.sign_content {
    margin: 30px 0px;
	}
	.onze_car_sec ul li {
    width: 48.5%;
    margin-right: 1.5%;
	margin-bottom:15px;
	}
	.onze_car_sec {
    padding: 5% 0px 5%;
	}
	.home-service_lft_wrapper {
    margin-top: 20px;
    width: 100%;
	}
	#accordion {
    padding-bottom: 30px;
	}
	.brand-wrapper {
    margin-top: 30px;
	}
	footer {
    padding: 8% 0px 8%;
	}
	.each_footer_wrapper h5 {
	margin-bottom:15px;
	}
	.each_footer_wrapper{
	margin-top:25px;
	}
	.instagram_slider_sec hr{
	display:none;
	}
	/*-----*/
/*---aanbod---*/
	.aanbod_product_dtls .aanbod_car_panel {
    padding-bottom: 30px;
}

.aanbod_product_dtls .car_overlay_content {
    padding: 10%;
}
.aanbod_product_dtls .car_overlay_content .common_button{
	min-width: 230px;
}
.aanbod_product_dtls .col-lg-3 {
    max-width: 100%;
}
.aanbod_product_dtls .car_overlay_content p {
    margin: 20px 0px;
}
.aanbod_selection_sec .aanbod_selection_area {
    padding-right: 15px;
    padding-left: 15px;
}
.aanbod_selection_area1 {
    padding-right: 15px;
    padding-left: 15px;
}
.aanbod_product_slider {
    padding:30px 0px 20px;
}
/*--aanbod details---*/
.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
    width: 100%;
}
.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item{
   margin:0px 0px 10px;
}
.aanbod_detail_tab_sec .tab_content_wrapper {
    padding:30px;
}
.side_heading h3 {
    font-size: 22px;
}
.side_btn_area h4 {
    font-size: 20px;
}
.log_in_om_btn .common_button {
    min-width: 200px;
    margin-top: 30px;
}
.side_images {
    padding: 30px 0px 0px;
}
.direct_offerte {
    padding-top: 30px;
}
.details_product_sec{
	padding:0px;
}
/*-klaten service details-*/
.common_banner_area h1{
	font-size:26px;
}
.bedrijf_producten {
    padding: 6% 0px 6%;
}
.bedrijf_producten h3 {
    font-size: 22px;
}
/*---contact--*/
.contact_angle_area .dinesten_img h3{
	padding:13%;
	text-align:center;
}
.diensten_reverse_area .diensten_heading_content {
    padding: 10% 0px;
}
.address_area {
    padding-top: 7%;
}

.contact_angle_area {
    padding: 0px;
}
.contact_address_area .form_area {
    padding: 30px 0px 0px;
}
.contact_address_area .form_area .common_button {
    min-width: 200px;
}
.diensten_heading_content h3 {
    font-size: 24px;
}
.dinesten_img h3 {
    font-size: 24px;
    }

/*---klaten_details--*/
.overzicht_btn{
	text-align: left;
}

.klaten_content_area{
	padding: 30px 0px;
}
.klaten_content_area h3 {
    font-size: 24px;
    padding-top: 20px;
}
.klaten_content_area p {
    margin: 30px 0px 0%;
}
.common_banner_area {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
/*---klaten listview--*/
.klaten_content_area  .klaten_cover_panel h3 {
    padding-top:0px;
}
.klaten_content_area .klaten_cover_panel {
    padding:0px;
}
.klaten_listview_angle .diensten_reverse_area:nth-child(even) .dinesten_img {
    -webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);
}
/*---klaten service detail--*/
.bedrijf_invisble_logo {
    padding-top: 0px;
}



/*--log in--*/
.log_in_account h3 {
    font-size: 24px;
}
.inlogen_area {
    padding-top: 30px;
}
.large_btn_right{
	text-align: left;
	margin-top:20px;
}
.account_area2 {
    padding-top: 0px;
}
.make_en_account_area {
    padding-top: 0%;
}

.herhaling_vraag_content h3 {
    font-size: 24px;
}
.log_in_account .inlogen_area .common_btn_large {
     min-width: 200px;
}
/*---details2*/
.details_2_form{
	padding-right: 15px;
}
.details_2_form2{
	padding-left:15px;
}
/*---overons--*/
.overons_car {
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.overons_carsection p {
    width: 100%;
}
.overons_producten {
    padding: 30px 0px 0px;
}

.overons_bedrijf_producten{
	width: auto;
	padding: 11% 5% 11% 5%;
}
.overons_producten .direct_offerte h4{
	font-size:17px;
}
.overons_product_slider {
    padding:30px 0px;
}
.reseller_background {
    padding: 30px;
}
.common_banner_area {
    padding: 20% 0px 15%;
    margin-top: 80px;
}
.contact_page_banner{
padding: 20% 0px 15%;
   
}
.contact_address_area .form_area h3 {
    padding-bottom: 30px;
    font-size: 24px;
}
.about-us-accordian::after {
    left: 50%;
}

.pic3 {
   left: 0px;
   position:relative ;
   top: 0px;
   width:100%;
}
.pic3 img{
	width:100%;
}
}
@media (max-width: 575.98px) {
	.res_logo_styl{
	height:20px;
	}
	/*---aanbod details--*/
	.collection_content_sec {
    padding-left: 0px;
    padding-top: 20px;
    width: 100%;
}
.side_img1 img{
	max-height:30px;
}
/******new add*****/
.middle_banner_rt_wrapper{
	height:290px;
	}
	.middle_banner_left_wrapper{
	height:290px;
}
.about-us-production .container{
	padding:0px;
}
}