/********************************************** 
responsive
**********************************************/

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

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){
	
}

@media screen and (max-width: 1280px){
	
}	

@media screen and (max-width: 1024px){
	#header .basicContainer	{padding: 0px;}
	.basicContainer {padding-left: 20px; padding-right: 20px;}
    .basicContainerHome {padding-left: 0px; padding-right: 0px;} 
    
    #staffContainer .staffItem {width: 50%;}

    .partNavigation.horizontal ul.level-0 {font-size: 20px;}
    .partNavigation.horizontal ul.level-0 > li > a {padding: 15px;}
}

@media screen and (max-width: 1023px){

}

@media screen and (max-width: 768px){
    #footer ul li {border-left: 1px solid transparent;}
	#header	{height: auto; border-bottom: 2px solid #fff;}
	#menu {display: none;}
	#pullMenu	{height: 70px; width: 55px; display: block; float: right; margin-left: 15px; background: #007a45 url('/images/style/icon-menu.png') no-repeat center; background-size: 30px 23px;}
	#logo { float:right; margin-top: 10px;}
	#logo img {height: 50px;}
	    
    .columnContainer {flex-wrap: wrap;}
    .columnContainer .columnRow {width: 100%; border: none; padding-bottom: 0; margin-bottom: 30px;}

    #staffContainer .staffItem {width: 100%;}
    #staffContainer .staffItem h2 {font-size: 20px;}
    #staffContainer .staffItem .partContentText {font-size: 18px;}
    #staffContainer .staffItem .readMore {font-size: 14px;}

    #productContainer .columnContainer .columnRow {width: 100%;}
	
    #documentationContainer .partContentFileAdmin   {width:100%; margin-bottom: 30px;}
}

@media screen and (max-width: 767px){
    
}

@media screen and (max-width: 667px){    
	.basicContainerHome {padding-left: 20px; padding-right: 20px;}
	#documentationContainer .partContentFileAdmin ul li	{width: 100%;}
	#staffContainer .threeColumnRow	{float: none; width: 100%; margin-top: 20px}
	#staffContainer .threeColumnRow:first-child	{margin-top: 0px;}

    #agentContainer .twoColumnRow {margin-left: 0px;}    

    #agentContainer .columnContainer .columnRow {width: 100%;}
    #contentButtonContainer .columnContainer .columnRow {width: 100%;}


}

@media screen and (max-width: 480px){

}