@media 	screen and (max-width: 1280px){

		html{ font-size: 51.136%; }
		header .inner::before{ left: 35.6%; }
		header .grid-bottom nav{ width: 63%; }
		div.w-banner2-listwrap[style*="height: 800px;"]{ max-height: 85vh; }
}



/* large tablets in portrait mode, small tablets in landscape */
@media 	screen and (max-width: 1023px),
		screen and (max-device-width: 1023px) and (orientation: portrait),
		screen and (max-device-width: 767px) and (orientation: landscape){

		#mainmenu,
		header .inner::before{ display: none; }

		header{ position: relative; }
		main,
		main.no-top-nav,
		body.landingspage-active main{ padding-top: 0; }


		div.w-s-textimage .grid{ margin-bottom: 0; }
		div.w-s-textimage [class*="col-"]{ width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 3rem; }
		div.w-s-textimage .col-1.wide > img,
		div.w-s-textimage .col-2.wide > img{ width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
		div.news-view{ width: auto; }

		#mobile-menu-toggle{ display: block; font-size: 4rem; text-decoration: none; color: #333; align-self: center; }
		#mobile-menu-toggle:before,
		#mobile-menu-close:before{ content: "\f0c9"; font-family: 'FontAwesome';  }
		#mobile-menu-toggle:hover,
		#mobile-menu-toggle:focus{ text-decoration: none; background: none; }
		#mobile-menu-close{ font-size: 4rem; position: absolute; top: 0.2em; right: 0.2em; line-height: 1; }
		#mobile-menu-close:before{ content: "\f057"; }
		#mobile-menu-close:hover,
		#mobile-menu-close:focus{ opacity: 0.5; }

	.grid > .col.left{ flex: 2 1 0%; }
	body .news.list .news-item{ width: calc(50% - 3rem); }
	body .news.list .news-view{ width: 100%; }

		body .w-s-highlights .col,
		body .w-s-highlights .col:nth-child(2){ width: 50%; margin: 0; padding: 3rem; border-bottom: 1px solid #FFF; }
		body .w-s-highlights .col:nth-child(2){ border-left: 1px solid #FFF; border-right: 0; }
		body .w-s-highlights .highlight-title{ margin-top: 0; }

		#mobile-menu{ position: absolute; display: block; transform: translate(-50%, 0); right: 0; left: 0; top: 0; background-color: #ff0000; min-height: 100%; box-sizing: border-box; transition: all 0.5s; }
		#mobile-menu ul{ display: block;}
		#mobile-menu ul ul{ position: static; }
		#mobile-menu li{ list-style-type: none; }
		#mobile-menu a{ display: block; color: #fff; }
		#mobile-menu a:hover,
		#mobile-menu a:focus{ color: #333; text-decoration: none; }
		#mobile-menu > ul{ padding: 4rem; }
		#mobile-menu > ul:not(.landingpage) > li > a{ font-weight: bold; font-size: 1.5em; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 1rem 0; line-height: 1; }
		#mobile-menu > ul:not(.landingpage) > li li > a{ font-size: 1.2em; font-weight: 400; text-transform: inherit; }
		#mobile-menu > ul:not(.landingpage) > li ul{ margin: 1.2rem 0; padding-left: 3rem; }


		#wrap{ max-width: 100%; position: relative; transition: all 0.5s; }

		.mobile-active #wrap{ position: fixed; top: 0; transform: translate(-100%, 0); }
		.mobile-active #mobile-menu{ visibility: visible; opacity: 1; transform: translate(0, 0); }


		#mobile-menu ul.landingpage li{ font-size: 1.5em; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; }
		#mobile-menu ul.landingpage li.tel a{ display: inline; }
		#mobile-menu ul.landingpage li.button a.button-rood{ background-color: #333; font-size: 1em; padding: 0.4em 1em 0.4em 0.6em;  }
		#mobile-menu ul.landingpage li.button a.button-rood:after{ font-size: 0.6em; }
		#mobile-menu ul.landingpage li.button a.button-rood:hover,
		#mobile-menu ul.landingpage li.button a.button-rood:focus{ background-color: #fff; color: #333; }
		#mobile-menu ul.landingpage li.button a.button-rood:hover:after,
		#mobile-menu ul.landingpage li.button a.button-rood:focus:after{ color: #333; }

		header > .inner{ align-items: center; }
}



/* small tablets in portrait, smart phones in landscape */
@media 	screen and (max-width: 767px),
		screen and (max-device-width: 767px) and (orientation: portrait),
		screen and (max-device-width: 499px) and (orientation: landscape){

		.modal{ margin: 0 !important; width: auto !important; left: 20px; right: 20px;}
		.modal.fade.in{ top: 20px; }

		.width-25,
		.width-33{ width: calc(50% - 6rem); }
		.width-66,
		.width-75{ width: calc(100% - 6rem); }

		div[data-w-multigallery-columns="4"] .w-multigallery2-item{ width: 33.333%; }

		a.news-item{ flex-wrap: wrap; }
		a.news-item .image{ width: 100%; }

	.grid > .col.left,
	.grid > .col.right{ flex: 0 1 auto; width: 100%; }

		div.w-banner2-listwrap[style*="height: 800px;"] .w-banner2-image{ background-position: 33% top; }
		div.w-banner2-content h1{ font-size: 4rem;  }
		div.w-banner2-content blockquote,
		div.w-banner2-content h2,
		div.w-banner2-content h3{ font-size: 3rem; }
		div.w-banner2-text > img{ max-height: 6rem; margin: 1rem 0 2rem; }

		div[data-w-lightbox-container]{ margin: 0.5em; }
		div[data-w-lightbox-sliderwrap]{ margin-top: 0.5em; }
		div[data-w-lightbox-sliderwrap],
		div[data-w-lightbox-slider],
		a[data-w-lightbox-slider-item]{ height: 4em; }

	main .breadcrumbs-grid{ display: none; }
	main #search-block-inner{ padding: 6rem 3rem; }
}



/* smart phones in portrait */
@media	screen and (max-width: 559px),
		screen and (max-device-width: 559px) and (orientation: portrait){

		h1{ margin-top: 1.5em; }
		a[class*="button"]{ font-size: 2.4rem; padding: 0.5rem 3rem 0.5rem 1.3rem; }
		a.button-large,
		a.button-rood-large{ font-size: 2.6rem; padding: 1.2rem 4rem 1.2rem 1.3rem; }
		a.button-large:after,
		a.button-rood-large:after{ font-size: 1.8rem; }

		.width-25,
		.width-33,
		.width-50{ width: calc(100% - 6rem); }
		footer div.w-s-socialmedia{ text-align: left; }
		div[data-w-multigallery-columns="4"] .w-multigallery2-item{ width: 50%; }
		div[data-w-multigallery-columns="2"] .w-multigallery2-item{ width: 100%; }
		.newsletter.index div.form > form{ flex-wrap: wrap; }
		.newsletter.index div.form > form > div.staticHtml{ width: 100%; margin-right: 0; }
		.newsletter.index div.form > form > div.input.text{ margin-left: 0; }
		main a.button-rood.newsNav{ padding: 0.5rem 1.3rem 0.5rem 3rem; }

		div.news-view > .img,
		div.news-view > .text:first-child > h1{ margin-top: 6.3rem; }

		div.w-banner2-content h1{ font-size: 3.2rem;  }
		div.w-banner2-content blockquote,
		div.w-banner2-content h2,
		div.w-banner2-content h3{ font-size: 2.8rem; }
		div.w-banner2-content p.intro{ font-size: 2.4rem; }

		main div.form > form > div{ flex-wrap: wrap; }
		main div.form > form > div > label,
		main div.form > form > div > .htmlLabel{ width: 100%; margin-bottom: 0.2em; }
		main div.form > form > div > input[type="text"],
		main div.form > form > div > input[type="password"],
		main div.form > form > div > textarea,
		main div.form > form > div > select{ width: 100%; }

	body .w-s-highlights .col,
	body .w-s-highlights .col:nth-child(2){ width: 100%; }

	body .news.latest.news-explanations .content .news-item,
	body .news.list.news-explanations .news-list .news-item{ width: calc(100% - 4rem); }
	body .news.latest.news-explanations .news-top{ flex-flow: column nowrap; }

	#top-nav{ font-size: 0.9em; }
	#top-menu li{ margin-left: 1rem; }

	footer .inner.grid > small{ flex-flow: column nowrap; }
	footer .inner.grid > small > span{ margin-bottom: 2rem; }
}


/* small */
@media	screen and (max-width: 400px),
		screen and (max-device-width: 400px) and (orientation: portrait){

		.newsletter.index div.form > form > div.input.text,
		.newsletter.index div.form > form > div.input.submit{ width: 100%; margin: 0; }
		.newsletter.index div.form > form > div.input.submit{ margin-top: 0.5em; }
		main div.form > form > div > input[type="submit"],
		.newsletter.index div.form > form > div.input.submit > input[type="submit"]{ width: 100%; }

    #top-nav > a{ margin-left: 1rem; }

	body .news.list .news-item{ width: calc(100% - 3rem); }

}