@media(min-width:1400px){
	.container{
		max-width: 1250px;
	}
}
@media(max-width: 1699.98px) {
	h1 {
		font-size: 3.8rem;
		line-height: normal;
	}
	h2 {
		font-size: 3rem;
	}
	h3 {
		font-size: 2.4rem;
	}
	h4 {
		font-size: 2rem;
	}
	.home-product-slider .swiper-button-next {
		right: -4rem;
	}
	.home-product-slider .swiper-button-prev {
		left: -4rem;
	}
	.home-mid {
		padding-bottom: 6rem;
	}
	/*.product-name h4{
		height: 50px;
	}*/
	/****over-ons****/
	.form-sec {
		padding: 6rem 0;
	}
	.form-sec h2 {
		margin-bottom: 4rem;
	}
	/****bedankt****/
	.bedankt-banner .banner-content h1 {
		margin-bottom: 7rem;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 45%;
	}
	/* ====== landing ===== */
	.landing-mid .landing-mid-each-box{
		height: calc(100vh - 25rem);
	}
	.landing-top {
		padding: 13rem 0 9rem;
	}
}
@media(max-width: 1399.98px) {
	.header-area ul:not(.language ul){
		column-gap: 3rem;
	}
	.right-menu {
		justify-content: space-around;
	}
	.product-price {
		padding: 2.5rem 1.5rem;
	}
	.gallery-sec {
		padding: 7rem 0 8rem;
	}
	.gallery-sec h2 {
		margin-bottom: 5rem;
	}
	.google-review {
		padding: 6rem 0;
	}
	.google-top {
		margin-bottom: 7rem;
	}
	.google-top ul li {
		font-size: 2.4rem;
	}
	.home-mid-content{
		max-width: 51rem;
	}
	.footer-area {
		padding: 7rem 0;
	}
	/****over-ons****/
	.overons-heading {
		padding-top: 6rem;
    	padding-bottom: 0;
	}
	.over-ons-gallery p {
		margin: 3rem auto 0;
	}
	/****werkplaats-dtl****/
	.dtl-heading {
		padding-top: 18rem;
	}
	.dtl-iframe {
		padding: 7rem 0;
	}
	.dtl-mid {
		padding: 8rem 0;
	}
	.dtl-mid-info {
		padding-right: 5rem;
	}
	.dtl-iframe h2 {
		margin-bottom: 5rem;
	}
	/****contact****/
	.contact-left-content {
		padding-top: 13%;
		/* margin-bottom: 4rem; */
	}
	.contact-top .home-mid-img {
		margin-top: -36rem;
	}
	.contact-top .heading {
		padding: 4rem 0;
	}
	.contact-right h4{
		margin-bottom: 2rem;
	}
	/****bedankt****/
	.bedankt-banner .banner-content h1 {
		margin-bottom: 4rem;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 55%;
	}
	/****werkplaats-list****/
	.werkplaats-list {
		padding: 6rem 0;
	}
	/****aanbod-list****/
	.list-heading {
		padding-top: 7rem;
	}
	.filter {
		margin: 4rem 0 4rem;
	}
	.aanbod-list-btm {
		padding: 9rem 0;
	}
	/****aanbod-dtl****/
	.dtl-tab-content-heading {
		margin-top: -5rem;
		padding-bottom: 5rem;
	}
	.dtl-tab-content-heading h2 {
		font-size: 3rem;
	}
	.form-btm h5, .aanbod-dtl-man-btm h5{
		font-size: 1.2rem;
	}
	/*.form-btm, .aanbod-dtl-man-btm a{
		padding-right: 1rem;
		padding-left: 1rem;
	}*/
	.landing-mid .landing-mid-each-content {
		padding: 6%;
	}
	.language {
	    right: 2rem;
	}
}
@media(max-width: 1199.98px) {
	h1 {
		font-size: 3rem;
	}
	.header-area ul:not(.language ul) {
		column-gap: 1.4rem;
	}
	.home-product-slider .swiper-button-next {
		right: -3rem;
	}
	.home-product-slider .swiper-button-prev {
		left: -3rem;
	}
	.each-gal-info p {
		margin-bottom: 2rem;
	}
	.each-gal-info {
		padding: 3rem 2rem 2rem;
	}
	.google-top ul li {
		font-size: 2.2rem;
	}
	.footer-area {
		padding: 4rem 0;
	}
	.footer-left {
		text-align: start;
		margin-bottom: 3rem;
	}
	.footer-logo img {
		width: 28rem;
	}
	.footer-right-info {
		width: 100%;
	}
	/****over-ons****/
	.google-review h2 {
		margin-bottom: 4rem;
	}
	.form-wrap {
		padding: 0 4rem;
	}
	.overons-mid .heading h2 {
		margin-bottom: 4rem;
	}
	.overons-mid-content {
		padding-right: 4rem;
	}
	/****werkplaats-dtl****/
	.dtl-mid-info {
		padding-right: 3rem;
	}
	/****contact****/
	.contact-left-content {
		padding-left: 7rem;
		padding-bottom: 4rem;
		padding-top: 14%;
	}
	.contact-right{
		padding-bottom: 0;
	}
	.contact-top .home-mid-content {
		max-width: 46rem;
	}
	.contact-top .home-mid-img {
		margin-top: -29rem;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 80%;
	}
	/****vacature-dtl****/
	.vacature-bck-btn .common-btn {
		top: 5rem;
	}
	/****aanbod-list****/
	.aanbond-select-option-btn {
		font-size: 1.5rem;
		padding: .5rem;
    	margin-bottom: .75rem;
	}
	/****aanbod-dtl****/
	.dtl-tab-content-heading {
		margin-top: 3rem;
		padding-bottom: 3rem;
	}
	.aanbod-detail-tab-area .tab-btn .nav {
		justify-content: start;
	}
	.aanbod-dtl-man{
		max-width: 400px;
		margin: auto;
	}
	.aanbod-dtl-left-image {
	    margin-left: 1.5rem;
	    margin-bottom: 1.3rem;
	}
	/* ======= landing ====== */
	.landing-top p {
		margin-top: 1rem;
	}
	.landing-top {
		padding: 10rem 0 9rem ;
	}
	.landing-top hr {
		margin-top: -5.5rem;
	}
	.landing-mid .landing-mid-each-box {
		height: calc(100vh - 22.5rem);
	}
	.landing-top h2 {
		padding: 0 5rem;
	}
	.header-area {
		padding: 1.5rem;
	}
	.header-area a {
		font-size: 1.4rem;
	}
	.aanbod-dtl-price-btm-sec li p {
	    font-size: 1.5rem;
	}
	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(3n + 3), .aanbod-dtl-price-btm-sec .col-lg-9 li {
	    padding: 2rem 1rem;
	    margin-bottom: 0;
	}
	.aanbod-dtl-price strong {
	    font-size: 20px;
	}
	.aanbod-dtl-man-btm img {
	    width: 1.2rem;
	}
	.form-btm h5, .aanbod-dtl-man-btm h5{
		font-size: 1.14rem;
    	margin-left: .2rem;
	}
	.form-right-block{
		padding-right: .65rem;
		padding-left: .65rem;
	}
	.overons-content-heading{
		max-width: 430px;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.res-logo-styl{
		width: 20rem;
    	margin-top: 13px;
	}
	.header-area{
		display: none;
	}
	main, .error_background{
		padding-top: 80px;
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	.mini-right-nav {
		display: none;
	}
	.home-product-slider {
		padding: 4rem 0;
	}
	.home-product-slider .swiper-button-next {
		left: auto;
		right: 0;
	}
	.home-product-slider .common-arrow {
		top: -4rem;
	}
	.home-product-slider .swiper-button-prev {
		left: auto;
		right: 3rem;
	}
	.home-product-slider .swiper-pagination {
		display: none;
	}
	.home-mid-img img {
		border-radius: 0;
	}
	.small-car-sec, .product-price .text-btn{
		display: none !important;
	}
	.gallery-sec {
		padding: 4rem 0;
	}
	.gallery-sec h2 {
		margin-bottom: 3rem;
	}
	.each-gal-info p {
		-webkit-line-clamp: 2;
	}
	.each-gal-btn {
		margin-left: 0;
	}
	.google-review {
		padding: 4rem 0;
	}
	.google-top {
		margin-bottom: 3rem;
	}
	.google-top ul {
		flex-wrap: wrap;
		justify-content: start;
	}
	.google-top li {
		width: 49%;
	}
	.google-top ul li {
		padding: 0;
	}
	.google-top li::after {
		display: none;
	}
	.home-mid-img{
		position: initial;
		width: 100%;
	}
	.home-mid .container::before ,
	.home-mid .container::after{
		display: none;
	}
	.home-mid{
		background-color: #fff;
	}
	.home-mid-content{
		min-width: 100%;
		padding-bottom: 0;
	}
	.home-mid .heading {
		padding: 4rem 0;
	}
	.home-mid-content p {
		margin-bottom: 3rem;
		max-width: 100%;
	}
	.home-mid {
		padding-bottom: 0;
	}
	/****over-ons****/
	.inner-banner .banner-content {
		position: absolute;
		padding: 0;
		background-color: transparent;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.form-sec {
		padding: 4rem 0;
	}
	.form-sec h2 {
		margin-bottom: 2rem;
	}
	.form-wrap {
		padding: 0;
	}
	.form-group {
		padding: 0 0 1rem;
	}
	.form-styl.text-area-height {
		min-height: 25rem;
	}
	.over-ons-gallery {
		padding: 4rem 0;
	}
	.overons-mid {
		padding: 4rem 0;
	}
	.overons-mid-img {
		width: 100%;
		position: initial;
		margin-bottom: 3rem;
	}
	.overons-mid-content {
		padding-right: 0;
	}
	.overons-heading {
		padding-top: 4rem;
	}
	.overons-top .heading p {
		margin: 2rem auto 3.5rem;
		max-width: 100%;
	}
	/****werkplaats-dtl****/
	.bck-btn {
		margin-bottom: -9rem;
		padding-top: 5rem;
	}
	.dtl-heading {
		padding-top: 13rem;
	}
	/* .bck-btn .common-btn {
		top: 13rem;
	} */
	.dtl-top .heading {
		margin-top: 0rem;
	}
	.dtl-top .home-mid-content p {
		margin-bottom: 0rem;
	}
	.dtl-iframe {
		padding: 4rem 0;
	}
	.dtl-iframe h2 {
		margin-bottom: 3rem;
	}
	.dtl-mid {
		padding: 4rem 0;
	}
	.dtl-mid-info {
		padding-right: 0;
		padding-top: 3rem;
	}
	.dtl-mid-info h2 {
		margin-bottom: 2rem;
	}
	/****contact****/
	.contact-top .container{
		background-color: #fff;
	}
	.home-mid {
		background: #fff !important;
	}
	.map{
		height: 30rem;
		position: static;
		top: 0;
		width: 100%;
		left: 0;
	}
	.contact-left-content {
		position: initial;
		background: #fff;
		padding-top: 4rem;
		max-width: 74rem;
		width: 100%;
		margin: 0 auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.contact-left-content::before ,
	.contact-left-content::after{
		display: none;
	}
	.contact-left-content li {
		margin-bottom: 2rem;
	}
	.contact-top {
		padding: 0;
	}
	.contact-top .home-mid-img {
		margin-top: 4rem;
		border-radius: 0;
	}
	/****vacature-list****/
	.vacature-list-mid {
		padding-top: 4rem;
	}
	/****werkplaats-list****/
	.werkplaats-list {
		padding: 4rem 0;
	}
	/****vacature-dtl****/
	.vacature-bck-btn {
		margin-bottom: -2rem;
    	padding-top: 2rem;
	}
	/****aanbod-list****/
	.aanbod-list .each-product {
		margin-bottom: 4rem;
	}
	.aanbond-select-option-btn {
		border-bottom: 1px solid #e6e6e6;
	}
	.list-heading {
		padding-top: 4rem;
	}
	.filter .input-group {
		margin-top: 1rem;
	} 
	.list-product-img {
		height: 95%;
	}
	.aanbod-list-btm {
		padding: 4rem 0;
	}
	/****aanbod-dtl****/
	.aanbod-detail-area {
		padding-top: 14rem;
	}
	.aanbod-dtl-left-image {
		display: none;
	}
	.aanbod-dtl-btm {
		padding-top: 0rem;
	}
	.aanbod-dtl-btm .heading p {
		margin: 3rem auto 4rem;
	}
	.dtl-product-slider h2 {
		margin-bottom: 6rem;
	}
	.aanbod-detail-tab-area {
		padding: 4rem 0;
	}
	.aanbod-dtl-price {
		padding-top: 4rem;
	}
	.aanbod-dtl-price-btm-sec-btn li {
		width: 49% !important;
		display: inline-block;
		margin-right: 0.5rem;
	}
	.aanbod-dtl-price h4 {
		margin-bottom: 4rem;
	}
	.aanbod-detail-tab-area .tab-btn .nav {
		justify-content: center;
	}
	.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item {
		margin-right: 0.5rem;
		width: 30%;
	}
	.dtl-tab-content-heading h2 {
		font-size: 2.6rem;
	}
	.product-name h4, .product-name p{
		height: auto;
	}
	.aanbod-dtl-price-btm-sec li p{
		font-size: 1.5rem;
	}
	.aanbod-detail-area .col-lg-9, .aanbod-dtl-price .col-xl-9, .aanbod-dtl-price .col-xl-3 {
	    width: 100%;
	}
	/* ===== landing ===== */
	.landing-top {
		padding: 6rem 0;
	}
	.landing-mid .landing-mid-each-box {
		height: 100%;
	}
	.landing-mid h3 {
		font-size: 1.8rem;
		margin-bottom: .5rem;
	}
	.landing-mid .col-2{
		width: 50%;
		margin-bottom: 2rem;
	}
	.landing-top{
		padding: 2rem 0;
	}
	.landing-top hr{
		display: none;
	}
	.landing-top h2 {
		padding: 0 1rem;
	}
	.aanbod-dtl-price-btm-sec-btn {
	    margin-top: 3rem;
	}
	.form-btm h5, .aanbod-dtl-man-btm h5 {
    	font-size: 1.5rem;
    	margin-left: .5rem;
  	}
  	.aanbod-dtl-man-btm img {
	    width: 1.5rem;
	 }
}
@media(max-width: 767.98px){
	.morgeninternet-footer{
        margin-bottom : 44px !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;
	}
	/*.banner-content {
		position: initial;
		padding: 3rem 0 5rem;
		transform: none;
		background-color: #121212;
	}*/
	h1 {
		font-size: 2.7rem;
	}
	.home-banner .white-btn {
		margin-left: 1.2rem;
	}
	.heading p {
		margin: 3rem auto 7rem;
	}
	.home-product-slider .white-btn {
		margin-left: 0;
		margin-top: 1.5rem;
	}
	.product-name td {
		margin-bottom: 1rem;
		font-size: 1.35rem;
	}
	.each-gal-info h3 {
		margin-bottom: 1rem;
	}
	.each-gal-info p {
		margin-bottom: 1.5rem;
	}
	.home-mid ul {
		width: 100%;
		margin-top: 4rem;
	}
	.footer-right .col-md-3 {
		margin-bottom: 2rem;
	}
	.footer-right h5 {
		margin-bottom: 1rem;
	}
	.footer-social {
		display: none;
	}
	.google-top li {
		width: 100%;
	}
	.google-top li {
		width: 100%;
	}
	.google-top ul li {
		font-size: 1.8rem;
	}
	.overons-content-heading {
		position: initial;
		background-color: #f0f0f0;
    	border-radius: 0;
    	opacity: 1;
    	max-width: 100%;
	}
	.overons-each-box:hover .overons-content-heading {
		padding: 0;
	}
	 .overons-content{
		padding-bottom: 0;
	}
	.overons-content {
		margin-bottom: 0;
	}
	.overons-content-heading h4{
		padding: 2rem 2rem 4rem;
		background-color: transparent;
	}
	.overons-each-box.cornner-box {
		padding-bottom: 0;
	}
	.overons-heading .heading p {
		margin-bottom: 3rem;
	}
	/****contact****/
	.map{
		height: 32rem;
	}
	.contact-left-content h2 {
		color: #171717;
		margin-bottom: 3.5rem;
	}
	.contact-left-content h2 {
		margin-bottom: 2rem;
	}
	.contact-opening-time {
		padding-bottom: 0rem;
	}
	/****popup****/
	.modal-area .modal-dialog {
		max-width: 95%;
	}
	.popup-logo img {
		width: 17rem;
	}
	.modal-area .popup-content p {
		margin: 2rem 0 3rem;
	}
	.modal-area .popup-content {
		padding: 6rem 1.5rem 5rem;
	}
	/****vacature-dtl****/
	.vacature-bck-btn {
		margin-bottom: 4rem;
		padding-top: 0rem;
	}
	/****aanbod-dtl****/
	.kenmerken-tab ul li:nth-child(odd) {
		background-position: left top 0.7rem;
		background-size: 0.7rem;
		padding-left: 1.3rem;
	}
	.aanbod-detail-tab-area .bullet-panel li:after {
		background-size: 0.7rem;
		top: 0.7rem;
	}
	.aanbod-detail-tab-area .tab-content ul li, .aanbod-detail-tab-area p{
		font-size: 1.7rem;
	}
	.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item {
		width: 48%;
	}
	.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item.onderhoud{
		width: 100%;
		margin-right: 0.5rem;
	}
	.aanbod-detail-tab-area .tab-content ul li {
		padding-bottom: 1rem;
	}
	.dtl-tab-content-heading {
		margin-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.aanbod-dtl-price-btm-sec-btn li {
		vertical-align: top;
   		margin-bottom: .4rem;
    	margin-right: 0;
	}
	.aanbod-dtl-price-btm-sec-btn li a, .aanbod-dtl-price-btm-sec-btn li button{
		padding-right: 0;
		padding-left: 0;
		font-size: 1.4rem;
	}
	.home-mid li{
		max-width: 100%;
	}
	.aanbod-dtl-price-btm-sec li{
		width: 50%;
		margin-bottom: 1rem;
	}
	/* ======= landing ===== */
	/* .landing-mid .landing-mid-each-box {
		height: calc(100vh - 26rem);
	} */
	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(3n + 3), .aanbod-dtl-price-btm-sec .col-lg-9 li {
	    width: 49%;
	}
	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(odd){
		background-color: transparent;
	}
	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(4n - 1){
		background-color: #fff;
	}
	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(4n - 2){
		background-color: #fff;
	}
	.overons-each-box .cornner-img{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media(max-width: 575.98px) {
	.home-banner{
		height: 60vh;
	}
	.banner_background_video{
		height: 100% !important;
		max-height: 100%;
	}
	.banner_background_video .video-js {
	    width: 100% !important;
	}
	.each-gal-img {
		height: 25rem;
	}
	.each-gal-img img {
		height: 100%;
		object-fit: cover;
	}
	.each-gal-info {
		padding: 2rem 1rem;
	}
	.footer-logo img {
		width: 22rem;
	}
	/****over-ons****/
	.google-review h2 {
		margin-bottom: 2.5rem;
	}
	.form-styl {
		padding: 1.5rem;
	}
	.form-styl.text-area-height {
		min-height: 20rem;
	}
	.over-ons-gallery p {
		margin: 2rem auto 0;
	}
	/****vacature-list****/
	.each-vacature-list-img h3 {
		bottom: 1.5rem;
		left: 2rem;
	}
	/****aanbod-dtl****/
	.aanbod-detail-tab-area .tab-content ul li, .aanbod-detail-tab-area p {
		font-size: 1.4rem;
	}
	.block-dtls {
		width: calc(100% - 10rem);
	}
	.over-ons-gallery .col-sm-3 ,
	.over-ons-gallery .col-sm-6 ,
	.over-ons-gallery .col-sm-5 ,
	.over-ons-gallery .col-sm-2 {
	    width: 100%;
	}
	.landing-mid .col-2 {
		width: 100%;
	 }
	 .landing-mid p {
	  max-width: 100%;
	}
	.landing-mid .landing-mid-each-content {
	  min-height: auto;
	}
	.overons-contact-bar a {
    	font-size: 1.3rem;
	}
}	
@media(max-width: 375.98px) {
	.overons-contact-bar a {
    	font-size: 1.2rem;
	}
	.overons-contact-bar img {
	    margin-right: 0.2rem;
	}

	.aanbod-dtl-price-btm-sec .col-lg-9 li:nth-child(3n + 3), .aanbod-dtl-price-btm-sec .col-lg-9 li {
	    padding: 2rem 0.5rem;
	}
	.aanbod-dtl-price-btm-sec li p {
	    font-size: 1.4rem;
	}

}