@media(min-width: 1700px){
	.service-slider h2, .subpg-list h2{
		font-size: 4rem;
	}
	.aanbod-top-slider h3{
		font-size: 3.2rem;
	}
}
@media(min-width:1300px) and (max-width:1599.98px){
	.service-slider .swiper-arrow{
		top: 24rem;
	}
}
@media(max-width:1399.98px){
	.cont-slide .d-table {
	    padding: 12rem 0;
	}
	.tab-block .nav-tabs li {
  		margin: 0 1.6rem;
	}
}
@media(max-width:1499.98px){
	.wrap {
  		padding-left: 4%;
  		padding-right: 4%;
	}
	h1{
		font-size: 4rem;
	}
	h2{
		font-size: 3.2rem;
	}
	h3{
		font-size: 2.6rem;
		line-height: normal;
	}
	.bottom-content-block:before{
		width: 31.9%;
	}
	.main-menu{
		padding-left: 15%;
		padding-right: 15%;
	}
	.modal-area .modal-dialog{
		max-width: 870px;
	}
}
@media(min-width:992px) and (max-width: 1299.98px){
	.service-slider .swiper-arrow{
		top: 20rem;
	}

}
@media(max-width:991.98px){
	h1 {
    	font-size: 2.3rem;
	}
	h2, h3 {
    	font-size: 1.8rem;
  	}
  	h4{
  		font-size: 1.6rem;
  	}
  	h5, h6{
  		font-size: 1.5rem;
  	}
  	.wrap {
    	padding-left: 2%;
    	padding-right: 2%;
  	}
  	.swiper-arrow{
		width: 4rem;
		height: 4rem;
		right: 5% !important;
		top: 0 !important;
		margin-top: 0;
	}
	.swiper-arrow.swiper-button-prev{
		left: auto !important;
		right: calc(5% + 5rem) !important;
	}
	.swiper-arrow img{
		width: 16px;
	}
	.swiper:not(.home-banner .swiper){
		padding-top: 5rem;
	}
	header a.mx-4{
		display: none;
	}
	.menu-wrap{
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
		border: 0;
    	padding: 0;
    	z-index: 9;
	}
	.left-area li a{
		font-size: 1.8rem;
	}
	.main-menu{
		padding: 8rem 5%;
	}
	.banner-content{
		top: 60%;
	}
	.service-slider .swiper-arrow img{
		filter: brightness(1) invert(1);
		-webkit-filter: brightness(1) invert(1);
	}
	.product-top .swiper-button-prev:before, .product-top .swiper-button-next:before, 
	.service-block .swiper-slide-next div.position-relative:before,
	.bottom-content-block:before, .service-slider .swiper-slide:not(.service-slider .swiper-slide-next) a:before, 
	.aanbod-product a:hover .default-btn, .img-slide .swiper-slide-prev:before, .img-slide .swiper-slide-next:before, 
	.tab-block .nav-tabs a.active:before{
		display: none;
	}
	.tab-block .nav-tabs a.active{
		color: #A68463;
	}
	.product-top, .service-block .swiper-slide a, .service-slider, .overons-slider-wrap, .product-thumb-wrap, 
	.bottom-content-block h3, .aanbod-product a:hover h4{
		margin: 0;
	}
	.each-car .position-absolute{
		bottom: 0;
	}
	.service-slider .swiper-slide span, .service-slider .swiper-slide:not(.service-slider .swiper-slide-next) a > span{
		display: block !important;
		margin-top: 3rem;
	}
	.service-slider p, .bottom-content-block p, .subpg-list p {
  		margin: 1rem 0 3rem;
	}
	/*===========contact=========*/
	.map{
		height: 380px;
	}
	.contact-detail{
		margin-top: 0;
	}
	.contact-detail td, .form-styl{
		font-size: 1.4rem;
	}
	.form-block, .cont-slide .d-table{
		padding: 4rem 0;
	}
	.contact-detail table{
		margin-top: 2rem;
	}
	/*===========diensten-dtl==========*/
	.back-btn .default-btn, .product-block .default-btn{
		position: static !important;
	}
	.content-heading:before{
		width: 4rem;
  		height: 4rem;
  		background-size: 16px;
	}
	/*==========diensten-list=========*/
	.img-slide, .img-slide .swiper-slide-active, .img-slide .swiper-slide-prev, .img-slide .swiper-slide-next{
		height: auto !important;
	}
	.subpg-list .swiper-button-prev, .subpg-list .swiper-button-next{
		top: 0;
		bottom: auto;
		left: auto;
  		transform: translateX(0%) rotate(0deg);
	}
	/*============popup==========*/
	.modal-area .modal-dialog {
    	max-width: 90%;
  	}
	.modal-area .mw-100 {
  		width: 80px;
	}
	.modal-area p{
		margin: 2rem 0 3rem;
	}
	/*==========aanbod-dtl==========*/
	.aanbod-top-slider td{
		width: 49%;
    	display: inline-block;
	}
	.aanbod-top-slider td span, .kenmerken-tab li, .bullet-panel{
		margin: 0 0 2rem;
	}
	.kenmerken-tab li span{
		font-size: 1.3rem;
	}
	.kenmerken-tab li:not(.kenmerken-tab li span), .contact-info span a {
  		font-size: 1.6rem;
	}
	#show-more, #show-less{
		margin-top: 20px
	}
	.footer-img {
		width: 150px;
	}
}
@media(max-width:767.98px){
	.morgeninternet-footer {
		margin-bottom: 45px !important;
	}
	#mobile-contact-bar img {
		width: 20px;
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	#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: #121212;
		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;
	}
	.home-banner{
		height: 60vh;
	}
	.home-banner img{
		height: 100%;
		object-fit: cover;
	}
	/*===========popup==========*/
	.cross {
		left: auto;
	  	right: 1rem;
	  	top: 1rem;
	}
	.modal-area .h-100{
		height: auto !important;
	}
	.modal-area .col-md-9{
		padding-left: 5%;
		padding-right: 5%;
	}
	.kenmerken-tab li {
	    width: 50%;
	}
	.tab-block .nav-tabs li{
		margin-right: 0;
	}
	.footer-img {
		margin-top: 1.5rem !important;
	}
	/*====aanbod-dtl=====*/
	.contact-info .proefrit-btn, .contact-info .default-btn.whatsapp{
		font-size: 1.3rem;
	}
	.contact-info .default-btn.whatsapp img{
		width: 15px;
	}
}
@media(max-width:480px){
	.tab-block .nav-tabs li {
    	margin-right: 1rem;
    	margin-left: 0;
  	}
  	.tab-block .nav-tabs h5{
  		font-size: 1.2rem;
  		line-height: normal;
  	}
}
@media(min-width: 320px) and (max-width:370px){
	.tab-block .nav-tabs h5{
  		font-size: 1rem;
  	}
}
@media(max-width: 1440px) and (min-width: 1200px){
	.calsty {
		height: 1047px;
	}
}
@media(max-width: 1199px) and (min-width: 815px){
	.calsty {
		height: 805px;
	}
}
@media(max-width: 814px) and (min-width: 615px){
	.calsty {
		height: 1044px;
	}
}
@media(max-width: 614px){
	.calsty {
		height: 909px;
	}
}