/* ======================================================================================================================================================
/* Standaard Template 1 V1.0
====================================================================================================================================================== */
@media only screen and (max-width: 999px) {

}


@media only screen and (max-width: 1020px) {
	:root {
		--banner-height-full: 52vh;
		--padding-sides: 20px;
	}

	aside .hide_d {
		display: block;
	}

	body > section > main, body > section > aside {
		flex: 0 0 100%;
	}

	body > section {
		flex-wrap: wrap;
	}

	body > section > aside, body > section.reversed > aside {
		margin: 0;
	}

	body > footer > div.address, body > footer > div.menu {
		flex: 0 0 100%;
	}

	body > footer > div.address {
		text-align: center;
	}

	body > footer > div.menu nav > ul {
		flex-direction: row;
		max-height: none;
	}

	body > footer > div.menu nav > ul > li {
		flex: 1 1 50%;
		overflow: hidden;
		text-align: center;
	}

	body > footer > div.menu nav > ul > li > a {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	body > section > main article > a.lightbox:first-of-type, body > section > main article.right > a.lightbox:first-of-type {
		display: block;
		float: none;
		padding: 0 0 1em 0;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--banner-height-full: 42vh;
		--banner-slim-height: 150px;
		--banner-slim-padding: 0;
	}

	body > header > div.secondary, body > header > div.main nav:nth-of-type(2) ul {
		display: none;
	}

	body > header > div.main nav ul.toggle-mobile {
		display: flex;
	}

	body > header > div.main nav ul.toggle-mobile li button {
		padding: 10px 12px;
	}

	body > header > div.main nav ul.toggle-mobile li button img {
		width: 14px;
		height: 12px;
		display: block;
		padding: 0;
		margin: 0;
	}

	#superslides #slides .caption.desktop {
		display: none;
	}

	body > header > div.contact > nav ul {
		justify-content: center;
	}

	body > header > div.contact > nav ul li {
		display: none;
	}

	body > header > div.contact > nav ul li.phone, body > header > div.contact > nav ul li.email {
		display: block;
	}

	ul.flex-gallery.zoom.left, ul.flex-gallery.zoom.right {
		max-width: 50%;
		padding: 0 1em 1em 0;
	}

	main article table {
		max-width: 100%!important;
		width: 100%!important;
	}
}

@media only screen and (max-width: 600px) {
	:root {
		--banner-height-full: 32vh;
		--core-items: 1;
		--flex-gallery-items: 1;
		--flex-gallery-item-width: 100%;
		--header-logo-width: 100%;
	}
	ul.flex-gallery.zoom.left, ul.flex-gallery.zoom.right {
		max-width: 100%;
		padding: 0 0 2em;
	}
}