@media screen and (max-width:799px)
{
.newsboxes_desktop {
	display: none;
}
.newsboxes_mobile {
	
}
.newsbox_section {
	background-size: 110%;
}
}
@media screen and (min-width:1px)
{
.newsboxes_desktop {
	width: 100%;
}
.newsboxes_mobile {
	width: 100%;
}
.newsitem_section {
	width: 100%;
}
.newsitems_responsive {
	width: 100%;
}
}
@media screen and (min-width:800px)
{
.newsboxes_mobile {
	display: none;
}
.newsbox_section {
	background-size: 110%;
}
.newsitem_section {
	width: 760px;
}
}
@media screen and (min-width:840px)
{
.newsitems_responsive {
	width: 820px;
}
}
@media screen and (min-width:1280px)
{
.newboxes_desktop {
	width: 1260px;
}
}
.list {
	color: rgb(51, 51, 51); cursor: pointer; box-shadow: 1px 1px 3px #ccc; background-color: rgb(238, 238, 238);
}
.list img {
	padding: 10px; width: 100px;
}
.timeline {
	padding: 10px 100px; font-size: 24px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 3px; border-bottom-style: solid;
}
.timeline a:hover {
	color: rgb(0, 0, 0);
}
.timeline_on {
	padding: 10px 100px; font-size: 24px; font-weight: bold; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 5px; border-bottom-style: solid;
}
.timeline_on a {
	color: rgb(0, 0, 0) !important;
}
.news_date {
	padding: 60px 25px; width: 60px; text-align: left; color: rgb(0, 0, 0); float: left;
}
.newslist {
	clear: both; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer;
}
.newsphoto {
	background-position: center; margin: 20px; padding: 0px; width: 100px; float: right; background-repeat: no-repeat; background-size: 150%;
}
.newsphoto img {
	width: 100%; height: 100px; visibility: hidden;
}
.newsbox_section {
	background-position: center; cursor: pointer;
}
.newsbox_section img {
	width: 100%; visibility: hidden;
}
.newscontent {
	padding: 30px; text-align: left; line-height: 20px;
}
.newscontent:hover {
	color: rgb(0, 0, 0);
}
.timeline_responsive {
	padding: 10px 0px; text-align: center; font-size: 24px; font-weight: bold; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 3px; border-bottom-style: solid;
}
.timeline_responsive a:hover {
	color: rgb(0, 0, 0);
}
.timeline_responsive_on {
	padding: 10px 0px; text-align: center; font-size: 24px; font-weight: bold; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 5px; border-bottom-style: solid;
}
.timeline_responsive_on a {
	color: rgb(0, 0, 0) !important;
}
