/* Masaüstü ve Dizüstü */
@media screen and (min-width: 961px)  {
	 body{overflow-x:hidden; overflow-y:hidden;}
	.kapsayici{ position:absolute; top:0; color:#FFF; bottom:0; left:0; right:0; background:url(../img/lined.png);}
	.ortalayici{ width:960px; margin:0 auto;  overflow:hidden;}
	.centered {display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.control{ position:absolute;  right:0; margin:0px 20px 0px 0px;  bottom:-60px; }
	.control a{ transition: all 0.5s ease; font-size:34px; padding:4px 0px 0px 0px; color:#ccc; background-color:rgba(14, 27, 43, 0.8);  }
	.control a:hover{ transition: all 0.3s ease; font-size:34px; padding:4px 0px 0px 0px; color:#fff; background-color:rgba(0, 0, 0, 0.8);  }
	
	.header{ position:absolute; background-color:rgba(14, 27, 43, 0.8); top:-200px; overflow:hidden; width:100%;}
	.logo{float:left; width:150px; height:98px;}
	.logo:hover{border:2px # 00F solid;  width:150px; height:98px;}
	.menu{float:right; font-family: 'Oxygen', sans-serif;}
	.menu ul{ padding:0px; margin:0px; list-style-type:none;}
	.menu ul li{float:left;}
	.menu ul li a{transition: all 0.5s ease-in-out; font-size:16px; color:#e3d973; display:block; line-height:98px; padding:0px 24px 0px 24px;}
	.menu ul li a:hover{transition: all 0.2s ease-in-out; text-decoration:none; background-color:rgba(14, 27, 43, 0.8); color:#fff; display:block; line-height:98px; padding:0px 20px 0px 20px;}
	.menu ul li a:focus{ text-decoration:none; background-color:rgba(14, 27, 43, 0.8); }
	
	.middle{background-color:rgba(14, 27, 43, 0.8);   position:absolute; bottom:-1500px;  padding:10px 0px 0px 0px; overflow:hidden; width:100%; height:80%; }
 	.middle .page_kapat{ position:absolute; right:0px;  margin:20px 20px 0px 0px;}
	.middle .page_kapat a{ transition: all 0.5s ease; font-size:20px; padding:10px 10px 5px 10px; color:#fff; background-color:rgba(14, 27, 43, 0.8); }
	.middle .page_kapat a:hover{transition: all 0.2s ease;  background-color:rgba(0, 0, 0, 0.8);}
	.page_title{font-family: 'Oxygen', sans-serif; font-weight:bold; color:#a0763a; font-size:24px; line-height:50px;}
	
 	.content{ position:absolute; width:70%; height:80%;}
	
	.resBorder{display:inline-block; background:#a0763a;  padding:4px;  margin:0px 10px 10px 0; transition: background 1s ease; }
	.resBorder:hover{ background:#000;  transition: background 0.5s ease;}
	
	.proje{float:left; width:300px; margin:10px 16px 0px 0px;}
	.proje-title{  font-family: 'Oxygen', sans-serif; background-color:#a0763a; line-height:40px; font-size:16px;  transition: background 1s ease;}
	.proje-title:hover{  background-color:#333;  color:#fff; line-height:40px; transition: background 0.5s ease;}
	.proje-title span{padding-left:10px;}
	
	.proje-title a{color:#0e1b2b; display:block; }
	.proje-title a:hover{color:#ccc; text-decoration:none; }
	.rdl{ position:absolute; bottom:80px; left:0px; background-color:#000; z-index:99999;background-color:rgba(0, 0, 0, 0.6); }
	.rdl a{ color:#a0763a; padding: 5px;}
	.rdl:hover{ background-color:rgba(14, 27, 43, 0.9);  }
	
}
 
@media screen and (max-width: 568px) {
	.logo{ padding-top:50px; }
}

/* Telefon ve Tablet */
@media screen and (max-width: 960px) {
.rdl{ display:none;}
.header{ background-color:rgba(0, 0, 0, 0.8); text-align:center;}
 .menu ul{background-color:rgba(0, 0, 0, 0.8);  line-height:30px; padding:0px 0px 0px 20px; margin:0px; list-style-type:none; color:#fff;}
 .page_title{  background-color:#a0763a; font-size:13px;  color:#fff; line-height:30px; padding:0px 0px 0px 20px;}
 .content{ padding:20px; width:100%; height:80%;  color:#fff; }
 .middle .page_kapat{ display:none; }
 .middle{background-color:rgba(14, 27, 43, 0.5);  height:100%;}
 .menu a{ color:#fff; font-size:16px; display:block; line-height:3em; }
 .menu a:hover{ color:#a0763a;}
 .menu a:focus{ color:#a0763a;}
 
 .control{ display:none;}
 
	.resBorder{display:inline-block; background:#a0763a;  padding:4px;  margin:0px 10px 10px 0; transition: background 1s ease; }
	.resBorder:hover{ background:#000;  transition: background 0.5s ease;}
	
	.proje{float:left; width:300px; margin:10px 16px 0px 0px;}
	.proje-title{  background-color:#a0763a; line-height:40px; font-size:12px; transition: background 1s ease;}
	.proje-title:hover{  background-color:#333;  color:#fff; line-height:40px; transition: background 0.5s ease;}
	.proje-title span{padding-left:10px;}
	
	.proje-title a{color:#fff; display:block; }
	.proje-title a:hover{color:#e1e1e2; text-decoration:none; }
	.centered {display:none; position: fixed; z-index:-99; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	


}