@media only screen and (max-width: 800px) {
body, html {margin:0; padding:0; background-color: #f1f1f1; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; }
.table {width:100%; padding:0 0 10px 0; margin:0;  }
.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 1%; width:98%; transition: all 0.3s; background-color: #ffffff;} 
.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 { padding:0px 1%; width:98%;background-color: #f1f1f1;  }
.halt .head4444er { 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 { display:table; width:100%; position:fixed;  background-color: #fff; z-Index:999; min-height:100vh; left:-100%; top:0; transition: all 0.5s;}
.menuacik { left:0; transition: all 0.5s;}
.menu #kategori{width:100%; padding:0; margin:0; max-width:700px;   position:relative;  font-size:18px; font-weight:900; display:table;}
.menu #kategori li{width:95%; text-align:left; list-style:none; border-bottom: 1px solid #f1f1f1;  padding:10px 2.5%; 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;}
.menu #destek li{width:95%; text-align:left;  list-style:none; border-bottom: 1px solid #f1f1f1;  padding:10px 2.5%;  transition: all 0.3s;}
.menu #destek li i{margin:0 5px; transition: all 0.3s;}
 
.navi {width:90%; padding:5px 5%; margin:0;   background-color: #f1f1f1; position: -webkit-sticky; z-Index:60; position: sticky;  top:45px;}
.altnavi {width:90%; padding:5px 5%; margin:0;   background-color: #f1f1f1; }
.navi h2{padding:2px 0; margin:0; font-size:16px;}
.altnavi #altkategori{width:100%; padding:0; margin:0;   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; width:98%; padding:0px 1%; justify-content: space-between; background-color: #f1f1f1; }
.logo {max-width:100%; text-align:center;} 
.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 input:focus .arama{max-width:100%;}  
.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;  justify-content: space-between;  min-width:25px; padding:5px 5px; margin:5px 3px; background-color: #f1f1f1; border: 0px solid #c0c0c0; border-radius:5px;  cursor:pointer; position:relative; 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%; display:none;}
.iconset .icon .say{font-size:12px; background-color: red; color:#fff; position:absolute; top:-5px; right:-5px; font-size:12px; display:block; width:16px; padding:2px 1px; text-align:center; border-radius:16px;}
.iconset .icon i{font-size:1.3em; margin:2px 2px; padding:0;}
.iconset .mobil{display:none;}
.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index:25;
}
.spidik {display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 2fr));  gap: 5px; padding:0px 1%; margin-top:0; width:98%; user-select:none;}
.spidik div{position:relative; display: -webkit-flex;  justify-content: space-between; color: #42485f;background-color: #42485f; padding:5px 5px; border-radius:5px;}
.spidik i{width:100%;display:block; font-size:25px; max-width:30px; color: #ffffff;}
.spidik span{width:100%;display:block; padding:6px 5px; font-size:12px; color: #ffffff;}  

.urunDetay { padding:0px 0px; display:block; background-color: #fff;} 
.urunDetay .kolon{display:table;  width:100%; background-color: #fff; }
.urunDetay .resimler{padding:0; display:block; border: 0px solid #c0c0c0;}

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


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

.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 {background:#f1f1f1; border-radius:0; position:fixed; padding:5px 0; bottom:0; left:0; z-Index:189;} 
.urunDetay .butonset .adet{display:none;} 
.urunDetay .butonset .fiyat{font-size:16px; padding:5px 5px; display:block; font-weight:900; color: #d05911;}
.urunDetay .butonset .fiyat del{font-size:12px; padding:1px 10px; display:block; float:left; font-weight:300; color: #999;} 


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


#haftaninUrunu {display:block; overflow:hidden;  background-color: orange; background-image: linear-gradient(orange, yellow, orange);}
#haftaninUrunu .tablo h3{ display:none;}  
#haftaninUrunu .slogan { width:100%; padding:0px; max-width:100%; display: flex;  justify-content: center;   align-items: center; } 
#haftaninUrunu .liste { width:100%; display: block; padding:0 0 10px 0; margin:0; border-radius:10px;} 
#haftaninUrunu .slogan img{ width:150px; } 
#haftaninUrunu .urunDetay { padding:2px 1%; width:96%; background-color: #fff; margin: 10px 1%; border-radius:10px;} 
#haftaninUrunu .urunDetay  h1{font-size:18px; padding:0; margin:0; color:#d05911;}
#haftaninUrunu .urunDetay  h1 a{font-size:18px; padding:0; margin:0; color:#d05911;}
#haftaninUrunu .resim{width:100%; display:table; padding:0;margin:0;} 
#haftaninUrunu .buyukresim{padding:0; width:100%; display: flex;  justify-content: center;   align-items: center; border-radius:0px; border: 0px solid #c0c0c0;}
#haftaninUrunu .buyukresim img{ margin:0; width:225px;}  
#haftaninUrunu .bilgi{padding:0px 2%; width:96%}


.tabListe{padding:5px 0%; width:100%; display: block; }
.tabListe .urun{padding:5px;margin:0; border-radius:10px; cursor:pointer; background-color: #fff; position:relative; 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:5px 0 5px 0;margin:0; font-size:13px;  min-height:35px; text-align:center;}
.tabListe .urun .img{width:100%; overflow:hidden; display:block; height:200px; border-radius:5px;}
.tabListe .urun img{width:100%; border-radius:10px;}
.tabListe .urun .ikonlar{position:absolute; top:5px;  right:5px; border-radius:5px;  padding:5px; 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: 0 1px; 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: 0 1px; display:block;}
.tabListe .urun .fiyat{width:100%; padding:12px 0 0 0; color:#d05911; text-align:center; font-size:1.3em; 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:12px; display:table;}
.tabListe a{ color:#c7510a; text-decoration:none; }

.listele{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));  gap: 5px; padding:20px 2.5%; width:95%;}

.butonset{width:100%; border:0; padding:0; border-radius:10px; margin-top:5px; display: -webkit-flex; justify-content: space-between; cursor:pointer;}
.butonset button{width:98%; border:0; padding:10px .5%; border-radius:5px; margin:3px .5%; display: -webkit-flex; background-color: #d05911; color:#fff; justify-content: space-between; cursor:pointer;}
.butonset button:hover{background-color: #db410b; color:#fff;}
.butonset button span{width:100%; text-align:left;}
.butonset button i{width:50px; font-size:1.3em; }
.butonset .begen{max-width:35px;}

.popup {padding:0px; padding-bottom:10px; border-radius: 0px; border: 0px solid #ed242a; width:100%; margin:0 auto; position: fixed;  z-Index:1003;  background-color:#f1f1f1; left:0; right:0; min-width:100%; max-height:100vh; min-height:100vh; display:block; top:-400px; overflow:auto; scrollbar-width:thin; scrollbar-color: #ee6d17 #b11217;  box-shadow: 1px 4px 4px rgba(0, 0, 0, .5);transition: all 0.65s;} 
.popup h1{background-color:#b11217; z-Index:106} 
.popup .table{max-height:100%;  display:table; width:95%; padding:10px 2.5% 100px 2.5%; background:#f1f1f1; justify-content:flex-start; } 
.popupdd .kolon{width:98%;;}  
.popupgoster {display:block; visibility:visible; top:0px; z-Index:1003; transition: all 0.65s;}
.popupgizle {display:block; visibility:hidden; top:-800px; 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;  z-Index:107}	
.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: #f1f1f1;}
.formtables h2{margin:5px  0; width:98%; padding:5px 1%; text-decoration:underline; font-size:16px;}
.formtables fieldset, .anahtarform fieldset{margin:5px  0; width:96%; padding:5px 2%; background-color: #f1f1f1; border:0; border-radius:10px;}
.formtables legend, .anahtarform 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:98%; 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:16px; padding:3px 1%; margin:1px .5%;  width:98%; background-color: #fff;border: 1px solid #fff; border-radius:2px; color:#000; font-weight:300; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; 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:5px  0; width:98%; padding:5px 1%; font-size:16px;}
.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: #555;border: 0px solid #5cadef; font-weight:300; font-family:calibri; font-size:18px;float:right; 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; left:0px; top:0px; width:40px; height:40px;padding:0; margin:0;background-color: #000; display:block;z-Index:4; transition: all 0.65s;cursor:pointer; background: linear-gradient(#e9b234,#ffd142);}
.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.65s;}
.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 { width: 94%; display: -webkit-flex;  justify-content: space-between; margin:10px 0; color:#000; padding: 10px 2.5%; border-radius:5px; background-color:#f6f3bc; border: 0px solid #eae45f; cursor:pointer;}
.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:table; position:relative;}	
.sepet  .liste {display:table; width:100%;}
.sepet  .ozet {display:table; width:100%; min-width:200px;  }
.sepet  .hucre h5{display:block; text-align:center; width:96%; padding:5px 1%; margin:2px 1%; font-size:18px;}
.sepet  .urun {position:relative; border-bottom: 1px solid #f1f1f1; border-radius:10px; width:98%; display: -webkit-flex;  justify-content:  space-between; padding:5px 1%; margin:5px 0%;}
.sepet  .urun:hover {padding:5px 1%; 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  .hucre{ width:96%; padding:5px 1% 10px 1%; margin:5px 1%;}  /*deli amk*/
.sepet  .hucre:hover{ width:96%; padding:5px 1% 10px 1%; margin:5px 1%;}  /*deli amk*/

.sepet .cardislem { position:relative; display:table; padding:15px 2%; width:94%;}
.sepet .cardimg { width:98%; padding:10px 1%; display:block; }
.sepet .cardform {width:98%; padding:10px 1%; display:block; }


.siparis{}
.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:100%; padding:10px 0; position:fixed; top:50px; right:0;  background-image: linear-gradient(to top, #c5c5c5 , #ffffff); 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:#000; 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:30px;}	 
.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; font-size:20px; padding:0; margin:0; text-align:center; }	
.Json-islemList li span{ font-size: 15px; padding:1px; margin:0; font-weight:300; }	
.Json-islemList .kapat{ position:absolute; top:5px; right:5px; color:#000;}	

.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:#000; font-size:1.5em; } 
.Json-islemList h1{ margin-bottom:20px; text-align:left; color:#000; 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;  z-Index:107}	




.slider { padding: 0; margin:0;}
.destop{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;}

#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;}

#owlCarousel {overflow:hidden; max-height:185px;  padding:0; margin:0;	border-radius:0px;	max-width: 100%;}
  #slider {
    width: 100%;
    height: auto;
  }
  
  #slider .slide-content .logos {
    width: 100px;
    top: 5px;
    right: 100px;
    transform: translateY(-150%);
    transition-delay: 2s;
  }

  #slider .slide-content .urunresmi {
    width: 40px;
    top: 5px;
    right: 2px;
    transform: translateX(150%);
    transition-delay: 0s;
  }
  #slider .slide-content h2 {
    width: 175px;
    font-size: .6em;
    top: 45px;
    right: 50px;
    transform: translateY(200%);
    transition-delay: 1s;
  }
  #slider .slide-content p {
    width: 175px;
    font-size: .5em;
    top: 75px;
    right: 50px;
    transform: translateY(200%);
    transition-delay: 1s;
  }
  
  /* Animate content on mobile */
  #slider .owl-item.active .slide-content .logos {
    transform: translateY(0);
  }

  #slider .owl-item.active .slide-content .urunresmi {
    transform: translateX(0);
  }
  #slider .owl-item.active .slide-content h2 {
    transform: translateY(0);
  }
  #slider .owl-item.active .slide-content p {
    transform: translateY(0);
  }
}