@media(min-width: 1200px){
   .annbod-list-filter-sec .col-xl-2 {
	    /*width: 16%;*/
   }
   .each-filter-info{
   		padding-bottom: 1rem;
   }
}
@media(max-width: 1699.98px){
	h2{
		font-size: 3.4rem;
		line-height: inherit;
	}
	h3{
		font-size: 2.6rem;
	}
	.common-wrap {
	  padding-left: 3%;
	  padding-right: 3%;
	}
	.top-bovag{
		right: 0;
	}
	.header-btn{
		margin-right: 7rem;
	}
	.product-dtl td{
		font-size: 1.5rem;
	}
	.welcome-txt{
		left: 0;
	}
	.each-footer-info td:last-child h4 {
		font-size: 2rem;
		letter-spacing: 0rem;
	 }
	/***contact***/
	.contact-form-wrap {
		margin-top: -45rem;
	}
	/***aanbod-dtl****/
	.dtl-top-car-spec td {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.dtl-top-car-price td {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.dtl-top-right,
	.dtl-top-info { 
		padding: 3rem 5%;
	}
	.dtl-contact-box-reach td{ 
		padding: 0 2rem;
	}
	.dtl-tab-wrap {
		padding: 0 5%;
	}
	/***diensten-dtl***/
	.diensten-dtl-form-sec .contact-form-wrap {
	    margin-top: -23rem;
    }
    .diensten-dtl-top-btn .akker_btn_cls {
	    left: 3%;
   }
}
@media(max-width: 1399.98px) {
	.each-footer-info td:last-child {
		padding-left: 2.2rem;
	 }
	 .select-style {
		padding: 0 1.5rem;
		letter-spacing: normal;
	}
	.product-dtl td {
	    font-size: 1.3rem;
	} 
	.aboutus-counter td{
		padding: 0 2rem;
	}
	/**contact***/
	.content-text {
		padding: 4rem 6%;
	}
	.content-text p {
		margin: 1rem 0 3rem;
	}
	.each-contact-info {
		margin-bottom: 5rem;
	}
	.contact-info td {
		padding-bottom: 5rem;
	}
	/****aanbod-dtl***/
	.dtl-contact-box-reach td{ 
		font-size: 1.6rem;
	}
	.dtl-contact-man {
		margin-right: 1rem;
	}
	.dtl-car-cost h4 {
		font-size: 2rem;
	}
	.each-dtl-car-cost {
		margin-bottom: 2rem;
	}
	.dtl-tab-wrap {
		padding: 0;
	}
	.dtl-top-car-spec td {
		font-size: 1.6rem;
	}
	.dtl-top-car-price td { 
		font-size: 1.8rem;
	}
	.dtl-contact-box-btn {
		margin-top: 5rem;
	}
	/***diensten-dtl***/
    .diensten-dtl-top-btn .akker_btn_cls {
	    top: 22rem;
   }
   .dns-dtl-text-block p{
   	    padding-right: 10%;
   }
   .diensten-banner-content{
   	    padding-right: 10%;
   }
   /***werkplaats-dtl***/
   .werkplaats-dtl-banner-sec .diensten-banner-content p{
        padding-right: 10%;
   }
   /***overons****/
   .overons-team-text h4 {
	    font-size: 2rem;
  }
}
@media(max-width:1199.98px){
	h1{
		font-size: 4rem;
	}
	h2{
		font-size: 2.6rem;
	}
	h3{
		font-size: 2.2rem;
	}
	h4{
		font-size: 2rem;
	}
	.header-menu li{
		margin-right: 3rem;
	}
	.header-btn{
		width: 24rem;
	}
	.header-area a{
		font-size: 1.4rem !important;
	}
	.filter-main{
		margin-top: 2rem;
	}
	.aboutus-gallery-text{
		padding: 3rem 1.5rem;
	}
	.aboutus-counter td {
		padding: 0 1.5rem;
	}
	.aboutus-counter td h4 {
		margin-left: 1rem;
	}
	.each-footer-info td:last-child h4 {
	    font-size: 1.8rem;
    }
    .ftr-icon ul li img{
	    width: 11.5rem;
   }
   .each-footer-info p {
	font-size: 1.5rem;
	}
	.each-footer-info a {
		font-size: 1.5rem;
	}
   /****contact****/
   .contact-form {
		padding: 3rem;
   }
   .contact-form .akker_btn_cls{ 
		margin-right: -5rem;
		margin-top: 3rem;
   }
   .each-contact-info p{ 
		font-size: 1.6rem;
   }
   .contact-info td p {
		font-size: 1.6rem;
   }
   /***aanbod-dtl***/
   .dtl-top-car-model h3,
   .dtl-car-cost h3,
   .dtl-tab-content-heading h3 {
	font-size: 2.6rem;
   }
   /*****diensten-list****/
   .each-gallery-box h3 {
	   	left: 2rem;
	   	bottom: 2rem;
   }
   .each-gallery-box h3:after{
   		width: 1.4rem;
   }
   .diensten-banner-sec {
	    padding-top: 33%;
   }
   .dns-dtl-text-block p {
        padding-right: 10%;
   }
   .diensten-banner-content {
       padding-right: 10%;
   }
   /***annbod-list***/
   .annbod-list-filter-sec .select-style{
      margin-bottom: 2rem;
   }
   /****overons****/
   .overons-team-box img{
   	   width: 100%;
   }
   .overons-team-text h4 {
       font-size: 2rem;
   }
   .filter-main .row{
  		justify-content: center;
  	}
  	.modal-area .modal-dialog {
		max-width: 90%;
	}
}
@media(max-width: 991px){
	.dblock{
		display: block;
	}
	.res-logo-styl{
		width: 160px;
		margin-top: 15px;
	}
	.header-area{
		display: none;
	}
	.banner-sec{
		height: auto;
	}
	.banner-content{
		padding-top: 0;
	}
	.filter-wrap{
		margin-top: 0;
		padding: 3rem 0;
	}
	.filter-sec{
		background: #121212;
	}
	.product-sec {
		padding: 6rem 0;
	}
	.aboutus-counter td h4 {
		margin-left: 0;
	}
	.welcome-txt {
		top: 4rem;
	    left: 1rem;
	    transform: translateY(0);
	}
	.footer-btm {
        text-align: center;
    }
	.ftr-icon{
		text-align: center;
	}
	.ftr-icon ul li:last-child{
        margin-top: 4rem;
     }
    .footer-area {
        padding: 6rem 0 2rem;
    }
    .each-footer-info {
        margin-bottom: 4rem;
    }
    .ftr-logo{
     	margin-bottom: 2rem;
    }
    .ftr-logo img{
    	width: 240px;
    }
	.each-footer-info table {
		margin-left: 0;
	}
    /***contact***/
	 .contact-form-wrap {
		margin-top: 0;
		margin-bottom: 4rem;
		margin-left: auto;
		margin-right: auto;
	 }
	 .contact-social {
		margin: 3rem 0 0 0;
		text-align: center;
	 }
	 .content-text {
		padding-left: 0;
		padding-right: 0;
	 }
	 .content-text .akker_btn_cls{ 
		margin-left: 0;
	 }
	 .content-block {
		padding-bottom: 0;
	 }
	 /*****diensten-list****/
     .diensten-list-bottom-sec{
   	    padding: 6rem 0 0;
    }
    /***diensten-dtl***/
    .diensten-dtl-top-btn{
    	background: #121212;
    	padding: 4rem 0 2rem;
    }
    .diensten-dtl-top-btn .akker_btn_cls {
	    top: initial;
	    left: initial;
	    position: relative;
    }
    .diensten-banner-sec {
	    padding-top: 2rem;
    }
    .dns-dtl-img-block {
	    border-radius: 2rem ;
	    margin-top: 0;
   }
   .diensten-dtl-middle-sec{
   	    padding: 6rem 0;
   }
    .diensten-dtl-middle-sec .container-fluid{
        padding-right: 0.75rem!important;
   }
   .diensten-dtl-middle-sec .common-wrap {
	    padding-right: 3% !important;
   }
   .diensten-dtl-form-sec .contact-form-wrap {
        margin-top: 0;
   }
   .diensten-banner-content {
        padding-right: 0;
   }
   .dns-dtl-text-block{
        padding-top: 3rem;
   }
   .dns-dtl-text-block p {
	    padding-right: 0;
   }
   .diensten-dtl-services-sec {
        padding: 5rem 0 7rem;
   }
   /***werkplaats-dtl***/
   .werkplaats-dtl-banner-sec .diensten-banner-content p{
        padding-right: 0;
   }
   /****overons****/
   .overons-top-sec {
       padding: 6rem 0;
   }
   .overons-car-box img , .overons-middle-car-box img ,
   .overons-team-box img{
   	   width: 100%;
   }
   .overons-middle-sec{
   	  margin-top: 0;
   	  padding: 6rem 0;
   }
   .overons-middle-car-box{
   	  margin: 0;
   }
   .overons-car-text {
      padding-top: 4rem;
      padding-right: 0;
      padding-bottom: 0;
   }
   .overons-middle-car-text {
      padding-right: 0;
      padding-top: 4rem;
  }
  .overons-counter{
  	  padding-top: 6rem;
  }
  .overons-team-text {
    padding-right: 0;
  }
  .each-overons-team {
    margin: 0 2rem 5rem;
  }
  .overons-team-sec .tab-btn .nav-tabs .nav-item {
    margin: 0 2rem 1rem 0;
  }
  .overons-team-sec .tab-btn {
    margin-bottom: 6rem;
  }
  .overons-car-box{
  	padding-right: 0;
  	max-width: 100%;
  }
  .diensten-dtl-middle-sec:before, .aboutus-counter:before, .contact-dtl-sec:before{
  	display: none;
  }
  	.side_logo {
	  display:none;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
	    font-size: 1.3rem;
	    width: 48%;
	    margin-right: .4rem;
	    margin-bottom: 2rem;
	}
	.dtl-gallery-sec .col-lg-5{
		width: 100%;
	}
	.modal-area .popup-content{
		padding: 10% 5%;
	}
	.modal-area .close-img{
		left: auto;
    	right: 15px;
	}
	.modal-area .close-img img{
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}
	.aanbod-top-slider .swiper-button-prev{
	  	right: auto;
	  	left: 10px;
	}
	.aanbod-top-slider .swiper-button-next{
		right: 10px;
	}
	.aanbod-top-slider .swiper-pagination{
  		right: 20px;
	}
}
@media(max-width: 767px){
	.morgeninternet-footer{
        margin-bottom: 45px !important;
    }
	.mini-right-nav {
		display: none;
	}
	#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: #c42a2a;
	  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;
	}
	h2, h3, h5{
		letter-spacing: normal;
	}
	h1{
		font-size: 3.4rem;
	}
	h2{
		font-size: 2rem;
	}
	h3{
		font-size: 1.8rem;
	}
	h4{
		font-size: 1.8rem;
	}
	h5 {
    	font-size: 1.6rem;
	}
	p{
		font-size: 1.5rem;
		text-align: justify;
	}
	.akker_btn_cls {
	  font-size: 1.4rem;
	  max-width: 22rem;
	  padding: 1rem .5rem;
	}
	.banner-content{
		position: static;
	    transform: translateY(0);
	    background: #1c1c1c;
	    padding: 3rem 0;
	}
	.each-filter-info, .sec-heading, .aboutus-counter h2, .aboutus-counter{
		margin-bottom: 3rem;
	}
	.sec-heading p {
		text-align: center;
	}
	.each-filter-info h5{
		font-size: 1.8rem;
	}
	.select-style {
	   height: 5rem;
	   line-height: 5rem;
	   font-size: 1.2rem;
	   margin-bottom: 1rem;
	   background-size: 8px;
	}
	.wis-part{
		font-size: 1.4rem;
	}
	.product-sec{
		padding: 4rem 0;
	}
	.product-model h5{
		height: auto;
	}
	.product-dtl td {
	  	font-size: 1.2rem;
    	letter-spacing: normal;
    	padding: 0 .5rem;
	}
	.product-dtl td::after{
		display: none;
	}
	.annbod-list-filter-sec .each-filter-info {
		margin-bottom: 0;
	}
	.product-sec .akker_btn_cls, .service-slider-control{
		margin-top: 0;
		position: static;
	}
	.service-slider .swiper-pagination-bullet, .aboutus-counter td::after{
		display: none;
	}
	.service-slider{
		position: relative;
		padding-top: 2rem;
	}
	.service-slider-control .common-arrow{
		top: -12px;
		right: 0;
	}
	.service-slider-control .swiper-button-prev{
		right: 30px;
		left: auto;
	}
	.service-sec .olufsen_text_content {
		padding: 0 0 2rem 2rem;
	}
	.each-service {
		border-radius: 2rem;
	}
	.aboutus-counter td{
		width: 100%;
		display: block;
		padding: 0;
	}
	.aboutus-gallery-text, .insta-block{
		margin: 1rem 0 0;
	}
	.aboutus-sec{
		padding: 0 0 4rem;
	}
	.footer-btm {
        text-align: center;
    }
	.ftr-icon{
		text-align: center;
	}
	.footer-area {
        padding: 3rem 0 2rem;
     }
     .each-footer-info h4 {
	    margin-bottom: 1rem;
    }
    .each-footer-info {
        margin-bottom: 3rem;
    }
    .each-footer-info a {
	    font-size: 1.5rem;
	}
	.ftr-icon ul li {
        width: 25%;
    }
    .each-footer-info td:last-child h4 {
       font-size: 1.8rem;
    }
    .ftr-icon ul li img {
       width: 7.5rem;
    }
    .ftr-icon ul li:last-child {
	    width: 95%;
	    margin-top: 2rem;
	}
	.aboutus-counter {
	    margin-bottom: 0;
	    padding: 0 0 3rem;
	}
	/***contact***/
	.contact-map-sec{ 
		height: 30rem;
	}
	.contact-dtl-sec {
		padding: 4rem 0;
	}
	.contact-form{ 
		padding: 3rem 1.5rem;
	}
	.form-styl {
		font-size: 1.5rem;
		padding: 1rem 0;
	}
	.form-group {
		margin-bottom: 1rem;
	}
	.contact-form .text-end {
		text-align: left !important;
	}
	.contact-form .akker_btn_cls {
		margin-right: auto;
		margin-left: 0;
	}
	.each-contact-info{ 
		margin-bottom: 3rem;
	}
	.each-contact-info p,
	.contact-info td p{ 
		line-height: 2.8rem;
	}
	.contact-info td {
		display: block;
		padding-bottom: 3rem;
	}
	/***aanbod-dtl***/
	.dtl-top-right, .dtl-top-info {
		padding: 3rem 3%;
	}
	.dtl-top-car-price table, .dtl-top-car-spec table{
		width: 100%;
	}
	.dtl-top-car-price td, .dtl-top-car-spec td {
		display: inline-block;
	    width: 50%;
	    padding: 0 0 2rem 0;
	    font-size: 1.5rem;
	}
	.dtl-top-car-price td span{
		font-size: 1.5rem;
	}
	.dtl-top-car-price td::after {
		display: none;
	}
	.dtl-top-car-model h3, .dtl-car-cost h3, .dtl-tab-content-heading h3 {
		font-size: 2rem;
	}
	.dtl-top-car-price {
		padding: 2rem 0;
		margin: 2rem 0;
	}
	.dtl-top-car-price td:last-child {
		padding-bottom: 0;
	}
	.dtl-contact-box-reach{ 
		display: block;
	}
	.dtl-contact-man {
		margin: 0 auto 2rem;
		max-width: 9rem;
	}
	.dtl-contact-man-info {
		width: 100%;
		max-width: 30rem;
		margin: 0 auto;
		text-align: center;
	}
	.dtl-contact-man-info table{
		width: 100%;
	}
	.dtl-contact-box-reach td {
		font-size: 1.2rem;
		padding: 0 1.2rem;
	}
	.dtl-contact-box-reach td span {
		margin-bottom: 0.5rem;
	}
	.dtl-car-cost h4{ 
		font-size: 1.8rem;
	}
	.dtl-contact-box-btn .col-md-5, .dtl-contact-box-btn .col-md-2 {
		width: 100%;
	}
	.dtl-contact-box-btn .akker_btn_cls {
		margin-bottom: 1rem;
	}
	.dtl-tab-sec{ 
		padding: 4rem 0 1rem;
	}
	.dtl-tab-content-heading h3 {
		padding: 3rem 0;
	}
	.related-product-slider .each-product{ 
		margin: 0;
	}
	.dtl-tab-sec .tab-content ul li {
		font-size: 1.3rem;
	}
	.kenmerken-tab ul li:nth-child(odd) {
		background-position: left top 0.6rem;
	}
	.dtl-tab-sec .bullet-panel li:after {
		top: 0.6rem;
	}
	.dtl-top-car-model h4 {
		font-size: 1.6rem;
	}
	.left-bg-block {
		width: 12rem;
	}
	.block-dtls {
		width: calc(100% - 12rem);
	}
	/*****diensten-list****/
   .diensten-list-bottom-sec{
   	    padding: 3rem 0 0;
   }
   /***diensten-dtl***/
   .diensten-dtl-middle-sec {
       padding: 3rem 0;
   }
   .dns-dtl-text-block {
       padding-top: 2rem;
   }
   .dns-dtl-text-block p {
       padding-top: 1.4rem;
   }
   .diensten-dtl-services-sec {
       padding: 3rem 0 4rem;
   }
   /****overons****/
   .overons-top-sec {
       padding: 3rem 0;
   }
  .overons-middle-sec {
       padding: 3rem 0;
   }
   .overons-team-sec {
       padding: 3rem 0 0;
   }
   .overons-team-sec .tab-btn {
       margin-bottom: 3rem;
   }
  .each-overons-team {
       margin: 0 0 6rem;
  }
  .overons-team-sec .tab-btn .nav-tabs .nav-item {
       font-size: 1.2rem;
       margin: 0 0.5rem 1rem 0;
       width: 48%;
   }
  	.overons-team-sec .tab-btn .nav-tabs .nav-link {
	   padding: 1.2rem 2.5rem;
	   width: 100%;
   }
  	.overons-team-text h4 {
       font-size: 1.8rem;
   }
   .overons-team-text p {
       padding-top: 1.4rem;
  	}
  	.related-product-wrap .common-arrow {
		display: none;
   }
   .diensten_reverse_area iframe {
	    height: 1690px;
	}

}
@media(max-width: 575px){
	.dtl-top-right, .dtl-top-info {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}
	/***diensten-dtl***/
	.diensten-dtl-middle-sec .common-wrap {
        padding-right: 0 !important;
   }
   .diensten-dtl-middle-sec .container-fluid {
        padding-right: 1.2rem!important;
   }
}
@media(max-width: 480px){
	.banner-sec .border-btn:nth-child(3){
		margin-top: 1rem;
	}
}
@media(min-width: 992px){
	.error_background {
		padding: 95px;
		background-color: #000;
	}
}