@media(max-width:1600px){
	h1, h2{
		font-size: 7.6rem;
	}
	h3{
		font-size: 3.4rem;
	}
	h3 span{
		font-size: 3rem;
	}
	h4{
		font-size: 2.6rem;
	}
	h5{
		font-size: 2rem;
	}
	.common-wrap {
	    padding-left: 3%;
	    padding-right: 3%;
	}
	.img-block {
	  	height: 430px;
	}
	footer .akker_btn_cls:not(:last-child) {
	  	margin-right: .5rem;
	}
	footer .row .position-relative{
		left: 0;
	}
	.vakgarage {
	  	width: 190px;
	}
	.bovag {
	  	width: 100px;
	}
	.modal-area .modal-dialog{
		max-width: 80%;
	}
	/*========aanbod-dtl=========*/
	.detail-content{
		padding-left: 8%;
	}
	.aanbod-detail-tab .nav-tabs li{
		width: 22%;
	}
	/*==========diensten-dtl=======*/
	.form-area .form-heading h3 span{
		font-size: 3.4rem;
	}
	/*=============over_ons==============*/
	.over-ons-get-to-each h4{
		font-size: 2.4rem;
	}
	.thumb-wrap{
		max-width: 1080px;
	}
	.thumb-wrap:before {
  		width: 83%;
	}
}
@media(max-width:1499.98px){
	.detail-content td{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}
@media(max-width:1399.98px){
	.product-slider td {
	  padding-right: 1rem;
	}
	.detail-content table{
		margin: 3rem 0;
	}
	header .akker_btn_cls{
		min-width: 26rem;
	}
	header .text-end li:not(:first-child) {
  		margin-left: 6rem;
	}
	/*=========contact===========*/
	.contact-map-text {
		padding-left: 7%;
	}
	.form-image {
		padding: 2.4rem;
	}
	.form-image-text p a img{
		margin-right: 1.1rem;
	}
	.form-image-text h5{
		font-size: 1.5rem;
	}
	/*=========diensten========*/
	.diensten-content-dtl{
		padding: 2rem;
	}
}
@media(max-width:1199.98px){
	header .text-end li:not(:first-child) {
	  	margin-left: 4rem;
	}
	header .akker_btn_cls {
  		min-width: 20rem;
	}
	.img-block {
	  	height: 340px;
	}
	.modal-area .modal-dialog{
		max-width: 93%;
	}
	.popup-content p {
	  	margin: 2rem 0 3rem;
	}
	/*===========aanbod==========*/
	.filter .select-styl{
		padding-left: 5rem;
		padding-right: 5rem;
	}
	/*============aanbod-dtl==========*/
	.detail-top-slider {
		background: #08090d;
		padding-top: 3rem;
	}
	.detail-content{
		padding-left: 0;
	}
	.gallery-thumbs{
		padding: 2rem 0;
	}
	/*=========contact===========*/
	.contact-banner-inner{
		padding-top: 15%;
	}
	.contact-map-text {
		padding-left: 9%;
	}
	.form-image-text p, .form-image-text span {
		font-size: 1.5rem;
	}
	.form-image {
		padding: 2.4rem 1.2rem;
	}
	.form-image-text p a{
		font-size: 1.28rem;
	}
	.form-image-text p a img{
		margin-right: 0.5rem;
		width: 14px;
	}
	.year-sec .swiper-button-next{
		right: -2.5rem;
	}
	.year-sec .swiper-button-prev{
		left: -2.5rem;
	}
	.logo {
	  width: 120px;
	}
	.opel-logo {
	  height: 35px;
	}
}
@media(max-width: 991px){
	h1, h2 {
	  font-size: 3.8rem;
	}
	h3{
		font-size: 2.4rem;
	}
	h3 span{
		font-size: 2rem;
	}
	h4{
		font-size: 2.1rem;
	}
	h5, h6{
		font-size: 1.8rem;
	}
	.akker_btn_cls {
	  font-size: 1.6rem;
	  max-width: 24rem;
	  padding: 1rem .5rem;
	}
	.logo {
	  width: 90px;
	}
	.footer-logo {
	  width: 100px;
	}
	header .text-end li:not(:first-child){
		margin-left: 0;
	}
	header .text-end .nav_menu_right_part{
		text-align: center;
		font-size: 1.5rem;
	}
	header{
		padding: 1rem 0;
		position: fixed !important;
    	top: 0;
    	border-bottom: 1px solid transparent;
    	transition: all 0.5s;
    	-webkit-transition: all 0.5s;
    	z-index: 99;
	}
	header.stiky, header.dtl-header{
		background: #121212;
		border-color: #2b2b2b;
	}
	.detail-top-slider {
    	background: #08090d;
    	padding-top: 9rem;
  	}
	.opel-logo {
	  	width: 45px;
		display:none
	}
	.product-slider .swiper{
		padding-bottom: 0;
	}
	.product-slider h5{
		height: auto;
	}
	.product-slider td {
	  	padding-right: .75rem;
	  	font-size: 1.4rem;
	}
	.product-slider{
		padding: 4rem 3%;
	}
	.service-sec, .content-area, .aanbod-detail-tab{
		padding: 4rem 0;
	}
	.each-service p, .top-heading h3{
		height: auto;
		margin-bottom: 4rem;
	}
	.img-block{
		height: auto;
	}
	.img-block span {
	  top: auto;
	  bottom: 0;
	}
	.top-heading h3{
		position: static;
	}
	.content-area .col-lg-6:last-child, .top-heading, .content-area .col-lg-6{
		padding-left: 0;
		padding-right: 0;
	}
	.content-area .col-lg-6:last-child .img-block, footer, .filter{
		padding-top: 4rem;
	}
	.footer-upper .row{
		padding: 0 0 4rem;
	}
	footer h6, .filter h3{
		margin-bottom: 1rem;
	}
	.modal-area .row{
		border-radius: 0;
	}
	.popup-content {
	  	padding: 10% 5%;
	}
	/*===========aanbod==========*/
	.filter li {
	  	width: calc(50% - 1rem);
	  	vertical-align: top;
	  	margin-left: 0;
	  	margin-right: .75rem;
	}
	.filter .select-styl{
		width: 100%;
		padding: 1rem;
		font-size: 1.6rem;
	}
	/*==========aanbod-dtl=========*/
	.aanbod-detail-tab .nav-tabs li{
		width: 48%;
		margin-bottom: .5rem;
		margin-right: .5rem;
	}
	.aanbod-detail-tab .nav-tabs li a {
  		padding: 1.2rem 0;
  		font-size: 1.4rem;
	}
	.bullet-panel li, .kenmerken-tab li{
		font-size: 1.5rem;
	}
	.kenmerken-tab ul li:nth-child(odd) {
	    background-position: left top 8px;
	}
	.bullet-panel li:after {
	    top: 8px;
	}
	/*=========contact===========*/
	.contact-banner{
		padding: 8rem 0 4rem 0;
	}
	.contact-banner-inner{
		display: flex;
		flex-direction: column-reverse;
	}
	.contact_banner-text{
		padding: 2rem 0 0 0;
		max-width: 100%;
	}
	.contact-banner-inner{
		padding: 0;
	}
	.contact-banner .common-wrap{
		padding:0 4% 0 3% !important;
	}
	.contact-map-sec{
		padding-bottom: 4rem;
	}
	.contact-map-text{
		padding-left: 0;
		padding-top: 4rem;
	}
	.contact-map-sec .common-wrap{
		padding-left: 3.8% !important;
	}
	.form-area{
		padding: 4rem 0 8rem;
	}
	.contact-map{
      height: 32rem !important;
	}
	.form-image{
		margin-top: 3.2rem;
		padding: 4rem;
	}
	.form-image-text{
		vertical-align: middle;
	}
	.form-area .form-heading h3 span{
		font-size: 2.4rem;
	}
	.contact-last-sec{
		padding: 4rem 0;
	}
	.contact-last-sec-text p{
		margin: 2rem 0;
	}
	.contact-last-sec img{
		margin-top: 0;
	}
	.contact-last-sec .common-wrap{
		padding-right: 4% !important;
	}
	.diensten-content-text p{
		margin: 2rem 0;
		max-width: 100%;
	}
	 .contact-last-sec .row{
		flex-direction: column-reverse;
	} 
	.contact-last-sec-text{
		max-width: 100%;
		margin-top: 2rem;
	}
	.form-image-text p a{
		font-size: 1.4rem;
	}
	/*===== diensten-dtl ===*/
	.d-dtl-service-text{
		padding: 4rem 0 0rem 0;
	}
	.diensten-dtl-topsec{
		padding-bottom: 2rem;
	}
	.diensten-dtl-topsec .row{
		flex-direction: column-reverse;
	}
	.diensten-dtl-btn{
		padding: 9rem 0 3rem;
	}
	.diensten-dtl-topse-text{
		padding: 2rem 0 0rem 0;
		max-width: 100%;
	}
	.diensten-dtl-service .diensten-dtl-service-heading{
		padding: 0 0 2rem 0;
	}
	.d-dtl-service-lasttext{
		padding: 2rem 0 0 0;
	}
	.diensten-dtl-service{
		padding: 2rem 0;
	}
	/*=============overons=========*/
	.overons-year-text{
		padding: 10% 5% 0;
	}
	.year-content{
		padding: 4rem 0;
	}
	.year-sec .swiper-button-prev{
		left: auto;
		right: 5rem;
	}
	.year-sec .swiper-button-next{
		right: 0;
	}
	.year-sec .common-arrow{
		top: -1.5rem;
	}
	.over-ons-get-to-each h4{
		font-size: 2rem;
	}
	.over-ons-get-to{
		padding: 0;
	}
	.over-ons-get-to .contact-banner-inner {
		display: flex;
		flex-direction: column;
	}
	.over-ons-get-to .contact-banner-inner{
		padding-left: 0;
		padding-top: 10%;
	}
	.over-ons-get-top{
		display: flex;
		flex-direction: column-reverse;
	}
	.over-ons-get-to-each{
		margin: 4rem 0 0;
	}
	.over-ons-get-to-each h4{
		margin: 2rem 0;
	}
	.over-ons-gallery-heading h3{
		margin: 0rem 0 2rem;
	}
	.form-image {
	  max-width: 420px;
	  margin: 2rem auto;
	  padding: 2.4rem 2rem;
	  height: auto !important;
	}
	.thumb-wrap {
	    max-width: 570px;
	}
	.thumb-wrap:before {
	    width: 70%;
	}
	
}
@media(max-width: 767px){
	.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: #FCBF00;
	  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: 70vh;
		margin-top: 0;
	}
	.banner-content{
		top: 50%;
	}
	.home-banner img.w-100{
		height: 100%;
		object-fit: cover;
	}
	.inner-banner{
		height: 200px;
	}
	.inner-banner .banner-content{
		top: 60%;
	}
	/*===========aanbod-dtl=========*/
	.detail-content h6, .detail-content td p{
		font-size: 1.5rem;
	}
	.detail-content table{
		margin: 0 0 3rem;
	}
	/*=========contact===========*/
	.form-image .row{
		flex-direction: column-reverse;
	}
	.form-styl, .form-area .akker_btn_cls{
		padding: 1.6rem;
	}
	textarea.form-styl {
	  	min-height: 160px;
	}
	.form-image img{
		height: auto !important;
	}
	.form-image-text h6{
		margin-top: 1rem;
	}
	.contact-last-sec-text{
		max-width: 100%;
	}
	.contact-last-sec img{
		margin-top: 0;
	}
	.contact-map-text .contact-inner{
		margin-top: 2rem;
	}
	.contact-map-text h4{
		margin-top: 2rem;
	}
	.contact-map-text .table-inner{
		margin-top: 2rem;
	}
	.contact-map-text .table-inner td{
		display: block;
		width: 100%;
	}
	.contact-map-text .table-inner td:nth-child(even){
		margin-top: 2rem;
	}
	/*==========diensten===========*/
	.diensten-content-dtl{
		padding: 1.5rem;
	}
	.diensten-content img{
		margin-bottom: 2rem;
	}
	/*========diensten-dtl===========*/
	.d-dtl-service-img h6{
		font-size: 1.5rem;
    	padding: 1rem 1.5rem;
	}
	.over-ons-gallery .col-lg-7, .over-ons-gallery .col-lg-5{
		width: 100%;
	}
	.aanbod-banner{
		display:none;
	}
	.filter{
		padding-top: 8rem;
	}
}