@media screen and (max-width: 1440px){
	.headerContainer .h1 												{max-width: 1000px; font-size: 50px;}
}

@media screen and (max-width: 1279px){
	.partNavigation-hvbvr li 											{margin-right: 25px;}
	#rightContainer 													{max-width: 360px;}
}

@media screen and (max-width: 1023px){
	#topBar nav.basicContainer 											{height: 70px;}
	.stickyScrollGhost													{height: 100px;}
	#logo img 															{height: 40px;}

	.partNavigation-hvbvr, #sideMenuLeft 								{display: none;}
	#mobileMenuToggle													{display: flex; margin-left: 20px;}

	.whiteContainer, .greyContainer, .colorContainer, footer 			{padding-top: 40px; padding-bottom: 10px;}
	
	h1, .h1, .headerContainer .h1										{font-size: 40px;}
	h2, .h2																{font-size: 30px;}
	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table, .partButton {font-size: 16px;}

	.flexContainerColumns4 .flexItem									{width: calc(50% - 30px);}
	.flexContainerColumns3 .flexItem									{width: calc(50% - 30px);}

	.flexItem:last-child {margin-right: 15px;}

	#scrollDownMouse {display: none;}
	.headerContainer .h1 {margin-bottom: 0;}

	.basicContainerTwoColumns 											{flex-direction: column;}
	#leftContainer 														{padding-right: 0;}
	#rightContainer 													{max-width: 840px;}
}

@media screen and (max-width: 767px){
	.whiteContainer, .greyContainer, .colorContainer, footer 			{padding: 30px 0px 10px 0px;}

	h1, .h1, .headerContainer .h1										{font-size: 34px;}
	h2, .h2, #mailTelContainer li a										{font-size: 24px;}

	#mailTelContainer li {justify-content: center;}

	/* footer */
	footer .basicContainer 												{display: block;}
		.footerColumn  														{width: auto;}
		.footerColumnLeft, .footerColumnRight 								{text-align: center; padding:0px;}

		.footerColumn .socialContainer 									{justify-content: center; margin-bottom: 30px;}

	.partSlickSliderLogos {padding-left: 0; padding-right: 0;}

	/* parallax set height */
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 240px;}
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer img  						{object-fit: cover;}

	.partSlickSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 200px;}
	.partSlickSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer img  					{object-fit: cover;}
}

@media screen and (max-width: 667px){
	#topBarSmall .socialContainer  									{display: none;}

	.oneSecondColumn.flexItem  										{display: block;}
		.oneSecondColumn 												{width: 100%;}

	.socialShareLabel 												{display: block; width: 100%;}	

	.headerContainer 												{padding-left: 25px; padding-right: 25px;}

	.flexContainerColumns4 .flexItem								{width: calc(100% - 30px);}
	.flexContainerColumns3 .flexItem								{width: calc(100% - 30px);}
	.flexContainerColumns2 .flexItem								{width: calc(100% - 30px);}

	.flexContainer {padding-top: 0px;}

	a.flexItem .partContentText {display: none;}

	#nieuws a.flexItem h2 {min-height: auto;}

	/* references */
	#references .flexItem {max-width: none; margin-bottom: 0px;}
}

@media screen and (max-width: 480px){
	#logo img, #topBar.scrolled #logo img  {height: 30px;}
	#topBar .partButton {font-size: 14px; height:40px; overflow: visible; width: 70px;}
	#topBar .partButton .buttonLabel {text-overflow: initial; white-space: normal; line-height: 1.1em; text-align: left;}
}

@media screen and (max-width: 380px){
	#topBarSmallPhoneEmail a:last-child {display: none;}
}