@media screen and (max-width: 1024px) {
     .inner, .inner.vervolg, .segment.contact .overlay  {width:980px;}
.galerij ul li a.fancy div.img {width:200px;height:200px;}
.galerij ul li {width:200px;height:200px;}
iframe{width:100%}
}

@media screen and (min-width: 1000px) {
     header a.telefoon {font-size:16px;}
}
     

@media screen and (max-width: 768px) {
a.arrowdown{
	display:block !important;
	width:50px;
	height:50px;
	position:absolute;
	z-index:9;
	bottom:120px;
	margin-left:45%;
	margin-right:45%;
	background:url('/images/mob_arrowdown.png') no-repeat;	
}
.vervolgSlider a.arrowdown{
	bottom:50px;	
}
ul.buttons li{
	float:left;	
	width:calc(100%/2);	
}
ul.buttons li h2{
	font-size:14px !important;
	height:50px;
	width:85% !important;
}
	table{
		width:100% !important;	
		clear:both !important;
		margin-bottom:20px;
	}
  .lgnOverlay .lgnForm{
	width:100%;
	box-sizing:border-box;
  }
.fancy:hover .lazy{
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	 -webkit-transition:none !important;
    transition:none !important;
}
.fancy:hover .zoom{
	height:240px;
	width:240px;
	position:absolute;
	z-index:99;
	background:url(/images/zoomIcon.png) no-repeat;	
	background-position:center;
	-webkit-transition:none !important;
    transition:none !important;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
header a.telefoon{
	right:70px !important;	
}
	header{
		height:90px;	
	}
	.balk{
		margin-top:-34px;	
	}
	.terug{
		display:none;	
	}
	.vervolgSlider{
		margin-top:-10px !important;	
	}
	.terugMob{
		position:fixed;
		z-index:1;
		display:block !important;
		right:20px;
		top:0px;
	}
	.segment.nieuws .inner .tekst img.introimg{
		width:100%;
		clear:both;
	}	
	
	#logo{
		width:65% !important;
		margin:0px auto;
		position:absolute;
		top:8px;
		left:4%;
		z-index:1;
	}
	#logo img{
		width:auto !important;	
		max-height:57px;
	}
	.mobPhone{
		width:100%;
		position:relative;
		z-index:999;
		display:block !important;
		top:5px;
	}
	.settings{
		z-index:999999;
		margin-top:-40px;
		margin-right:-20px;
		position:absolute !important;
		width:50px !important;
	}
	.overlap{
		bottom:250px !important;	
	}
	.overlap h4{
		font-size:1.6em !important;	
	}
	.inner{
		width:100% !important;
	}
	.inner .tekst{
		width:100% !important;
		padding:0px 20px !important;
		box-sizing:border-box;
	}
	.segment.algemeen .inner .tekst h1{
		font-size:26px;	
	}	
	.titelBalk .inner{
		padding-left:20px;
		box-sizing:border-box;
	}
	.titelBalk .inner h1{
		width:100% !important;
		font-size:1em !important;
	}
	.res{
		display:none !important;	
	}
	
	.segment.contact{
		background:#333;
		display:block !important;
		width:100%;
		height:300px;
	}	
	
	.mobMenuTrigger{
		width:32px;
		height:32px;
		background:#999;
		position:absolute;
		display:block !important;
		top:55px;
		right:5px;
		z-index:99;	
		background:url(/images/icons/mobtrigger.png) no-repeat;
	}
	.mobMenu{
		width:100%;
		background:rgba(0,146,62,0.9);
		display:none;	
		position:absolute;
		z-index:999;
		margin-top:-14px;
		overflow-y:scroll;
	}
	.mobMenu ul{
		list-style:none;	
	}
	.mobMenu ul li{
		line-height:32px;	
	}
	.mobMenu ul li a{
		color:#FFF;	
		text-decoration:none;
		font-size:18px;
	}
	.mobMenu ul li.huidig a{
		color:#efefef;
		font-weight:800;	
	}
	.mobMenu ul ul.sub{
		background:rgba(51,51,51,0.5);
		margin-left:-40px;
		display:none;
		padding:20px 42px;
		box-sizing:border-box;
	}
	.mobMenu ul ul.sub a{
		font-weight:100;	
	}
	.mobMenu ul .mobSubTrigger{
		display:block !important;
		padding:15px !important;
		background:url(/images/mobsubmenu.png)!important;	
		position:absolute !important;
		left:0px;
		margin-top:-28px;
		-ms-transform: rotate(270deg); /* IE 9 */
    	-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
	    transform: rotate(270deg);		
	}	
	.inner.vervolg .tekst iframe,
	.inner.vervolg .rechterKolom,
	.inner.vervolg .tekst{
		width:100% !important;	
	}
	.inner.vervolg .rechterKolom{

	}
	.galerij,
	.galerij ul,
	.galerij .img,
	.galerij a,
	.galerij ul li,
	.galerij li,
	.galerij ul li a.fancy div.img{
		width:100% !important;
		box-sizing:border-box;
		margin-left:0px;
		clear:both !important;
	}
	.galerij ul li.responsive{
		display:none !important;
	}
	.galerij ul img.responsive{
		display:block !important;	
		padding-bottom:10px;
		width:100% !important;
	}
	.galerij ul li a div.img{
		height:250px !important;	
		background-size:cover !important;	
		background-repeat:no-repeat;

	}
	.galerij ul li a.fancy{
		border:2px solid red !important;	
	}
	
	body.contact .tekst ul{
		list-style:none;
		float:left;
		width:100%;
		box-sizing:border-box;
		padding:0px;
		margin:0px;
	}
	body.contact .tekst ul li{
		text-align:center;	
		width:100% !important;
	}
	body.contact .tekst ul li h2{
		width:100% !important;
		box-sizing:border-box;
		text-align:left !important;	
	}
	body.contact .tekst ul li h2 a{
		text-decoration:none;
		color:#FFF;
		font-weight:100;
		font-size:20px;
		padding:2px 15px 5px 40px;
		background:#D6333E url(/images/bouwheerbeeldmerk.png) 10px 0px no-repeat;	
		box-sizing:border-box;
	}
	body.contact .tekst ul li img{
		width:calc(90%/2) !important;	
		margin:0px auto !important;
		padding:20px 0px;
	}	
}

