.yan_menu{
	width:calc(230px - 0px);
	height:100vh;
	float:left;
	position:fixed;
	background-color:red;
	z-index:888;
	display:none;
}

.yan_menu a{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	background-color:#3d3d3d;
	margin:2px 0px;
}

.yan_menu a p{
	width:calc(100% - 10px);
	line-height:20px;
	float:left;
	position:relative;
	text-align:center;
	margin:5px;
	color:#ddd;
	font-family:alegreya_sansregular;
	padding:5px 0px;
}

.yan_menu div{
	width:calc(100% - 10px);
	line-height:20px;
	float:left;
	position:relative;
	font-family:alegreya_sansregular;
	color:#fff;
}


.yan_content{
	width:calc(1600px - 0px);
	float:left;
	position:relative;
	left:50%;
	margin-left:-800px;
}




.bayi_el{
	width:1600px;
	position:fixed;
	float:left;
	z-index:100;
	top:50px;
}

.bayi_el_image{
	width:calc(1200px - 0px);
	float:left;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.bayi_golge{
	width:calc(1200px - 0px);
	float:left;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.bayi_image_height{
	height:calc(100vh - 150px);
}

.bayi_image_height_m{
	height:calc(100vh - 170px);
}

.bayi_el_top{ top:0px; }
.bayi_el_bottom{ bottom:0px; }

.bayi_map{
	width:calc(1600px - 0px);
	float:left;
	position:relative;
	z-index:20;
}

.bayi_map_image{
	width:calc(1200px - 0px);
	float:left;
	position:absolute;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	z-index:90;
}

.bayi_ara_yazi{
	width:1600px;
	float:left;
	position:fixed;
	z-index:250;
	-webkit-transition: all 100ms ;
	transition:         all 100ms ;
}

.bayi_ara_yazi .ara_yazi_h1{
	width:100%;
	height:150px;
	float:left;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition: all 200ms;
	overflow:hidden;
}

.bayi_ara_yazi .ara_yazi_h1 h1{
	width:100%;
	line-height:70px;
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	font-family:encode_sans_compressedblack;
	font-size:90px;
	color:#eee;
	text-shadow: 2px 2px 4px #000000;
}

.bayi_ara_yazi_kapat{
	height:0px !important;
	line-height:0px !important;
	transition: all 400ms;
}


.akordion{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	background-color:#4d4d4d;
	margin:5px 0px;
	border-radius:4px;
	overflow:hidden;
}

.akordion .akordion_baslik{
	width:calc(100% - 20px);
	float:left;
	position:relative;
	background-color:#0093dd;
	padding:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.69);
}

.akordion .akordion_baslik p{
	width:calc(100% - 40px);
	line-height:23px;
	float:left;
	position:relative;
	font-size:19px;
	color:#fff;
	font-family:encode_sans_compressedregular;
	letter-spacing:1px;
}

.akordion .akordion_baslik .akordion_icon{
	width:calc(25px - 0px);
	height:calc(25px - 0px);
	float:right;
	right:10px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.akordion .akordion_baslik .akordion_icon span{
	width:25px;
	height:25px;
	float:left;
	position:relative;
}

.akordion .akordion_baslik .akordion_icon .akordion_ok_yan{
	transform:rotate(90deg);
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.akordion .akordion_baslik .akordion_icon .akordion_ok_asagi{
	transform:rotate(180deg);
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.akordion .akordion_baslik .akordion_icon span:before{
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:25px;
	float:left;
	position:relative;
	content:'▲';
	color:#fff;
}


.akordion .akordion_bilgi{
	width:calc(100% - 20px);
	float:left;
	position:relative;
	padding:10px;
	font-family:dosismedium;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.akordion .akordion_bilgi p{
	color:#fff;
}

.akordion .akordion_kapali{
	width:calc(100% - 20px);
	height:0px !important;
	padding:0px 10px;
	float:left;
	position:relative;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}





.bayilik_yazi{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	margin:50px 0px;
	font-family:alegreya_sansregular;
}






@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
/*
.bayi_el{
	width:1150px;
}

.bayi_ara_yazi{
	width:1150px;
}
*/

}






@media screen and (max-width: 1680px), screen and (max-device-width: 1680px) {
	

.yan_content{
	width:calc(1200px - 0px);
	margin-left:-600px;
}

.bayi_el{
	width:calc(1200px - 0px);
}

.bayi_map{
	width:calc(1200px - 0px);
}

.bayi_ara_yazi{
	width:calc(1200px - 0px);
}	



	
	
}




@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) {
/*
.yan_content{
	width:calc(990px - 0px);
	margin-left:-495px;
}

.bayi_el{
	width:990px;
}

.bayi_ara_yazi{
	width:990px;
}


.bayi_el_image{
	width:calc(990px - 0px);
}

.bayi_golge{
	width:calc(990px - 0px);
}

.bayi_map_image{
	width:calc(990px - 0px);
}
*/
	
}







@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {


.yan_content{
	width:calc(1000px - 0px);
	margin-left:-500px;
}

.bayi_el{
	width:calc(1000px - 0px);
}

.bayi_map{
	width:calc(1000px - 0px);
}

.bayi_ara_yazi{
	width:calc(1000px - 0px);
}	
/*
.bayi_el_image{
	width:calc(900px - 0px);
}

.bayi_golge{
	width:calc(900px - 0px);
}

.bayi_map_image{
	width:calc(900px - 0px);
}
*/

	
}





@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	

.yan_menu{
	width:calc(170px - 0px);
	height:100vh;
}

.yan_menu a{
	width:calc(100% - 0px);
	margin:2px 0px;
}

.yan_menu a p{
	width:calc(100% - 10px);
	line-height:18px;
	margin:5px;
}



.yan_content{
	width:calc(780px - 0px);
	margin-left:-390px;
}

.bayi_el{
	width:calc(780px - 0px);
}

.bayi_map{
	width:calc(780px - 0px);
}

.bayi_ara_yazi{
	width:calc(780px - 0px);
}	
/*
.bayi_el_image{
	width:calc(700px - 0px);
}

.bayi_golge{
	width:calc(700px - 0px);
}

.bayi_map_image{
	width:calc(700px - 0px);
}
*/








	
}







@media screen and (max-width: 900px), screen and (max-device-width: 900px) {
	
	@media (orientation: portrait) {

		
		.bayi_el_image{
			width:calc(100% - 0px);
		}
		
		.bayi_golge{
			width:calc(100% - 0px);
		}

		.bayi_map_image{
			width:calc(100% - 0px);
		}
		
	}


	@media only screen and (orientation: landscape) {
		
		.bayi_el_image{
			width:calc(50% - 0px);
		}
		
		.bayi_golge{
			width:calc(50% - 0px);
		}

		.bayi_map_image{
			width:calc(50% - 0px);
		}
		
		.bayi_ara_yazi{ display:none !important; }

	}


}




@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
	
.yan_content{
	width:calc(100% - 10px);
	margin:0px;
	left:5px;
}

.bayi_el{
	width:calc(100%  - 10px);
}

.bayi_map{
	width:calc(100%  - 0px);
}

.bayi_ara_yazi{
	width:calc(100%  - 10px);
}	
/*
.bayi_el_image{
	width:calc(100%  - 0px);
}

.bayi_golge{
	width:calc(100%  - 0px);
}

.bayi_map_image{
	width:calc(100%  - 0px);
}
*/

}



@media screen and (max-width: 736px), screen and (max-device-width: 736px) {
	

.yan_menu{
	width:calc(130px - 0px);
	height:100vh;
}

.yan_menu a{
	width:calc(100% - 0px);
	margin:2px 0px;
}

.yan_menu a p{
	width:calc(100% - 10px);
	line-height:18px;
	font-size:14px;
	margin:5px;
}


	
}






@media screen and (max-width: 640px), screen and (max-device-width: 640px) {


	
}




@media screen and (max-width: 533px), screen and (max-device-width: 533px) {
	
	
}








@media screen and (max-width: 460px), screen and (max-device-width: 460px) {
	
	
}




@media screen and (max-width: 380px), screen and (max-device-width: 380px) {
	
	
}