@media(min-width: 1400px){
	.container{
		max-width: 1320px;
	}
}
@media(min-width: 1650px){
	.container{
		max-width: 1546px;
	}
}
@media(max-width: 1649.98px){
	.desktop-nav .nav-item {
    	padding-left: 50px;
	}
	/***Appartementen_detail*****/
	.appt-list-sec .each-area h4 span img {
    	margin-right: 15px;
	}
	.appt-list-sec .each-area ul {
		padding-left: 85px;
	}
	.appt-list-sec .each-area h4{
		font-size: 26px;
	}
	/***zakelijk****/ 
	.zake-middle-list-sec .col-lg-3:nth-child(odd) .each-area {
		padding-left: 20px;
	}
	.zake-middle-list-sec .col-lg-3:nth-child(even) .each-area {
		padding-left: 20px;
	}
	/***overons***/
	.over-ons-year .middle-block-img .slider-area {
		max-width: 500px;
	}
	.over-ons-year .middle-block-dtl h2 {
		font-size: 70px;
	}
	.main-slider-img, .main-slider-thump{
		height: 640px;
	}
}
@media(max-width: 1499.98px) {
	/***contact****/
	.contact-info-right {
		padding-left: 240px;
	}
	.contact-info-left p span {
		line-height: 45px;
	}
}
@media(max-width: 1399.98px){
	h1{
		font-size: 70px;
	}
	h2{
		font-size: 50px;
	}
	h4{
		font-size: 22px;
	}
	.desktop-nav .common-btn {
    	min-width: 240px;
	}
	.desktop-nav .nav-item {
    	padding-left: 40px;
	}
    .menu-items{
        min-width: 585px;
        left: 72%;
    }
	.banner-content{
		top: 56%;
	}
	.form-styl{
		padding: 0 30px;
	}
	.each-info, .footer-info .col-lg-6 .each-info {
	    padding: 25px 40px;
	}
	.footer-info{
		padding-left: 100px;
	}
	.footer-menu li{
		padding-right: 40px;
	}
	.middle-block-dtl p{
		margin-right: 0;
	}
	/***contact****/
	.contact-info-left span img {
		margin-right: 25px;
	}
	.contact-info-left p {
		margin: 30px 0px 0px 30px;
		font-size: 21px;
	}
	.contact-info-left p a {
		font-size: 21px;
	}
	.contact-info-right {
		padding-left: 130px;
	}
	/***Appartementen_detail*****/
	.appt-listing h2 {
		margin-bottom: 50px;
	}
	.appt-listing .table-wrapper {
		padding: 0px 15px;
	}
	.appt-listing table tr td {
    	padding-left: 50px;
	}
	.appt-list-sec .col-lg-3:nth-child(even) .each-area {
		padding-left: 40px;
	}
	.appt-list-sec .col-lg-3:nth-child(odd) .each-area {
		padding-left: 40px;
	}
	/****zakelijk****/
	.appt-list-sec .each-area h4 {
		font-size: 20px;
		letter-spacing: normal;
	}
	.appt-list-sec .each-area h4 span img {
    	margin-right: 5px;
    	width: 40px;
  	}
  	.appt-list-sec .each-area ul {
    	padding-left: 52px;
  	}
	.zake-middle-list-sec .col-lg-3:nth-child(even) .each-area {
		padding-left: 20px;
	}
	/****overons****/
	.over-ons-year .middle-block-img .slider-area {
        bottom: -25%;
        left: 70px;
    }
	.over-ons-year .middle-block-dtl h2 {
		font-size: 50px;
	}
	.main-slider-img, .main-slider-thump{
		height: 540px;
	}
}
@media(max-width: 1199.98px){
	h1{
		font-size: 64px;
	}
	.desktop-nav .common-btn {
	    min-width: 200px;
	    height: 60px;
	    line-height: 60px;
	}
	.desktop-nav .nav-item {
	    padding-left: 20px;
	}
	.banner-content p {
	    margin-top: 15px;
	    margin-bottom: 40px;
	}
	.form-wrap{
		margin-top: 0;
		padding: 40px;
	}
	.form-sec{
		padding:40px 0;
	}
	.form-left-heading {
	    padding: 0;
	}
	.form-sec .common-btn {
	    max-width: 250px;
	    height: 74px;
	    line-height: 72px;
	}
	.form-sec .col-xl-7.text-right{
		text-align: left !important;
		margin-top: 20px;
	}
	.each-middle-block {
	    margin-bottom: 80px;
	}
	.each-info, .footer-info .col-lg-6 .each-info {
	    padding: 20px;
	}
	.footer-info p{
		font-size: 17px;
		letter-spacing: normal;
	}
	.footer-menu .col-xl-6.text-right{
		text-align: left !important;
		padding-top: 20px;
	}
	/***contact****/
	.contact-info-left {
		padding-left: 0px;
	}
	.contact-info-left p a {
		font-size: 20px;
	}
	.contact-info-left p {
		font-size: 20px;
	}
	.form-heading p {
		font-size: 16px;
	}
	.contact-info-left p span {
		line-height: 30px;
	}
	.contact-info-right {
		padding-left: 60px;
	}
	.contact-form-sec h2 {
		font-size: 42px;
	}
	/***Appartementen_detail*****/
	.appt-list-sec .col-lg-3:nth-child(even) .each-area {
		padding-left: 0px;
	}
	.appt-list-sec .col-lg-3:nth-child(odd) .each-area {
		padding-left: 0px;
	}
	/****zakelijk****/
	.zake-middle-list-sec .col-lg-3:nth-child(odd) .each-area {
		padding-left: 0px;
	}
	.zake-middle-list-sec .col-lg-3:nth-child(even) .each-area {
		padding-left: 0px;
	}
	/****bedankt****/
	.bedankt-banner-content .common-btn {
		margin-top: 30px;
	}
	.bedankt-banner-content .text-right {
		text-align: center !important;
	}
	/****overons****/
	.over-ons-year.middle-sec {
        padding: 50px 0 20px;
    }
    .over-ons-year .each-middle-block {
        margin-bottom: 0px;
    }
	.over-ons-year .middle-block-img .slider-area {
		max-width: 390px;
	}
	.over-ons-year .middle-block-dtl h2 {
		font-size: 50px;
	}
	.over-ons-year .slider-area .slider-title h3 {
		font-size: 30px;
	}
	.home-banner .banner-content p, .home-banner .banner-content .common-btn.white-btn {
  		margin-left: 40px;
	}
	.home-banner .banner-content-wrap .common-btn{
		max-width: 220px;
	}
	.modal-area .modal-dialog {
  		max-width: 950px;
	}
	.modal-area h3{
		font-size: 36px;
	}
	.modal-area .popup-content p{
		font-size: 16px;
  		letter-spacing: 0.5px;
  		line-height: 24px;
	}
	.main-slider-img, .main-slider-thump{
		height: 460px;
	}
}
@media(max-width: 991.98px){
	.dblock{
		display: block;
		height: auto;
		padding: 15px 0;
	}
	.header-area{
		display: none;
	}
    .header-area2{
		display: none;
	}
	.mm-listview>li.flag-part>a{
		display: inline-flex;
    	padding: 0;
    	margin-right: 5px;
	}
	.mm-listview>li.flag-part{
		top: 0;
		transform: translateY(0);
		right:0;
		padding: 10px 0;
	}
	.mm-listview>li.flag-part:not(.mm-divider):after{
		display: none;
	}
	.flag-part a {
	    margin-right: 10px;
	}
	.error_top{
	    padding: 8%;
	}
	h1{
		font-size: 56px;
	}
	h2{
		font-size: 42px;
	}
	h3{
		font-size: 40px;
	}
	.common-btn{
		height: 55px;
		line-height: 53px;
		max-width: 230px;
	}
	.banner-content {
	    top: 50%;
	}
	.banner-content p, .banner-content .common-btn.white-btn{
		margin-left: 0 !important;
	}
	.footer-upper-sec{
		padding: 60px 0 40px;
	}
	.footer-upper-sec .form-styl{
		padding: 0 36% 0 30px;
	}
	.middle-sec{
		padding-top: 60px;
	}
	.middle-block-dtl, .each-middle-block:nth-child(even) .middle-block-dtl{
		padding: 40px 0;
	}
	.each-middle-block {
	    margin-bottom: 0;
	}
	.footer-info .col-lg-3, .footer-info .col-lg-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.each-info, .footer-info .col-lg-6 .each-info {
	    padding: 25px 0 10px;
    	border-top: 1px dotted #829059;
	}
	.footer-info .col-lg-6 .each-info{
		border-right:0;
		border-left: 0;
	}
	.footer-info{
		margin-bottom: 20px;
		padding-left: 0;
	}
	.footer-sec .text-center{
		padding: 40px 0;
	}
	footer .position-absolute{
		position: static !important;
		transform: translateY(0);
	}
	/**contact***/
	.common-heading h2 {
		margin-top: 0px;
	}
	.common-heading h2::before {
		top: -10px;
	}
	.form-heading {
		margin-bottom: 60px;
	}
	.form-heading .text-right {
		text-align: center !important;
	}
	.contact-info-right {
		padding-left: 0px;
	}
	.contact-info-left p {
		margin: 30px 0px 50px;
	}
	.contact-form-sec .text-center {
		max-width: 65%;
    	width: 100%;
    	margin-left: 0;	
	}
	.cont-frm-heading .col-lg-6:first-child {
		padding-top: 0px;
	}
	.form-heading .headphone {
		margin-top: 30px;
	}
	/***Appartementen_detail*****/
	.appt-btn {
		padding: 60px 0px 60px;
	}
	.appt-btn .text-right {
		text-align: left !important;
	}
	.appt-listing {
		padding-bottom: 60px;
	}
	.appt-listing h2 {
		margin-bottom: 20px;
	}
	.appt-listing .table-wrapper {
		padding: 0px;
	}
	.appt-listing table tr td {
    	padding-left: 0px;
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}
	.appt-list-sec {
		padding: 60px 0px 30px;
	}
	.appt-list-sec .each-area {
		margin-bottom: 35px;
		padding-left: 0px;
	}
	.appt-list-sec .each-area h4 {
		margin-bottom: 20px;
	}
	.appt-slider-sec {
		padding: 0px 0px 60px;
	}
	.main-slider-img {
		margin-bottom: 10px;
		height: 520px;
	}
	.main-slider-thump, .appt-slider-sec .main-slider-img .img-tag {
		display: none;
	}
	.appt-slider-sec .main-slider-img {
		padding-right: 0px;
	}
	/****faciliteiten_detail*****/
	.facilite-top-sec {
		padding: 60px 0px;
	}
	/****bedankt****/
	.bedankt-banner-sec img {
		display: none;
	}
	.bedankt-banner-content {
		top: 0;
		position: relative;
		transform: translateY(0);
		padding: 15% 0;
	}
	/****overons****/
	.over-ons-year .middle-block-img {
        margin-bottom: 60px;
		max-width: 100%;
    }
	.over-ons-year .middle-block-img .slider-area {
		position: relative;
		left: 0;
		margin-top: 30px;
		max-width: 100%;
	}
	.over-ons-year .middle-block-dtl p {
		margin-bottom: 60px;
	}
	.over-ons-year .middle-block-dtl h2 {
		font-size: 42px;
	}
	
	.direct_boeken_iframe iframe{
		height:4800px;
	}
	/***new for home banner***/
	.banner-content
	{
		top: 50%;
		position: relative;
		transform: none;
		padding: 20px 0px;
	}
	.home-banner .banner-content-wrap .common-btn {
		max-width: unset;
		width: auto;
		display: inline-block;
		padding: 13px 12px !important;
		font-size: 13px;
		margin-left: 0 !important;
		margin-bottom: 10px;
		margin-right: 2px;
		height: auto;
		line-height: normal;
 	}
 	.modal-area .modal-dialog{
 		max-width: 94%;
 	}
 	.modal-area h3{
 		font-size: 30px;
 	}
 	.modal-area .popup-content{
 		padding: 8% 5%;
 	}
 	.main-slider-img .swiper-container .swiper-pagination{
 		bottom: 20px;
 	}
 	.main-slider-img .swiper-container .swiper-pagination-bullet{
 		margin: 0px 3px;
 	}
 	
}
@media(max-width: 767.98px){
	#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;
	}
    .morgeninternet-footer{
        padding-bottom: 85px;
    }
	.li_color {
	  border-left: 1px solid #FFFFFF;
	}
	#mobile-contact-bar li:first-child img{
		width: 18px;
	}
	h1 {
	    font-size: 40px;
    	letter-spacing: 1px;
	}
	h2 {
	    font-size: 32px;
	}
	h3 {
	    font-size: 30px;
	    letter-spacing: 0.5px;
	}
	p{
		font-size: 16px;
		line-height: 28px;
		text-align: justify;
	}
	.mini-right-nav{
		display: none;
	}
	.res-logo-styl{
		width: 190px;
	}
	.banner-area{
		height: 70vh;
	}
	.each-banner img{
		height: 100%;
		object-fit: cover;
	}
	.footer-upper-sec{
		padding: 30px 0 20px;
	}
	.footer-upper-wrap h5{
		margin-bottom: 30px;
	}
	.footer-upper-sec .common-btn, .form-styl, .form-sec .common-btn{
		height: 55px;
		line-height: 55px;
	}
	.footer-upper-sec .form-styl{
		padding: 0 30px;
	}
	.footer-upper-sec .common-btn, .form-sec .common-btn{
		position: static;
	    max-width: 100%;
	    margin-top: 10px;
	    border-radius: 50px;
	}
	.form-wrap {
	    padding:0;
	}
	.form-sec{
		background: #a4b17d;
	}
	.middle-sec {
	    padding: 40px 0 0;
	}
	.middle-block-dtl .common-btn {
	    margin-left: 0;
	}
	.middle-block-dtl p {
	    margin:20px 0 30px;
	}
	.middle-block-dtl h5 {
    	margin-bottom: 20px;
    }
    .footer-menu li{
    	display: block;
    	padding: 0 0 10px 0;
    }
	/**contact***/
	.contact-form-sec {
		padding: 30px 0px;
	}
	.contact-info-left p {
		margin: 15px 0px 30px;
		line-height: 15px;
	}
	.contact-info-left span img {
		margin-right: 15px;
		width: 20px;
	}
	.contact-info-left span:first-child img {
		width: 23px;
	}
	.contact-info-sec {
		padding: 30px 0px;
	}
	.contact-map-sec {
		height: 250px;
	}
	.form-heading {
		margin-bottom: 30px;
	}
	.contact-form-sec .common-btn {
		margin-top: 25px;
	}
	.contact-form-sec .form-heading {
		margin-top: 0px;
	}
	.contact-form-sec h2 {
		font-size: 32px;
	}
	.contact-form-sec .text-center {
		max-width: 100%;
	}
	/***Appartementen_detail*****/
	.appt-btn {
		padding: 30px 0px 2px;
	}
	.appt-listing {
		padding: 30px 0px 30px;
	}
	.appt-list-sec {
		padding: 30px 0px 5px;
	}
	.appt-list-sec .each-area {
		margin-bottom: 25px;
	}
	.appt-slider-sec {
		padding: 0px 0px 30px;
	}
	.appt-slider-sec .pr-2 {
		padding-right: 15px !important;
	}
	.appt-slider-sec .pl-2 {
		padding-left: 15px !important;
	}
	.appt-btn .white-btn {
		display: block;
		margin-bottom: 20px;
	}
	/****faciliteiten_detail*****/
	.facilite-top-sec {
		padding: 30px 0px;
	}
	/****bedankt****/
	.bedankt-banner-content h1 span {
		padding-left: 0px;
	}
	/****faciliteiten list***/
	.faci-list-sec .middle-block-dtl ul {
		margin-left: 20px;
	}
	.faci-list-sec .middle-block-dtl p {
		margin-bottom: 30px;
	}
	/***overons*****/
	.over-ons-year.middle-sec {
        padding: 0px 0px 30px;
    }
    .over-ons-year .middle-block-img {
        padding: 0;
    }
    .over-ons-year .middle-block-dtl, 
    .over-ons-year .each-middle-block:nth-child(even) .middle-block-dtl {
        padding: 0;
    }
    .over-ons-year .middle-block-dtl p {
        margin: 0;
    }
	.over-ons-year .middle-block-dtl h2 {
		font-size: 32px;
	}
	.over-ons-year .swiper-button-next {
		right: 15px;
	}
	.over-ons-year .swiper-button-prev {
		right: 15%;
		left: auto;
	}
	.over-ons-year .swiper-button-next, .over-ons-year .swiper-button-prev {
		top: 16%;
	}
	.over-ons-year .swiper-button-next img, .over-ons-year .swiper-button-prev img {
		width: 20px;
	}
/***new for video banner***/
	.banner-content-wrap h1 {
	    font-size: 25px;
	}
	.banner-content-wrap p {
	    font-size: 12px;
	    line-height: 18px;
	}
	.banner-area
	{
    	height: 100%
	}
	.main-slider-img {
		height: 380px;
	}
	
}
@media(max-width: 575.98px) {
	.contact-info-left span img {
		margin-right: 6px;
	}
	.contact-info-left p {
		font-size: 15px;
		letter-spacing: normal;
	}
	.contact-info-left p a {
		font-size: 15px;
		letter-spacing: normal;
	}
	/***Appartementen_detail*****/
	.appt-btn button {
		display: block;
		margin-bottom: 10px;
	}
	/**overons****/
	.over-ons-year .middle-block-img .slider-area {
        left: 0px;
    }
    .main-slider-img {
		height: 280px;
	}

}
@media(max-width: 370.98px){
	.home-banner .banner-content-wrap .common-btn{
		font-size: 12px;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
}