@media only screen and (max-width: 1024px) and (min-width: 768px) {

}

@media only screen and (max-width: 768px){
	.header{
		overflow: unset;
	}
	.header .logo{
		width: 200px;
		margin-top: 9px;
	}
	ul.menu{
		position: fixed;
		top: 23%;
		left: -110%;
		background: white;
		width: 100%;
		max-width: 285px;
		transform: translateX(-50%);
		padding: 20px;
		transition: 500ms all;
		z-index: 8;
	}
	ul.menu li{
		display: block;
		float: unset;
	}
	ul.menu li a{
		margin: 0;
		text-align: center;
	}
	.header .menu_buyuk_yaz{
		font-size:90px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header .menu_alan{
		bottom: 0;
	}
	.mob_menu_ac{
		display: block;
	}
	.mob_menu_arka{
		position: fixed;
		top: 0;
		right: -110%;
		width: 100%;
		height: 100%;
		background: #000;
		display: block;
		opacity: 0.5;
		transition: 500ms all;
		z-index: 0;
	}
	.ana_kurumsal_alan:before{
		justify-content: center;
		font-size: 275px;
		color: #f5f5f5;
		transform: rotate(45deg);
	}
	.ana_kurumsal_alan img{
		max-width: unset;
	}
	.ana_yazi_alan:before{
		font-size: 185px;
	}


	.u_modal_ic{
		max-width: 350px;
		overflow-y: auto;
	}
	.u_modal_ic .resim_alan{
		float: unset;
		width: 100%;
		max-height: 250px;
		overflow: hidden;
	}
	.u_modal_ic .resim_alan img{
		width: 100%;
		object-fit: contain;
		height: 100%;
	}
	.u_modal_ic .yazi_alan{
		float: unset;
		width: 100%;
		height: unset;
		box-shadow: unset;
	}

}

@media only screen and (max-width: 650px) {
	body{
		padding: 10px;
	}
	.header .menu_buyuk_yaz{
		color: #f5f5f5;
		font-size: 70px;
	}
}

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

}