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

@media screen and (max-width: 1279px){
	#rightContainer 													{max-width: 360px;}
	.partNavigation.horizontal ul.level-0 > li 							{margin-left: 20px;}
}

@media screen and (max-width: 1023px){
	.stickyScrollGhost 													{height:90px;}
	#topBarLogoMenu .basicContainer  									{height:60px;}
	#topBar #logo img 													{height:85px;}

	.partNavigation.horizontal, #sideMenuLeft 							{display: none;}
	#mobileMenuToggle													{display: flex;}

	.basicContainer 													{padding-top: 60px; padding-bottom: 30px;}
	
	h1, .h1, .headerContainer .h1										{font-size: 40px;}
	h2, .h2																{font-size: 24px;}
	h3, .h3 															{font-size: 20px;}

	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table {font-size: 16px;}

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

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

	.basicContainerTwoColumns 											{flex-direction: column;}
	
	#leftContainer 														{padding-right: 0; order:2;}
	#rightContainer 													{max-width: 840px; order:1; position: static;}
	#rightContainerNavigation h2 {display: none;}
}

@media screen and (max-width: 767px){
	.basicContainer 													{padding-top: 30px; padding-bottom: 0;}
	#introContainer .basicContainer  									{padding-top: 40px; padding-bottom: 20px;}
	#introContainer + * .basicContainer 								{padding-top: 20px;}

	h1, .h1, .headerContainer .h1										{font-size: 30px;}
	h2, .h2, #mailTelContainer li a										{font-size: 22px;}
	h3, .h3 															{font-size: 18px;}

	.flexContainer  									   				{padding-top: 30px;}

	#mailTelContainer li {justify-content: center;}

	/* footer */
	footer .basicContainer 												{display: block; padding-bottom: 20px;}
		.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;}
}

@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);}

	#iconsAndText .flexContainerColumns4 .flexItem					{width: calc(50% - 30px);}
	#iconsAndText .flexItem .partContentFileImageGallery.single  	{max-width: 40px; margin-left: auto; margin-right: auto;}
	
	#iconsAndText + #news .flexItem:not(:first-child) {display: none;}

	#services .flexItem .partContentText, #news .flexItem .partContentText {display: none;}

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

	.flexItem 													{max-width: 420px; margin-left: auto; margin-right: auto;} 

	/* modified height of images */
	.parallaxContainer .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 150px;}
	.parallaxContainer.home .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder  		{height: 250px;}
	#services .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder, #news .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {height: 150px; padding-bottom: 0!important;}
	.partSlider.homeHeader .slideContainer,	.partSlider.homeHeader .partContentFileImageGallery figure .imagePlaceholderContainer .imagePlaceholder {padding-bottom: 50%!important;}

	.locationItem {}
	.locationItem {padding: 15px 15px 0px 15px;}
	.locationItem h2 {font-size: 30px;}

	.locationItem:first-child {margin-right: 10px;}
	.locationItem:last-child {margin-left: 10px;}

	.locationItem .partButton {margin-bottom: 20px;}
	.locationItem .partContentText p {font-size: 16px; margin-bottom: 10px;}

	#topBarHome #logo img {height: 125px;}

	.menuPhoto {display: none;}

	.menuItem h3 {font-size: 16px;}
	.menuItem.vega h3:after {width: 11.25px; height: 12px;}
	.menuItem .partContentText p {font-size: 14px;} 
	.menuNumber {font-size: 14px;}

	#rightContainer .partNavigation.vertical ul.level-0 > li > a {padding: 10px;}
	
}

@media screen and (max-width: 380px){
	.locationItem .partContentText p {font-size: 14px;}
}

@media screen and (max-width: 370px){
	.locationItem:first-child {margin-right: 5px;}
	.locationItem:last-child {margin-left: 5px;}
}