@media screen and (max-height: 1000px) {
	.button{
		display:none !important;
	}
}

/* laptop scherm */
@media screen and (max-height: 850px) {
	.sfeerFoto{
		height:525px !important;
	}
	.tekst{
		
	}
	#container .segment.nieuws .nieuwsItems{
		height:220px;	

	}

	#container .segment.algemeen .rechterKolom ul.uitklap li{
		line-height:28px;	
	}

	#container .segment.contact #maps,
	#container .segment.contact #maps iframe
	{
		height:250px;
	}
	.segment.nieuws .carousel{
		display:none;
	}

}

/* 2500 scherm */
@media screen and (min-height: 1100px) {
	.segment.algemeen #sfeerContainer{
		height:802px;
	}
	.segment.algemeen #sfeerContainer .sfeerFoto{
		height:800px !important;
	}
	
	#container .segment.algemeen .rechterKolom h2{
		margin:40px 0px -20px 0px;	
	}
	#container .segment.nieuws .nieuwsItems{
		height:500px;	
	}
	
	#container .segment.contact #maps,
	#container .segment.contact #maps iframe
	{
		height:750px;
	}
	ul.uitklap li{
		line-height:38px !important;
	}
	ul.uitklap,
	.tekst{
		padding-top:40px !important;	
	}
}

/* mobiel menu */
	.menu.mobiel{
		list-style:none;	
	}
	.menu.mobiel li{
		padding:5px;	
	}
	.menu.mobiel .sub{
		display:none;	
		list-style:none;
	}
	.menu.mobiel .sub a{
		font-size:12px;	
	}