@media only screen and (max-device-width: 1024px){
	.parallaxContainer {background-attachment: scroll; background-position: center top;}
}

@media (max-width: 1280px){
	.partNavigation.horizontal ul.level-0 > li {margin-right: 50px;}
	.imageVerticalFix 			{top:80%;}
	.imageVerticalFixTitle		{font-size: 150%; padding-left: 20px; padding-right: 20px;}
}	


@media (max-width: 1220px){
	.basicContainerSmall h1, .basicContainer #logoReferentieContainer, .basicContainerSmall .partContentText, .basicContainerSmall .partContentForm, .basicContainerSmall .partContentCode, .basicContainerSmall .partContentVideo, .basicContainerSmall .partContentForm, .basicContainerSmall .partGoogleMaps, .basicContainerSmall .partContentFileAdmin, .basicContainerSmall .partContentFileImageGallery, .basicContainerSmall .ctaButton  {margin-left: 0px;}
}

@media (max-width: 1100px){
	.partNavigation.horizontal ul.level-0 > li {margin-right:30px;}
}

@media (max-width: 1023px){
	#logo 																{width: 200px; margin-bottom: 10px;}

	.partNavigation.horizontal, #sideMenuLeft 								{display: none;}
	#sideMenuContent 													{padding:30px 0px 10px 0px; max-width: 700px; }
	.mobileMenuOpen														{display: block;}
	
	.sideMenuContainer #sideMenuContainer, #sideMenuContent 			{display: block;}

	.imageVerticalFix 													{background: rgba(82,82,82,0.6);}
	.homeSlider .imageVerticalFixTitle 							{padding-right: 0px;}

	.homeIntroLeft, .homeIntroRight 									{float: none; width: auto;}
	.homeIntroLeft 														{padding-right: 0px;}
	.homeIntroRight														{padding-left: 0px;}
	.homeIntroRight .partContentVideo   								{max-width: 600px;}

	#diensten .columnContainer 											{display: block;}
	#diensten .columnContainer a  										{height: auto; width: 100%; display: block; padding:30px;}
	#diensten .columnContainer a span 									{top:auto; transform: none;}

	#topBar 															{height: 90px; border-bottom: solid 10px #0069a3;}
	#topBar .basicContainer  											{height: 90px; padding-top: 0px;}

  	.stickyScrollGhost 													{height: 90px;}
}
@media (max-width: 768px){
	
}

@media (max-width: 767px){
	
	h1																	{}
	.whiteContainer, .greyContainer, .colorContainer 			{padding: 30px 0px 10px 0px;}
	.columnContainer 													{padding-top: 10px;}

	.columnContainer 													{}
	.colorContainer .columnContainer 									{}

		.oneThirthColumn.columnItem  										{display: block;}
		.columnItem 														{margin-bottom: 20px;}					
			.oneThirthColumn													{width: 100%;}
			.oneFourthColumn 													{width: 48.7%;}


			.basicContainerSmall .partContentFileImageGallery.single 		{float:none; margin-left: 0px;}
}

@media (max-width: 666px){
	h1, .imageVerticalFixTitle, footer .contactItem, #footerHeading					{font-size: 150%;}
	footer .contactItem	svg												{height: 18px;}
	h2 																	{font-size: 112.5%;}

	#topBar .socialContainer 											{display: none;}

	#diensten .columnContainer a  										{font-size: 125%;}

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


	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table, .ctaButton {
		font-size: 100%;
	}

	.parallaxContainerTop 											{padding-top: 0px; height: 200px; background-position: center center; background-attachment: scroll; background-size: cover;}
	.parallaxContainerMiddle 										{padding-top: 0px; height:200px;}

	.imageVerticalFixTitle											{font-size: 125%;}

	#logo 																{width: 160px;}
}

@media (max-width: 480px){
	.imageVerticalFix 													{display: none;}
	.oneFourthColumn 													{width: 100%;}
	.oneFourthColumn .partContentFileImageGallery.single 				{margin-bottom: 5px;}
}