section#haberler
{
	float: left;
	width: 100%;
	height: auto;
	padding-top: 27px;
}

section#haberler div.container
{
	float: left;
	width: 100%;
	height: auto;
}

section#haberler div.container div.left
{
	float: left;
	width: 50%;
	height: auto;
}

section#haberler div.container div.left div.img
{
	float: left;
	width: 559px;
	height: 430px;
	margin-bottom: 70px;
	background-repeat: no-repeat;
	background-position: center;
	border:solid 1px #ecebe9;
}

section#haberler div.container div.right
{
	float: left;
	width: 50%;
	height: auto;
}

section#haberler div.container div.right h2
{
	float: left;
	width: 100%;
	color:#d24443;
	font-size: 20px;
	font-weight: 400;
	margin-top:17px;
	margin-bottom: 21px;
}

section#haberler div.container div.right span#date
{
	float: left;
	width: 100%;
	color:#505050;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 30px;
}

section#haberler div.container div.right p
{
	float: left;
	width: 100% !important;
	color:#404040;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 30px !important;
}

section#haberler div.container div.other-news
{
	float: left;
	width: 100%;
}

section#other-news div.title
{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 32px;
}

section#other-news div.title h3
{
	float: left;
	font-size: 30px;
	font-weight: 300;
	color:#005070;	
}

section#other-news div.content
{
	float: left;
	width: 100%;
	height: auto;
	background-color: #fcfbfa;
	margin-bottom: 40px;
}

section#other-news div.content div.row
{
	float: left;
	width: 100%;
	height: 183px;
	border-bottom: solid 1px #e6e8e8;
}

section#other-news div.content div.row:last-child
{
	border-bottom: unset;
}

section#other-news div.content div.row div.box
{
	float: left;
	height: 183px;
	padding-top: 47px;
	box-sizing: border-box;
	padding-left: 45px;
}

section#other-news div.content div.row div.box div.img
{
	float: left;
	width: 111px;
	height: 100px;
	box-sizing: border-box;
	border:solid 1px #e6e8e8;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 15px;
}

section#other-news div.content div.row div.box div.text
{
	float: left;
	width: 205px;
	margin-top:15px;
}

section#other-news div.content div.row div.box div.text h5
{
	float: left;
	width: 100%;
	color:#d22c2c;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 15px;
}

section#other-news div.content div.row div.box div.text span#d
{
	float: left;
	width: 100%;
	color:#858585;
	font-size: 14px;
	font-weight: 600;
	padding-left: 30px;
	box-sizing: border-box;
	background-image: url('../img/takvim.png');
	background-repeat: no-repeat;
	background-position: left center;
}

section#other-news div.content div.row div.box:nth-child(1)
{
	width: 378px;
	border-right: solid 1px #e6e8e8;
	padding-left: 0px;
}

section#other-news div.content div.row div.box:nth-child(2)
{
	width: 424px;
	border-right: solid 1px #e6e8e8;
}

section#other-news div.content div.row div.box:nth-child(3)
{
	width: 396px;
}

section#other-news div.content-responsive
{
	display: none;
}

@media screen and (min-width: 0px) and (max-width: 1198px)
{
	section#haberler div.container div.left div.img
	{
		width: 100%;
	}

	section#haberler div.container div.right
	{
		box-sizing: border-box;
		padding-left: 20px;
	}

	section#haberler div.container div.right h2
	{
		margin-top: 0px;
	}

	section#other-news div.content
	{
		display: none;
	}

	section#other-news div.content-responsive
	{
		display: block;
	}

	section#other-news div.content-responsive div.row
	{
		height: auto;
	}

	section#other-news div.content-responsive div.row div.box
	{
		width: 50% !important;
		border-bottom: solid 1px #e6e8e8;
		padding-left: 30px;
	}

	section#other-news div.content-responsive div.row div.box:nth-child(2n)
	{
		border-right: none;		
	}

	section#other-news div.content div.row div.box:nth-child(2n+1)
	{
		padding-left: 0px;
		border-right: solid 1px #e6e8e8;
	}

	section#other-news div.content div.row div.box div.text
	{
		width: 170px;
	}

	section#haberler div.container div.left div.img
	{
		height: 330px;
	}

}


@media screen and (min-width: 0px) and (max-width: 500px)
{
	section#haberler div.container div.left
	{
		float: left;
		width: 100%;
	}

	section#haberler div.container div.left div.img
	{
		margin-bottom: 30px;
	}

	section#haberler div.container div.right
	{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 30px;		
	}

	section#other-news div.content-responsive div.row div.box
	{
		width: 100% !important;
		border-right: none !important;
		padding-left: 0px;		
	}

} 