/*.tablet #header-wrap,
.mobile #header-wrap { position: relative !important; }*/

@media only screen and (max-width: 1680px) {
	#agenda .item .entry-content h2 { font-size: 18px; }

	#agenda .item .entry-meta .entry-date,
	#agenda .item .readmore { font-size: 12px; }
}

@media only screen and (max-width: 1440px) {
	#nav-main > ul > li:last-child:hover > ul,
	#nav-main > ul > li.sfHover:last-child > ul { left: auto !important; margin: 0 !important; right: 0; }
	#nav-main > ul > li:last-child > ul::before { display: none !important; }
	
	#nav-top > ul > li:last-child:hover > ul,
	#nav-top > ul > li.sfHover:last-child > ul { left: auto !important; margin: 0 !important; right: 0; }
	#nav-top > ul > li:last-child > ul::before { left: auto; right: 13px; }
}
@media only screen and (max-width: 1200px) {
	#header, #content, #footer,
	#book-online, #agenda-wrap header, #hotel-wrap header, #newsletter,
	#get-directions { width: 100%; }
	
	#gmap { height: 300px; padding: 0; }
	
	#nav-main > ul > li > a { margin: 0 1px; }

	#post-thumbnail { height: 0; padding: 0 0 60%; }
	
	#content { padding: 0 5%; }
	
	.single-post #main-wrap,
	.single-agenda #main-wrap { width: 100%; }
	
	#hotel-wrap header h1 { font-size: 40px; line-height: 54px; }
	
	#newsletter header h3 { font-size: 20px; }
	#newsletter header h2 { font-size: 24px; }
	
	#ratings h3 { font-size: 16px; }
}

@media only screen and (max-width: 1100px) {
	#nav-main > ul > li > a { padding: 8px 5px 7px; }
	
	#links a { font-size: 14px; line-height: 18px; }
	
	#nav-posts .entry-title { font-size: 18px; line-height: 24px; }
	#nav-posts .previous .entry-title a { padding: 15px 0 15px 30px; }
	#nav-posts .next .entry-title a { padding: 15px 30px 15px 0; }
	#nav-posts .entry-title a:before {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	#nav-posts .previous .entry-title a:before { left: -5px; }
	#nav-posts .next .entry-title a:before { right: -5px; }

	#nav-posts .return-to-list { width: 96%; }
	#nav-posts .return-to-list .entry-title a { padding: 15px 0; }
	#nav-posts .return-to-list .entry-title a:before { left: 25%;
		-webkit-transform: scale(0.5) rotate(90deg);
		-moz-transform: scale(0.5) rotate(90deg);
		-o-transform: scale(0.5) rotate(90deg);
		transform: scale(0.5) rotate(90deg);
	}
	
	#ratings h3 { font-size: 14px; }
}

@media only screen and (max-width: 1000px) {
	body { font-size: 16px; line-height: 24px; }
	h1 { font: 400 36px/1.2em 'Open Sans', sans-serif; }
	h2 { font: 400 24px/1.2em 'Open Sans', sans-serif; }
	h3 { font: 400 20px/1.2em 'Open Sans', sans-serif; }

	body { padding: 100px 0 0; }
	
	#logo { height: 100px; width: 50%; }
	#logo svg { height: 88px; width: 180px; }
	
	#nav-top { display: none; }
	#nav-main { display: none; }
	#nav-mobile-wrap { display: block; }
	#ribbon { height: 20px; margin: 0; }
	
	#newsletter header h3 { font-size: 16px; line-height: 30px; }
	#newsletter header h2 { font-size: 20px; line-height: 30px; }

	
	#footer h2 { font-size: 20px; line-height: 24px; }
	#footer h3 { font-size: 16px; line-height: 20px; }
	
	#hcard, #featured { margin-bottom: 20px; width: 50%; }
	
	#links { border-top: 1px solid rgba(255,255,255,.25); clear: both; float: none; padding: 20px 10px; width: 100%; }
	#links .nav { float: left; width: 50%; }
	#links hr { display: none; }
	
	#hotelspecials-awards { padding-bottom: 20px; padding-top: 20px; }
	
	.home #page-title { margin: 0 0 10px !important; text-align: center; }
	#ratings { left: auto; position: relative; top: auto; width: 100%; }
	#ratings h3 { text-align: center; }
}

@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; }
	
	.home #page-title h1 { margin: 0 0 10px !important; }
	#hotelspecials-awards { background-position: left center; background-size: 75px 75px; padding-left: 100px; position: relative; right: auto; top: auto; }
	#hotelspecials-awards span { display: inline; }
}

