@charset "utf-8";

@media screen and (max-width: 1580px) {
	.teamholder {font-size: 16px;line-height: 28px;}
	#cta a {margin-right: 10px;padding: 10px 20px;}
	#main {padding: 70px 0;}
	#main2 {padding: 70px 0 20px 0;}
	#reviews {padding: 70px 0;}
	.flex-row {font-size: 16px;}
	.blue h1 {font-size: 40px;}
	h1 {font-size: 36px;}
	#aanbod {grid-gap: 30px;}
}

@media screen and (max-width: 1380px) {
	.teamholder {font-size: 14px;line-height: 26px;}
	.blue h1 {font-size: 34px;}
	#cta a {font-size: 14px;}
	.inleiding,	.slideshow {height: 65vh;}
	h1 {font-size: 30px;}
	.blue {padding: 0 50px;}
	#topDealImg img{width:150px;}
	.verkochtDiv{float:left;width:33.3%;}	
	#nav ul li a {font-size: 16px;margin-right: 15px;}
}

@media screen and (max-width: 1280px) {
	#logo img {width: 125px;}
	#nav ul li a {margin-right: 10px;}
	.pagetitle h2, #reviews h2 {font-size: 34px;}
	#aanbod {display: grid;grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 1160px) {
	.teamholder {font-size: 18px;line-height: 30px;}
	.team {grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;margin-top: 40px;}
	#detail {display: block;}
	.details {margin-left: 0;}
	.gallery {display: none;}
	.gallery2 {display: block;}
	.imagedetail {margin-top: 40px}
	.sticky {position: relative;top: auto;}
	#prev-next {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;}
	
	.flexy, .flexy2 {flex: 4;}
	.margin {margin-right: 30px;}
	
	#buttons ul li:first-child, #buttons ul li:nth-child(2) {display: none;}
	
	#top {padding-top: 60px;padding-bottom: 20px; position: relative;text-align: center;z-index: 3;top: auto !important;}
	#header {height: auto !important;}
	
	#nav {display:none;}
	#navMobMenu{background-color:#c00;border-bottom:solid 1px #fff;display:table;width:100%;z-index:15000;position:fixed;}
	#navMobMenu div.innerNMM {display:table-row;}
	#navMobMenu div.innerNMM div{display:table-cell;}
	#navMobMenu div div a{color:#fff;background-color:#323232;border-right:solid 1px #fff;display:block;padding:10px;text-align:center;text-transform:uppercase;text-decoration:none;}
	
	#navMob,#languagesMob,#searchMob,#loginLnksMob {color:#000;top:0px;z-index:10000 !important;background-color:#323232;width:100%;padding-top:60px;padding-bottom:60px;text-align:center;}
	#navMob ul,#languagesMob ul,#languagesMob ul,#loginLnksMob ul{margin:0px;padding:0px;}
	#navMob ul li,#languagesMob ul li,#searchMob ul li,#loginLnksMob ul li{list-style-position:inside;list-style-image:none;list-style-type:none;padding:10px;text-align:left;padding-left:20px;}
	#navMob ul li ul{margin-top:10px;margin-bottom:20px;}
	#navMob ul li a,#languagesMob ul li a,#searchMob a,#loginLnksMob a{text-align:left;padding-left:20px;text-decoration:none;color: #fff;font-weight: 800;font-size: 18px;}
	#navMob a,#languagesMob a{text-decoration:none;}
	#searchMob a.closeMob,#navMob a.closeMob,#languagesMob a.closeMob,#loginLnksMob a.closeMob{display:block;margin-bottom:15px;text-align:center;color: #fff;font-family: Ubuntu,arial;font-weight: 500;}	
}

@media screen and (max-width: 960px) {	
	.pagetitle h2, #reviews h2 {font-size: 30px;}
	#main {padding: 60px 0;}
	#main2 {padding: 60px 0 20px 0;}
	#reviews {padding: 60px 0;}
	.uVerk {float: none;width: 100%;margin-right: 0%;}
	.uVerk.v2 {margin-right: 0;clear: both;margin-top: 40px;}
}

