@media (max-width: 2560px){
	
}

@media (max-width: 1679px){
	.slickContainer500 {padding-top: 34%;}
	
	#scrollDownButton span 				{width: 30px; height: 50px; border: 2px solid #fff; margin-left: -15px;} 
	#scrollDownButton span::before 		{top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px;} 

	#topImage.homepage h1 												{font-size: 80px;}
}

@media (max-width: 1439px){
	.partNavigation-hvbvr li a 						{padding: 35px 10px 28px 10px;}
	.partNavigation-hvbvr ul li a 					{padding: 15px 10px;}
	.partNavigation-hvbvr .sf-with-ul 						{padding-right: 27px;}
	.partNavigation-hvbvr .sf-with-ul:after 				{right: 10px;}

	.flexContainerColumns4 .flexItem	{width: calc(33.33% - 40px);}
}

@media (max-width: 1300px){
	#introBlock  			{width: calc(100% - 340px);}
}

@media (max-width: 1279px){
	.partNavigation-hvbvr {display: none;}
	.mobileMenuOpen 		{display: block;}
}

@media (max-width: 1024px){
	.basicContainer														{padding: 50px 20px 20px 20px;}
	.basicContainer.contactPage 										{padding-top: 140px;}
	.lightBrownContainer .ctaButton.showMoreButton 						{font-size: 30px;}
	.lightBrownContainer {margin-bottom: -50px;}
.flexContainerColumns2 .right{margin-top: -50px;}
	.diagonalElementGrey:before, .diagonalElementGreyAfter:after, .diagonalElementWhite:before, .diagonalElementWhiteAfter:after, .diagonalElementBlue:before, .diagonalElementLightBrown:before 	
	{
		height: 70px; transform: skewY(-1.9deg);
	}
	
	.diagonalElementBlue:before, .diagonalElementGrey:before,.diagonalElementLightBrown:before,.diagonalElementWhite:before  {top: -70px;}
	.diagonalElementLightBrown{padding-bottom: 130px;}

}

@media (max-width: 1023px){
	.flexContainerColumns3 .flexItem	{width: calc(50% - 40px);}
	.slickContainer500 					{padding-top: 50%;}
	.flexContainerColumns4 .flexItem	{width: calc(50% - 40px);}
		.disciplines .flexContainer {padding-bottom: 0px;}

	h1, .heading1 						{font-size: 50px; margin-bottom: 20px;}
	h2, .heading2 						{font-size: 30px;}
	.lightBrownContainer {margin-bottom: -100px;}
	#introBlock  						{width: 100%; margin-bottom: 20px; padding: 30px 30px 1px 30px;}
	.socialShareContainer 				{margin-left: 0px;}

	.flexItem.left 			{float: none; width: 100%; text-align: center;}
		 ul#serviceMenu li a 	{width: 100%; padding-left: 0px;}
		 ul#serviceMenu li a:hover:after 								{display: none;}
	.lightBrownContainer .ctaButton {margin-left: 10px; margin-right: 10px;}
	.flexItem.right 		{display: none;}

		.flexContainerColumns2 .left{padding-bottom: 80px;}

	.flexContainerHome .flexItem:nth-last-child(1) {display: none;}
	.flexContainer {padding-bottom: 80px;}

	.socialShareContainer {
		display: none;
	}
}

@media (max-width: 767px){
	.disciplines a.flexItem   			{display: block; width: 100%; padding:12px 0px; font-size: 16px;}

	/* footer span, footer ul 				{float: none;} */
	footer span 						{margin-bottom: 20px; display: block;}
	footer ul  							{}
	footer ul li a 						{margin-left: 10px; margin-right: 10px;}
	
    footer .basicContainer 	            {flex-direction: column;}

	#topImage.homepage h1 				{font-size: 60px;}
	#topImage.homepage .ctaButton 		{margin-top: 30px;}
}

@media (max-width: 667px){
	.flexContainerColumns3 .flexItem	{width: calc(100% - 40px);}
		.homepage #topTextContainer 					{top:200px;}
			 header.homepage h1 {font-size: 40px;}
	.flexItem.twoThird  				{height: 300px;}
	.flexContainerColumns4 .flexItem	{width: calc(100% - 40px);}
	#scrollDownButton span              {bottom:60px;}
	h1, .heading1						{font-size: 30px;}
	 .mobileMenuOpen    {padding:33px 15px 30px 54px}
header.homepage .ctaButton {margin-top: 0px;font-size: 18px;}
	#topImage.brownOverlay  			{height: 150px;}

	.flexContainerHome .flexItem:nth-last-child(2), .flexContainerHome .flexItem:nth-last-child(3) {display: none;}
.mobileMenuOpen {background-size: 20px 20px;}
	.mobileMenuOpen:hover{background-size: 20px 20px;}
	.partContentText p, .partContentText ul, .partContentText ol, .partContentText table, .partContentCode, .partContentVideo, .partContentForm, .partContentFileAdmin {margin-bottom: 20px; font-size: 16px;}
	.flexContainer .flexItem.contact .partContentText p {height: auto; }
	#introBlock .partContentText  {font-size: 20px;}

	#topImage 			{height: 200px;}

	#mobileMenuContainer.mobileMenuContainerActive 	{width: 100%; margin-left: 0%;}
	#mobileMenuContainer 				{margin-left: -100%;}
}

@media (max-width: 479px){
		.basicContainer.contactPage 										{padding-top: 100px;}

	#topImage.homepage h1 				{font-size: 42px;}
	.diagonalElementBlue:before, .diagonalElementGrey:before {top:-30px;}
	.greyContainer {margin-bottom: -20px;}
	.flexItem.twoThird .textOverlay h3 {font-size: 26px;}
	.socialShareContainer .socialShareIcons a {width: 40px;height: 40px;}
		.flexContainer {padding-bottom: 20px;}
	.ctaButton{font-size: 20px;margin-left: 9px;margin-right: 16px;}
	h2, .heading2{margin-bottom: 20px;}
	.diagonalElementGrey:before, .diagonalElementGreyAfter:after, .diagonalElementWhite:before, .diagonalElementWhiteAfter:after, .diagonalElementBlue:before, .diagonalElementLightBrown:before 	
	{
		height: 30px; transform: skewY(-1.9deg);
	}
	.flexContainerNoLink {padding-top: 40px;}

	.logo { width: 132px; }
	.searchIcon { padding:0; width: 26px; }
	
	.diagonalElementBlue:before, .diagonalElementGrey:before, .diagonalElementLightBrown:before, .diagonalElementWhite:before{top:-30px;}
        .homepage #topTextContainer 					{top:300px;}
        
    .stickyScroll .socialContainer  {display: none;}
}
@media (max-width: 320px){
	
/*	.mobileMenuOpen 					{background-image:none;padding:33px 15px 30px 15px;}
*/	#topTextContainer 					{top:320px;}
}