@media screen and (max-width:640px) {  
.kutu3kutu { width:100%; margin:0 auto; }
#sayfaicerikler {
	margin-top:80px;
}
	


.kut1 { width:110px; height:110px;  border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:1;    margin-left: 17%; 	overflow: hidden;  font-weight:600;}
.kut2 { width:110px; height:110px;  border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:3;     margin-left: 6%;   overflow: hidden;font-weight:600;}
.kut3 { width:110px; height:110px; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:2;      margin-left: 6%;	overflow: hidden; font-weight:600;}


.kut1_1 { width: 100px; height: 0px; margin: 4px; display:block; }

.kut_1_1_1 {padding-top:300%; padding-left:90%; padding-bottom:0%; text-align:center; font-size:16px; color:#FFF;}
.kut_1_2_1 {padding-top:310%; padding-left:110%; padding-bottom:0%; text-align:center; font-size:16px;  color:#FFF; }
.kut_1_3_1 {padding-top:310%; padding-left:110%;  padding-bottom:0%; text-align:center; font-size:16px;  color:#FFF; }



.footer { width:100%; height:180px; bottom:10px; position:fixed; }
.copyright { padding-top:5px; }
.footsosyal { padding-top:2px; }


.cev_logo { float:right;  bottom:5px; position:fixed; right:0; }
.cev_logo img { height:26px; padding-right:20px; }



  }


@media screen and (max-width:495px) {
	
.kutu3kutu { width:100%; margin:0 auto; }	

.kut1 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
		
.kut2 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
	
.kut3 {  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }
	
	
	
.kut1_1 {  -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);  }
	
	
.kut_1_1_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }
	
	
.kut_1_2_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }	
		
	
.kut_1_3_1 {  -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);  }
	
p { margin:1px;  text-align: center;  width: 70px; }	

#sayfaicerikler {
	margin-top:70px;
}
	

.kut1 { width:110px; height:110px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:1;  margin-left:33px; font-weight:600;}
.kut2 { width:110px; height:110px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:3;  margin-left:-31px; margin-top:-80px; overflow: hidden;font-weight:600;}
.kut3 { width:110px; height:110px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:2;  margin-left:-32px;	overflow: hidden; font-weight:600;}


.kut1_1 { width: 100px; height: 0px;float: left;margin: 4px; display:block; }

.kut_1_1_1 {padding-top:300%; padding-left:90%; padding-bottom:0%; text-align:center; font-size:16px; color:#FFF;}
.kut_1_2_1 {padding-top:310%; padding-left:110%; padding-bottom:0%; text-align:center; font-size:16px;  color:#FFF; }
.kut_1_3_1 {padding-top:310%; padding-left:110%;  padding-bottom:0%; text-align:center; font-size:16px;  color:#FFF; }


.kutu_1_cizgi {  
	position: absolute; 
	overflow: hidden;  	
	width:100px; height:100px;   
	border:5px solid #FFFFFF;
    z-index: 9;
	opacity: 0.0;	
    transition: all .5s ease-in-out;
}

.kut1:hover .kutu_1_cizgi {  
	opacity: 1;
}



.kut2:hover .kutu_1_cizgi {  
	opacity: 1;
}
.kut3:hover .kutu_1_cizgi {  
	opacity: 1;
}

.kutu_1_resim {  
	position: absolute; 
	overflow: hidden;  	
	width:110px; height:110px;   
    z-index: 8;
}


.kut1 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(316.5deg);
	opacity: 0.7;
	
}
.kut1:hover .kutu_1_resim img {    	 
		opacity: 0.3;
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(316.5deg) scaleX(1.2) scaleY(1.2);
		 -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(316.5deg) scaleX(1.2) scaleY(1.2);
		 
}

.kut2 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(314deg);
	opacity: 0.7;
	
}

.kut2:hover .kutu_1_resim img {    	 
		opacity: 0.3;
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(314deg) scaleX(1.2) scaleY(1.2);
		 -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(314deg) scaleX(1.2) scaleY(1.2);
}


.kut2:hover { z-index:4;
}

.kut3 .kutu_1_resim img {  
	position: absolute;
    top: -70px;
    left: -70px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	transform: rotate(310deg);
	opacity: 0.7;
	
}
.kut3:hover .kutu_1_resim img {    	 
		opacity: 0.3;		
		 transform: translateX(0%) translateY(0%) translateZ(0px) rotate(310deg) scaleX(1.2) scaleY(1.2);
        -webkit-transform:  translateX(0%) translateY(0%) translateZ(0px) rotate(310deg) scaleX(1.2) scaleY(1.2);
}

.siyahlik { position:fixed; background:rgba(0,0,0,0.8); left:0; right:0; top:0; bottom:0; } 


#kapsulIci{zoom:1; }
	
#content {	 height:450px; }


.footer { width:100%; height:200px; bottom:20px; position:fixed; }
.copyright { padding-top:10px; }
.footsosyal { padding-top:2px; }

.copyright { width:220px;}

.cev_logo { float:right;  bottom:10px; position:fixed; right:0; }
.cev_logo img { height:26px; padding-right:20px; }



	
}