@media (min-width: 1366px) {
	.container {
		max-width: 1280px;
	}
	.counter-left-text h2 {
    font-size: 44px;
}
}

@media (min-width: 992px) {
	.side_table_area2 {
		display: none;
	}
}

@media (max-width: 1600px) {
	.modal_area .modal-dialog {
		max-width: 70%;
	}
}

@media (max-width: 1500px) {
	.cars_gallery .swiper-button-next {
		right: -45px;
	}
	.cars_gallery .swiper-button-prev {
		left: -46px;
	}
}

@media (max-width: 1399px) {
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 19.28%;
	}
	.cars_gallery .swiper-button-next {
		right: 0px;
	}
	.cars_gallery .swiper-button-prev {
		left: 0px;
	}
	.product-slider-area .swiper-button-prev {
		left: 0px;
	}
	.product-slider-area .swiper-button-next {
		right: 0px;
	}
	.navbar.desktop_nav .navbar-nav li {
		padding-left: 30px;
	}
	.footer-nav ul li a{
		font-size:13px;
	}
}
@media(max-width:1300px) {
	.modal_area .modal-dialog {
		max-width: 75%;
	}
	.listview_new_img img{
		max-height: 160px;
	}

}

@media (max-width: 1199.98px) {
	h1 {
		font-size: 45px;
	}
	h2 {
		font-size: 20px;
	}
	.home-banner-wrapper h1 {
		margin: 5px 0px;
	}
	.navbar-brand img {
		max-width: 300px !important;
	}
	.text p {
		margin-top: 10px;
		font-size: 12px;
	}
	.text a.common-button {
		margin-top: 27px;
	}
	.common-button {
		height: 45px;
		line-height: 45px;
	}
	.text {
		padding-left: 35px;
		width: 90%;
	}
	.image-heading {
		padding: 30px 35px;
	}
	.timming-area {
		padding-left: 0px;
	}
	/*.footer-bottom {
		margin-top: 35px;
		padding-top: 35px;
	}
	.footer-logo img {
		max-width: 300px!important;
	}
	.footer-nav ul li {
		padding-left: 18px;
	}
	.footer-area {
		padding: 60px 0px 40px;
	}*/
	.acties-listing {
		padding: 0px 0px 0px;
	}
	.ons-aanbod-ali-content-text {
		padding: 70px 40px;
	}
	.eac-acties-listing {
		margin-top: 30px;
	}
	.acties-listing .container .row .col-md-6:nth-child(2n+1) {
		padding-right: 15px;
	}
	.acties-listing .container .row .col-md-6:nth-child(2n) {
		padding-left: 15px;
	}
	.ons-aanbod-ali-section {
		/*margin-bottom: 50px;*/
		padding-top: 50px;
	}
	.contact-content {
		padding: 50px 0px 30px;
	}
	.diensten-text {
		padding: 50px 55px 50px 50px;
	}
	.overons-content {
		padding: 50px 0px;
	}
	.testimonial-left-text {
		padding: 33px;
	}
	.counter-left-text h2 {
		font-size: 30px;
	}
	/*=======pop up======*/
	.modal_area .modal-dialog {
		max-width: 80%;
	}
	.modal_area .black_btn {
		margin-top: 15px;
	}
	.modal_area .modal_close_img img {
		max-height: 30px;
	}
	.modal_area .global_btn {
		margin-top: 10px;
	}
	.modal_area .modal-dialog {
		max-width: 85%;
	}
	/******aanbod details*******/
	/*.banner_nxt_colection_panel {
		padding-top: 120px;
	}*/
	.side_table table tr td {
		font-size: 13px;
	}

	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 19.14%;
	}
	/*********thank you*****/
	.bedankt_content_area {
		width: 85%;
	}
	.inner_page_content h1 {
    font-size: 40px;
}
.listview_new_img img {
    max-height: 130px;
}
.content-middle {
    padding: 0px;
}
.bedankt_content_area h1 {
    font-size: 30px;
}
.navbar.desktop_nav .navbar-nav li {
    padding-left: 15px;
}
.navbar.desktop_nav .navbar-nav li a {
    font-size: 13px;
}
.home-page-banner-wrapper {
    padding: 20% 0px 12%;
}
.footer-social ul li {
    padding-right: 30px;
}
.footer-nav ul li {
    padding-left: 15px;
}
.acties-details .content-middle {
    padding: 40px; 
}
.contact-page-form-wrapper{
	padding:0px;
}
}

