@charset "utf-8";
body{
	width:100%;
	height:100%;
	background-color:#fff;
	font-size:12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Roboto", sans-serif;
}
td{
	height:40px;
	valign:middle;
	padding-left:10px;
	padding-right:10px;
}
textarea{
	background-color:#FFF;
	color:#000;
	width:75%;
	height:30px;
	border:1px dotted #333;	
}
textarea:focus{
	background-color:#CCC;
	color:#000;
	opacity:0.8;	
}
input[type=text], input[type=password]{
	background-color:#FFF;
	color:#000;
	width:75%;
	height:30px;
	border:1px dotted #333;
}
input[type=text]:focus, input[type=password]:focus{
	background-color:#CCC;
	color:#000;
	opacity:0.8;	
}
input[type=submit]{
	background-color:#1F285B;
	width:50px;
	color:#FFF;
	border:none;
	position:absolute;
	height:34px;
	right: 21px;
}
.iletisimAlanYazi a:link{
	color:#fff;
	text-decoration:none;
}
.iletisimAlanYazi a:hover{
	color:#fff;
	text-decoration:none;
}
.katalogAlanYazi a:link{
	text-decoration:none;
	color:#fff;
}
.katalogAlanYazi a:hover{
	text-decoration:none;
	color:#fff;
}
.designport a:link{
	text-decortaion:none;
	color:#1F285B;
}
.designport a:hover{
	color:#1F285B;
	text-decortaion:none;
}

