@media screen and (max-width: 1120px){
	nav{
	position: absolute;
	margin-top: 0px;
	margin-left: 20px;
	left: 0px;
	top: 65px;
	}
	header {
	height: 115px;
	}
	.facebook {
	padding-right: 10px;
	padding-top: 55px;
	}
	.contentcontainer {
	width: 100%;
	}
	.navigation-container-custom {
	position: absolute !important;
	top: 370px !important;
	right: 50% !important;
}
	}

@media screen and (max-width: 1024px){
	.contentcontainer{
		width: 100%;
		margin: 0;
	}	
	.content{
		width: 93%;
	}
	#topLogo{
	position: absolute;
	top: -10px;
	left: 20px;
	}
	nav ul.menu li a {
	font-size: 12px;
	}
		
	.contentbox2, .newsbox2{
		height: 330px;
	}
	
	.newsbox2 .contentboxcontent{
		max-height: 288px;
	}
	
	div.item-page img{
		max-width: 100%;
	}
	
	div.item-page table{
		max-width: 90%;
	}
	
	div.item-page table td{
		vertical-align: top;
		padding: 5px;
	}
	
	div.item-page table td p{
		max-width: 90px;
	}
	
	div.item-page table td a{
		font-size: 10px;
	}
	
	div.item-page table td p img{
		max-width: 90px;
	}
	.contentbox4 {
	margin-top: 20px;
	}
.navigation-container-custom {
	display: none;
}
}

@media screen and (max-width: 890px){	
	.footercontent{
		width: 100%;

	}
	
	.sidemenu{
		width: 100%;
	}
	
	.sidemenu ul{
		width: 100%;
		margin-bottom: 20px;	
	}
	
	article.maincontent{
		width: 90%;
		padding: 15px;
	}
	.slide-desc-text {
	font-size: 90%;
}
}

@media screen and (max-width: 701px){
	#menuopener{
		display: none;
	}
	
	ul.nav.menu{
		display: block;
	}
}

@media screen and (max-width: 700px){
	
	header .content{
		width: 100%;
	}
	
	nav{
		width: 100%;
		position: absolute;
		left: 0;
		background: #ffffff;
		-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.25);
		-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.25);
		box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.25);
		top: 70px;
		margin: 0;
	}
	
	header ul.nav.menu{
		display: none;
		position: absolute;
		width: 100%;
		margin-bottom: 20px;
		background: #ffffff;
		margin-top: 20px;
	}
	
	#menuopener{
		display: block;
	}
	
	header  ul.nav.menu li{
		display: block;
		width: 100%;
		background: #ffffff;
		margin-bottom: 11px;
	}
	
	header  ul.nav.menu li a {
		margin-left: 20px;
		font-size: 20px;
		font-weight: normal;
	}
	.slide-desc-text {
	font-size: 80%;
}
header {
height: 115px;
}
.facebook {
	float: left;
	padding-top: 70px;
	padding-left: 20px;
	
}
}

@media screen and (max-width: 500px){
	.contentbox2, .newsbox2{
		max-width: 100%;
	}
	
	.contentbox2 .rightcontent{
		display: none;
	}
	
	
	.contentbox2{
		margin-right: 0;
		margin-bottom: 10px;
		margin-top: 20px;
		width: 220px;
		height: 330px;
		border-bottom: 1px solid #f50019;
		background-color: #ffffff;
		float: left;
		color: #000000;
		font-size: 12px;
	}
	
	
	.contentbox2 .leftcontent{
		width: 190px;
		margin: 10px auto;
		min-height: 125px;
		float: none;
		margin-left: 16px;
	}
	.contentbox2 .boxheader{
		min-height: 52px;
	}
	.contentbox2 .boxheader h2{
		font-size: 14px;
	}
		
	.contentbox2 h2, .contentbox2 h2{
		color: #000000;
		font-size: 13px;
		min-height: 36px;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.contentbox2 .contentboxcontent{
		width: 100%;
		margin: 0 auto;
	}
	.slide-desc-text {
	font-size: 40%;
}

}