.anaHaber {
	background-color: #fff;
	clear: both;
	margin: 0;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	overflow: hidden;
	padding: 10px;
	transition: 1s;
}
.anaHaber:hover {
	background-color: #FDFAEC;
}
.anaHaber img {
	display: block;
	border: none;
	float: left;
	margin: 0 10px 0 0;
}
.anaHaber h2 {
	padding: 0;
	margin: 0;
	height: auto !important;
}
.anaHaber h2 a {
	text-decoration: none;
}
#image-gallery li h2 {
	height: 40px;
	color: #000;
}
li.active a {
	background-color: #328ED0;
	display: block;
}
li.active a img {
	opacity: 0.5;
	background-color: #F60;
}
#haberLink {
	width:100%;
	clear: both;
	margin: 20px 0 0 0;
	background-color: #DDD;
}
#haberLink a {
	display: block;
	float: left;
	background-color: #FFF;
	padding: 10px;
	margin-bottom:20px;
}
#haberLink a img {
	display: block;
	border: none;
	width: 200px;
}
#anaHaberDiv {
	clear: both;
	background-color: #fff;
	padding: 20px;
	border
}
#AnasayfaContent {
	width:940px !important;
	background-color: #ddd !important;
	padding: 0 !important;
}
.haber2 {
	margin: 0 10px 0 20px;
}
.haber3 {
	margin: 0 20px 0 10px;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
	
#AnasayfaContent{
	width: 100% !important;
	padding:0 !important;	
}
#haberLink {
	margin: 0;
}
#haberLink a {
	width:21%;
	padding: 1%;
	margin: 1%;
}
#haberLink a img {
	width: 100%;
}
.haber2 {
	margin:0;
}
.haber3 {
	margin: 0 ;
}
}