@media (max-width: 1585px) {


}
@media (max-width: 1360px) {
	
	.btn {
		padding: 0px 10px;
		height: 36px;
		border-radius: 8px;
		font-size: 14px;
	}

	#site .alan .sol .ust {
		padding: 0px 20px;
	}
	#site .alan .sol .profil {
		padding: 20px 20px;
	}
	#site .alan .sol .menu .menulink {
		padding: 8px 12px;
	}
	#anaekran {
		padding:20px;
	}
	#anaekran .alan {
		background-size:cover;
		min-height:calc(100vh - 40px);
        background: #ff523d;
	}

	#anaekran .orta .anaitem {
		grid-gap:20px;
		border-radius: 20px;
		padding:24px 20px 20px 20px;
		border:1px solid #fff;
	}
	

	.masaitem {
		padding:12px;
		grid-gap:12px;
	}
	.masaitem .katman1 {
		padding-bottom:12px;
	}
	.masaitem .katman1 .kleft .adi {
		font-size: 18px;
	}
	.masaitem .katman1 .kleft .sure {
		font-size: 12px;
	}
	.masaitem .katman1 .kright span {
		padding:12px 9px;
		border-radius: 9px;
		font-size: 18px;
	}
	.masaitem .katman2 {
		padding:0px 0px;
	}
	.masaitem .katman2 span {
		padding: 14px 20px;
		gap: 10px;
		border-radius: 14px;
		font-size: 16px;
	}
	.masaitem .katman3 {
		grid-gap:10px;
		padding-top:12px;
	}
	.masaitem .katman3 span {
		font-size: 12px;
	}	
		
	#siparis .siparisler {
		border-radius:0px 20px 20px 20px;
	}
	#siparis .siparisler .katman1 {
		padding:20px 10px;
	}
	#siparis .siparisler .katman1 .bolum {
		font-size: 16px;
	}

	#siparis .siparisler .siparis {
		padding:0px 10px;
	}
	#siparis .siparisler .siparis .res {
		width:40px;
		height:40px;
	}
	#siparis .siparisler .siparis .bilgi {
		width:calc(100% - 100px);
	}

	#siparis .siparisler .katman2 {
		padding:30px 10px 10px 10px;
		background:#fff;
		border-radius:0px 0px 20px 20px;
	}
	#siparis .siparisler .katman2 .katman2ic {
		padding:10px;
	}
	#siparis .siparisler .katman2 .toplam {
		padding-bottom:10px;
	}
	#siparis .siparisler .katman2 .toplam b {
		font-size: 14px;
	}
	#siparis .siparisler .katman2 .toplam span {
		font-size: 14px;
	}
		
	#siparis .siparisler .katman2 .odemetur {
		Display:flex;
		align-items:center;
		flex-wrap:wrap;
		grid-gap:10px;
	}
	#siparis .siparisler .katman2 .odemetur .tur {
		width: calc(50% - 5px);
	}

	.urunitem {
		border-radius: 20px;
		padding:8px;
	}
	.urunitem .urunitemust {
		border-radius: 12px;
		padding:8px;
		margin-bottom:8px;
	}
	.urunitem .urunitemust .res {
		width:42px;
		height:42px;
		border-radius:8px;
	}
	.urunitem .urunitemust .bilgi {
		width:calc(100% - 42px);
		padding-left:10px;
	}
	.urunitem .urunitemust .bilgi .adi {
		font-size: 16px;
	}
	.urunitem .urunitemust .bilgi .fiyat {
		font-size: 16px;
	}
	
}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	


	/*------------------anaekran----------------------*/

	#anaekran {
		padding:10px;
	}
	#anaekran .alan {
		background:var(--anarenk);
		width:calc(100vw - 20px);
		height:auto;
		min-height:calc(100vh - 20px);
		border-radius:15px;
	}
	#anaekran .ust {
		grid-gap:20px;
		padding:0px 15px;
		height:8vh;
	}
	#anaekran .ust .logo {
		margin-right:auto;
	}
	#anaekran .ust .logo img {
		height:31px;
	}
	#anaekran .ust .profil {
		position:relative;
	}
	#anaekran .ust .profil .profilic {
		position:relative;
		Display:flex;
		align-items:center;
	}
	#anaekran .ust .profil .profilic .res {
		width:40px;
		height:40px;
		border-radius:20px;
	}
	#anaekran .ust .profil .profilic .adi {
		width:calc(100% - 40px);
		padding-left:10px;
		font-size: 16px;
	}
	#anaekran .ust .profil .acilan {
		top:100%;
		right:0px;
		width:200px;
		border-radius:20px;
		padding:20px;
		grid-gap:10px;
	}
	#anaekran .ust .cikis {
		font-size: 12px;
		margin-left:0px;
	}
	#anaekran .ust .cikis i {
		font-size: 22px;
	}
	#anaekran .orta {
		padding:0px 15px;
		height:auto;
		min-height:calc(82vh - 20px);
	}
	#anaekran .orta .butonlar {
		max-height:calc(78vh - 60px);
		overflow-y:scroll;
		overflow-x:hidden;
		padding-right:20px;
	}
	#anaekran .orta .tarih {
		font-size: 20px;
	}
	#anaekran .orta .saat {
		font-size: 80px;
	}
	#anaekran .orta .anaitem {
		grid-gap:20px;
		border-radius: 20px;
		padding:20px 10px 20px 10px;
		border:1px solid #fff;
	}
	#anaekran .orta .anaitem .icon {
		width:68px;
		height:68px;
	}
	#anaekran .orta .anaitem .icon img {
		max-width:50%;
		max-height:50%;
	}
	#anaekran .orta .anaitem .adi {
		font-size: 14px;
	}
	#anaekran .alt {
		grid-gap:20px;
		padding:0px 15px;
		height:8vh;
	}



	/*------------------site----------------------*/

	#site {
		padding:10px;
	}
	#site .alan {
		border-radius:15px;
	}
	#site .alan * {
		transition:all 0.3s ease;
	}
	#site .alan .sol {
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100vh;
		background: #FEF5F3;
		border-radius:0px;
		z-index:100;
        transform: translateY(-200vh);
	}
	#site .alan.active .sol {
		width:100%;
	}
	#site .alan .sol .ust {
		padding:0px 40px;
		height:10vh;
	}
	#site .alan.active .sol .ust {
		padding:0px 40px;
	}
	#site .alan .sol .ust .logo {
		Display:block;
	}
	#site .alan.active .sol .ust .logo {
		Display:block;
	}
	#site .alan .sol .ust .fav {
		Display:none;
	}
	#site .alan.active .sol .ust .fav {
		Display:none;
	}
	#site .alan .sol .ust .kapatac {
		Display:none;
	}
	#site .alan .sol .ust .mkapatac {
		Display:flex;
	}

	#site .alan .sol .profil {
		padding:20px 40px;
	}
	#site .alan.active .sol .profil {
		Display:block;
	}
	#site .alan .sol .profil .profilic {
		position:relative;
		Display:flex;
		align-items:center;
	}
	#site .alan .sol .profil .profilic .res {
		width:40px;
		height:40px;
		border-radius:20px;
	}
	#site .alan .sol .profil .profilic .adi {
		width:calc(100% - 40px);
		padding-left:10px;
		font-size: 16px;
	}
	#site .alan .sol .menu .menulink {
		grid-gap:10px;
		padding:16px 32px;
		font-size: 16px;
		border-radius:8px;
	}
	#site .alan.active .sol .menu .menulink {
		padding:16px 20px;
		color: #71717A;
	}
	#site .alan .sag {
		width:calc(100% - 0px);
		min-height:calc(100vh - 60px);
		background: rgba(255, 255, 255, 0.60);
	}
	#site .alan.active .sag {
		width:calc(100% - 0px);
	}
	#site .alan .sag .ust {
		Display:flex;
	}

	#site .alan .sag .alt {
		padding:20px 10px;
	}

	/*------------------masalar----------------------*/

	#masalar {
		position:relative;
	}
	#masalar .masalarust {
		margin-bottom:30px;
	}
	#masalar .bolumler {
		width:100%;
		text-align:center;
		margin-right:0px;
		margin-bottom:8px;
	}
	#masalar .butonlar {
		justify-content:center;
		width:100%;
	}


}