@media (max-width: 991.98px) {
	/*.dblock {
		display: block;
	}
	.header-area {
		display: none;
	}
	
	.header {
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 9;
		padding: 15px 0px;
	}
	.header a {
		top: 13px;
	}
	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		background-color: #fff;
	}*/
	/*******************************adding new responsive**********************/
	.header-part {
		display: none;
	}
	.dblock {
		display: block;
	}
	.header {
		background: #000;
		padding: 15px 0px;
	}
	.res_logo_styl {
		max-width: 150px;
	}
	.header a {
		width: auto;
		height: auto;
		top: 18px;
	}
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 18px;
	}
	.banner-anchor {
		margin-top: 25px;
	}
	.select-box-wrapper {
		padding: 30px 30px;
	}
	.cars-area {
		padding: 30px 0px;
	}
	.cars-wrapper {
		margin-top: 30px;
	}
	.car-details {
		padding: 20px 35px;
	}
	.big-car {
		margin-bottom: 15px;
	}
	.small-car-wrapper .col-md-6:nth-last-child(-n+2) {
		margin-top: 0px;
	}
	.cars-button-area {
		margin: 30px 0px 0px;
	}
	.common-button {
		height: 45px;
		line-height: 45px;
		font-size: 13px;
	}
	.each-werk-img img {
		height: 300px;
		width: auto;
	}
	.listing-details {
		padding: 40px 40px;
	}
	.listing-details a {
		margin-top: 33px;
	}
	.ons-aanbod-ali-content-text {
		padding: 50px 20px;
	}
	.ons-aanbod-ali-content-text a {
		margin-top: 20px;
	}
	.acties-listing {
		padding: 0px 0px 00px;
	}
	.ons-aanbod-ali-section {
		/*margin-bottom: 40px;*/
	}
	.m-bottom h2 {
		margin-bottom: 15px;
	}
	.m-bottom a {
		margin-top: 10px;
	}
	.content-middle {
		padding: 0px 5% 0px 5%;
	}
	.acties-details {
		padding: 50px 0px;
	}
	.acties-contact-form {
		padding: 50px 25px;
	}
	.footer-nav {
		padding-top: 0px;
	}
	.information-left table tr td {
		font-size: 14px;
		line-height: 26px;
		padding-right:0px;
	}
	.diensten-details {
		padding: 50px 0px;
	}
	.diensten-text {
		/*padding: 30px 15px 35px 15px;*/
		padding:30px;
	}
	.diensten-text a {
		margin-bottom: 30px;
	}
	.diensten-details .content-middle {
		padding-top: 50px;
	}
	.diensten-slider-wrapper .each-werk-img img {
		height: auto;
		width: auto;
	}
	.ons-aanbod-ali-section {
		padding-top: 50px;
	}
	.diensten-list-content-wrapper {
		padding: 30px;
		margin-left: -135px;
	}
	.diensten-list-content {
		padding: 30px;
	}
	.diensten-listview .row.flex-row-reverse .col-md-4 .diensten-list-content-wrapper {
		margin-left: 0;
		margin-right: -135px;
	}
	.diensten-listview {
		padding: 0px 0px 70px;
	}
	.verk-txt-banner {
		padding-top: 10%;
		padding-bottom: 10%;
	}
	.counter-left-text {
		margin-bottom: 30px;
	}
	/*=======pop up=======*/
	.modal_area .modal-dialog {
		max-width: 97%;
	}
	.popup_content h2 {
		font-size: 21px;
	}
	.popup_content {
		padding-left: 0px;
		padding-right: 40px;
	}
	.modal_area .modal-content p {
		margin-bottom: 30px;
	}
	/*********aanbod**********/
	.aanbod_car_gallery .verkcht-text {
		padding: 0px 50px;
	}
	.aanbod_car_gallery .big-car {
		margin-bottom: 0px;
	}
	.aanbod_select_box {
		padding-top: 20px;
	}
	/*********aanbod details*******/
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 49%;
	}
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item:nth-child(2) {
		margin-right: 0px;
	}
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item:nth-child(4) {
		margin-right: 0px;
	}
	.aanbod_detail_tab_sec .pl-0 {
		padding-left: 15px!important;
	}
	.aanbod_detail_tab_sec .tab_content_wrapper {
		margin-bottom: 30px;
	}
	/*.side_table_area1 {
		display: none;
	}*/
	.side_table_area2 {
		padding-top: 30px;
	}
	.collection_content_sec h2 {
		font-size: 24px;
	}
	.banner_nxt_colection_panel {
		padding-top: 30px;
	}
	.dtls_social_icons li:last-child {
		float: none;
		margin-left: 50px;
	}
	.information-left table tr td img {
		margin-right: 10px;
	}
	.bedankt_content_area h1 {
		font-size: 28px;
	}
	/****** VERCOCHT*****/
	.vercocht_cars_area {
		padding-top: 120px;
	}
	.small-car-wrapper .smal-car {
		margin-top: 0px;
	}
	/*=========================new add=====================*/
	.aanbod_details_slider .btn_group button {
		max-width: 270px;
	}
	.overons-content .pr-1 {
		padding-right: 15px !important;
	}
	.overons-content .pl-1 {
		padding-left: 15px !important;
	}
	.auto-pul {
		padding: 40px 0px;
	}
	.autopal-content {
		margin-top: 40px;
	}
	/******************adding new css**************/
	.footer-nav {
		display: none;
	}
	.common-slider-arrow {
		display: none;
	}
	.product-slider-area {
		padding: 50px 0px;
	}
	.smal-car .car-details .car-price-area table tr td h6 {
		font-size: 14px;
	}
	.side_table_area1{
		padding-top:15px;
	}
	.side_table {
		padding: 0px;
	}
	.aanbod_detail_tab_sec .tab_content_wrapper {
		padding: 10px 0px;
	}
	.inner_page_content {
		top: 50%;
		transform: translateY(-50%);
	}
	.inner_page_content h1 {
    font-size: 35px;
}
.listview_new_img img {
   display:none;
}
.contact-content .contact-information .each-tab{
	padding-top:15px;
}
.contact-content{
	padding-bottom:0px;
}
.over-morganr-cars-text {
    padding: 40px 40px 0px;
}
.over-morgen-cars-left img{
	display:block;
	}
	.counter-left-text h2 {
    font-size: 26px;
}
.verco_new {
    padding-top: 40px;
}
.bedankt_content_area {
    padding:15% 0px;
}
.home-page-banner-wrapper {
    padding: 15% 0px 12%;
}
.footer-section {
    padding-top: 50px;
}
.footer-section .each-tab{
	padding-top:20px;
}
.werkplats-area {
    padding-top: 30px;
}
.side_table_area{
	padding-top:30px;
}
.diensten_dtls_area {
    padding-bottom: 15px;
}
.contact-content .acties-titel-contact-form .pl-1{
	padding-right:15px !important;
}
.contact-page-form-wrapper .content-middle{
	padding-top:40px;
	padding-bottom:40px;
}
.calsty {height:1400px; } 
}

