@charset "utf-8";
/* CSS Document */
html, body { height:100vh; margin:0;
 padding: 0;
 }
#bir{
	/*background-color: #EFEFEF;*/
	
	height: 85%;
	width: 75%;
	/* margin: auto;*/
	 
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: #000;
	border-style: groove;	 
	 
	}
	
	#iki{/
		
	background-color:#06F3;
	
	height:100%;
	width:100%;
	}
	
	#cikis{
		background-color:#FFF;
		z-index:2;
		position:absolute;
		
		top:0;
		right:0;
		height:40px;
	width:40px;
		
		}
		
		#cikis:hover{}
	#iconcikis{
		position:relative;
		height:100%;
	width:100%;
		}
	
	#carouselExampleInterval{
		position:relative;
		top:0;
		left:0;
		height:100%;
	width:100%;
		}
	
	
#carouselExampleInterval img{
position:relative;

	width:100%;
	height:100%;
	}

@media screen and (max-width: 980px) {
	
#bir{
 position:fixed;
	background-color:#fff;
	height:100%;
	
	width:100%;
		 
	
 
  top:50%;
  left:50%;

  border:#000;
  border-style:groove;
 
	 
	 
	}
	
	#iki{
		position:relative;
		height:80vw;
	
	width:80vh;
	/* top:10%;
  left: 5%;*/
	
		top:25vh;
  left: -25vw;
	background-color:#06F3;
	margin:auto auto auto auto;
 transform:rotate(90deg);
  padding:1px 1px 1px 1px;
  margin:auto;
	}
		
	
	
	
	
	
	
}