﻿@media (max-width: 1680px){
  .partSlider.sliderHome 			{max-width: 1440px;}
  .partSlider.sliderHome .slide .sliderCaption	{padding-left:60px;} 
    .partSlider.sliderHome .slidePagination {padding-left: 75px;}
}

@media (max-width: 1360px){
	#logoText 					{font-size: 14px; max-width: 200px; margin-left: 10px;}
	
	#services .serviceItem 								{font-size: 125%;}

	.newsContent  										{width: calc(100% - 334px);}
	.newsItem .partContentFileImageGallery.single  		{width: 334px;}

		.socialLabel 										{display: block; float: none; margin-right: 0px;}
		.socialIconContainer 								{float: none;}
		.buttonContainer .ctaButton 						{margin-top: 20px; float: none;}
	
    .partSlider.sliderHome .slidePagination {padding-left: 60px;}
    .partSlider.sliderHome .slide .sliderCaption	{padding-left:40px; width: 440px;} 
	.partSlider.sliderHome .slide .sliderImage 		{width: calc(100% - 440px);}

  .partNavigation-h li 						{margin-right: 20px;}

  #logo {height: 48px; width: 300px;}
}

@media (max-width: 1280px){ 
	.partNavigation-h li a {font-size: 14px;}
	.partNavigation-h li 	{margin-right: 15px;}
}

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

@media (max-width: 1024px){
  	#homeUpdates .oneSecondColumn 					{width: calc(50% - 10px); padding: 20px 20px 90px 20px;}	
	#homeUpdates .oneSecondColumn:nth-child(1) 		{margin-right: 10px;}
	#homeUpdates .oneSecondColumn:nth-child(2) 		{margin-left: 10px;}

	footer .oneThirdColumn:nth-child(1) 	{width: calc(33.33% - 20px); margin-right: 20px;}
	footer .oneThirdColumn:nth-child(2) 	{width: calc(33.33% - 0px); margin:0px;}
	footer .oneThirdColumn:nth-child(3) 	{width: calc(33.33% - 20px); margin-left: 20px;}

	.partSlickSlider.partSlickSliderNews .slide {padding:0px 10px;}
}


@media (max-width: 1023px){
  	#content 		{padding:20px 0px;}
  		.filterList li 	{display: inline-block; width: 49%;}

  	.partNavigation-h {display: none;}
  	.mobileMenuOpen {display: block;}

	#services .serviceItem 	{font-size: 100%; height: 60px;}


	#sidebar 		{float: none;  width: 100%;  padding-right: 0px;}
	#sidebar.sidebarMenu {display: none;}
		.filterListContainer {margin-top: 0px;}
	#mainContent 	{float: none; width: 100%;}

	.container {padding: 20px 0px 0px 0px;}
	#imageWithButtonsContainer .ctaButton {margin-right: 0px; width: 100%;}

	
	#homeUpdates {padding-bottom: 20px;}
}

@media (max-width: 768px){
 .newsContent .ctaButton{float: left;margin-top: 30px;clear: both;}
}

@media (max-width: 767px){
	#homeUpdates .oneSecondColumn { width: 100%; padding-left: 30px; padding-right: 30px;}
	#homeUpdates .oneSecondColumn:nth-child(1) 	{margin-right: 0px; margin-bottom: 20px;}
	#homeUpdates .oneSecondColumn:nth-child(2) 		{margin-left: 0px;}

	.newsContent  										{width: 100%; float: none;}
	.newsItem .partContentFileImageGallery.single  		{float: none;}




  	.buttonContainer .ctaButton {clear: both; float: left; margin-top: 20px;}
  	#services {display:none;}

  	footer .oneThirdColumn:nth-child(1), footer .oneThirdColumn:nth-child(2), footer .oneThirdColumn:nth-child(3) 	{width: 100%; margin:0px 0px 20px 0px;}

  	.partSlickSlider.partSlickSliderNews {padding:0px 10px;}

  	.subItem 							{padding:20px 20px 0px 20px;}

  	.oneSecondColumnRight .ctaButton    {position: static; transform: none;}
}


@media (max-width: 667px){
	.partSlider.sliderHome .slide .sliderCaption	{width: 100%; float: none; padding:20px 0px;}
	.partSlider.sliderHome .slide .sliderImage 		{display: none;}
    .partSlider.sliderHome .slidePagination         {padding-left: 20px;}

	#searchInput                                            {background: #fff; line-height: 60px; height: 60px; width: 100%; font-size: 100%;}
		#searchButton                                           {height: 50px; line-height: 50px; width: 50px;}
			#clearButton                                            {height: 50px; line-height: 50px; width: 50px; position: absolute; top: 5px; right: 60px;}

}

@media (max-width: 600px){
  .header.headerHome {height: 208px; padding-top: 0; background-position: top center; background-attachment: scroll; background-size:  cover;}
  
  #mobileMenuContainer.mobileMenuContainerActive  {width: 100%; margin-left: 0%;}
  #mobileMenuContainer        {margin-left: -100%;}

  .serviceTopContainer {display: none;}

  #logo {overflow: hidden; height:64px; width: 90px; background-size: auto 64px;}
}

@media (max-width: 480px){
	#logoText 	{display: none;}
}