@media(min-width:1400px){
	.container{
		max-width: 1320px;
	}
}
@media(min-width:1700px){
	.container{
		max-width: 1560px;
	}
}
@media(min-width: 1800px){
	.container{
		max-width: 1670px;
	}
}
@media(max-width: 1799.98px){
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
    	padding-left: 30px;
    	padding-right: 30px;
	}
	.workshop-btn {
	    padding-left: 80px;
	}
	/****inner pg header****/
	.inner-pg-header .workshop-btn {
		padding-left: 0;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-info-right-btw-each h2 {
		font-size: 32px;
	}
}
@media(max-width: 1699.98px){
	.footer-wrapper{
		padding: 0;
	}
	.product-dtl h6{
		height: 85px;
		font-size: 17px;
	}
	.product-dtl{
		padding-right: 20px;
		padding-left: 20px;
	}
	/***diensten****/
	.diensten-list-right {
		padding: 0 80px;
	}
	.each-diensten-list::after {
		left: -80px;
	}
	/****diensten-dtl****/
	.contact-form-wrap {
		padding: 0 10px;
	}
	/****aanbod-list*****/
	.aanbod-product-list .aanbod-product-wrap {
		padding: 0;
	}
	.product-list-dtl-gal {
		margin-bottom: 15px;
	}
	.product-list-dtl-price h6{
		font-size: 16px;
	}
	.product-list-dtl-price h4{
		font-size: 18px;
	}
	/**aanbod-dtl***/
	.aanbod-dtl-info-right-btw-each {
		padding: 95px 50px;
	}
}
@media(max-width: 1599.98px){
	.desktop-nav{
		padding-left: 40px;
	}
	.workshop-btn {
	    padding-left: 20px;
	}
	.workshop-btn .common-btn {
	    min-width: 220px;
	}
	/***diensten*****/
	.each-diensten-list-img {
		padding-right: 40px;
	}
	.each-diensten-list-text {
		padding-left: 40px;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-text {
		padding-right: 40px;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-img {
		padding-left: 40px;
	}
	/***diensten-dtl*****/
	.diensten-dtl-btm-sec .content-block {
		padding: 7% 20% 0 15%;
	}
	.contact-form-wrap {
		padding: 0px;
	}
	.diensten-dtl-btm-sec .content-block ul li {
		margin-bottom: 26px;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-info-right-btw-each h2 {
		font-size: 28px;
	}
	#map_canvas {
    	height: 680px;
	}
}
@media(max-width: 1499.98px){
	.banner-area .swiper-button-prev{
		left: 10px;
	}
	.banner-area .swiper-button-next{
		right: 10px;
	}
	/****diensten-dtl****/
	.diensten-dtl-btm-sec .content-block {
		padding: 4% 14% 0 14%;
	}
	/***aanbod-dtl*****/
	.aanbod-dtl-info-right-btw-each {
		padding: 90px 34px;
	}
}
@media(max-width: 1399.98px){
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
    	padding-left: 20px;
    	padding-right: 20px;
	}
	.product-wrap{
		padding: 0;
	}
	.product-dtl{
		padding: 30px 15px 20px;
	}
	.each-block{
		padding: 70px 20px;
	}
	.footer-info-wrap {
    	max-width: 670px;
	}
	.footer-logo img{
		width: 290px;
	}
	/***contact***/
	.each-cont-info img {
		margin-right: 20px;
	}
	.each-cont-info {
		padding: 80px 25px;
	}
	.diensten-list-right {
		padding: 0 70px;
	}
	.each-diensten-list::after {
		left: -70px;
	}
	/****diensten-dtl****/
	.diensten-dtl-btm-sec .content-block {
		padding: 3% 14% 0 10%;
	}
	/****aanbod*****/
	.aanbod-filter-wrap {
		padding: 0;
	}
	.aanbod-product-wrap {
		padding: 0 10px;
	}
	/**aanbod-list*****/
	.product-list-dtl-heading h4 {
		margin-bottom: 8px;
	}
	.product-list-dtl-price table td h6 {
		margin-bottom: 5px;
	}
	.product-list-dtl-price {
		margin: 15px 0;
	}
	.aanbod-list-middle-left, .aanbod-list-middle-right {
		padding: 110px 0;
	}
	/*****aanbod-dtl****/
	.big-white-btn {
		font-size: 22px;
	}
	.contact-map-content {
    	max-width: 500px;
    }
}
@media(max-width: 1299.98px){
	.workshop-btn .common-btn {
	    min-width: 200px;
	}
	.header-area .navbar-brand img{
		width: 200px;
	}
	.product-sec .swiper-button-prev{
		left: -40px;
	}
	.product-sec .swiper-button-next{
		right: -40px;
	}
	/*****diensten-dtl****/
	.diensten-dtl-btm-sec .content-block h2 {
		margin-bottom: 45px;
	}
	.diensten-dtl-btm-sec .content-block ul li {
		font-size: 26px;
	}
	/****aanbod-dtl***/
	.aanbod-dtl-info-dtl table tr td:nth-child(even) {
		padding-left: 30px;
	}
	.aanbod-dtl-info-dtl table tr td:nth-child(3) {
		padding-left: 100px;
	}
	.aanbod-dtl-info-right-btw-each {
		padding: 70px 25px;
	}
	.aanbod-dtl-info-dtl {
		padding: 40px 10% 90px;
	}
}
@media(max-width: 1199.98px){
	.desktop-nav.navbar-expand-lg .navbar-nav .nav-link {
    	font-size: 13px;
    	letter-spacing: normal;
		padding: 30px 15px;
	}
	.header-area .navbar-brand img {
	    width: 160px;
	}
	.workshop-btn .common-btn {
	    min-width: 170px;
	    height: 56px;
		line-height: 54px;
	}
	.banner-area{
		height: calc(100vh - 92px);
	}
	.banner-area .common-arrow{
		display: none;
	}
	.product-sec .common-arrow{
		top: -50px;
	}
	.product-sec .swiper-button-prev{
		left:auto;
		right: 40px;
	}
	.product-sec .swiper-button-next{
		right: 0px;
	}
	.each-block .txt-btn{
		font-size: 20px;
	}
	.footer-logo img {
	    width: 230px;
	}
	.footer-info-wrap td {
	    padding-right: 20px;
	}
	/***diensten***/
	.diensten-list-right {
		padding: 0 50px;
	}
	.each-diensten-list::after {
		left: -50px;
	}
	.each-diensten-list-img {
		padding-right: 25px;
	}
	.each-diensten-list-text {
		padding-left: 25px;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-text {
		padding-right: 25px;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-img {
		padding-left: 25px;
	}
	.each-diensten-list {
		padding: 85px 0;
	}
	.diensten-list-left ul li {
		font-size: 20px;
	}
	.diensten-list-left {
		padding: 100px 40px 100px 0;
	}
	/******diensten-dtl****/
	.diensten-dtl-mid-sec table td {
		padding: 100px 70px;
	}
	/*****contact****/
	.contact-btm-sec .content-wrapper {
		padding: 60px 40px 40px;
	}
	/***overons******/
	.member-text {
		padding-right: 90px;
	}
	.member-sec .common-arrow {
		right: -3%;
	}
    .overons-video-sec .content-wrapper img{
        top: 14%;
        left: 60%;
    }
	/**aanbod-list****/
	.aanbod-list-middle-left, .aanbod-list-middle-right {
		margin-bottom: 10px;
	}
	/***aanbod-dtl****/
	.aanbod-dtl-info-dtl {
		padding: 40px 7% 90px;
	}
	.aanbod-dtl-info-heading {
		padding: 40px 7%;
	}
	.aanbod-dtl-info-right-btw-each {
		padding: 70px 15px;
	}
	.aanbod-dtl-info-right-btw-each h2 {
		font-size: 24px;
	}
    .aanbod-dtl-price{
        right: -480px;
    }
	.big-white-btn {
		font-size: 17px;
	}
	.product-list-dtl-heading .col-lg-7 h6{
		height: auto;
	    word-break: break-word;
	}
	.contact-map-content {
    	max-width: 420px;
	}
	.map-time, .contact-banner-content{
		padding: 20px;
	}
	.map-time table td:nth-child(even) {
    	padding-left: 30px;
	}
	.map-time h6{
		font-size: 15px;
	}
}
@media(max-width: 991px){
	.dblock{
		display: block;
		height: auto;
	}
	.scroll-button, .pagination-wrap, .header-area, .product-sec .common-arrow, .mini-right-nav{
		display: none;
	}
	h1, h2{
		font-size: 30px;
		letter-spacing: 1px;
	}
	.res-logo-styl{
		width: 200px;
	}
	.banner-area {
	    height: 70vh;
	}
	.each-block .txt-btn {
	    font-size: 16px;
	}
	.each-block {
	    padding: 40px 15px;
	}
	.footer-info-wrap{
		margin: 60px 0 0;
	}
	/*****contact*****/
	.contact-banner-content {
		padding: 30px;
	}
	.contact-banner-sec {
		padding: 60px 0;
	}
	.contact-info-sec .row {
		justify-content: center;
	}
	.each-cont-info {
		border: 0;
	}
	.contact-info-sec .col-lg-4:first-child .each-cont-info {
		border: 0;
	}
	.each-cont-info {
		padding: 50px 20px;
	}
	.contact-btm-sec {
		padding: 70px 0;
	}
	/****diensten******/
	.diensten-list-left {
		padding: 60px 0 60px 0;
		text-align: left;
	}
	.diensten-list-left ul li {
		margin-bottom: 30px;
	}
	.each-diensten-list {
		padding: 60px 0px;
	}
	.each-diensten-list-text {
		padding-left: 0;
		margin-top: 30px;
	}
	.each-diensten-list-img {
		padding-right: 0;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-img {
		padding-left: 0;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-text {
		padding-right: 0px;
		text-align: left;
	}
	.each-diensten-list:nth-child(even) .each-diensten-list-text h3 {
		padding-right: 0;
	}
	.each-diensten-list:nth-child(even):hover .each-diensten-list-text h3::after {
		right: auto;
		left: 0;
	}
	/**diensten-dtl***/
	.diensten-dtl-mid-sec table td {
		padding: 60px 30px;
	}
	.contact-form-sec {
		padding: 60px 0;
	}
	.contact-form-sec h2 {
		margin-bottom: 50px;
	}
	.diensten-dtl-btm-sec {
		padding: 60px 0;
	}
	/**overons***/
	.member-sec {
		padding: 60px 0;
	}
	.member-text {
		margin-bottom: 30px;
	}
	/****aanbod****/
	.aanbod-product-sec .pl-2 {
		padding-left: 5px !important;
	}
	.aanbod-product-sec .pr-2 {
		padding-right: 5px !important;
	}
	.aanbod-product-sec {
		padding: 60px 0;
	}
	/***aanbod-list****/
	.each-product-block .pl-1 {
		padding-left: 0 !important;
	}
	.each-product-block .pr-1 {
		padding-right: 0 !important;
	}
	.product-list-dtl-gal .pl-1 {
		padding-left: 5px !important;
	}
	.product-list-dtl-gal .pr-1 {
		padding-right: 5px !important;
	}
	.product-list-dtl-heading .text-right {
		text-align: left !important;
		margin-top: 20px;
	}
	.product-list-dtl-price table td {
		width: 100%;
		display: block;
		padding-bottom: 20px;
	}
	.product-list-dtl-price table td:nth-child(2) {
		padding-left: 0;
	}
	.aanbod-product-list {
		padding: 50px 0;
	}
	/**aanbod-dtl**/
	.aanbod-dtl-bk-btn .common-btn {
		position: initial;
	}
	.aanbod-dtl-bk-btn {
		padding: 60px 0;
	}
	.aanbod-dtl-info-right-btw-each {
		padding: 40px 15px;
	}
	.aanbod-dtl-tab-sec {
		padding: 60px 0 0 0;
	}
	.each-tab-content {
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	.tab-ifame {
		max-width: 100%;
	}
	.contact-form-sec h2{
		font-size: 26px;
	}
	.thumbs-wrapper{
		display: none;
	}
	.aanbod-dtl-bk-btn {
   		border-top:2px solid #f6f6f6;
	}
	#map_canvas {
    	height: 420px;
	}
	.contact-map-content{
		position: relative;
		top: 0;
		transform: translateY(0);
	}
	.aanbod-middle-content{
		padding: 6%;
	}
	.aanbod-dtl-price{
		text-align: left;
		margin-top: 20px;
	}
	.modal-area .modal-dialog {
	  max-width: 84%;
	}
	.aanbod-dtl-info-right hr{
		margin-bottom: -10px;
	}
	.aanbod-dtl-info-right{
		padding-bottom: 30px;
	}
	.aanbod-dtl-info-right-btw-each .big-white-btn.financieren{
		white-space: nowrap;
	}
	.aanbod-filter-sec .col-6:nth-child(odd){
		padding-right: 5px !important;
	}
	.aanbod-filter-sec .col-6:nth-child(even){
		padding-left: 5px !important;
	}
	.aanbod-filter-sec .select-style{
		height: auto;
    	line-height: normal;
    	font-size: 14px;
    	padding: .5rem 0;
	}
	.aanbod-filter-sec{
		padding: 30px 0;
	}
	.aanbod-filter-sec .select-style {
		padding: 0;
		border:0;
		font-size: 14px;
		background-size: 10px;
		background-position: 95% center;
		border-bottom: 1px solid #d6d6d6; 
		padding: .5rem 0;
	}
	.aanbod-filter-sec .col-lg-3:last-child .select-style{
		border-right: 0;
	}
	.select-box{
		margin-bottom: 1rem;
	}
}
@media(max-width: 767px){
	.morgeninternet-footer {
	    margin-bottom: 45px;
	}
	#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: 9998;
	}
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1{
		font-size: 28px;
	}
	h2{
		font-size: 24px;
		letter-spacing: 0.5px;
	}
	h4{
		font-size: 20px;
	}
	.common-btn{
		max-width: 220px;
	    height: 55px;
	    line-height: 53px;
	}
	.res-logo-styl {
	    width: 170px;
	}
	.banner-area{
		height: 70vh;
	}
	#desktop_video>div{
		padding: 100% 0 0 0 !important;
	}
	#desktop_video iframe {
	    height: 70vh !important;
	    left: -110% !important;
	    width: 320% !important;
	}
	.banner-heading, .banner-content-wrap{
		padding: 20px;
	}
	.banner-content-wrap p {
	    margin: 0 0px 20px 0;
	}
	.product-sec {
    	padding: 30px 0;
	}
	.sec-heading {
	    margin-bottom: 30px;
	}
	.product-dtl{
		padding: 20px 15px;
	}
	.product-dtl h6{
		height: auto;
		word-break: break-word;
	}
	.product-btn {
    	margin-top: 30px;
	}
	.each-block{
		border-left: 0;
	    padding: 30px 0;
	    border-bottom: 2px solid #d0d0d0;
	}
	.middle-wrap .col-md-4:last-child .each-block{
		border:0;
	}
	.content-wrapper{
		padding: 30px 20px;
	}
	.content-wrapper p{
		margin-bottom:30px;
	}
	.footer-sec {
	    padding: 40px 0;
	}
	.footer-info-wrap{
		margin-top: 40px;
	}
	.footer-contact.float-right{
		float: none !important;
	    border-top: 2px solid #2a2a2a;
	    padding-top: 25px;
	    margin-top: 25px;
	}
	.footer-info-wrap td{
		width: 60%;
		display: inline-block;
		vertical-align: top;
	}
	.footer-info-wrap td:first-child{
    	width: 35%;
    }
	.divider {
	    margin: 0px 0 30px;
	}
	/*****contact****/
	.contact-banner-dot {
		display: none;
	}
	.contact-banner-content {
		padding: 20px;
	}
	.map-time {
		padding: 0 20px 20px;
	}
	.map-time h3, .map-time h4 {
		margin-bottom: 20px;
	}
	.map-time table td {
		padding-bottom: 20px;
		width: 100%;
		display: block;
	}
	.map-time table td:nth-child(even) {
		padding-left: 0;
	}
	.each-cont-info {
		padding: 30px 0;
		border-top: 1px solid #d6d6d6;
	}
	.each-cont-info img {
		width: 25px;
	}
	.contact-btm-sec .content-wrapper {
		padding: 30px 20px;
	}
	/***diensten****/
	.diensten-list-left {
		padding: 30px 0 0 0;
	}
	.diensten-list-right {
		border-left: 0;
	}
	.diensten-list-left ul li {
		margin-bottom: 20px;
	}
	.each-diensten-list {
		padding: 30px 0;
	}
	.diensten-list-right {
		padding: 0;
	}
	.each-diensten-list-text h3 {
		margin-bottom: 20px;
	}
	.each-diensten-list::after {
		display: none;
	}
	/***diensten-dtl**/
	.diensten-dtl-top .content-wrapper .common-btn {
		position: relative;
	}
	.diensten-dtl-mid-sec table td {
		width: 100%;
		display: block;
		padding: 30px 0;
		border: 0;
	}
	.diensten-dtl-pdf-btn {
		position: relative;
	}
	.diensten-dtl-mid-sec table td p {
		padding-bottom: 0;
	}
	.diensten-dtl-mid-sec table td h3 {
		margin-bottom: 20px;
	}
	.contact-form-sec h2 {
		margin-bottom: 30px;
	}
	.contact-form-sec {
		padding: 30px 0;
	}
	.contact-form-sec .text-right {
		text-align: left !important;
	}
	.diensten-dtl-btm-sec {
		padding: 30px 0;
	}
	.diensten-dtl-btm-sec .content-block h2 {
		margin-bottom: 30px;
	}
	.diensten-dtl-btm-sec .content-block ul li {
		font-size: 22px;
		margin-bottom: 15px;
	}
	/**overons***/
	.member-sec {
		padding: 30px 0;
	}
	.member-text {
		margin-bottom: 30px;
		padding-right: 0;
        margin-top: 50px;
	}
	.overons-counter .icon-img h2 span,
	.overons-counter .icon-img h2 {
		font-size: 30px;
	}
	.overons-counter .icon-img {
		height: 30px;
	}
	.member-slider {
		padding-right: 0;
	}
	.member-sec .common-arrow {
		top: -23px;
		right: 0;
	}
	.overons-video-sec .content-wrapper img {
		width: 45px;
		height: 45px;
        top: 7%;
        left: 62%;
	}
	/****aanbod****/
	.aanbod-product-sec {
		padding: 30px 0;
	}
	.aanbod-grid-wrap{
		margin-right: auto;
        display: none;
	}
    .aanbod-dtl-price{
        position: unset;
		display: none;
    }
	/*****aanbod-list*****/
	.product-list-dtl {
		padding: 20px 15px;
	}
	.aanbod-list-middle-left, .aanbod-list-middle-right {
		padding: 80px 0;
	}
	.aanbod-list-middle .each-block {
		margin-left: 15px;
	}
	/****aanbod-dtl*****/
	.aanbod-dtl-info-heading {
		padding: 30px 15px;
	}
	.aanbod-dtl-info-dtl {
		padding: 30px 15px;
		overflow-x: auto;
	}
	.aanbod-dtl-tab-sec {
		padding: 0;
	}
	.each-tab-content h2, .kenmerken-tab-area h2 {
		margin-bottom: 30px;
	}
	.each-tab-content {
		padding: 30px 0;
		margin-bottom: 30px;
	}
	.left-bg-block {
		width: 120px;
	}
	.block-dtls {
		width: calc(100% - 120px);
	}
	.aanbod-dtl-info-red-btn-each button {
		height: 70px;
		line-height: 70px;
		font-size: 16px;
		max-width: 230px;
		margin: 10px 15px 0;
	}
	.aanbod-dtl-info-red-btn{
		margin-top: 20px;
	}
	.aanbod-dtl-info-red-btn-each{
		background-color: transparent;
	}
	.aanbod-dtl-info-red-btn-each:first-child button {
		border-bottom: 1px solid #fff;
	}
	.aanbod-dtl-info-right-btw-each {
		padding: 20px 15px;
	}
	.aanbod-dtl-info-right-btw .col-md-6:last-child .aanbod-dtl-info-right-btw-each {
		padding: 20px 15px;
	}
	.aanbod-dtl-bk-btn {
		padding: 30px 0;
	}
	.contact-form-sec h2{
		font-size: 24px;
	}
	.member-slider .swiper-button-prev{
		left: auto;
		right: 30px;
	}
	.member-text p{
		margin-bottom: 60px;
	}
	.aanbod-dtl-info-right-btw-each h2 {
	    font-size: 22px;
	}
	.contact-map-sec.diensten-banner-sec .contact-banner-content, .contact-map-sec.diensten-banner-sec .map-time{
		padding:6%;
	}
	.footer-info-wrap td p{
		padding-bottom: 0;
	}
	.footer-info-wrap p{
		letter-spacing: normal;
		font-size: 15px;
	}
	.footer-contact td{
		padding: 0;
	}
	.footer-contact tr{
		padding-bottom: 20px;
		display: block;
	}
	/***********pop up*************/
	.modal-area .modal-dialog {
   	 	max-width: 94%;
	}
	#myModal{
		padding-right:0;
	}
	.modal-area .popup-content{
		padding-left: 5%;
		padding-right: 5%;
	}
	.modal-area .popup-content p {
	    margin-top: 20px;
	    font-size: 14px;
	}
}
@media(max-width: 575px) {
	/****diensten-dtl***/
	.diensten-dtl-btm-sec .content-block {
		padding: 30px 15px 0px 15px;
	}
	.map-time, .contact-map-sec .contact-banner-content{
		padding-right: 0;
		padding-left: 0;
	}
	
	/*************pop up*************/
	.modal-area .popup-content h2{
		font-size: 19px;
	}
}
@media (max-width : 767.98px){
    .morgeninternet-footer{
        margin-bottom : 43px;
    }
	.aanbod-dtl-gal{
		display:none;
	}
}