@media (max-width: 767.98px) {
	.icons-area {
	    display: flex;
	    align-items: center;
	    flex-direction: row;
	    /* flex-wrap: wrap; */
	    flex-flow: row wrap;
	    width: 100%;
	}
	.vivition-css .vivition-viewerbutton {
		width: 40px !important;
		height: 40px !important;
	}
	.calsty {height:1400px; } 
	.icons-area img{
		margin-top: 25px;
	}
	.res_logo_styl {
		max-width: 150px !important
	}
	h1 {
		font-size: 30px;
	}
	.select-box-area .container {
		margin-top: -45px;
	}
	.home-page-banner-wrapper {
		padding: 20% 0px 12%;
	}
	.cars-button-area a:first-child {
		margin-right: 0px;
		margin-bottom: 15px;
	}
	.werkplats-area {
		padding-top: 0px;
	}
	.werkplats-area-gallery {
		margin-top: 35px;
	}
	.each-werk-img img {
		width: 100%;
		height: auto;
	}
	.footer-area {
		padding: 35px 0px 20px;
	}
	.icon {
		margin: 10px 0px;
	}
	/*.footer-social ul {
		margin-top: 0px;
		margin-bottom: 20px;
	}*/
	.footer-area .each-tab {
		padding-top: 30px;
	}
	.each-tab h5 {
		margin-bottom: 12px;
	}
	.footer-nav ul {
		text-align: left;
	}
	.footer-nav {
		padding-top: 25px;
	}
	.footer-nav ul li {
		padding-left: 0px;
		padding-right: 15px;
	}
	.eac-acties-listing {
		margin-top: 15px;
	}
	.acties-listing {
		padding: 0px 0px 0px;
	}
	.ons-aanbod-ali-content-left {
		height: 300px !important;
	}
	.listing-details {
		max-width: 100% !important;
		padding: 50px 20px;
	}
	/*.inner-page-banner-content {
		padding: 20% 0px 10%;
	}*/
	.pr-1 {
		padding-right: 15px !important;
	}
	.pl-1 {
		padding-left: 15px !important;
	}
	.content-middle {
		padding: 30px 15px 30px 15px;
	}
	.acties-contact-form {
		padding: 25px 15px;
	}
	.acties-details {
		padding: 20px 0px;
	}
	.contact-content {
		padding: 30px 0px;
	}
	.timming-right {
		padding-top: 20px;
	}
	.timming-right p {
		margin-bottom: 0px;
	}
	.diensten-text-dtls p {
		margin-bottom: 20px;
	}
	.diensten-text h2 {
		margin-bottom: 15px;
	}
	.diensten-text {
		padding: 30px 15px 15px 15px;
	}
	.diensten-details {
		padding: 30px 0px;
	}
	.ons-aanbod-ali-section {
		padding-top: 30px;
		padding-bottom: 40px;
		margin-bottom:0px;
	}
	.diensten-slider-wrapper {
		margin-top: 30px;
	}
	.diensten-details .content-middle {
		padding-top: 30px;
	}
	.diensten-list-content-wrapper {
		margin-left: 0px;
	}
	.diensten-listview .row.flex-row-reverse .col-md-4 .diensten-list-content-wrapper {
		margin-right: 0px;
	}
	.diensten-list-img {
		height: 300px !important;
	}
	.diensten-listview .row {
		margin-top: 30px;
	}
	.diensten-listview {
		padding: 0px 0px 30px;
	}
	.smal-car {
		margin-bottom: 15px;
	}
	.small-car-wrapper {
		margin-top: 0px;
	}
	.big-car {
		margin-bottom: 0px;
	}
	/*.over-morgen-cars-left {
		height: 300px !important;
	}*/
	
	.over-morganr-cars-text {
		background: #fff;
		padding: 30px 0px 0px;
	}
	.counter-left-text {
		margin-left: 0px;
	}
	.each-counter {
		margin-bottom: 15px;
	}
	.counter-area {
		padding: 50px 0px 20px;
	}
	.overons-content {
		padding: 30px 0px;
	}
	/*====pop up=======*/
	.modal_area .modal-dialog {
		max-width: 75%;
	}
	.pop_up_img {
		width: 100%;
	}
	.popup_content {
		width: 100%;
		padding: 30px 15px;
	}
	.close_img1 {
		display: none;
	}
	/**********aanbod***********/
	.select-box-button .common-button {
		margin-top: 0px;
	}
	.aanbod_select_box .container {
		margin-top: 0px;
	}
	.aanbod_car_gallery .col-lg-6 {
		padding-bottom: 30px;
	}
	/**********aanbod details*****/
	.cars_gallery .swiper-button-next {
		display: none;
	}
	.cars_gallery .swiper-button-prev {
		display: none;
	}
	.trug_btn {
		text-align: left;
		margin-top: 15px;
	}
	.gallery-thumbs .swiper-button-next {
		display: none;
	}
	.gallery-thumbs .swiper-button-prev {
		display: none;
	}
	.car_dtls_slider .swiper-button-next {
		display: none;
	}
	.car_dtls_slider .swiper-button-prev {
		display: none;
	}
	.side_logo {
		display: none;
	}
	.select-area-whatsaa-btn {
		display: none;
	}
	.aanbod_detail_tab_sec {
		padding: 15px 0px 30px;
	}
	.aanbod_detail_tab_sec .tab_sec .nav-tabs .nav-item {
		width: 50% !!important; 
		margin-right: 0px;
		display: inline-block;
		border: 1px solid #ffffff;
	}
	.contact_form2 {
		margin-top: 30px;
	}
	/******* diensten details********/
	.diensten_dtls_area td {
		width: 100%;
		display: block;
		padding-bottom: 20px;
	}
	.diensten_dtls_area table tr td:nth-child(odd) {
		padding-right: 0px;
	}
	.diensten_dtls_area table tr td:nth-child(even) {
		padding-left: 0px;
	}
	/*********thank you*********/
	/*.bedankt_content_area {
		width: 100%;
		padding: 30% 0px 18%;
	}*/
	.bedankt_content_area h1 {
		font-size: 22px;
	}
	.bedankt_txt {
		padding: 0px;
	}
	/*******************NEW ADD**********/
	/*.thumbs-wrapper{
	position:relative;
	top:0px;
	transform: translateY(0%);
	width: 100%;
}
.Gallery{
	position:relative;
}
.wrapper {
    height: 500px;
    flex-direction: column;
}*/
	.thumbs-wrapper {
		display: none;
	}
	.auto-pul {
		padding: 30px 0px;
	}
	.autopal-content {
		margin-top: 30px;
	}
	.wrapper {
		height: 300px;
	}
	.small-car-wrapper .smal-car {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.information-left table tr td:first-child {
		width: 10%;
	}
	.logos-area ul li {
		display: inline-block;
		width: 50%;
	}
	.testi-slider .swiper-button-next {
		display: none;
	}
	.testi-slider .swiper-button-prev {
		display: none;
	}
	.testimonial-text-content p {
		padding: 20px 0px 0px 45px;
	}
	.verkcht-list .col-lg-6 {
		padding-bottom: 30px;
	}
	/********************adding new css*********************/
	.product-slider-area {
		padding: 40px 0px;
	}
	.product-slider {
		margin-top: 35px;
	}
	.product-button-area a {
		margin-bottom: 15px;
		margin-right: 0px;
	}
	.smal-car .car-details .car-price-area table tr td h6 {
    font-size: 18px;
	}
	.smal-car .car-details .car-price-area table tr td p {
    font-size: 14px;
	}
	.inner_page_content h1 {
    font-size: 30px;
}
.diensten-text-btn {
    text-align: left;
}
.diensten_dtls_area {
    padding-bottom: 0px;
}
.contact-content .content-middle {
    padding: 0px ;
}
.testimonial-left-text {
    padding: 30px 0px;
}
.counter-left-text h2 {
    font-size: 24px;
}
.verco_new {
    padding-top: 30px;
}
.aanbod_select_box .select-box-button .common-button {
    margin-bottom: 15px;
}
.aanbod_select_box .select-box-wrapper {
    padding-bottom: 0px;
}
.ons-aanbod-ali-content-text {
    padding: 30px;
}
.acties-details .content-middle {
    padding: 30px 15px;
}
.diensten-text {
		padding:30px 15px;
	}
	.diensten-listview .diensten-list-content {
    padding: 30px 0px 0px;
}
.contact-content .contact-information{
	padding-top:20px;
}
.map_area{
	padding-top:30px;
}
}

@media (max-width: 575.98px) {
	.calsty {height:1400px; } 
	.home-page-banner-wrapper {
		padding: 150px 0px 100px;
	}
	h1 {
		font-size: 25px;
	}
	h2 {
		font-size: 17px;
	}
	.select-area-whatsaa-btn {
		text-align: center !important;
	}
	.select-box-wrapper {
		padding: 20px 20px;
	}
	.select_style {
		font-size: 12px;
		height: 42px;
		line-height: 42px;
	}
	.cars-area {
		padding: 40px 0px;
	}
	.cars-wrapper {
		margin-top: 20px;
	}
	.cars-button-area {
		margin: 20px 0px 0px;
	}
	.werkplats-area-gallery {
		margin-top: 20px;
	}
	.each-werk-img img {
		height: 300px;
		width: auto !important;
	}
	/*.footer-nav ul li {
		display: block;
		padding-left: 0px;
		padding-bottom: 8px;
	}*/
	.listing-details {
		padding: 20px 20px;
	}
	.ons-aanbod-ali-content-text {
		/*padding: 20px 0px;*/
	}
	.ons-aanbod-ali-content-text p {
		margin-top: 15px;
	}
	/*.inner-page-banner-content {
		padding: 130px 0px 60px;
	}*/
	.contact-content {
		padding: 15px 0px;
	}
	.ons-aanbod-ali-section {
		/*margin-bottom: 20px;*/
	}
	.diensten-list-content {
		padding: 15px;
	}
	.diensten-listview .row {
		margin-top: 20px;
	}
	.diensten-list-content-wrapper {
		padding: 20px;
	}
	.footer-social {
		margin-top: 20px;
	}
	.verkcht-text {
		padding: 10% 8%;
	}
	.counter-left-text h2 {
		font-size: 22px;
	}
	
	.over-morganr-cars-text p {
		margin-bottom: 0px;
	}
	.testimonial-left-text {
		padding: 30px 0px;
	}
	/*====pop up=======*/
	/*====pop up=======*/
	.modal_area .modal-dialog {
		max-width: 100%;
	}
	/**********aanbod********/
	.car-details {
		padding: 20px 15px;
	}
	.aanbod_car_gallery .verkcht-text {
		padding: 0px 30px;
	}
	/********aanbod details*******/
	.collection_content_sec h2 {
		font-size: 20px;
	}
	.dtls_social_icons li {
		font-size: 16px;
		width: 100%;
	}
	.dtls_social_icons li:last-child {
		margin-left: 0px;
		margin-top: 10px;
	}
	.vercocht_cars_area {
		padding-top: 100px;
	}
	/**********thank you*******/
	/*.bedankt_content_area {
		padding: 40% 0px 18%;
	}*/
	.bedankt_content_area h1 {
		font-size: 20px;
	}
	/*======================NEW ADD=====================*/
	.footer-logo img {
		max-width: 240px!important;
	}
	.cars_gallery_slider {
		padding-bottom: 0px;
	}
	/************************adding new css*************************************/
	.smal-car .car-details .car-price-area table tr td h6 {
    font-size: 17px;
	}
	.m-bottom p {
		margin-bottom: 0px;
	}
	.inner_page_content h1 {
    font-size: 26px;
	}
	.popup_content h2 {
    font-size: 18px;
	}
	.footer-section {
		padding-top: 30px;
	}
}
@media (max-width : 767.98px){
    .morgeninternet-footer{
        margin-bottom : 43px;
    }
}