@media only screen and (min-width: 800px) {
body, html {display:block; width: 100%;  margin:0 auto; padding:0; background-color: #f1f1f1; font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}

.table {width:100%; padding:0 0 10px 0; border-radius:10px; max-width:1200px; margin:1px auto;  } 
.table h3{padding:10px 2.5% 5px 2.5%; margin:0;}
.space-between {position:relative; display: -webkit-flex;  justify-content: space-between;  }
.kolon {width:100%; display:block;  transition: all 0.3s;} 
.hucre { border: 0px solid #c0c0c0; border-radius:10px; background-color: #f7f7f7;} 

.list { padding:0; margin:7px 0; width:100%; transition: all 0.3s; background-color: #f7f7f7;} 
.list .satir {position:relative;width:100%; font-size:14px; display: -webkit-flex; margin:2px 0px; padding:0; justify-content: space-between; border-bottom: 1px solid #f1f1f1; border-radius:2px; background-color: #fff;}
.list .satir:hover {background-color: #f9f9f9; cursor:pointer;}
.list .baslik {background-color: #6c7490; color:#fff; padding:5px 0; font-weight:900; border-radius:5px 5px 0 0;}
.list .baslik:hover{background-color: #6c7490; color:#fff; padding:5px 0; font-weight:900; border-radius:5px 5px 0 0;}
.list .satir .alan{width:100%; display: block; padding:5px 10px;}
.list .satir .name{max-width:200px;}
.list .satir .Json-islemButon{position:absolute; display:none; top:5px; right:5px;}
.list .satir:hover .Json-islemButon{display:table;}
 
 
 
.halt .header { display:none;}
.menu { display: -webkit-flex; padding:2px 0 2px 0; font-size:14px; border-radius:5px; border-top: 1px solid #fff; background-color: #fff; justify-content: space-between;}
.menu #kategori{width:100%; padding:0; margin:0; max-width:900px;   position:relative;   font-weight:900; display: -webkit-flex;   justify-content: flex-start;}
.menu #kategori li{ cursor:pointer; text-align:center; min-width:80px;  list-style:none;  padding:5px 10px; transition: all 0.3s;}
.menu #kategori li i{margin:0 5px; transition: all 0.3s;}

.menu #destek{width:100%; padding:0; margin:0; max-width:200px; position:relative; display: -webkit-flex;   justify-content: flex-end;}
.menu #destek li{width:100%; cursor:pointer; text-align:center; max-width:150px; list-style:none;  padding:5px 5px;  transition: all 0.3s;}
.menu #destek li i{margin:0 5px; transition: all 0.3s;}
 
.navi {width:90%; padding:5px 5%; border-radius: 10px 10px 0 0; margin:0;  background-color: #f9f9f9;}
.altnavi {width:90%; padding:5px 5%; border-radius:0 0 10px 10px; margin:0;  background-color: #f9f9f9;}
.navi h2{padding:5px 0; margin:0; font-size:16px;}
.altnavi #altkategori{width:100%; padding:0; margin:0; max-width:300px;   position:relative;  font-size:14px; font-weight:300; display:table;}
.altnavi #altkategori li{width:100%; cursor:pointer; text-align:left; min-width:100px; list-style:none;  padding:2px 5px; transition: all 0.3s;}
.altnavi #altkategori li i{margin:0 5px; transition: all 0.3s;}
 
 
 
.header {position:relative; display: -webkit-flex;  margin-top:0; padding-top:5px; border-radius:0 0 10px 10px; justify-content: space-between;  background: rgba(241,241,241,0.8); }
.logo {max-width:100%;} 
.arama {padding:5px 0; margin:0; max-width:600px; display: -webkit-flex;  justify-content: flex-end; } 
.arama input{width:100%;border: 0px solid #c0c0c0; padding:0 10px; border-radius:5px 0 0 5px; outline:0;} 
.arama button{padding:5px; color:#c0c0c0;border: 0px solid #c0c0c0; background-color: #fff; font-size:1.5em; border-radius:0px 5px 5px 0; } 
.iconset{display: -webkit-flex;  justify-content: flex-end; }
.iconset .icon{display: -webkit-flex; position:relative; justify-content: space-between;  min-width:100px; padding:5px 10px; margin:5px 3px; background-color: #f9f9f9; border: 0px solid #c0c0c0; border-radius:5px;  cursor:pointer; transition: all 0.3s;}
.iconset .icon:hover{ background-color: #d05911; color:#fff; transition: all 0.3s;}
.iconset .icon:hover small, .iconset .icon:hover i{  color:#f1f1f1; transition: all 0.3s;}
.iconset .icon small{font-size:12px; margin:0; padding:6px 0; width:100%;}
.iconset .icon .say{font-size:12px; display:block; width:16px; padding:2px 1px; text-align:center; border-radius:16px; background-color: red; color:#fff; position:absolute; top:-5px; right:-5px;  margin:0;}
.iconset .icon i{font-size:1.3em; margin:2px 2px; padding:0;} 

.sticky {  position: -webkit-sticky; position: sticky;  top: 0;  z-index:25;}
.spidik {background-color: #e3e2e1;  position:relative; display: -webkit-flex;  justify-content: space-between;  padding:20px 2%; width:96%; user-select:none;} 
.spidik div{width:100%; position:relative; display: -webkit-flex;  justify-content: space-between;  margin:2px 10px; padding:10px 10px; border-radius:10px;color: #42485f;background-color: #42485f;}
.spidik i{width:100%;display:block; font-size:34px; max-width:39px; color: #ffffff;}
.spidik span{width:100%;display:block; padding:7px 10px; color: #ffffff;}  

.urunDetay { padding:10px 10px ; background-color: #fff; border-radius:10px; position:relative; display: -webkit-flex;  justify-content: space-between; }
.urunDetay .kolon{display:block;  width:100%; background-color: #fff;  }
.urunDetay .resimler{padding:10px; max-width:450px; border: 0px solid #c0c0c0;}

.urunDetayd .resimslider{padding:10px; text-align:left; border-radius:10px; border: 0px solid #c0c0c0;}
.urunDetayd .resimslider img{width:75px;}

.urunDetay .resimslider{position:relative; overflow:hidden;}
.owl-carousel .owl-prev span, .owl-carousel .owl-next span{display:block;font-size:30px; width:35px; text-align:center; border-radius:50px; padding:5px; background-color: #fff;}
.owl-carousel .owl-prev{left:-100px; top:40%; visibility:hidden; padding:0px;  position:absolute; transition: all 0.5s;}
.owl-carousel .owl-next{right:-100px; top:40%; visibility:hidden;  padding:0px; position:absolute; transition: all 0.5s;}
.urunDetay .resimslider:hover .owl-prev{left:-10px; visibility:visible;  transition: all 0.5s;}
.urunDetay .resimslider:hover .owl-next{right:-10px; visibility:visible; transition: all 0.5s;}


.urunDetay .resim{padding:0px; text-align:center; border-radius:10px; border: 1px solid #c0c0c0;}
.urunDetay .resim img{width:100%; border-radius:10px;}  
.urunDetay .bilgi{padding:25px; }
.urunDetay .stars{padding:10px 0; display:block;}

.urunDetay { border-radius:0 0 10px 10px; margin-top:0; }
.urunDetay .kargo{ display:block;}
.urunDetay .aciklama{border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; display:block;}
.urunDetay  h1{font-size:22px;}
.urunDetay .aciklama h2{font-size:15px; color: #d05911; padding:0px;}
.urunDetay .fiyat{font-size:26px; padding:10px 0; display:block; font-weight:900; color: #d05911;} 
.urunDetay .fiyat del{font-size:16px; padding:5px 10px; display:block; float:left; font-weight:300; color: #999;} 
.urunDetay .butonset .fiyat {display:none;} 
.urunDetay a{ color:#c7510a; text-decoration:none; } 

#iletisim {position:relative; display: -webkit-flex;  justify-content: space-between;  background-color: #fff;}
#iletisim .list {border: 0px solid #fff; border-radius:0px; padding:10px; margin:0px 0px; width:100%; background-color: #fff; transition: all 0.3s;} 
#iletisim .list h4{ padding:10px 10px; margin:0; }  
#iletisim .list .satir {position:relative;width:96%; font-size:15px; display: -webkit-flex; margin:3px 1%; padding:5px 1%; justify-content: space-between; border-bottom: 1px solid #fff; border-radius:5px; background-color: #f7f7f7;}
#iletisim .list .satir span{width:100%; padding:3px;}
#iletisim .list .satir .title{text-align:right; max-width:150px; font-weight:900;}


#haftaninUrunu {padding-top:15px; position:relative; display: -webkit-flex;  justify-content: space-between; background-color: orange; background-image: linear-gradient(orange, yellow, orange);}
#haftaninUrunu .tablo h3{ display:none;} 
#haftaninUrunu .slogan { width:100%; padding:5px; max-width:450px; display: flex;  justify-content: center;   align-items: center; } 
#haftaninUrunu .liste { width:100%; max-width:750px; display: block; border-radius:10px;} 
#haftaninUrunu .urunDetay { padding:10px 10px;  background-color: #fff; margin: 10px; border-radius:10px;} 
#haftaninUrunu .urunDetay  h1{font-size:22px; color:#d05911;}
#haftaninUrunu .resim{width:40%;}
#haftaninUrunu .buyukresim{padding:2px; text-align:center; border-radius:0px; border: 0px solid #c0c0c0;}
#haftaninUrunu .buyukresim img{height:250px;}

.adet{border: 1px solid #c0c0c0; background:#f1f1f1;  border-radius:5px; padding:10px; margin:2px;  display: -webkit-flex;  justify-content:  space-between; width:120px;}	
.adet .count{border: 0px solid #f1f1f1; background:#f1f1f1; width:50px; text-align:center; font-size:14px; padding:0; margin:0; }	
.adet input{display:none; border: 0px solid #f1f1f1; background:#f1f1f1; width:50px; text-align:center; font-size:14px; padding:0; margin:0; }	
.adet input:focus{    outline: none;}
.adet i{ cursor:pointer; width:40px; text-align:center; font-size:1.3em;}



.tabListe{ display: block; }
.tabListe .urun{padding:5px;margin:0; border-radius:10px; cursor:pointer; position:relative; background-color: #fff; transition: all 0.3s; user-select:none;}
.tabListe .urun:hover{padding:5px;margin:0; border-radius:10px; cursor:pointer; background-color: #f9f9f9; transition: all 0.3s;}

.tabListe .urun h4{padding:15px 0;margin:0; font-size:14px; min-height:35px; text-align:center;}
.tabListe .urun .img{width:100%; background-color: #fff; overflow:hidden; display:block; height:210px; border-radius:5px;}
.tabListe .urun img{width:80%; margin:0 10%; border-radius:5px;}
.tabListe .urun .ikonlar{position:absolute; top:5px;  right:5px; border-radius:5px;  padding:0px; display: -webkit-flex; justify-content: space-between;}
.tabListe .ikonlar .yeni{ Min-width:30px; max-width:80px; border-radius:5px; font-size:12px; background-color: red;color: #fff; padding:3px; margin:2px; display:block;}
.tabListe .ikonlar .indirim{ Min-width:30px; max-width:80px; border-radius:5px; font-size:12px; background-color: green;color: #fff; padding:3px; margin:2px; display:block;}
.tabListe .urun .fiyat{width:100%; padding:15px 0 0 0; color:#d05911; text-align:center; font-size:1.5em; position:relative; display:table;}
.tabListe .urun .fiyat del{width:100%; padding:0; text-align:center; color:#555; position:absolute; top:0px; right:0; font-size:14px; display:table;}
.tabListe a{ color:#c7510a; text-decoration:none; }



.listele{margin-top:15px; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));  gap: 15px;}

.butonset{width:100%; border:0; padding:0; border-radius:10px; margin-top:5px; display: -webkit-flex; justify-content: space-between; cursor:pointer;}
.butonset button, .butonset .btn{width:100%; border:0; padding:10px; border-radius:5px; margin:3px; display: -webkit-flex; background-color: #d05911; color:#fff; justify-content: space-between; cursor:pointer;}
.butonset button:hover, .butonset .btn:hover{background-color: #db410b; color:#fff;}
.butonset .onay{background-color: #db410b; color:#fff;} 
.butonset .onay:hover{background-color: #db410b; color:#fff;}

.butonset button span, .butonset .btn span{width:100%; text-align:left;}
.butonset button i, .butonset .btn i{width:50px; font-size:1.3em; }
.butonset .begen{max-width:35px;}
.popup {padding:0px; max-height:80vh; padding-bottom:10px; border-radius: 10px; border-bottom: 5px solid #b11217; width:50%; margin:0 auto; position: fixed;  z-Index:1003;  background-color:#b11217; left:25%; right:25%; min-width:600px; display:block;  overflow:auto; top:-400px; scrollbar-width:thin; scrollbar-color: #bc2328 #b11217; box-shadow: 1px 4px 4px rgba(0, 0, 0, .5);} 
.popup h1{background-color:#b11217; position: -webkit-sticky;  position: sticky;  top: 0px; z-Index:107} 
.popup .table{ display:block;  width:95%; padding:10px 2.5%; background:#f9f9f9; justify-content:flex-start; } 
.popupdd .kolon{width:98%;;}  
.popupgoster {display:block; visibility:visible; top:60px; z-Index:1003; transition: all 0.65s;}
.popupgizle {display:block; visibility:hidden; top:-500px; transition: all 0.65s;}
.popup .header {display: flex;   justify-content: space-between;  background-color:#b0d6d8; padding:3px .5%; margin:0 0 0px .5%; width:98.5%; position: -webkit-sticky; border-radius:10px; position:relative; z-Index:9; top:0;}
.popup .header .geri{color:#fff;}
.popup .header h4{ padding:15px 5px 3px 5px; margin:0; color:#fff; font-size:1.5em; } 
.popup h1{ margin-bottom:20px; text-align:left; color:#fff; font-size:20px;  margin:0; padding:10px 2.5%; display:table; width:95%;}	
.popup .kapat{ position:absolute; font-size:2em; top:6px; right:15px; cursor:pointer; color:#fff;}	
.popup .kapat{ color:#f1f1f1;}	

.formtables {display:table; width:100%; padding:10px 0%;}
.formtables .hucre{display:table; width:96%; padding:10px 2%; margin:0; background-color: #f7f7f7;}
.formtables h2{margin:5px  0; width:96%; padding:5px 2%; font-size:16px;}
.formtables fieldset{margin:5px  0; width:96%; padding:5px 2%; background-color: #f1f1f1; border:0; border-radius:10px;}
.formtables legend{font-family:Tahoma; font-size:18px; font-weight:900; padding:5px;}
.formtables label{padding:2px 0; text-align:left; border-bottom: 0px solid #999; margin:5px 0%; display:table; width:100%; position:relative;}
.formtables label .title{display:block; width:100%; padding:0 5px; font-size:14px;}
.formtables label .input{display: -webkit-flex;  justify-content: space-between; width:100%;}
.formtables label .input i{width:100%; max-width:30px; color:#999; font-size:24px; padding:4px;text-align:center;}

.formtables dspan{font-size:15px; position: absolute; right:5px; top:2px; color:#c0c0c0; width:100%; display:table; text-align:right;}
.formtables input, .formtables textarea, .formtables select{border:0; font-size:18px; padding:3px 1%; margin:1px 3px;  width:100%; background-color: #fff;border: 1px solid #c0c0c0; border-radius:2px;  font-weight:300; font-family:calibri; border-radius:5px;}
.formtables input:focus, .formtables textarea:focus{border: 1px solid #5cadef;} 
  
.formtables textarea{min-height:80px;}
.formtables .capcam{max-width:50%; width:50%;}
.formtables .capcam .g-recaptcha{width:100%;}

.anahtarform {padding:0; margin:0; width:100%;}
.anahtarform h2{margin:15px 0 !import; font-size:16px; width:100%;}
.anahtarform label{padding:2px 0; margin:4px 0; border-radius:5px; display: -webkit-flex;  justify-content:  space-between; width:100%; background:#f1f1f1;}
.anahtarform label:hover{background:#f7f7f7;}
.anahtarform label .text{display:block; width:100%; padding:2px 5px; font-size:14px;}
.anahtarform label .btn{display:block; width:100%; max-width:30px; font-size:18px; margin:2px 0;}
.anahtarform label .btn input{display:none;}
.anahtarform label select{border:0; background:#f1f1f1;}


.button{font-size:18px; padding:8px 0px; width:250px; margin:15px 2%; background-color: #42485f;border: 0px solid #5cadef; font-weight:300; font-family:calibri; font-size:18px; font-weight:900; text-align:left;color:#fff; border-radius:5px; position:relative; display: -webkit-flex;  justify-content: space-between;  max-height:40px; cursor:pointer;box-shadow: 0.5px 0.5px 3px rgba(0, 0, 0, .5);transition: all 0.05s;}
.button .blayer{position:absolute;  border-radius:5px 0 0 5px; left:0px; top:0px; width:40px; height:40px;padding:0; margin:0;background-color: #000; display:block;z-Index:4; transition: all 0.35s;cursor:pointer; background: linear-gradient(#e9b234,#ffd142);}
.button .yesil{ background: linear-gradient(green,green);}
.button i{display:block; width:100%; max-width:40px; text-align:center; font-size:1.3em; z-Index:10; transform: rotate(0deg); transition: all 0.75s;}
.button .btext{ width:100%; font-size:20px; padding:0 0 0 5px ;margin:0; display:block; z-Index:10; cursor:pointer;}
.button:hover .blayer{ border-radius:5px; width:100%; transition: all 0.35s;}
.button:hover i{  transition: all 0.75s;}
.button:focus{ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all 0.02s;}
.capcam, .yorumla {width:50%; float:left;}

.Bilgi-mesaji {position:relative;  width: 93%; display: -webkit-flex;  justify-content: space-between; color:#000; margin:5px 1%; padding: 10px 2.5%; border-radius:5px; background-color:#f6f3bc; border: 0px solid #eae45f; cursor:pointer;  transition: all 0.65s;}
.Bilgi-mesaji span, .Bilgi-mesaji p, .Bilgi-mesaji h4,  .Bilgi-mesaji ul{position:relative; display:block; width:100%; padding:5px 2%; margin:0; text-align:left;}
.Bilgi-mesaji .detay{background-color:#fff; border-radius:5px; width:100%; overflow: auto; max-height:100px;}
.Bilgi-mesaji li{list-style:none; padding:2px; font-size:14px;}
.Bilgi-mesaji i{ display:block; text-align:center; width:100%; max-width:50px; font-size:2em;}
.Hata-mesaji{ background-color:#ffd1ce; border: 0px solid #f39992;}
.Beyaz-mesaji{ background-color:#ffffff; border: 0px solid #f39992;}
.Buton-mesaji{  background-color: #42485f; color:#fff; border: 0px solid #f39992;}
.sozlesme-mesaji{ background-color:#e9e9e9; color:#000;;border: 0px solid #9dc24a; cursor:pointer; font-size:12px;}
.Onay-mesaji{ background-color:#9dc24a; color:#000; border: 0px solid #9dc24a; cursor:pointer;  transition: all 0.65s;}
.Onay-mesaji i{ color:#547114; cursor:pointer;}



.sepet .tabListe{display: -webkit-flex;  justify-content:  space-between; position:relative;}
.sepet  .liste {display:table; width:100%; margin:0 3px 0 0px;}
.sepet  .ozet {display:block; width:50%;  margin:0 0px 0 3px; min-width:250px; }
.sepet  .hucre{display:table;  width:100%; padding:0; margin:5px 0%;}
.sepet  .hucre h5{display:block; text-align:center; width:96%; padding:5px 1%; margin:2px 1%; font-size:18px;}
.sepet  .ozet .hucre{display:table; position: -webkit-sticky;  position: sticky;  top: 60px; width:100%; padding:0; margin:5px 0%;}

.sepet  .urun {position:relative; border-bottom: 1px solid #f1f1f1; border-radius:10px; width:98%; display: -webkit-flex;  justify-content:  space-between;padding:5px;margin:5px 0;}
.sepet  .urun:hover{position:relative; border-bottom: 1px solid #f1f1f1; border-radius:10px; width:98%; display: -webkit-flex;  justify-content:  space-between;padding:5px;margin:5px 0;}
.sepet  .urun .sec{width:100%; max-width:50px; text-align:center;}
.sepet  .urun .sec label{font-size:2em; margin-top:1em; color:orange}
.sepet  .urun .sec input{display:none}
.sepet  .urun .img{width:100%; max-width:100px; height:120px; border: 1px solid #f1f1f1; border-radius:5px; padding:5px; margin:5px;}
.sepet  .urun .detay{width:100%; position:relative; displat:block; padding:5px; margin:5px; text-align:left;}
.sepet  .urun h4{text-align:left;  margin:0;padding:0;}
.sepet  .urun .fiyat{ text-align:left; padding:5px; margin:0px; }

.sepet .cardislem { position:relative; display: -webkit-flex; justify-content: space-between; padding:15px 2%; width:94%;}
.sepet .cardimg { width:100%; padding:10px; display:block; }
.sepet .cardform {width:100%; padding:10px 0; display:block; }



.siparis{ background-color: #f9f9f9; border-radius:10px 10px 0 0;}
.siparis .baslik{width:100%; display: -webkit-flex;  padding:5px 0; justify-content: space-between; background-color: #6c7490; color:#fff; border-radius:10px 10px 0 0;}
.siparis .baslik div{width:98%; padding:3px 1%; }
.siparis .baslik div h5{padding:3px 1%; width:98%; margin:0;}
.siparis .baslik div span{padding:3px; font-size:13px; font-weight:300;}
.siparis .detay {width:100%; display: -webkit-flex; margin-top:5px; padding:5px 0; justify-content: space-between; }
.siparis .durum {width:100%;  max-width:120px; min-width:100px; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));  gap: 5px; padding:20px 2.5%;}
.siparis .durum em{width:100%; font-size:1.8em; text-align:center;}
.siparis .durum h5{width:100%; font-size:14px; padding:0; margin:5px 0; text-align:center;}
.siparis .urunler {width:100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));  gap: 5px; padding:10px 2.5%;}
.siparis .urunler .urun{width:95%; display: table; border-radius:10px;}
.siparis .urunler .urun img{border-radius:10px;}


.Json-islemList { display:none; border-radius:0 0 5px 5px; width:300px; padding:2px 0 10px 0; position:absolute; top:50px; right:2.5%;  background-image: linear-gradient(to top, #f1f1f1 , #e3e2e1); z-index:200; text-align:left; box-shadow: .5px 1.5px 1.5px rgba(0, 0, 0, .2);}	 
.tambeyazs .Json-islemList { position:fixed; }
.Json-islemList .title{ font-size:18px; color: #42485f; font-weight:300;border-bottom: 0px solid #ee6d17; padding:5px 5px; margin:0; font-family:'lucida grande',tahoma,verdana,arial,sans-serif;}	 
.Json-islemList .title i{ font-size:26px;}	 
.Json-islemList ul{ display:block; padding:0px 1%; margin:0; width:98%; list-style:none; }	 
.Json-islemList li{ display:table; width:96%; background:#fff; cursor:pointer; padding:5px 2%; margin:3px 0; border-radius:3px; font-size: 15px;  color:#000;  border-bottom: 0px solid #fff; transition: all 0.3s;}	
.Json-islemList li:hover{ background:#f1f1f1; border-bottom: 0px solid #fff; color:#555; transition: all 0.3s;}	
.Json-islemList li i{ width:30px; max-width:30px; color:000; font-size:18px; padding:0; margin:1px; text-align:center; }	
.Json-islemList li span{ font-size: 15px; padding:1px; margin:0; font-weight:300; }	
.Json-islemList .kapat{ position:absolute; font-size:2em; top:5px; right:5px; color:#000; cursor:pointer;}	


.Json-islemList .header {display: flex;   justify-content: space-between;  background-color:#b0d6d8; padding:3px .5%; margin:0 0 0px .5%; width:98.5%; position: -webkit-sticky; border-radius:10px; position:relative; z-Index:9; top:0;}
.Json-islemList .header .geri{color:#fff;}
.Json-islemList .header h4{ padding:15px 5px 3px 5px; margin:0; color:#fff; font-size:1.5em; } 
.Json-islemList h1{ margin-bottom:20px; text-align:left; color:#fff; font-size:20px;  margin:0; padding:10px 2.5%; display:table; width:95%;}	
.Json-islemList .kapat{ position:absolute; font-size:2em; top:6px; right:15px; cursor:pointer; color:#000;}		



#ResimliKategori .tab{margin-top:10px; }
#ResimliKategori .tabListe{margin-top:15px; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));  gap: 10px;}
#ResimliKategori .hucre{padding:10px;background-color: #fff; cursor:pointer;}
#ResimliKategori .hucre img{width:100%; margin:0; border-radius:10px; transition: all 0.8s;}
#ResimliKategori .hucre:hover img{transform: scale(1.04);  transition: all 0.8s;}
#ResimliKategori .hucre h4{width:100%; text-align:center;}
#ResimliKategori a{color: #42485f; font-size:20px; text-decoration:none; text-transform: uppercase; font-weight:300;}


.slider {width:100%; min-height:350px; display:table;  padding: 0;}
.mobil{display:none;}
.beklet{position:fixed; display:table; min-height:100vh; width:100%;  background: rgba(241,241,241,0.5); z-Index:1000; text-align:center;}
.beklet i{margin-top:40vh; font-size:5em;}
}

#owlCarousel {overflow:hidden;  max-height:65vh; padding:0; margin:0;	border-radius:10px;	max-width: 100%;}
/*-----------------------------------
         Owl content styling
-----------------------------------*/
#slider .slideimg { max-width:1200px;}
#slider .slide-content {
  position: absolute; 
  right:0;
  top: 0px;
  width: 60%;
  background-color: #000;
  display:table;
}
#slider .slide-content, 
#slider .slide-content .logos,
#slider .slide-content .urunresmi,
#slider .slide-content p,
#slider .slide-content h2,
#slider .slide-content .urunresmi:before,
#slider .slide-content .urunresmi:after {
  transition: all 2s ease;
  
}

#slider .slide-content .logos {
  width: 180px;
  position: absolute;
  top: 40px;
  right: 180px;
  transform: translateY(-500%); /* Başlangıçta yukarıda konumlandır */
    opacity: 0;
}

#slider .slide-content .urunresmi {
  width: 100px;
  position: absolute;
  top: 15px;
  right: 50px;
  transform: translateX(500%); /* Başlangıçta sağda konumlandır */
    opacity: 0;
}
#slider .slide-content h2 {
  color: #000;
  width: 500px;
  font-size: 1.8em;
  position: absolute;
  top: 100px;
  right: 160px;
  transform: translateY(700%); /* Başlangıçta aşağıda konumlandır */
  opacity: 0;
}

#slider .slide-content p {
  color: #000;
  width: 500px;
  font-size: 1.4em;
  position: absolute;
  top: 170px;
  right: 160px;
  transform: translateY(500%); /* Başlangıçta aşağıda konumlandır */
  opacity: 0;
}

/* animate content */
#slider .owl-item.active .slide-content .logos {
  transform: translateY(0); /* Logos yukarıdan gelsin */
  transition-delay: 1.5s; /* En son gelsin */
  opacity: 1;
}

#slider .owl-item.active .slide-content .urunresmi {
  transform: translateX(0); /* Ürün resmi sağdan gelsin */
  transition-delay: .5s; /* İlk olarak gelsin */
    opacity: 1;
}
#slider .owl-item.active .slide-content h2 {
  transform: translateY(0); /* Metin aşağıdan gelsin */
  transition-delay: .9s; /* İkinci olarak gelsin */
    opacity: 1;
}
#slider .owl-item.active .slide-content p {
  transform: translateY(0); /* Metin aşağıdan gelsin */
  transition-delay: 1s; /* İkinci olarak gelsin */
    opacity: 1;
}