@media screen and (max-width: 850px) {
	
	.inleiding {float: none;width: 100%;height: auto;display: block;}
	.blue {padding: 50px 2.5%;}
	.slideshow {float: none;width: 100%;height: 500px;}
	
	#result:before, #result:after, .result:before, .result:after {border-width: 10px;}
	h1 {font-size: 26px;}
	.slideshow {height: 400px;}
	#panden .owl-theme .owl-nav {top: -158px;}
	#main {padding: 50px 0;line-height: 28px;}
	#main2 {padding: 50px 0 20px 0;}
	.pandholder a {line-height: 28px;}
	.small {margin: 0;}
	#panden {padding: 50px 0;}
	#credits {padding: 20px 0;}
	.btn {font-size: 14px;}
	#uitgelicht {padding: 50px 0;}
	
	
	#search {position: relative;}
	#searchform {display: block;width: 100%;}
	.searchH {width: 100%;}
	.col-s {flex-basis: 0;flex-grow: 1;max-width: 100%;position: relative;width: 100%;padding-right: 0px;padding-left: 0px;margin-bottom: 10px;}
	.col-s:last-child {align-content: 0px;}
	
	
	#result, .result {padding: 50px;}
	
	#footer {line-height: 30px;}
	.thumbs {grid-template-columns: 1fr 1fr 1fr;}
	.field_title {width: 100% !important;float: none !important;}
	.field_input {width: 100% !important;float: none !important;}
	
	.objfit {height: auto;width: 100%;}
	.flex {flex-direction: column;}
	.flex.reverse .margin {margin-right: 0;margin-top: 30px;}
	.flex .margin {margin-right: 0;margin-bottom: 30px;}
	.flex.reverse {flex-direction: column-reverse;}
	.icons {grid-template-columns: 1fr 1fr;}
	.icon span {font-size: 18px;}
	.equal {flex: 1;width: 100%;}
	.padding {padding-top: 60px;}
	#googlemaps, #team {margin-top: 100px;}
}

@media screen and (max-width: 640px) {
	
	#buttons ul li {display: block;}
	#buttons ul li a {font-size: 14px;padding: 10px 20px;text-align: center;margin-right: 0;}
	.schatting {margin-top: 10px;}
	#aanbod {display: grid;grid-template-columns: 1fr;grid-gap: 20px;}
	.twogrid {display: grid;grid-template-columns: 1fr;grid-gap: 20px;}	
	h1 {font-size: 24px;}
	#googlemaps, #team {margin-top: 80px;}
	.padding {padding-top: 50px;}
	.container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas:
        "type gemeente minprijs maxprijs"
        "slpk tuin terras garage"
		"zoeken zoeken zoeken zoeken";
	}
	.searchH {font-size: 14px;}
	.teamholder {font-size: 16px;line-height: 28px;padding: 10px;}
	.team {grid-template-columns: 1fr 1fr;grid-gap: 20px;margin-top: 40px;}
	#footer {font-size: 16px;}
	#map {height: 400px !important;}
	.inner .amount {font-size: 24px;}
	.pandholder a {padding: 10px;}
	.tekst {line-height: 28px;}
	.small {font-size: 14px;}
	#panden .owl-theme .owl-nav {display: none;}
	#footer {line-height: 30px;}
	#reviews {padding: 50px 0;}
	.slideshow {height: 300px;}
	body {font-size: 16px;}
	.summary, .grey, #result, .result {padding: 30px;}
	#cta a {margin-right: 5px;padding: 10px;}
}

@media screen and (max-width: 480px) {
	.summary{padding: 10px 0px 10px 0px;}
	.grey, #result, .result {padding: 20px;}
	#googlemaps, #team {margin-top: 60px;}
	.circle {width: 300px;}
	.padding {padding-top: 40px;}
	.container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		grid-template-areas:
        "type gemeente"
		"minprijs maxprijs"
        "slpk tuin"
		"terras garage"
		"zoeken zoeken";
	}
	.teamholder {font-size: 14px;line-height: 26px;}
	
}