@media screen and (min-width: 601px ){
    .sarmal{margin:0 auto; text-align:left; width:calc(100%);}	
    .Bar{bottom:0 ; position:absolute; width:940px; height: 60px; background-color: #3A3A3A;  border: solid; top: 0px;}
    .islem{height: 48px; width: 940px; border: solid; font-size: 30px; text-align: center;border-radius: 15px; background-color: white; margin-top: 15px}
    .islem_Buton{float: right; height:calc(100% - 12px); width:55px; margin: 5px 8px 0px 0px; font-size: 12px; border-radius: 15px }
    .Kategori {height: 42px; width: 225px; margin: 10px; font-size: 30px; border-radius: 15px; text-align: center}
    .Font{font-size: 27px}
    .Fiyat{height: 50px; width: 250px; font-size: 27px; border-radius: 15px}
    .Har_Sekli{height: 50px; width: 190px; font-size: 24px; border-radius: 15px; text-align: center; border-color: hsla(230,100%,23%,1.00) }
    .Kayitbuton{height: 45px; width: 140px; margin: 10px 0px 10px 90px; font-size:22px; border-radius: 15px; background-color: hsla(230,100%,23%,1.00); color: white}
	.Menu{position: absolute;}
	.Acilir_Menu{position: absolute; overflow: auto; background-color: none; min-width: 60px; z-index: 1px;display: none; }
	.Acilir_Menu a{display: block; padding: 12px 16px; background-color: hsla(0,0%,0%,0.88); text-decoration: none; font-size: 25px; border: solid; border-radius: 25px}
	.Acilir_Menu a:hover{background-color: white; font-style: italic; }
	.Menu_Buton{height: 50px; width: 50px; border-radius: 25px; border: none; font-size: 15px; background-color: hsla(0,0%,100%,1.00); margin: 5}
	.Menu_Buton:hover {background-color: darkslategray}
	.Goster{display: block}
	.Filtre{height: 70px; width: 140px; border-radius: 50px; margin:20px 10px 20px 0px; background-color: hsla(230,100%,23%,1.00); float: right; font-size: 23px; border-color: hsla(230,100%,23%,1.00); color: white;}
	.Filtre:hover{background-color: darkslategrey; font-style: italic;}
	.formbuton{height: 70px; width: 140px; border-radius: 50px; margin:20px 0px 20px 0px; background-color: hsla(230,100%,23%,1.00)}
	.formbuton:hover{background-color:darkslategray; font-style: italic;}
	.Buton{height: 80px; width: 110px; font-size: 22px; margin:10px 10px 0px 10px; top:10px;}
	.Bistliste{height: 80px; width: 200px; font-size: 25px; left: 70px; top: 15px; margin: 20px 10px 10px 0px}
	.fiyat{height: 40px; width: 120px; margin: 30px 0px 0px 30px; font-size: 30px }
	.HisseEkle{height: 60px; width: 200px; font-size: 27px; border: none; margin: 10px 10px 10px 35px; color: white; background-color: hsla(230,100%,23%,1.00)}
	.HisseEkle:hover{background-color: darkslategray; font-style: italic;}
	.Sil_Buton{float: right; height:calc(100% - 10px); width:35px; margin: 5px 8px 0px 0px; font-size: 12px; border: none }
	.HisseEkleform{border: solid}
	.HisseEkleform > input{margin: 5px}
	.Hissekayit{height: 80px; width:200px; font-size: 25px; left: 70px; top: 15px; margin: 20px 10px 10px 0px}
	#Harcama_Kayit{background: white; border:1px solid black; padding:10px;width: 400px;}
	#Odeme_Kayit{background: white; border:1px solid black; padding:10px;width: 400px;}
	#YatirimKayit{background: white; border:1px solid black; padding:10px;width: 500px;}
	#Hissekle{background: white; border:1px solid black; padding:10px;width: 500px;}
	.sayfa{margin-top:60px}
	.Odemeinput{height: 50px; width: 155px; margin: 15px; display: inline-block; font-size: 23px; background-color: hsla(230,100%,23%,1.00); color: white; border-radius: 15px;}
	.Katekle{height: 50px; width: 155px; margin: 15px; display: inline; font-size: 23px; border-color: hsla(230,100%,23%,1.00); background-color: hsla(230,100%,23%,1.00); color: white; border-radius: 15px;}
	.Katek{border-radius: 15px; color: white; width: 215px; height: 50px; border-color: hsla(230,100%,23%,1.00); font-size: 23px; margin-left: 10px; margin-top: 15px}
	.listee{height: 35px; width: 300px; font-size: 30px; position: relative; border: inset}
	.kgiris{height: 130px; width: 350px; font-size: 30px; margin: 80px 0px 0px 30px; border: solid; background-color: darkgray; position: absolute; font-style: italic;}
	.kgiris > input{margin: 10px 10px 0px 10px;}
	.gButon{height: 45px; width: 90px; background-color: hsla(230,100%,23%,1.00); color: white; border: none; position: absolute; font-size: 24px}
	.gButon:hover{background-color: darkslategray; font-style: italic;}
	.Ykullanici{border: solid; height: 300px; width: 310px; font-size: 30px; position: absolute; right: 0px; top: 160px; background-color: darkgray; }
	.Ykullanici > input{margin: 10px 10px 0px 10px}
	.Goster{display: block}
	.Tarih{font-size: 18px; width: 210px; border:groove hsla(230,100%,23%,1.00) ; border-radius: 50px; text-align: center; font-weight: 500; font-style:italic; color: white}
	.bosluk{height: 75px;}
}
@media screen and (max-width: 600px){
	.sarmal{margin:0 auto; text-align:left; width:calc(100% - 5px);}
    .Bar{width:calc(100% - 1.5%); height: 55px; background-color: #3A3A3A;  border: solid; top: -1px;left:0px; position:fixed}
    .islem{height: 35px; width: calc(100% - 1.5%); border: solid; font-size: 15px; border-radius: 15px; background-color: white; padding: 5px 0 0 5 }
    .islem_Buton{float: right; height:calc(100% - 4px); margin-right: 5px; font-size: 12px; border-radius: 10px; position:inherit }
    .Kategori {height: 42px; width: 225px; margin: 10px; font-size: 17px; border-radius: 15px; text-align: center}
    .Font{font-size: 27px}
    .Fiyat{height: 50px; width: 170px; font-size: 14px; border-radius: 15px}
    .Har_Sekli{height: 50px; width: 150px; font-size: 14px; border-radius: 10px; margin: 5}
    .Kayitbuton{height: 30px; width: 90px; margin: 10px 0px 10px 90px; font-size:17px; border-radius: 15px; }
	.Menu{position: relative; display: inline-block}
	.Acilir_Menu{position: absolute; overflow: auto; background-color: none; min-width: 60px; z-index: 3px;display: none; }
	.Acilir_Menu a{display: block; padding: 12px 16px; background-color: hsla(0,0%,0%,0.92); text-decoration: none; font-size: 17px; border: solid hsla(230,100%,23%,1.00) ; border-radius: 25px; z-index: 3px; color: white}
	.Acilir_Menu a:hover{background-color: hsla(60,7%,9%,0.90) }
	.Menu_Buton{height: 50px; width: 50px; border-radius: 29px; border: none; font-size: 15px; background-color: white; margin: 3}
	.Menu_Buton:hover {background-color: white}
	.Goster{display: block}
	.Filtre{height: 45px; width: calc(100% - 69%); border-radius: 50px; margin:15px 5px 20px 0px; background-color: hsla(230,100%,23%,1.00); float: right; font-size: 14px; border: solid hsla(0,0%,0%,1.00); color: white; text-align: center}
	.Filtre:hover{background-color: darkslategrey;}
	.formbuton{height: 45px; width: calc(100% - 69%); border-radius: 40px; font-size: 12px; margin:15px 0px 20px 0px; background-color: hsla(230,100%,23%,1.00)}
	.Odemeinput{background-color: hsla(230,100%,23%,1.00); border-radius: 15px; color: white; width: calc(100% - 70%)}
	.menuAc a{color: white}
	.Katekle{background-color: hsla(230,100%,23%,1.00); border-radius: 15px; color: white; width: calc(100% - 75%)}
	.Katek{border-radius: 15px; color: white; width: calc(100% - 70%); height: 45px; border-color: hsla(230,100%,23%,1.00)}
	.sayfa{margin-top:60px}
	.islemm{height: 55px; width:calc(100% - 1.5%); border: solid;  text-align: center;border-radius: 15px; background-color: white; font-size: 20px;}
	.Buton{height: 80px; width: 110px; font-size: 22px; margin:10px 10px 0px 10px; top:10px; right: 80px}
	.Bistliste{height: 80px; width:calc(100% - 60%); font-size: 25px; left: 70px; top: 15px; margin: 20px 10px 10px 0px}
	.Hissekayit{height: 80px; width:calc(100% - 55%); font-size: 25px; left: 70px; top: 15px; margin: 20px 10px 10px 0px}	
	.fiyat{height: 40px; width: calc(100% - 60%); margin: 30px 0px 0px 30px; font-size: 30px }
	.HisseEkle{height: 45px; width: calc(100% - 54%); font-size: 24px; border: none; margin: 10px 5px 10px 5px; color: white; background-color: hsla(230,100%,23%,1.00); border-radius: 25px }
	.Sil_Buton{float: right; height:calc(100%); margin: 0px 0px 0px 0px; font-size: 12px; border: none; }
	.HisseEkleform{border: solid}
	.HisseEkleform > input{margin: 5px}
	#Harcama_Kayit{background: white; border:1px solid red; padding:10px; width: calc(80%);}
	#Odeme_Kayit{background: white; border:2px solid black; padding:10px;width: 300px;}
	#YatirimKayit{background: white; border:1px solid black; padding:10px;width: 300px;}
	#Hissekle{background: white; border:1px solid black; padding:10px;width: 500px;}
	.sayfa{margin-top:60px}
	.Odemeinput{height: 50px; width: 155px; margin: 15px; display: inline-block; font-size: 16px}
	.Katekle{height: 50px; width: 155px; margin: 15px; display: inline; font-size: 16px}
	.kgiris{margin: 100px 0px 0px 30px; border: solid; width:calc(100% - 20%); height:70px}
	.gButon{width:70px; font-size:24px; float:right;}
	.Tarih{font-size: 12px; width: 170px; border:groove hsla(230,100%,23%,1.00) ; border-radius: 50px; text-align: center; color: white}
	.Odemetur{color:red; margin: 5px; float:left;}
	
}