@media screen and (max-width:767px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		display:table;
		margin:0 auto;
		
	}
	.middle-content-main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
		display:table;
	}
	.middle-content-01{
		position:relative;
		margin:0 auto;
		width:100%;
		height:max-content;
		top:0px;
	}
	.ustBant{
		position:relative;
		width:100%;
		height:80px;
		z-index:0;
		top:0px;
		left:0px;
		background-color:#ECECEC;
	}
	.ustBantIc{
		position:absolute;
		width:100%;
		height:80px;
		left:0px;
		top:0px;
	}
	.ustBantBilgi{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		text-align: center;
		font-size:10px;
	}
	.ustBantDil{
		position:absolute;
		width:100%;
		height:40px;
		text-align:center;
		left:0%;
		top:40px;
	}
	.headerAlan{
		position:relative;
		width:100%;
		height:max-content;
		min-height:100px;
		left:0px;
		top:0px;
		margin:0 auto;
		background-color:#fff;
	}
	.logoAlan{
		position:relative;
		width:300px;
		height:50px;
		top:25px;
		margin:0 auto;
	}
	.menuAlan{
		position:relative;
		width:100%;
		top:0px;
		left:0px;
		height:40px;
		display:table;
	}
	.ustBantBilgi a:link{
		color:#1F285B;
		text-decoration:none;
	}
	.ustBantBilgi a:hover{
		color:#F37221;
		text-decoration:none;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
	}
	.bannerAlan{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		z-index: -1;
	}
	.middle-content-03{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
		padding-bottom:25px;
	}
	.middle-content-03-product{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
	}
	.urunGrupBaslik{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		color:#1F285B;
	}
	.urunGrupBanner{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		top:0px;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:auto;
		top:5px;
		left:0px;
		margin:0 auto;
		background:url("../images/altBanner.jpg") no-repeat;
	}
	.altBannerAlan{
		position:relative;
		width:270px;
		height:max-content;
		min-height:210px;
		top:20px;
		margin:0 auto;
	}
	.katalogAlan{
		position:relative;
		float:left;
		margin:0px 5px 5px;
		width:270px;
		height:80px;
	}
	.katalogAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.iletisimAlan{
		position:relative;
		float:left;
		margin:0px 5px 5px;
		width:270px;
		height:80px;
	}
	.iletisimAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
		left:0px;
		background-color:#1F285B;
	}
	.footerAlan{
		position:relative;
		width:100%;
		height:auto;
		top:0px;
		margin:0 auto;
		padding-bottom:25px;
	}
	.footerLogo{
		position:relative;
		width:240px;
		height:40px;
		top:15px;
		margin:0 auto;
	}
	.footerAdres{
		display:none;
		position:relative;
		top:35px;
		left:25px;
		width:250px;
		height:auto;
		text-align:left;
		color:#fff;
	}
	.footerKurumsal{
		display:none;
		position:relative;
		width:250px;
		height:auto;
		top:45px;
		left:25px;
	}
	.footerUrunler{
		display:none;
		position:relative;
		width:350px;
		height:auto;
		top:45px;
		left:25px;
	}
	.footerUlasin{
		display:none;
		position:relative;
		width:250px;
		height:auto;
		top:45px;
		left:25px;
	}
	.middle-content-06{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:40px;
		background-color:#D2D2D2;
		left:0px;
		top:0px;
	}
	.middle-content-07-ic{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		margin:0 auto;
		top:0px;
	}
	.copyright{
		position:absolute;
		width:auto;
		height:40px;
		color:#1F285B;
		text-align:left;
		font-weight:bold;
		left:0px;
		top:0px;
	}
	.designport{
		position:absolute;
		width:auto;
		height:40px;
		text-align:right;
		font-weight:bold;
		right:0px;
		top:0px;
		color:#1f285B;
	}
	.sayfaBaslik{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		color:#F37221;
		font-size:14px;
		font-weight:bold;
	}
	.baslikLine{
		position:relative;
		width:100%;
		height:1px;
		background-color:#F37221;
		top:0px;
		left:0px;
	}
	.tabMenu{
		position:relative;
		width:100%;
		height:40px;
		top:5px;
		left:0px;
	}
	.tab{
		position:relative;
		width:45%;
		height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px 10px;
		background-color:#1F285B;
		color:#fff;
		text-align: center;
		transition:0.3s ease-in-out;
	}
	.sayfaIcerik{
		position:relative;
		top:10px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunTabMenu{
		position:relative;
		top:0px;
		width:100%;
		left:0%;
		display:table;
		font-size:14px;
		font-weight:normal;
		height:max-content;
	}
	.urunGrupTab{
		position:relative;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#F37221;
		color:#fff;
		padding-left:10px;
		padding-right:10px;
		text-align: left;
		margin:0px 1px 1px;
		float:left;
		transition:0.3s ease-in-out;
	}
	.urunGrupTab:hover{
		background-color:#1F285B;
	}
	.tab:hover{
		background-color:#F37221;
	}
	.sayfaIcerikUrun{
		position:relative;
		top:0px;
		left:0%;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.sayfaIcerikMultimedya{
		position:relative;
		top:0px;
		left:0%;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunResimBox{
		position:relative;
		width:250px;
		height:250px;
		float:left;
		margin:0px 5px 50px 50px;
		border:1px #ccc solid;
		border-radius:5px;
	}
	.urunAdBox{
		position:relative;
		float:left;
		width:250px;
		height:auto;
		min-height:40px;
		text-align:center;
		margin:255px 5px 0px -255px;
		color:#1F285B;
	}
	.urunAdBox a:link{
		text-decoration:none;
		color:#1F285B;
	}
	.urunAdBox a:hover{
		text-decoration:none;
		color:#F37221;
	}
	.detayResimAlan{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
	}
	.detayResimBox{
		position:relative;
		float:left;
		width:250px;
		height:250px;
		margin:0px 5px 5px 50px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBox{
		position:relative;
		float:left;
		width:250px;
		height:250px;
		margin:0px 5px 10px 50px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBoxAd{
		position:relative;
		float:left;
		width:250px;
		height:40px;
		line-height:40px;
		margin:255px 5px 0px -255px;
		text-align:center;
		background-color:#1F285B;
	}
	.detayOzellikBaslikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#1F285B;
		color:#fff;
	}
	.detayOzellikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
	}
	.detayTeknikAlanDis{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
	}
	.detayTeknikAlan{
		overflow-x: scroll;
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:max-content;
		text-align:left;
	}
	.menuScrollDown{
		display:none;
		background-color:#1f285b;
		width:100%;
		height:40px;
		opacity:0;
		z-index:10;
		position:fixed;
		top:0px;
		left:0px;
		margin:0 auto;	
	}
	.scrollDownMenu{
		width:100%;
		height:40px;
		margin:0 auto;
		top:0px;
		color:#fff;
	}
	.scrollDownMenuItem{
		position:relative;
		margin:0px 5px 5px 0px;
		float:left;
		width:auto;
		min-height:40px;
		line-height:40px;
		padding-left:5px;
		padding-right:5px;
		border:1px solid #fff;
	}
	.show{
		opacity:1;
	}
	.transition{
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		display:table;
		margin:0 auto;
		
	}
	.middle-content-main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
		display:table;
	}
	.middle-content-01{
		position:relative;
		margin:0 auto;
		width:100%;
		height:max-content;
		top:0px;
	}
	.ustBant{
		position:relative;
		width:100%;
		height:80px;
		z-index:0;
		top:0px;
		left:0px;
		background-color:#ECECEC;
	}
	.ustBantIc{
		position:absolute;
		width:100%;
		height:80px;
		left:0px;
		top:0px;
	}
	.ustBantBilgi{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		text-align: center;
		font-size:10px;
	}
	.ustBantDil{
		position:absolute;
		width:100%;
		height:40px;
		text-align:center;
		left:0%;
		top:40px;
	}
	.headerAlan{
		position:relative;
		width:100%;
		height:max-content;
		min-height:100px;
		left:0px;
		top:0px;
		margin:0 auto;
		background-color:#fff;
	}
	.logoAlan{
		position:relative;
		width:300px;
		height:50px;
		top:25px;
		margin:0 auto;
	}
	.menuAlan{
		position:relative;
		width:100%;
		top:0px;
		left:0;
		height:40px;
		display:table;
	}
	.ustBantBilgi a:link{
		color:#1F285B;
		text-decoration:none;
	}
	.ustBantBilgi a:hover{
		color:#F37221;
		text-decoration:none;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
	}
	.bannerAlan{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		z-index: -1;
	}
	.middle-content-03{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
	}
	.middle-content-03-product{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
	}
	.urunGrupBaslik{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		color:#1F285B;
	}
	.urunGrupBanner{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		top:0px;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:auto;
		top:10px;
		left:0px;
		margin:0 auto;
		background:url("../images/altBanner.jpg") no-repeat;
	}
	.altBannerAlan{
		position:relative;
		width:75%;
		height:max-content;
		min-height:150px;
		top:35px;
		margin:0 auto;
	}
	.katalogAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.katalogAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.iletisimAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.iletisimAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
		left:0px;
		background-color:#1F285B;
	}
	.footerAlan{
		position:relative;
		width:100%;
		height:auto;
		top:0px;
		margin:0 auto;
		padding-bottom:25px;
	}
	.footerLogo{
		position:relative;
		width:240px;
		height:40px;
		top:15px;
		margin:0 auto;
	}
	.footerAdres{
		display:none;
		position:relative;
		top:35px;
		left:25px;
		width:250px;
		height:auto;
		text-align:left;
		color:#fff;
	}
	.footerKurumsal{
		display:none;
		position:relative;
		width:250px;
		height:auto;
		top:45px;
		left:25px;
	}
	.footerUrunler{
		display:none;
		position:relative;
		width:350px;
		height:auto;
		top:45px;
		left:25px;
	}
	.footerUlasin{
		display:none;
		position:relative;
		width:250px;
		height:auto;
		top:45px;
		left:25px;
	}
	.middle-content-06{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:40px;
		background-color:#D2D2D2;
		left:0px;
		top:0px;
	}
	.middle-content-07-ic{
		position:relative;
		width:90%;
		height:40px;
		line-height:40px;
		margin:0 auto;
		top:0px;
	}
	.copyright{
		position:absolute;
		width:auto;
		height:40px;
		color:#1F285B;
		text-align:left;
		font-weight:bold;
		left:0px;
		top:0px;
	}
	.designport{
		position:absolute;
		width:auto;
		height:40px;
		text-align:right;
		font-weight:bold;
		right:0px;
		top:0px;
		color:#1f285B;
	}
	.sayfaBaslik{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		color:#F37221;
		font-size:20px;
		font-weight:bold;
	}
	.baslikLine{
		position:relative;
		width:100%;
		height:1px;
		background-color:#F37221;
		top:0px;
		left:0px;
	}
	.tabMenu{
		position:relative;
		width:100%;
		height:40px;
		top:0px;
		left:0px;
	}
	.tab{
		position:relative;
		width:auto;
		height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px;
		background-color:#1F285B;
		color:#fff;
		padding-left:30px;
		padding-right:30px;
		text-align: center;
		transition:0.3s ease-in-out;
	}
	.sayfaIcerik{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunTabMenu{
		position:relative;
		top:10px;
		width:30%;
		left:0%;
		display:table;
		font-size:14px;
		font-weight:normal;
		height:max-content;
	}
	.urunGrupTab{
		position:relative;
		width:90%;
		height:40px;
		line-height:40px;
		background-color:#F37221;
		color:#fff;
		padding-left:10px;
		padding-right:10px;
		text-align: left;
		margin:0px 1px 1px;
		float:left;
		transition:0.3s ease-in-out;
	}
	.urunGrupTab:hover{
		background-color:#1F285B;
	}
	.tab:hover{
		background-color:#F37221;
	}
	.sayfaIcerikUrun{
		position:relative;
		top:-275px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.sayfaIcerikMultimedya{
		position:relative;
		top:-195px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunResimBox{
		position:relative;
		width:200px;
		height:200px;
		float:left;
		margin:0px 5px 50px 0px;
		border:1px #ccc solid;
		border-radius:5px;
	}
	.urunAdBox{
		position:relative;
		float:left;
		width:200px;
		height:auto;
		min-height:40px;
		text-align:center;
		margin:205px 5px 0px -205px;
		color:#1F285B;
	}
	.urunAdBox a:link{
		text-decoration:none;
		color:#1F285B;
	}
	.urunAdBox a:hover{
		text-decoration:none;
		color:#F37221;
	}
	.detayResimAlan{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
	}
	.detayResimBox{
		position:relative;
		float:left;
		width:200px;
		height:200px;
		margin:0px 5px 5px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBox{
		position:relative;
		float:left;
		width:200px;
		height:200px;
		margin:0px 5px 10px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBoxAd{
		position:relative;
		float:left;
		width:200px;
		height:40px;
		line-height:40px;
		margin:205px 5px 0px -205px;
		text-align:center;
		background-color:#1F285B;
	}
	.detayOzellikBaslikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#1F285B;
		color:#fff;
	}
	.detayOzellikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
	}
	.detayTeknikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
		
	}
	.menuScrollDown{
		background-color:#1f285b;
		width:100%;
		height:auto;
		min-height:40px;
		opacity:0;
		z-index:10;
		position:fixed;
		top:0px;
		left:0px;
		margin:0 auto;	
	}
	.scrollDownMenu{
		width:100%;
		height:40px;
		margin:0 auto;
		top:0px;
		color:#fff;
	}
	.scrollDownMenuItem{
		position:relative;
		margin:0px 5px 5px 5px;
		float:left;
		width:auto;
		min-height:40px;
		line-height:40px;
		padding-left:5px;
		padding-right:5px;
		border:1px solid #fff;
	}
	.show{
		opacity:1;
	}
	.transition{
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		display:table;
		margin:0 auto;
		
	}
	.middle-content-main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
		display:table;
	}
	.middle-content-01{
		position:relative;
		margin:0 auto;
		width:100%;
		height:max-content;
		top:0px;
		display:table;
	}
	.ustBant{
		position:relative;
		width:100%;
		height:80px;
		z-index:0;
		top:0px;
		left:0px;
		background-color:#ECECEC;
	}
	.ustBantIc{
		position:absolute;
		width:100%;
		height:80px;
		left:0px;
		top:0px;
		margin:0 auto;
	}
	.ustBantBilgi{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		text-align: right;
		font-size:10px;
	}
	.ustBantDil{
		position:absolute;
		width:100%;
		height:40px;
		text-align:right;
		left:0%;
		top:40px;
	}
	.headerAlan{
		position:relative;
		width:100%;
		height:max-content;
		min-height:100px;
		left:0px;
		top:0px;
		background-color:#fff;
	}
	.logoAlan{
		position:relative;
		width:300px;
		height:50px;
		top:25px;
		margin:0 auto;
	}
	.menuAlan{
		position:relative;
		width:100%;
		top:0px;
		left:0;
		height:40px;
		display:table;
	}
	.ustBantBilgi a:link{
		color:#1F285B;
		text-decoration:none;
	}
	.ustBantBilgi a:hover{
		color:#F37221;
		text-decoration:none;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
	}
	.bannerAlan{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		z-index: -1;
	}
	.middle-content-03{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
	}
	.middle-content-03-product{
		position:relative;
		top:0px;
		margin:0 auto;
		width:100%;
		height:max-content;
		display:table;
	}
	.urunGrupBaslik{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:normal;
		color:#1F285B;
	}
	.urunGrupBanner{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		top:0px;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:auto;
		top:15px;
		left:0px;
		margin:0 auto;
		background:url("../images/altBanner.jpg") no-repeat;
	}
	.altBannerAlan{
		position:relative;
		width:57%;
		height:max-content;
		min-height:150px;
		top:35px;
		margin:0 auto;
	}
	.katalogAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.katalogAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.iletisimAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.iletisimAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
		left:0px;
		background-color:#1F285B;
	}
	.footerAlan{
		position:relative;
		width:100%;
		height:auto;
		top:0px;
		margin:0 auto;
		min-height:200px;
	}
	.footerLogo{
		position:relative;
		width:240px;
		height:40px;
		left:0px;
		top:15px;
	}
	.footerAdres{
		position:relative;
		top:35px;
		left:0px;
		width:250px;
		height:auto;
		text-align:left;
		color:#fff;
	}
	.footerKurumsal{
		position:absolute;
		width:200px;
		height:auto;
		top:15px;
		left:350px;
	}
	.footerUrunler{
		position:absolute;
		width:240px;
		height:auto;
		top:15px;
		left:550px;
	}
	.footerUlasin{
		position:absolute;
		width:200px;
		height:auto;
		top:15px;
		left:815px;
	}
	.middle-content-06{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:40px;
		background-color:#D2D2D2;
		left:0px;
		top:0px;
	}
	.middle-content-07-ic{
		position:relative;
		width:90%;
		height:40px;
		line-height:40px;
		margin:0 auto;
		top:0px;
	}
	.copyright{
		position:absolute;
		width:auto;
		height:40px;
		color:#1F285B;
		text-align:left;
		font-weight:bold;
		left:0px;
		top:0px;
	}
	.designport{
		position:absolute;
		width:auto;
		height:40px;
		text-align:right;
		font-weight:bold;
		right:0px;
		top:0px;
		color:#1f285B;
	}
	.sayfaBaslik{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		color:#F37221;
		font-size:24px;
		font-weight:bold;
	}
	.baslikLine{
		position:relative;
		width:100%;
		height:1px;
		background-color:#F37221;
		top:0px;
		left:0px;
	}
	.tabMenu{
		position:relative;
		width:100%;
		height:40px;
		top:0px;
		left:0px;
	}
	.tab{
		position:relative;
		width:auto;
		height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px;
		background-color:#1F285B;
		color:#fff;
		padding-left:30px;
		padding-right:30px;
		text-align: center;
		transition:0.3s ease-in-out;
	}
	.sayfaIcerik{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunTabMenu{
		position:relative;
		top:10px;
		width:30%;
		left:0%;
		display:table;
		font-size:14px;
		font-weight:normal;
		height:max-content;
	}
	.urunGrupTab{
		position:relative;
		width:90%;
		height:40px;
		line-height:40px;
		background-color:#F37221;
		color:#fff;
		padding-left:10px;
		padding-right:10px;
		text-align: left;
		margin:0px 1px 1px;
		float:left;
		transition:0.3s ease-in-out;
	}
	.urunGrupTab:hover{
		background-color:#1F285B;
	}
	.tab:hover{
		background-color:#F37221;
	}
	.sayfaIcerikUrun{
		position:relative;
		top:-275px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.sayfaIcerikMultimedya{
		position:relative;
		top:-195px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunResimBox{
		position:relative;
		width:225px;
		height:225px;
		float:left;
		margin:0px 5px 50px 20px;
		border:1px #ccc solid;
		border-radius:5px;
	}
	.urunAdBox{
		position:relative;
		float:left;
		width:225px;
		height:auto;
		min-height:40px;
		text-align:center;
		margin:230px 5px 0px -230px;
		color:#1F285B;
	}
	.urunAdBox a:link{
		text-decoration:none;
		color:#1F285B;
	}
	.urunAdBox a:hover{
		text-decoration:none;
		color:#F37221;
	}
	.detayResimAlan{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
	}
	.detayResimBox{
		position:relative;
		float:left;
		width:200px;
		height:200px;
		margin:0px 5px 5px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBox{
		position:relative;
		float:left;
		width:200px;
		height:200px;
		margin:0px 5px 10px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBoxAd{
		position:relative;
		float:left;
		width:200px;
		height:40px;
		line-height:40px;
		margin:205px 5px 0px -205px;
		text-align:center;
		background-color:#1F285B;
	}
	.detayOzellikBaslikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#1F285B;
		color:#fff;
	}
	.detayOzellikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
	}
	.detayTeknikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
		
	}
	.menuScrollDown{
		background-color:#1f285b;
		width:100%;
		height:auto;
		min-height:40px;
		opacity:0;
		z-index:10;
		position:fixed;
		top:0px;
		left:0px;
		margin:0 auto;	
	}
	.scrollDownMenu{
		width:100%;
		height:40px;
		margin:0 auto;
		top:0px;
		color:#fff;
	}
	.scrollDownMenuItem{
		position:relative;
		margin:0px 5px 5px 5px;
		float:left;
		width:auto;
		min-height:40px;
		line-height:40px;
		padding-left:5px;
		padding-right:5px;
		border:1px solid #fff;
	}
	.show{
		opacity:1;
	}
	.transition{
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
}
@media screen and (min-width:1200px){
	.main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		left:0px;
		display:table;
		margin:0 auto;
		
	}
	.middle-content-main{
		position:relative;
		width:100%;
		height:max-content;
		top:0px;
		margin:0 auto;
		display:table;
	}
	.middle-content-01{
		position:relative;
		margin:0 auto;
		width:1100px;
		height:max-content;
		top:0px;
	}
	.ustBant{
		position:relative;
		width:100%;
		height:40px;
		z-index:0;
		top:0px;
		left:0px;
		background-color:#ECECEC;
		margin:0 auto;
	}
	.ustBantIc{
		position:relative;
		width:1100px;
		height:40px;
		left:0px;
		top:0px;
		margin:0 auto;
	}
	.ustBantBilgi{
		position:absolute;
		top:0px;
		left:0px;
		width:90%;
		height:40px;
		line-height:40px;
		text-align: right;
	}
	.ustBantDil{
		position:absolute;
		width:10%;
		height:40px;
		text-align:right;
		left:90%;
		top:10px;
	}
	.headerAlan{
		position:relative;
		width:100%;
		height:max-content;
		min-height:100px;
		left:0px;
		top:0px;
		margin:0 auto;
		background-color:#fff;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
	}
	.logoAlan{
		position:relative;
		width:300px;
		height:50px;
		left:25px;
		top:25px;
		
	}
	.menuAlan{
		position:absolute;
		width:800px;
		top:30px;
		left:75px;
		display:table;
	}
	.ustBantBilgi a:link{
		color:#1F285B;
		text-decoration:none;
	}
	.ustBantBilgi a:hover{
		color:#F37221;
		text-decoration:none;
	}
	.middle-content-02{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:-100px;
	}
	.bannerAlan{
		position:relative;
		width:100%;
		height:max-content;
		left:0px;
		top:0px;
		z-index: -1;
	}
	.middle-content-03{
		position:relative;
		top:-100px;
		margin:0 auto;
		width:1100px;
		height:max-content;
		display:table;
	}
	.middle-content-03-product{
		position:relative;
		top:-100px;
		margin:0 auto;
		width:1100px;
		height:max-content;
		display:table;
	}
	.urunGrupBaslik{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		text-align:center;
		font-size:25px;
		font-weight:normal;
		color:#1F285B;
	}
	.urunGrupBanner{
		position:relative;
		display:table;
		height:max-content;
		width:100%;
		top:0px;
	}
	.middle-content-04{
		position:relative;
		width:100%;
		height:max-content;
		min-height:350px;
		top:0px;
		left:0px;
		margin:0 auto;
		background:url("../images/altBanner.jpg") no-repeat;
	}
	.altBannerAlan{
		position:relative;
		width:560px;
		height:max-content;
		top:150px;
		margin:0 auto;
	}
	.katalogAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.katalogAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.iletisimAlan{
		position:relative;
		float:left;
		margin:0px 5px;
		width:270px;
		height:80px;
	}
	.iletisimAlanYazi{
		position:absolute;
		top:30px;
		left:5px;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		color:#fff;
	}
	.middle-content-05{
		position:relative;
		width:100%;
		height:max-content;
		display:table;
		top:0px;
		left:0px;
		background-color:#1F285B;
	}
	.footerAlan{
		position:relative;
		width:1100px;
		height:auto;
		top:0px;
		margin:0 auto;
		min-height:200px;
	}
	.footerLogo{
		position:relative;
		width:240px;
		height:40px;
		left:0px;
		top:15px;
	}
	.footerAdres{
		position:relative;
		top:35px;
		left:0px;
		width:250px;
		height:auto;
		text-align:left;
		color:#fff;
	}
	.footerKurumsal{
		position:absolute;
		width:250px;
		height:auto;
		top:15px;
		left:350px;
	}
	.footerUrunler{
		position:absolute;
		width:350px;
		height:auto;
		top:15px;
		left:550px;
	}
	.footerUlasin{
		position:absolute;
		width:250px;
		height:auto;
		top:15px;
		left:930px;
	}
	.middle-content-06{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
	}
	.middle-content-07{
		position:relative;
		width:100%;
		height:40px;
		background-color:#D2D2D2;
		left:0px;
		top:0px;
	}
	.middle-content-07-ic{
		position:relative;
		width:1100px;
		height:40px;
		line-height:40px;
		margin:0 auto;
		top:0px;
	}
	.copyright{
		position:absolute;
		width:auto;
		height:40px;
		color:#1F285B;
		text-align:left;
		font-weight:bold;
		left:0px;
		top:0px;
	}
	.designport{
		position:absolute;
		width:auto;
		height:40px;
		text-align:right;
		font-weight:bold;
		right:0px;
		top:0px;
		color:#1f285B;
	}
	.sayfaBaslik{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		color:#F37221;
		font-size:24px;
		font-weight:bold;
	}
	.baslikLine{
		position:relative;
		width:100%;
		height:1px;
		background-color:#F37221;
		top:0px;
		left:0px;
	}
	.tabMenu{
		position:relative;
		width:100%;
		height:40px;
		top:0px;
		left:0px;
	}
	.tab{
		position:relative;
		width:auto;
		height:40px;
		line-height:40px;
		float:left;
		margin:0px 1px 1px;
		background-color:#1F285B;
		color:#fff;
		padding-left:30px;
		padding-right:30px;
		text-align: center;
		transition:0.3s ease-in-out;
	}
	.sayfaIcerik{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunTabMenu{
		position:relative;
		top:10px;
		width:30%;
		left:0%;
		display:table;
		font-size:14px;
		font-weight:normal;
		height:max-content;
	}
	.urunGrupTab{
		position:relative;
		width:90%;
		height:40px;
		line-height:40px;
		background-color:#F37221;
		color:#fff;
		padding-left:10px;
		padding-right:10px;
		text-align: left;
		margin:0px 1px 1px;
		float:left;
		transition:0.3s ease-in-out;
	}
	.urunGrupTab:hover{
		background-color:#1F285B;
	}
	.tab:hover{
		background-color:#F37221;
	}
	.sayfaIcerikUrun{
		position:relative;
		top:-275px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.sayfaIcerikMultimedya{
		position:relative;
		top:-195px;
		left:30%;
		width:70%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.sayfaIcerikHaber{
		position:relative;
		top:5px;
		left:0%;
		width:100%;
		height:max-content;
		display:table;
		font-size:14px;
		font-weight:normal;
	}
	.urunResimBox{
		position:relative;
		width:225px;
		height:225px;
		float:left;
		margin:0px 5px 50px 20px;
		border:1px #ccc solid;
		border-radius:5px;
	}
	.urunAdBox{
		position:relative;
		float:left;
		width:225px;
		height:auto;
		min-height:40px;
		text-align:center;
		margin:230px 5px 0px -230px;
		color:#1F285B;
	}
	.urunAdBox a:link{
		text-decoration:none;
		color:#1F285B;
	}
	.urunAdBox a:hover{
		text-decoration:none;
		color:#F37221;
	}
	.detayResimAlan{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
	}
	.detayResimBox{
		position:relative;
		float:left;
		width:200px;
		height:200px;
		margin:0px 5px 5px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBox{
		position:relative;
		float:left;
		width:250px;
		height:250px;
		margin:0px 5px 10px 0px;
		border:1px solid #ccc;
		border-radius:5px;
	}
	.katalogBoxAd{
		position:relative;
		float:left;
		width:250px;
		height:40px;
		line-height:40px;
		margin:255px 5px 0px -255px;
		text-align:center;
		background-color:#1F285B;
	}
	.detayOzellikBaslikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#1F285B;
		color:#fff;
	}
	.detayOzellikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
	}
	.detayTeknikAlan{
		position:relative;
		top:5px;
		left:0px;
		width:100%;
		height:max-content;
		display:table;
		text-align:left;
		
	}
	.menuScrollDown{
		background-color:#1f285b;
		width:100%;
		height:auto;
		min-height:40px;
		opacity:0;
		z-index:10;
		position:fixed;
		top:0px;
		left:0px;
		margin:0 auto;	
	}
	.scrollDownMenu{
		width:1100px;
		height:40px;
		margin:0 auto;
		top:0px;
		color:#fff;
	}
	.scrollDownMenuItem{
		position:relative;
		margin:0px 5px 5px 5px;
		float:left;
		width:auto;
		min-height:40px;
		line-height:40px;
		padding-left:5px;
		padding-right:5px;
		border:1px solid #fff;
	}
	.show{
		opacity:1;
	}
	.transition{
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
	}
}