
@media (min-width: 992px){
	.banner-bottom-button .container .row .col-lg-10 {
		-ms-flex: 0 0 75.000%;
		flex: 0 0 75.000%;
		max-width: 75.000%;
	}
	.banner-bottom-button .container .row .col-lg-2 {
		-ms-flex: 0 0 25.0000%;
		flex: 0 0 25.0000%;
		max-width: 25.0000%;
	}
}
@media(min-width:1500px){
	.container{
		max-width:1465px;
	}
	.select-style {
		padding-left: 60px;
	}
	.overons-blog{
		padding:130px 0px;
	}
}
@media(min-width:1600px){
	
	.slider-common-arows.common-arrow.swiper-button-next {
		right: -80px;
	}
	.slider-common-arows.common-arrow.swiper-button-prev {
		left: -80px;
	}
	.moderne-werkplaats-slider .common-arrow.swiper-button-prev {
		left:0;
	}
	.moderne-werkplaats-slider .common-arrow.swiper-button-next {
		right:0;
	}
	.footer-logo {
		max-width: 320px;
		width: 100%;
	}
	.desktop-nav .navbar-brand img{
		max-width:320px;
	}
	.testimonial-slider-wrapper .slider-common-arows.common-arrow.swiper-button-prev {
		left: -80px;
	}.testimonial-slider-wrapper .slider-common-arows.common-arrow.swiper-button-next {
		right: -80px;
	}
}
@media(max-width:1500px){
	.desktop-nav.navbar-light .navbar-nav li.nav-item {
		padding-left: 30px;
	}
	h3 {
		font-size: 20px;
	}
}
@media(max-width:1499.98px){
	.car-name h3 {
		font-size: 18px;
	}
}
@media(max-width:1199.98px){
	.desktop-nav .navbar-brand img {
		max-width: 195px;
	}
	.desktop-nav.navbar-light .navbar-nav li.nav-item {
		padding-left: 18px;
	}
	h1 {
		font-size: 45px;
	}
	.banner-content h1 {
		font-size: 60px;
	}
	.counter_area_wrapper {
		margin-top: 0px;
		top:0px;
		margin-bottom:0px;
	}
	.product-thumbnail-section {
		padding: 50px 0px 50px;
	}
	.counter_no {
		padding: 50px 0px;
	}
	.count {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.count_txt {
		font-size: 15px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 17px;
	}
	.moderne-werkplaats-section {
		padding: 50px 0px 10px;
	}
	.moderne-werkplaats-section h2 {
		margin-bottom: 15px;
	}
	.moderne-werkplaats-slider {
		margin-top: 45px;
	}
	.motron-bloh-section {
		padding: 60px 0px;
	}
	.footer-logo {
		max-width: 200px;
	}
	.footer-top-content{
		margin-left:-70px;
	}
	h6 {
		font-size: 16px;
	}
	.footer-each-content h6 {
		margin-bottom: 5px;
	}
	.footer-each-content table tr td {
		font-size: 13px;
	}
	.footer-each-content p {
		font-size: 13px;
	}
	.footer-bottom {
		padding: 30px 0px;
	}
	.footer-nav ul li {
		padding-left: 35px;
	}
	.footer-social ul li a img {
		width: 15px;
	}
	.footer-nav ul li a {
		font-size: 14px;
	}
	.werk-banner-bottom {
		padding: 60px 0px 80px;
	}
	
	.each-werk-content-wrapper {
		padding-right:50px;
	}
	.werk-listing .each-listing-wrapper:nth-child(even) .each-werk-content-wrapper {
		padding-right:0px;
		padding-left:50px;
	}
	.each-werk-content-wrapper a {
		margin-top: 35px;
	}
	.each-werk-content {
		padding: 40px 0px;
		width: calc(100vw - 30%);
	}
	.each-listing-backgroud-image {
		width: calc(100% - 100px);
	}
	.common-form-contact-infoemation {
		padding-right: 20px;
	}
	.form-area:after {
		left: -40px;
		top:0px;
		height:100%;
	}
	.form-area {
		padding-bottom: 30px;
	}
	.selection-wrapper .row .col-lg-3 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
	.selection-wrapper .row .col-lg-9 {
		display:none;
	}
	.select-style{
		margin-bottom:10px;
	}
	.tesimonial-slider {
		padding: 70px 0px 70px;
	}
	.big-text {
		bottom: 60px;
	}
	.gallery-box h2 {
		margin-bottom: 50px;
	}
	.gallery-box {
		padding-bottom: 80px;
	}
}
@media(max-width:991.98px){
	.desktop-nav{
		display:none;
	}
	main {
		padding-top: 72px;
	}
	.dblock{
		display:block;
		background: #121212;
		height: auto;
		position: fixed;
		top: 0;
		left: 0;
	}
	.inner-banner-area {
		padding: 12% 0px 11%;
	}
	.res_logo_styl{
		max-width:150px;
	}
	h1 {
		font-size: 35px;
	}
	.banner-content h1 {
		font-size: 45px;
	}
	.each-banner-slide {
		height: 580px;
	}
	.banner-content-wrapper {
		top: 55%;
	}
	.btn-style {
		padding: 6px 25px;
	}
	.banner-content a.btn-style {
		margin-top: 15px;
	}
	h2 {
		font-size: 22px;
	}
	.product-slider-buttuon {
		margin-top: 50px;
	}
	.moderne-werkplaats-section-button {
		text-align:left !important;
		margin-top:30px;
	}
	.motron-bloh-section {
		padding: 50px 0px;
	}
	.motron-blog-images {
		margin-right: auto;
		margin-left: 0px;
		margin-top:50px;
	}
	.signeture-area {
		margin-top: 35px;
	}
	.footer-top-content {
		margin-left: 0px;
	}
	.footer-area{
		padding-top:30px;
	}
	.footer-logo{
		margin-bottom:20px;
	}
	.footer-each-content{
		margin-bottom:30px;
	}
	.footer-top {
		padding-bottom: 0px;
	}
	.footer-nav{
		display:none;
	}
	.werk-banner-bottom {
		padding: 50px 0px 40px;
	}
	.each-listing-backgroud-image {
		width: calc(100% - 00px);
		position: relative;
		margin-top: 0px;
	}
	.each-werk-content {
		width:100%;
		padding: 30px 30px;
	}
	.each-werk-content:after {
		display:none;
	}
	.each-werk-content-wrapper a {
		margin-top: 15px;
	}
	.werk-listing .each-listing-wrapper {
		position: relative;
		margin-top: 50px;
	}
	.werk-listing {
		padding-bottom: 0px;
	}
	.banner-bottom-button {
		padding: 120px 0px 0px;
	}
	.each-information {
		margin-bottom: 0px;
	}
	.form-area:after {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.common-form-contact-infoemation h2 {
		margin-bottom: 30px;
	}
	.form-area {
		padding: 30px;
	}
	.form-area h2 {
		margin-bottom: 30px;
	}
	.form-styl {
		padding: 0px 25px;
		min-height: 50px;
		line-height: 50px;
	}
	.verkocht-cars {
		padding: 50px 0px;
	}
	.selection-wrapper .row .col-lg-3 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.selection-wrapper {
		padding: 50px 50px;
		top: 0px;
	}
	.selection-wrapper .row .col-lg-3.pr-1{
		padding-right:15px !important;
	}
	.selection-wrapper .row .col-lg-3.pl-1{
		padding-left:15px !important;
	}
	.over-ons-blog-img img {
		position: relative;
	}
	.overons-blog-text h2 {
		margin-bottom: 30px;
	}
	.overons-blog {
		padding: 50px 0px;
	}
	.tesimonial-slider h2 {
		margin-bottom: 30px;
	}
	.each-testimonials table{
		display:block;
	}
	.each-testimonials table tr td{
		display:block;
		width:100%;
		padding-right:0px;
	}
	.big-text{
		font-size:250px;
	}
	.tesimonial-slider {
		padding: 50px 0px;
	}
	.counter_no {
		padding: 25px 0px;
	}
	.gallery-box {
		padding-bottom: 50px;
	}
	.gallery-box h2 {
		margin-bottom: 30px;
	}
	.bottom-button.text-right{
		text-align:left !important;
		margin-top:30px;
	}
	.banner-bottom-button{
		padding-bottom:50px;
		padding-top: 50px;
	}
	.gallery-top-image{
		background:none !important;
	}
	.gallery-top-image img {
		display: block;
		margin-bottom: 8px;
	}
	.car_dtls_slider .pr-1{
		padding-right:15px !important
	}
	.car_dtls_slider .pl-1{
		padding-left:15px !important
	}
	.big-image{
		height:auto !important
	}
	.tab-section .tab-content {
		padding: 50px 50px 70px;
	}
	.tab-section {
		padding-bottom: 50px;
	}
	.tab-section .nav-tabs .nav-link {
		padding: 10px 45px;
	}
	.bedankt-bannaer .banner-content h1{
		white-space:normal;
	}
	.select-btn .btn-style:after{
		right:9%;
	}
}
@media(max-width:767.98px){
	.werk-banner-bottom {
		padding: 30px 0px 15px;
	}
	.each-werk-content-wrapper {
		padding-right: 0px;
	}
	.werk-listing .each-listing-wrapper:nth-child(even) .each-werk-content-wrapper {
		padding-right: 0px;
		padding-left: 0px;
		text-align:left;
	}
	.werk-listing .each-listing-wrapper:nth-child(even) .each-werk-content-wrapper p {
		text-align: left;
	}
	.each-banner-slide{
		height:470px;
	}
	.common-form-contact-infoemation {
		padding-right: 0px;
		padding-top:30px;
		padding-bottom:30px;
	}
	.social-area{
		margin-bottom:30px;
	}
	.bottom-button.text-right{
		text-align:left !important
	}
	.motron-blog-images {
		margin-top: 30px;
	}
	.verkocht-cars {
		padding: 30px 0px;
	}
	.verkocht-cars .each-product-thumnail-blog {
		margin-bottom: 30px;
	}
	.product-price{
		text-align:left!important;
		margin-top:10px;
	}
	.selection-wrapper {
		padding: 30px 30px 20px;
	}
	.collectie-cars .each-product-thumnail-blog {
		margin-bottom: 30px;
	}
	.product-thumbnail-section {
		padding: 30px 0px;
	}
	.product-thumbnail-section .section-heading {
		margin-bottom: 30px;
	}
	.product-slider-buttuon {
		margin-top: 30px;
	}
	.moderne-werkplaats-section {
		padding: 30px 0px 10px;
	}
	.motron-bloh-section {
		padding: 30px 0px;
	}
	.each-testimonials h6 {
		margin-bottom: 15px;
	}
	.tesimonial-slider {
		padding: 30px 0px;
	}
	.big-text {
		font-size: 170px;
	}
	.aanbod_details_slider {
		padding-bottom: 30px;
	}
	.collectie-car-price {
		padding-right: 0px;
		text-align:left !important;
		padding-top:20px;
	}
	.tab-section .tab-content {
		padding: 30px 30px 30px;
	}
	.arrow-btn {
		font-size: 14px;
	}
	.banner-bottom-button {
		padding-bottom: 30px;
	}
	.tab-section {
		padding-bottom: 30px;
	}
	.bedankt-bannaer .banner-content h1{
		font-size:35px;
	}
	.bedankt-bannaer .banner-content-wrapper{
		top:50%;
	}
	/************/
	.signeture-image img{
		width:120px;
	}
	.selection-wrapper{
		width:100%;
	}
	/* ******* aanbod-dtl ****** */
	.collectie-details .container > .row{
		flex-direction: column-reverse;
	}
	.collectie-details .bottom-button.text-right{
		margin-top: 0;
		margin-bottom: 1rem;
	}
	.price-area{
		margin-top: 2rem;
	}
	.static-image{
		display: none;
	}
	.whatsapp_button{
		display: none;
	}
	.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: #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;
	}
	.inner-banner-content   h1 {
		font-size: 30px;
	}
}
@media(max-width:575.98px){
	.slider-common-arows.common-arrow{
		display:none;
	}
	.inner-banner-area {
		padding: 55px 0px 60px;
	}
	.testimonial-slider-wrapper .swiper-container-horizontal>.swiper-pagination-bullets {
		text-align: center;
	}
	.big-text {
		font-size: 140px;
		bottom:0px;
	}
	.nav-tabs .nav-item {
		margin-bottom: 0px;
		/* width:100%; */
	}
	.tab-section .nav-tabs .nav-link {
		padding: 8px 15px;
	}
	
	
}