section#top
{
	float: left;
	width: 100%;
	height: 451px;
	border-bottom: solid 1px #e5ebf8;
	background-image: url('../img/top-back.png');
	background-position: bottom;
	background-repeat: no-repeat;
}

section#top div.img
{
	float: left;
	width: 100%;
	height: 349px;
	border-radius: 10px;
	margin-top:27px;
	margin-bottom: 25px;
}

section#top h1
{
	float: left;
	color:#0040bc;
	font-size: 28px;
	font-weight: 300;

} 

section#haberler
{
	float: left;
	width: 100%;
	margin-top:37px;
	margin-bottom: 80px;
}

section#haberler div.left
{
	float: left;
	width: 514px; 
	box-sizing: border-box;
}

section#haberler div.left div.big-image
{
	float: left;
	width: 100%;
	height: 438px;
	border:solid 1px #dbdff0;
	border-radius: 4px;
	margin-bottom: 12px;
	box-sizing: border-box;
	background-repeat: no-repeat;
    background-position: center;
}

section#haberler div.left div.mini
{
	float: left;
	width: 160px;
	height: 139px;
	border:solid 1px #dbdff0;
	border-radius: 4px;
	margin-right: 17px;
	box-sizing: border-box;
	background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

section#haberler div.left div.mini:nth-child(3n+1)
{
	margin-right: 0px;
}

section#haberler div.right
{
	float: left;
	width: calc( 100% - 514px); 
	box-sizing: border-box;
	padding-left: 39px;
}

section#haberler div.right h2
{
	float: left;
	color:#2259c5;
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	margin-bottom: 25px;
	margin-top:6px;
}

section#haberler div.right p
{
	float: left;
	width: 100% !important;
	color:#414141;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
}

section#diger-haberler
{
	float: left;
	width: 100%;
}

section#diger-haberler div.baslik
{
	float: left;
	width: 100%;
	margin-bottom: 35px;
	background-image: url('../img/kare.png');
	background-repeat: no-repeat;
    background-size: calc(50% + 600px) 1px;
    background-position: right;
}

section#diger-haberler div.baslik h4
{
	float: left;
	color:#0040bc;
	font-size: 28px;
	font-weight: 300;
	background-color: #fff;
	padding-right: 27px;
}

section#diger-haberler div.news
{
	float: left;
	width: 100%;
	margin-bottom: 70px;
}

section#diger-haberler div.news div.haber
{
	float: left;
	width: 271px;
	height: 458px;
	background-color: #fef9f6;
	border-radius: 10px;
	padding: 20px 20px 0px 22px;
	box-sizing: border-box;
	margin-right:38px;
	margin-bottom: 20px;
}

section#diger-haberler div.news div.haber:nth-child(4n+0)
{
	margin-right: 0px;
}

section#diger-haberler div.news div.haber div.img
{
	float: left;
	width: 100%;
	height: 234px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 25px;
}

section#diger-haberler div.news div.haber h6
{
	float: left;
	width: 100%;
	color:#e64235;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
}

section#diger-haberler div.news div.haber p
{
	float:left;
	width:100%;
	color:#323439;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
}

section#diger-haberler div.news div.haber a
{
	float:left;
	width: 100%;
	color:#e64235;
	font-size: 13px;
	font-weight: 500;
	margin-top:5px;
}


@media screen and (min-width: 0px) and (max-width: 1200px)
{
	section#diger-haberler div.news div.haber
	{
		width: 234px;
		margin-right: 15px;
	}

	section#diger-haberler div.news div.haber div.img
	{
		height: 196px;
	}

	section#diger-haberler div.news div.haber h6
	{
		font-size:12px;
	}

	section#diger-haberler div.news div.haber p
	{
		text-align: justify;
	}

	section#diger-haberler div.baslik h4
	{
		padding-left: 20px;
    	margin-left: -20px;
	}
}

@media screen and (min-width:0px) and (max-width: 1000px)
{
	section#top
	{
		height: 420px;
	}

	section#top div.img
	{
		height: 295px;
		margin-bottom: 35px;
	}

	div.mobil-select
	{
		display: block;
	}

	section#haberler div.left
	{
		width: 45%;
	}

	section#haberler div.left div.big-image
	{
		height: 330px;
	}

	section#haberler div.left div.mini
	{
		width: 30%;
		margin-right: 5%;
		height: 100px;
	}

	section#haberler div.right
	{
		width: 55%;
	}

	section#haberler div.right
	{
		padding-left: 15px;
	}

	section#haberler div.right p
	{
		font-size:13px;
		text-align: justify;
	}

	section#diger-haberler div.news div.haber
	{
    	width: 24%;
    	margin-right: 1.3%;
        padding: 20px 10px 0px 10px;
        height: 400px;
	}

	section#diger-haberler div.news div.haber div.img
	{
		height: 120px;
	}

	section#diger-haberler div.news div.haber p
	{
		font-size: 14px;
	}

	section#diger-haberler div.news div.haber a
	{
		font-size: 12px;
	}


}

@media screen and (min-width:0px) and (max-width: 500px)
{

	section#top div.img
	{
		height: 185px;
	}

	section#top
	{
		height: 290px;
	}

	section#top h1
	{
		font-size: 22px;
		color:#29303d;
	}

	section#top div.img
	{
		margin-top:15px;
		margin-bottom: 32px;
	}

	section#haberler div.left
	{
		width: 100%;
	}

	section#haberler div.left div.mini
	{
		display: none;
	}

	section#haberler div.right
	{
		width: 100%;
	}

	section#haberler div.left div.big-image
	{
		height: 290px;
		margin-bottom: 15px;
	}

	section#haberler div.right h2
	{
		margin-bottom: 9px;
	}

	section#diger-haberler div.baslik h4
	{
		font-size: 24px;
	}

	section#diger-haberler div.news div.haber
	{
		width: 100%;
		display: none;
		padding: 20px 20px 0px 22px;
		height: 430px;
	}

	section#diger-haberler div.news div.haber:first-child
	{
		display: block;
	}

	section#diger-haberler div.news div.haber div.img
	{
		height: 234px;
		background-size: contain;
	}

}