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#teknik-bilgiler
{
	float: left;
	width: 100%;
	margin-top:32px;
	margin-bottom: 77px;
	padding-bottom: 20px;
}

section#teknik-bilgiler div.sol-menu
{
	float: left;
	width: 261px;
	height: auto;
	background-image: url(../img/sayfa-left.png);
	background-repeat: repeat-y;
	background-position: right top -40px;
	padding-right: 10px;
	box-sizing: border-box;
}

section#teknik-bilgiler div.sol-menu div.nav
{
	float: left;
	width: 100%;
}

section#teknik-bilgiler div.sol-menu div.nav a
{
	float: left;
	width: 100%;
	color:#2d2c2c;
	font-size: 16px;
	font-weight: 300;
	box-sizing: border-box;
	padding-left: 23px;
	background-image: url(../img/foot-a.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 26px;
}

section#teknik-bilgiler div.sol-menu div.nav a.active
{
	background-image: url(../img/right-red.png);
	color:#e74e42;
	font-weight: 400;
}

section#teknik-bilgiler div.sag
{
	float: left;
	width: calc(100% - 261px);
	height: auto;
	padding-left: 24px;
	box-sizing: border-box;
}

section#teknik-bilgiler div.sag h1
{
	float: left;
	width: 100%;
	font-size: 22px;
	font-weight: 300;
	color: #e64235;
	margin-bottom: 15px;
}

section#teknik-bilgiler div.sag p
{
	float: left;
	color:#414141;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;	
}


section#teknik-bilgiler div.sag div.image
{
	float: left;
	width: 100%;
	height: 353px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position:left center;
	border:solid 1px #cdd1d3;
	margin-top:20px;
	box-sizing: border-box;
}

section#teknik-bilgiler div.sag div.documents
{
	float: left;
	width: 100%;
	margin-top:30px;
}

section#teknik-bilgiler div.sag div.documents div.doc
{
	float: left;
	width: 228px;
	height: 253px;
	box-sizing: border-box;
	border:solid 1px #dbdff0;
	border-left: none;
	border-radius: 4px;
}

section#teknik-bilgiler div.sag div.documents div.doc:nth-child(4n+1)
{
	border-left:solid 1px #dbdff0;
}

section#teknik-bilgiler div.sag div.documents div.doc div.image-doc
{
	float: left;
	width: 100%;
	height: 181px;
	background-image: url('../img/pdf.png');
	background-repeat: no-repeat;
	background-position: center;
}

section#teknik-bilgiler div.sag div.documents div.doc span#baslik
{
	float: left;
	width: 100%;
	color:#003fbc;
	font-size: 14px;
	font-weight: 300;
	text-align:center;
	margin-top:12px;
	padding: 0px 20px;
	box-sizing: border-box;
}

div.mobil-select
{
	display: none;
	float: left;
	width: 100%;
	height: auto;
	margin-top:-27.5px;
}

div.mobil-select select
{
	float:left;
	width: 100%;
	box-shadow: 0px 0px 27px rgba(68,100,153,0.14);
	border-radius: 10px;
	background-color:#fff;
	height: 45px;
	border:none;
	box-sizing: border-box;
	padding-left: 35px;
	color:#e74e42;
	font-size: 18px;
	font-weight: 400;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background-image: url('../img/select-ring-r.png');
	background-repeat: no-repeat;
	background-position: left 17px center;
}

section#teknik-bilgiler div.sag div.documents.mobil
{
	display: none;
}
section#teknik-bilgiler div.sag div.documents.web
{
	display: block;
}


@media screen and (min-width:0px) and (max-width: 1200px)
{
	section#teknik-bilgiler div.sag div.documents div.doc
	{
		width: 25%;
	}

	section#teknik-bilgiler div.sag div.documents div.doc span#baslik
	{
		padding:0px 8px;
	}

	section#teknik-bilgiler div.sag div.image
	{
		width: 900px;
	}
}


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

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

	div.mobil-select
	{
		display: block;
	}

	section#teknik-bilgiler div.sol-menu
	{
		display: none;
	}

	section#teknik-bilgiler div.sag
	{
		width: 100%;
		padding-left: 0px;
	}

	section#teknik-bilgiler div.sag h1
	{
		display: none;
	}

	section#teknik-bilgiler div.sag p
	{
		font-size: 15px;
		text-align: justify;
	}

	section#teknik-bilgiler div.sag div.documents.mobil
	{
		display: block;
	}

	section#teknik-bilgiler div.sag div.documents.web
	{
		display: none;
	}
}

@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: 22px;
	}


	section#top div.img
	{
		background-size: cover;
		background-position: center;	
	}

	section#teknik-bilgiler div.sag div.documents div.doc
	{
		width: 50%;
	}

	section#teknik-bilgiler div.sag div.documents div.doc:nth-child(n+3)
	{
		display: none;
	}

	section#teknik-bilgiler
	{
		margin-bottom: 40px;
	}

}