@media only screen and (max-width: 1200px) {
	body { font-size: 16px; line-height: 24px; }
	
	#logo { left: 37.5%; margin: 0; padding: 0 2.5%; width: 25%; }
	
	#header-top { width: 100%; }
	#header-top p > a { padding: 2px 2px 2px 32px; }
	
	#header { width: 100%; }
	
	#nav-main > ul > li { margin: 0 0.5%; width: 11.5%; }
	#nav-main > ul > li.nav_index_2 { margin-right: 25.5%; }
	
	
	#content { padding: 10px 5% 40px; width: 100%; }
	
	#footer,
	#footer-bottom { min-height: 0; width: 95%; }
	#footer nav { width: 100%; }
	#footer-cta { clear: both; }
	
	.home #content { padding: 40px 5%; }
	
	.home #image-bar { width: 100%; }
	
	#feestelijk-wrap { width: 95%; }
	#feestelijk,
	#feestelijk-gallery { width: 50%; }
	
	
	#header-wrap.small #logo { padding: 15px 2.5%; }
}
@media only screen and (max-width: 1100px) {
	.page-template-reserveren fieldset #lijst { width: 48%; }
	.page-template-reserveren fieldset #legende { width: 48%; }
}

@media only screen and (max-width: 1000px) {
	body:not(.single) { padding-top: 110px; }
	
	#logo { left: 0; width: 55%; }
	
	#header-top p.fn.org { display: none; }
	
	#nav-main { display: none; }
	
	
	#nav-mobile-wrap { display: block; float: right; font-size: 0; line-height: 0; padding: 10px; text-align: right; width: 50%; }
	#nav-mobile-wrap > a { background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; height: 50px; margin: 0 5px; text-decoration: none; text-indent: -9999px; width: 50px;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
	}
	#nav-mobile-wrap > a.active,
	#nav-mobile-wrap > a:hover { background-color: #7a1419 !important; }

	#nav-mobile-search { background-position: -115px -200px; }
	#nav-mobile-search.active,
	#nav-mobile-search:hover { background-position: -115px -250px; }
	#nav-mobile-toggle { background-position: -55px -200px; }
	#nav-mobile-toggle.active,
	#nav-mobile-toggle:hover { background-position: -55px -250px; }
	
	#nav-mobile { background: #d5d4cd; border-top: 10px solid #7a1419; display: none; font-size: 0; line-height: 0; padding: 10px 0; position: absolute; top: 110px; width: 100%; z-index: 5;
		-webkit-box-shadow: 0 0 10px rgba(61,55,53,.25); -moz-box-shadow: 0 0 10px rgba(61,55,53,.25); -o-box-shadow: 0 0 10px rgba(61,55,53,.25); box-shadow: 0 0 10px rgba(61,55,53,.25);
	}

	#nav-mobile ul { list-style: none; margin: 0; padding: 0; }
	#nav-mobile li { list-style: none; margin: 0; padding: 0; position: relative; vertical-align: top; }
	#nav-mobile a { color: #7a1419; display: block; font-size: 16px; line-height: 20px; outline: none; position: relative; text-align: left; text-decoration: none; }
	#nav-mobile a:hover { background-color: #7a1419; color: #fff }

	#nav-mobile > ul { padding: 40px 0 0; }
	#nav-mobile > ul > li { display: block; float: left; margin: 0 1% 10px; vertical-align: top; width: 23%; }
	
	#nav-mobile > ul > li > a { background-color: rgba(255,255,255,.5); border-bottom: 2px solid #bab9ac; display: block; font-weight: 500; margin: 0 0 5px; padding: 5px 10px; }

	#nav-mobile > ul > li:nth-child(4n+1) { clear: left; }
	#nav-mobile > ul > li.menu-item-has-children > a { }

	#nav-mobile ul ul { }
	#nav-mobile ul ul li { margin: 0 0 5px; }
	#nav-mobile ul ul a { font-size: 14px; padding: 5px 5px 5px 15px; }
	#nav-mobile ul ul a:before { content: '- '; }
	
	
	.home #feestelijk-wrap,
	.home #feestelijk,
	.home #feestelijk-gallery { float: none; min-height: 0; width: 100%; }
	.home #feestelijk-gallery { display: none !important; }
	
	.page-template-contact { padding-top: 110px; }
}