@media only screen and (max-width: 800px) {
	#book-online label { display: none; }
	
	.single-post #content,
	.single-agenda #content { float: none; margin: 0 0 30px; width: 100%; }
	.single-post #sidebar,
	.single-agenda #sidebar { float: none; width: 100%; }
	.single-post #nav-posts li { border: none; }
	
	#hotel-wrap header h1 { font-size: 30px; line-height: 40px; }
	
	#nav-posts .entry-title { font-size: 16px; line-height: 20px; }
	#nav-posts li { display: block; margin: 0 2%; width: 46%; }
	#nav-posts li.previous { float: left; }
	#nav-posts li.next { float: right; }
	
	
	#get-directions label { display: none; }
	#get-directions .pm-field { width: 50%; }
	
	#newsletter header { float: none; padding: 20px 20px 0; width: 100%; }
	#newsletter header h3, #newsletter header h2 { text-align: center; }
	#mc_embed_signup { float: none; padding: 10px 0 30px; width: 100%; }
	#mce-responses { margin: 0 0 10px; min-height: 0; }
	
	
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box,
	#content ul.seo-gallery > li { width: 33.33%; }
	
	#footer footer { font-size: 14px; line-height: 18px; padding: 15px 10px; }
	
	
	#content .search-result { clear: none; margin: 0 2% 20px; width: 46%; }
	#content .search-result:nth-child(2n),
	#content .search-result:first-child { clear: right;  }
	
	#hotel-wrap ul.omgeving li { font-size: 1em; line-height: 1.333em; }
}


@media only screen and (max-width: 700px) {
	#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: 640px) {
	h1 { font: 400 30px/1.2em 'Open Sans', sans-serif; }
	h2 { font: 400 20px/1.2em 'Open Sans', sans-serif; }
	h3 { font: 400 16px/1.2em 'Open Sans', sans-serif; }
	
	#book-online .datepicker { background: #fff; padding: 5px; width: 120px; }
	#booking-hotel { font-size: 0; height: 40px; line-height: 0; padding: 0; width: 70px; }
	#booking-hotel::after { right: 20px; }
	
	#get-directions .pm-field { width: 60% !important; }
	#get_directions_submit { font-size: 0; height: 40px; line-height: 0; padding: 0; width: 55px; }
	
	
	#hotel-wrap header h1 { font-size: 24px; line-height: 30px; }
	
	.content-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1; 
	}
	
	.mc-field-group:not(.mc-field-email) { margin: 0 2% 20px; width: 46%; }
	.mc-field-email { clear: left; margin: 0 2%; width: 66%; }
	.mc-field-cta { margin: 0 2%; width: 26%; }
	.mc-field-cta .button-small { width: 100%; }
	
	
	#content .single-post figure { float: none; margin: 0 auto 20px; max-width: 360px; width: 100%; } 
	#content .single-post .entry-header,
	#content .single-post .entry-content { float: none; width: 100%; }
	
	
	.social a { height: 40px; width: 40px; }

	.social .facebook > a { background-position: -20px -145px; }
	.social .twitter > a { background-position: -100px -145px; } 
	.social .googleplus > a { background-position: -180px -145px; } 
	.social .linkedin > a { background-position: -20px -195px; } 
	.social .tripadvisor > a { background-position: -100px -195px; }
	
	#links { display: none; }
	
	#footer footer ul { float: none; margin: 0 auto 20px; text-align: center; }
	
	
	#nav-agenda .entry-title { font-size: 16px; line-height: 24px; }
	#nav-agenda .entry-title a:before { display: none; }
	
	.label, fieldset .pm-field, #opsturen_naam { clear: both; display: block; float: none; line-height: 24px; margin: 0; width: 100%; }
	.label { padding: 0 5px; }
	fieldset .totaalprijs .label { display: inline-block; margin: 0 5px 0 0 !important; width: auto; }
	fieldset .pm-small { width: 130px !important; }
	
	
	#content .searchform .label { float: none; margin: 0 0 10px; width: 100%; }
	#content .searchform .pm-field { margin-right: 0; width: 70%; }
	#content .searchform .button-small { float: right; width: 25%; }
	
	h3.seo-wordcloud-title,
	.seo-wordcloud,
	h3.seo-gallery-title { width: 100%; }
	
	#hotel-wrap ul.omgeving li { clear: both; float: none; width: 100%; }
}

@media only screen and (max-width: 480px) {
	#logo svg { height: 66px; width: 135px; }
	
	#book-online { padding: 10px 0; }
	#book-online p { margin: 0 5px; } 
	#book-online .datepicker { font-size: 16px; width: 100px; }
	
	#hotel-wrap header h1 { font-size: 18px; line-height: 24px; }
	
	
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box,
	#content ul.seo-gallery > li { width: 50%; }
	
	#hcard { float: none; padding: 0; width: 100%; }
	#featured { display: none; }
	
	#nav-agenda .entry-title { font-size: 14px; line-height: 20px; }
	#nav-agenda .entry-date { font-size: 12px; }
	
	.button,
	.ghost-button { font-size: 20px; padding: 4px 40px 4px 10px; }
	
	
	#content .search-result { margin: 0 0 20px; padding: 10px 5%; width: 100%; }
	
	
	#nav-mobile > ul > li { float: none; margin: 0 3% 10px; width: 94%; }
}

@media only screen and (max-width: 360px) {
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box,
	#content ul.seo-gallery > li { float: none; width: 100%; }
	.ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a,
	#content ul.seo-gallery > li > a { border-left: none; }

	.single-agenda .ngg-galleryoverview > .ngg-gallery-thumbnail-box { border-left: 2px solid #fff !important; border-right: 2px solid #fff !important; float: left !important; width: 50% !important; }
	.single-agenda .ngg-galleryoverview > .ngg-gallery-thumbnail-box:nth-child(2n+1) { clear: both; }
	
	.entry-thumbnail img { height: auto; width: 100%; }
}