body {
    background-image: no-repeat center center fixed;
	padding-top: 15px;
	padding-bottom: 5px;
	padding: auto;
	animation: image 10s infinite alternate;
	-webkit-animation: image 10s infinite alternate;
	-moz-animation:image 10s infinite alternate;
}

.container {
padding-top:2px; 
border-radius:20px 20px 1px 1px; 
font-size:18px;
color:#000000;
background-color:#ffffff; 
width:auto; 
height:60px; }
/*
#dene {
position:absolute;
z-index:1;


}
#dene2{
position:absolute;
z-index:2;
}
*/

.kutuYuvarlak
{
color: #ffffff;
font-family: "Times New Roman";
width:380px;
background-size:cover;
height:650px;
margin:auto;
-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius:20px;

-moz-box-shadow: 0 0 5px #C62828;

-webkit-box-shadow: 0 0 5px #000000;

box-shadow: 0px 0px 80px #000000;
 }
 
 
/* Style the tab */
div.tab {
    overflow-x: auto;
	width:auto;
	height: auto;
    border: 0px solid #B2EBF2;
    border-radius: 1px 1px 20px 20px; 
    background-color: #ffffff;
}

/* Style the buttons inside the tab */
div.tab input {
    background-color: #ffffff;
	width:50%;
    float: left;

    border: 0px solid #B2EBF2;;
    outline: none;
    cursor: pointer;
    padding: 6px 6px;
    transition: 0.1s;
    font-size: 10px;
	color: #000000 ;
	
}

/* Change background color of buttons on hover */
div.tab input:hover {
    background-color:#B2EBF2;

}

@media only screen and (width: 320px){

  .container{ 
      height:40px;
	  font-size:14px;
	 }
	

    .kutuYuvarlak {
	   position: relative;
	   margin: auto;
       width: 90%;
	   padding-top:20px;
	   height: 500px;;
	   padding:10px;
	   
    }
	img.arrow {
	   padding:5px;
	   width:  40px;
	   height: 40px;
	}
	img.imge {
	   width:  200px;
	   height: 200px;
	}
}
@media only screen and (width : 375px) {
	
	body {
    background-size:1200px;
	
}   

.container{ 
      height:auto;
	  font-size:18px;}
	  
    .kutuYuvarlak {
	   padding-top: 15px;
       width:  90%;
	   height: 630px;
	   font-size: 18px;
	   
    }
	img.imge {
	   width:  280px;
	   height: 280px;
	}
	div.tab input {
			font-size: 16px;
	
	}
	
}

@media only screen and (width : 414px) {
	
	body {
   background-size:cover;

}    .container{ 
      height:50px;}
	  
    .kutuYuvarlak {
	

	   padding-top: 5px;
       width:  90%;
	   height: 600px;
	   
    }
	img.arrow {
	   padding:5px;
	   width:  45px;
	   height: 45px;
	}
	img.imge {
	   width:  250px;
	   height: 250px;
	}
	div.tab input {
			font-size: 12px;
	}
}


/*@media only screen and (width: 750px) {
		body {
    padding-top: 10px;

}
    .kutuYuvarlak {
	font-size: 18px;
	   margin: auto;
       width:  80%;
	   height: 1000px;
	}
	img.arrow {
	   width:  90px;
	   height: 70px;
	}
		img.imge {
	   width:  380px;
	   height: 380px;
	}
	
    
	div.tab input {
			font-size: 18px;
			
	}
	}*/
	
	@media only screen and (width :720px){
	
.container{ 
      height:60px;}
	  
    .kutuYuvarlak {
	font-size: 22px;
	   margin: auto;
       width:  80%;
	   height: 400px;
	   
	
	}
	img.arrow {
	   width:  50px;
	   height: 50px;
	}
		img.imge {
	   width:  300px;
	   height: 300px;
	}
	
    
	div.tab input {
		
		    height: 40px;
			font-size: 22px;
			
	}
	}
	
   @media only screen and (width :768px) {
		body {
	 background-size:2000px;
    padding-top: 10px;

} 
     .container{ 
      height:70px;
	  font-size:20px;} 
	  
    .kutuYuvarlak {
	font-size: 18px;
	   margin: auto;
	 
       width:  600px;
	   height: 900px;
	}
	img.arrow {
	   width:  50px;
	   height: 50px;
	}
		img.imge {
	   width:  350px;
	   height: 350px;
	}
		img.wea{
	  width:90px;
	   height:70px;
		
	}

	div.tab input {
			font-size: 16px;
	}
	}

	@media only screen and (width :1024px) {
	body {
	background-size:60000px;
    padding-top:50px;

	}
	.container{ 
      height:110px;
	  font-size:28px;}
	  
    .kutuYuvarlak {
		color: #000000;
	  font-size: 24px;
	   margin: auto;
       width:  800px;
	   height: 1200px;
	   background:cover;
	   
    }
	img.arrow {
	   width:  80px;
	   height: 80px;
	}
	
	img.imge {
	   width:  500px;
	   height: 500px;
	}
		img.wea{
	  width:110px;
	   height:90px;
		
	}
    
	
	
	div.tab input {
			font-size: 22px;
				
	}
	}