@media only screen and (max-width: 900px) {
	#nav-mobile > ul > li { margin: 0 1% 10px; width: 31%; }
	#nav-mobile > ul > li:nth-child(4n+1) { clear: none; }
	#nav-mobile > ul > li:nth-child(3n+1) { clear: left; }
	
	.page-template-reserveren fieldset #lijst,
	.page-template-reserveren fieldset #legende { float: none; margin-bottom: 10px; width: 100%; }
}

@media only screen and (max-width: 800px) {
	body { font-size: 14px; line-height: 20px; }
	
	#header-top p.mail { font-size: 0; line-height: 0; }
	#header-top p.mail > a { height: 28px; padding: 0 !important; width: 28px; }
	#header-top p.mail > a::before { left: 4px; }
	
	#footer { padding-top: 50px; }
	#footer nav li::before { height: 6px; width: 6px; }
	#footer h3 { display: none; }
	
	#footer-bottom { font-size: 0.75em; }
	#about-the-author a:before { display: block; position: absolute; left: -17px; bottom: 0; content: ' '; border: 2px solid #d14943; border-radius: 50%; width: 16px; height: 16px; }
	
	#seo-contactform fieldset { width: 100%; }
	
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box,
	#content ul.seo-gallery > li { width: 33.33%; }

	.ngg-galleryoverview > .ngg-gallery-thumbnail-box:nth-child(5n+1) { clear: none; }
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box:nth-child(4n+1) { clear: left; }
	
	
	#content .search-result { clear: none; margin: 0 2% 20px; width: 46%; }
	#content .search-result:nth-child(2n),
	#content .search-result:first-child { clear: right;  }
}

@media only screen and (max-width: 700px) {
	#image-bar-wrap { padding: 50px 0; }
	#image-bar .intro { float: none; margin: 0 auto; padding: 0; width: 100%; }
	#image-bar .gallery { float: none; margin: 0 auto; padding: 0; width: 90%; }
	#image-bar .gallery .item { margin: 2%; width: 46%; }
	
	#image-bar h1,
	#image-bar h2,
	#image-bar h3 { font-size: 1.5em; line-height: 2em; margin: 0 0 30px; }
	
	#nav-mobile > ul > li { margin: 0 2% 10px; width: 46%; }
	#nav-mobile > ul > li:nth-child(3n+1) { clear: none; }
	#nav-mobile > ul > li:nth-child(2n+1) { clear: left; }
}


@media only screen and (max-width: 600px) {
	#header-top p.tel { font-size: 0; line-height: 0; margin-right: 0; }
	#header-top p.tel > a { height: 28px; padding: 0 !important; width: 28px; }
	#header-top p.tel > a::before { left: 4px; }
	
	#footer nav { float: none; width: 100%; }
	#footer nav ul { margin: 0 2% !important; width: 96%; }
	#footer nav li { float: left; padding: 0 0 0 20px; }
	#footer nav li::before { top: 10px; }
	
	.label,
	.pm-field { display: block; float: none; width: 100%; }
	
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box,
	#content ul.seo-gallery > li { width: 50%; }

	.ngg-galleryoverview > .ngg-gallery-thumbnail-box:nth-child(4n+1) { clear: none; }
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box:nth-child(2n) { clear: left !important; }
}

@media only screen and (max-width: 540px) {
	body { font-size: 12px; line-height: 16px; }
}

@media only screen and (max-width: 480px) {
	#nav-mobile > ul > li { clear: both; float: none; margin: 0 3% 10px; width: 94%; }
}