@media (min-width: 992px){
	.error_top{
		padding: 120px 0 50px;
		background-color: #000;
	}
}
@media(max-width: 1799.98px){
	/****popup***/
	.modal-area .modal-dialog {
		max-width: 60%;
	}
}
@media(max-width: 1699.98px){
	.header-wrap {
		padding: 0 4%;
	}
	.common-wrap {
	  padding-left: 5%;
	  padding-right: 5%;
	}
	.product-dtl h4{
		font-size: 18px;
		height: 45px;
	}
	.price-area {
  		padding: 30px 15px;
	}
	.left-content{
		padding-right: 10%;
	}
	.top-heading p{
		margin-right: 0;
	}
	.footer-logo{
		width: 230px;
	}
	/****aanbod-dtl****/
	.aanbod-wrap {
		width: 100%;
    	margin-left: 0;
	}
	.dtl-tab-sec .tab-btn {
		padding: 16% 10%;
	}
	.aanbod-dtl-bk-btn-sec h2 {
		font-size: 24px;
	}
	.aanbod-dtl-bk-btn-sec h2 span {
		font-size: 18px;
	}
	/****aanbod-list*****/
	.aanbod-list-product-sec .price-area {
		padding-left: 8%;
	}
	.aanbod-list-product-sec .price-area h4{
		font-size: 24px;
	}
	/***overons****/
	.gaan-txt-inner {
		padding-left: 8%;
	}
	.ons-list {
		padding: 8%;
	}
}
@media(max-width: 1599.98px){
	/****aanbod-dtl****/
	.dtl-slider .col-xl-9 {
		width: 65%;
	}
	.dtl-slider .col-xl-3 {
		width: 35%;
	}
	.dtl-tab-sec .tab-content ul li {
		font-size: 16px;
	}
	.kenmerken-tab ul li:nth-child(odd) {
		background-position: left top 8px;
	}
	/*********diensten********/
	.each-diensten-txt {
        padding: 20px 10%;
    }
	 /*********over-ons********/
	 .over-ons-top-sec {
        padding: 4% 0;
    }
    .over-ons-team-sec{
        padding-top: 5%;
    }
}
@media(max-width: 1399.98px){
	h1{
		font-size: 31px;
		line-height: inherit;
	}
	h2{
		font-size: 26px;
	}
	.header-area a{
		margin-right: 20px;
	}
	.header-area li{
		margin-right: 0;
	}
	.footer-area .col-md-4 .each-footer-info, .footer-area .col-md-5 .each-footer-info{
		left: 0;
	}
	/****popup***/
	.modal-area .modal-dialog {
		max-width: 70%;
	}
	/*********aanbod********/
	  .aanbod-filter-sec .aanbod-each-filter-grid img {
        margin-right: 5px;
    }
    .aanbod-filter-sec {
        padding: 30px 0 60px;
    }
    .aanbod-filter-sec .select-style {
        text-align: left;
        padding-left: 10px;
    }
	.aanbod-product-middle-content{
		padding: 4% 4% 60px;
	}
	.middle-txt-wrap {
		padding-right: 6%;
	}
	.middle-content-btn .common-btn{
		margin-top: 20px;
	}
	/****aanbod-list****/
	.aanbod-list-product-sec .price-area h4 {
		font-size: 24px;
	}
	/**overons*****/
	.review-sec .sec-heading p {
		padding-right: 10%;
	}
	.review-sec .product-slider .swiper-button-next {
		left: -30px;
	}
	.review-sec .product-slider .swiper-button-prev {
		left: -30px;
	}
}
@media (max-width: 1199.98px){
	.header-wrap {
		padding: 0 3%;
	}
	.common-wrap {
	  padding-left: 4%;
	  padding-right: 4%;
	}
	.header-area a {
	  margin-right: 15px;
	  font-size: 12px;
	}
	.menu-bar{
		margin-left: 8px;
	}
	.product-dtl h4{
		height: auto;
	}
	.footer-area .col-xl-3.text-end{
		text-align: center !important;
		padding-bottom: 60px;
	}
	/****popup***/
	.modal-area .modal-dialog {
		max-width: 85%;
	}
	/****aanbod-dtl****/
	.dtl-slider .col-xl-9,
	.dtl-slider .col-xl-3 {
		width: 100%;
	}
	.dtl-car-info {
		margin: 60px auto 40px;
	}
	.dtl-tab-sec .nav-tabs {
		margin-left: 0;
	}
	/****contact*****/
	.contact-dtl-sec .left-content li img {
		width: 20px;
		margin-right: 15px;
	}
	.contact-dtl-sec .left-content li {
		font-size: 18px;
	}
	/****aanbod-dtl****/
	.aanbod-dtl-bk-btn-sec h2 {
		margin-top: 30px;
	}
	.dtl-tab-sec .tab-content ul li {
		font-size: 14px;
	}
	.tab-content-wrapper {
		padding-left: 4%;
		padding-right: 4%;
	}
	.kenmerken-tab ul li:nth-child(odd) {
		background-position: left top 5px;
	}
	.dtl-tab-sec .bullet-panel li:after {
		top: 5px;
	}
	/*********aanbod********/
    .aanbod-filter-sec .col-lg-10,
    .aanbod-filter-sec .col-lg-2 {
        width: 100%;
    }
    .aanbod-filter-sec .col-xl-2 {
        padding: 0 3px;
    }
    .filter-area {
        margin: 0 -3px;
    }
    .aanbod-filter-sec .select-style {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		background: url(../images/down-chevron.png) #fff no-repeat 95% center/10px;
    }
    .filter-area .col-xl-2 {
        width: 50%;
    }
    .filter-btn-area {
        max-width: 100%;
        margin-left: 0;
    }
    .aanbod-filter-sec .aanbod-each-filter-grid {
        margin-bottom: 15px;
    }
    .grid-wrap{
    	margin-top: 15px;
    }
    .zoken-btn .common-btn {
        max-width: 100%;
    }
    .each-diensten-txt p {
        margin: 25px 0;
    }
	.aanbod-product-middle-content {
		padding: 60px 4% 60px 4%;
	}
	.aanbod-filter-sec .aanbod-each-filter-grid img {
		margin-right: 10px;
	}
	.aanbod-product-middle-content .col-lg-4,
	.aanbod-product-middle-content .col-lg-8{
		width: 100%;
	}
	/****aanbod-list****/
	.aanbod-list-product-sec .product-dtl .row {
		padding: 6% 0;
	}
	.aanbod-list-product-sec .price-area h4{ 
		font-size: 20px;
	}
	.aanbod-list-product-sec .product-dtl td h6 {
		font-size: 14px;
	}
	.aanbod-list-product-sec .product-dtl td h6 span {
		margin-bottom: 5px;
	}
}
@media (max-width: 991px){
	.header-area{
		display:none;
	}
	.dblock{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		border-bottom: 1px solid #2b2b2b;
	}
	main{
		padding-top: 80px;
	}
    .swiper-button-next, .swiper-button-prev{
        top: 22% !important;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 10px !important;
        left: auto !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 10px !important;
        right: auto !important;
    }
    .product-slider .common-arrow img{
        transform: unset;
    }
	.res-logo-styl{
		width: 190px;
		margin-top: 12px;
	}
	h1 {
	  	font-size: 24px;
	  	letter-spacing: normal;
	}
	h2{
		font-size: 20px;
	}
	h4{
		font-size: 20px;
	}
	.banner-content{
		top: 50%;
	}
	.banner-content .common-btn, .left-content p{
		margin-top: 30px;
	}
	.product-sec{
		border: 0;
		background: #1c1c1c;
	}
	.car-brand, .left-content ul {
    	margin: 40px 0;
	}
	.car-brand a, .left-content li {
    	font-size: 16px;
    	margin-bottom: 30px;
	}
	.product-sec, .top-heading{
		padding: 40px 0;
	}
	.gallery-slider .swiper-button-prev{
		left: 15px;
	}
	.gallery-slider .swiper-button-next{
		right: 15px;
	}
	.top-heading .text-end{
		text-align: left !important;
		padding-top: 30px;
	}
	.top-heading h2 {
	  	margin-bottom: 30px;
	}
	.left-content {
	    padding-right: 0;
	    padding-bottom: 0;
	}
	.social-icon .mw-100 {
	   margin-left: 20px;
	}
	/****popup***/
	.modal-area .modal-content .row {
		flex-direction: column-reverse;
	}
	.close-img {
		right: 0;
		left: auto;
	}
	/****contact*****/
	.inner-banner-content {
		top: 50%;
	}
	.contact-map-wrap {
		height: 550px;
	}
	.contact-form-sec {
		padding: 60px 0;
	}
	.contact-form-sec h2 {
		margin-bottom: 30px;
	}
	.contact-form-sec .pe-5 {
		padding-right: 12px !important;
	}
	.contact-form-sec .ps-5 {
		padding-left: 12px !important;
	}
	/*****aanbod-dtl*****/
	.dtl-tab-sec .tab-btn {
		padding: 60px 5%;
	}
	.dtl-tab-sec .tab-btn h2 {
		margin-bottom: 60px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		margin-bottom: 30px;
	}
	.tab-content-wrapper {
		padding: 60px 5%;
	}
	.related-product-sec {
		padding: 60px 0;
	}
	.related-product-sec .text-center,
	.related-product-sec .text-end {
		text-align: left !important;
	}
	.aanbod-dtl-bk-btn-sec h2 {
		font-size: 18px;
	}
	.aanbod-dtl-bk-btn-sec h2 span {
		font-size: 15px;
	}
	/*********diensten********/
    .each-diensten-list:nth-child(odd) .row {
        flex-direction: column-reverse;
    }
    .each-diensten-list:nth-child(even) .row {
        flex-direction: column-reverse !important;
    }
    .each-diensten-txt p {
        overflow: auto;
        display: block;
        text-align: justify;
    }
    .each-diensten-txt {
        padding: 10% 5%;
    }
	/*********aanbod********/
    .aanbod-filter-sec .select-style {
        padding-left: 0;
    }
	.middle-content-btn .common-btn{
		max-width: 252px;
	}
	.aanbod-product-middle-content{
		padding: 12% 5%;
	}
	.aanbod-product-middle-content p{
		margin: 10px 0;
		text-align: justify;
	}
	.middle-txt-wrap {
		padding-right: 0;
	}
	.aanbod-product-sec{
		padding: 60px 0 42px 0;
	}
	/*****aanbod-list*****/
	.aanbod-list-product-sec .product-dtl .row {
		padding: 30px 0;
	}
	.aanbod-list-product-sec .product-dtl td {
		padding: 30px 0;
	}
 	/*********over-ons********/
     .over-ons-top-sec {
        padding: 60px 0;
    }
    .over-ons-top-head h2{
        margin-bottom: 60px;
    }
    .over-ons-gaan-sec .col-lg-7,
    .over-ons-gaan-sec .col-lg-5{
        width: 100%;
    }
    .gaan-txt p {
        margin: 60px 0;
    }
    .gaan-txt {
        padding: 60px 0
    }
	.gaan-txt-inner{
		padding: 0 5%;
	}
    .ons-list{
        padding: 60px 5%;
    }
    .team-top-area .row{
        flex-direction: column-reverse;
    }
    .over-ons-team-sec .col-lg-5,
    .over-ons-team-sec .col-lg-7 {
        width: 100%;
    }
    .over-ons-team-sec{
        padding-top: 60px;
    }
    .middle-txt-content p{
        padding-right: 12px;
    }
    .middle-txt-content{
        left: 12px;
    }
    .over-ons-gaan-sec .container-fluid {
        padding-right: 0;
	}
	.review-sec{
		background-color: #fff;
	}
	.over-ons-gallery-sec .header-sec h2 {
		margin-bottom: 60px;
	}
	.team-top-area .row{
		align-items: flex-start !important;
	}
	/****diensten-dtl*****/
	.diensten-dtl-top-sec .text-center{
		text-align: left !important;
	}
	.diensten-dtl-gal {
		background-color: #eaeaea;
		padding-bottom: 30px;
	}
	.review-sec .product-slider .common-arrow{
		display: flex;
		top: -30px;
	}
	.review-sec .product-slider .swiper-button-next{
		left: auto;
		right: 0;
	}
	.review-sec .product-slider .swiper-button-prev{
		left: auto;
		right: 30px;
	}
	.thumb-image{
		display:none;
	}
	.diensten-dtl-bk-btn{
		padding-top: 0;
	}
	.error_background{
		padding-top: 80px;
	}
	.aanbod-banner {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.popuptext {
		right: 60px !important;
	}
}
@media (max-width: 767px){
	.morgeninternet-footer{
        margin-bottom :45px !important;
    }
	#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: #000000;
		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: 9999;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1 {
  		font-size: 18px;
  	}
  	h2{
  		font-size: 17px;
  	}
  	h4{
  		font-size: 16px;
  	}
	  .fixed-wp {
		display: none;
	}
  	.banner-sec{
  		height: 70vh;
  	}
  	.each-banner img{
  		height: 100%;
  		object-fit: cover;
  	}
  	.common-btn{
  		font-size: 12px;
  		max-width: 220px;
		height: 50px;
		line-height: 50px;
  	}
  	.filter-area .row{
  		justify-content: center;
  	}
  	.product-sec .common-wrap.pe-0, .content-sec .common-wrap.pe-0{
  		padding-right: 4% !important;
  	}
  	.product-sec .container-fluid.pe-0, .content-sec .container-fluid.pe-0{
  		padding-right: 12px !important;
  	}
  	.product-slider, .each-footer-info, .divider{
  		margin-top: 40px;
  	}
  	.product-dtl td h6{
  		font-size: 13px;
  	}
  	.content-sec, .footer-area{
  		padding: 40px 0;
  		border-right: 0;
  	}
  	.footer-area .col-xl-3.text-end, .social-icon{
  		padding-bottom: 0;
  	}
  	.each-footer-info h4{
  		margin-bottom: 20px;
  	}
  	.social-icon .mw-100{
  		margin: 0 20px 0 0;
    	width: 90px;
  	}
    .fixed-whatsapp-icon{
        display: none;
    }
	/****popup***/
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.modal-area .popup-content {
		padding: 30px 15px;
	}
	.modal-area .popup-content p {
		margin-top: 25px;
	}
	/****contact*****/
	.contact-map-wrap {
		height: 320px;
	}
	.contact-form-sec {
		padding: 30px 0;
	}
	.contact-form-sec h2 {
		margin-bottom: 20px;
	}
	.contact-form-sec .form-styl {
		font-size: 16px;
		padding-bottom: 20px;
	}
	.contact-form-sec .form-group {
		margin-bottom: 20px;
	}
	.contact-form-sec textarea.form-styl {
		height: 130px;
	}
	.contact-form-sec .text-end {
	    border-bottom:0;
	    border-top: 1px solid #1c1c1c;
	    text-align: left !important;
	}
	.contact-form-sec .common-btn{ 
		position: initial;
		margin-top: 20px;
	}
	.inner-footer .social-icon .col-md-2 {
		width: 100%;
	}
	.inner-footer .social-icon .col-md-10 {
		width: 100%;
		margin-top: 20px;
	}
	.contact-dtl-sec .left-content li {
		font-size: 15px;
	}
	.contact-dtl-sec .left-content li:last-child {
		margin-bottom: 0;
	}
	.contact-dtl-sec .left-content li img {
		margin-bottom: 0;
		margin-right: 7px;
	}
	.inner-footer .social-icon .mw-100 {
		margin: 25px 0 0;
		display: block;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-bk-btn-sec {
		padding: 30px 0;
	}
	.dtl-car-info {
		margin: 30px auto 10px;
	}
	.dtl-car-info p {
		margin: 20px 0;
	}
	.dtl-car-call-mail a {
		margin-bottom: 20px;
	}
	.dtl-car-call-mail a img {
		width: 18px;
		margin-right: 10px;
	}
	.dtl-car-btn .col-md-6 {
		margin-bottom: 6px;
	}
	.dtl-car-btn {
		text-align: center;
	}
	.dtl-car-share {
		text-align: center;
	}
	.dtl-car-share .common-btn {
		margin-bottom: 20px;
	}
	.dtl-tab-sec .tab-btn {
		padding: 30px 12px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 16px;
		margin-bottom: 20px;
		width: 50%;
	}
	.dtl-tab-sec .tab-btn h2 {
		margin-bottom: 30px;
	}
	.tab-content-wrapper {
		padding: 30px 12px;
	}
	.each-tab-heading h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.each-tab-heading {
		margin-bottom: 20px;
	}
	.bullet-panel h5 {
		font-size: 16px;
	}
	.dtl-tab-sec .tab-content ul li {
		padding-bottom: 10px;
	}
	.dtl-tab-sec .bullet-panel li:after {
		top: 7px;
	}
	.each-dtl-car-man h6 {
		font-size: 14px;
		bottom: 5px;
		left: 8px;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.each-onderhoud-block h4 {
		font-size: 20px;
		letter-spacing: 0.5px;
	}
	.related-product-sec {
		padding: 30px 0;
	}
	.related-product-sec .product-slider {
		margin-top: 10px;
	}
	.aanbod-dtl-bk-btn-sec .common-btn {
		max-width: 240px;
	}
	/***diensten-dtl*******/
	.diensten-dtl-content-sec .left-content li:last-child{ 
		margin-bottom: 0;
	}
	.diensten-dtl-bk-btn-wrap {
		padding-bottom: 0;
	}
	.diensten-dtl-bk-btn-wrap {
		margin: 0;
	}
	.diensten-dtl-top-sec {
		border: 0;
	}
	.diensten-dtl-bk-btn .common-btn {
		max-width: 250px;
	}
	/*********aanbod********/
    .aanbod-filter-sec .aanbod-each-filter-grid {
        display: none;
    }
    .aanbod-filter-sec .select-style {
        height: 60px;
        line-height: 60px;
		font-size: 10px;
    }
    .filter-btn-area .col-lg-6 {
        padding-left: 12px;
        padding-right: 12px;
    }
    .aanbod-filter-sec {
        padding: 10px 0 30px;
    }
	.middle-content-btn .common-btn{
		max-width: 220px;
	}
	.aanbod-product-middle-content{
		padding: 12% 12px;
	}
	.aanbod-product-sec{
		padding: 30px 0 12px 0;
	}
	.aanbod-product-sec .col-xl-4 {
		padding: 0;
	}
	.aanbod-product-wrap{
		margin: 0;
	}
	.aanbod-product-sec .col-xl-8 {
		padding: 0;
	}
	.zoken-btn .common-btn {
		margin-bottom: 0;
		margin-top: 20px;
	}
	/*****aanbod-list*****/
	.aanbod-list-product-sec .product-dtl .row {
		padding: 0;
	}
	.aanbod-list-product-sec .price-area {
		padding: 30px 15px;
	}
	.aanbod-list-product-sec .product-dtl .common-btn {
		margin: 0 15px 30px;
	}
 	/*********over-ons********/
     .over-ons-top-sec {
        padding: 30px 0;
    }
    .over-ons-top-head h2{
        margin-bottom: 30px;
    }
    .gaan-txt p {
        margin: 30px 0;
    }
    .gaan-txt {
       	padding: 30px 0 0;
    	border-bottom: 1px solid #2b2b2b;
    }
    .ons-list{
        padding: 30px 12px;
    }
	.gaan-txt-inner {
		padding: 0 12px;
	}
    .over-ons-team-sec{
         padding-top: 30px;
     }
    .team-txt h2 {
         margin-bottom: 30px;
     }
     .team-txt p{
         padding-right: 0;
     }
     .over-ons-team-sec .header-wrap,
     .over-ons-team-sec .container-fluid {
        padding-right: 12px;
    }
    .over-ons-middle-block:after{
        height: 100px;
    }
	.middle-txt-content{
		bottom: 30px;
	}
	.over-ons-gallery-sec .header-sec h2 {
		margin-bottom: 30px;
	}
	.review-sec .sec-heading h2 {
		margin-bottom: 15px;
	}
	.gaan-txt ul li{
		margin-bottom: 20px;
		font-size: 16px;
		padding-left: 30px;
	}
	.each-review-box {
		margin-left: 0;
		padding: 80px 20px 30px;
	}
	.each-review-box span {
		left: 10px;
	}
	.each-review-box p{ 
		padding-right: 0;
	}
	.aanbod-list1 .col-md-4.text-end{
		text-align: left !important;
	}
	.dtl-slider .gallery-thumbs{
		display: none;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item .nav-link{
		text-align: center;
	}
	.dtl-car-call-mail{
		margin: 40px 0;
	}
	.dtl-car-man, .dtl-car-info p{
		display: none;
	}
	.mini-right-nav{
		display: none;
	}
	.inruilen-btn span{
		height: 32px;
  		width: 32px;
	}
	.inruilen-btn img {
  		width: 18px;
	}
}
@media(max-width: 575px){
	.common-wrap, .product-sec .common-wrap.pe-0, .content-sec .common-wrap.pe-0{
		padding-right: 0 !important;
		padding-left: 0;
	}
	.header-wrap {
		padding-left: 0;
		padding-right: 0; 
	}
	/****aanbod-dtl****/
	.dtl-tab-sec .tab-content ul li{ 
		padding-left: 12px;
		font-size: 14px;
	}
	.kenmerken-tab ul li:nth-child(odd) {
		background-size: 6px;
	}
	.dtl-tab-sec .bullet-panel li:after{ 
		background-size: 6px;
	}
	.dtl-tab-sec .tab-btn .nav-tabs .nav-item {
		font-size: 12px;
	}
}
/********Calculator Iframe************/
@media (max-width: 1107.98px) 
{
	iframe.calsty
	{ 
		height: 1510px;
	}
}
@media (max-width: 991.98px)
{
	iframe.calsty
	{ 
		height: 900px;
	}
}
@media (max-width: 703.98px) 
{
	iframe.calsty
	{ 
		height: 1510px;
	}
}