.saggelen { display: block; transition: all 0.5s ease; position: absolute; right: 7px; top: 8px; }
.saggelen:before { content: ""; position: absolute; right: 11px; top: 12px; width: 15px; height: 2px; background: #fff; }
.saggelen:after { content: ""; position: absolute; right: 11px; top: 8px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; rotate: 315deg; }
.devamiGor .saggelen:before { background: #000; top: 12px; right: 7px; }
.devamiGor .saggelen:after { border-color: #000; top: 8px; right: 8px; }
.devamiGor:hover .saggelen { opacity: 1; visibility: visible; width: 18px; }
/**********/
.tabloyama { overflow-x: auto; margin-right: -20px; padding-bottom: 20px; margin: 25px 0; }
/**************/
.solHover { position: relative; z-index: 50; overflow: hidden; transition: all 750ms ease; }
.solHover:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: -1; transition: all 750ms ease; background: var(--tema-renk1) }
.solHover:hover:before { width: 100% }
.solHover:hover { color: #fff !important; }
/**********/
.resimZoomla { overflow: hidden; }
.resimZoomla figure { overflow: hidden }
.resimZoomla img { transform: scale(1); transition: all 750ms ease; }
.resimZoomla:hover img { transform: scale(1.2); }
/**********/
.bg-overlay { position: absolute; content: ""; top: 0; left: 0%; width: 0%; height: 100%; background-color: var(--tema-renk1); opacity: .5; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: tpoverlay; animation-name: tpoverlay; animation-delay: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-duration: 1s; animation-delay: 0.5s; animation-iteration-count: 1; animation-fill-mode: both; z-index: 99; visibility: visible; animation-name: tpoverlay; }

@keyframes tpoverlay {
    0%, 100% { width: 0%; left: 0%; }
    50% { width: 100%; left: 0%; }
    100% { left: 100%; }
}
/**********/
.okSalla { display: flex; align-items: center; justify-content: space-between; }
.okSalla i { display: inline-block; margin-left: 5px; margin-top: 5px; }
.okSalla:hover i { animation: shake-next 1s ease infinite; }

@keyframes shake-next {
    25% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(-2px, 0, 0); }
    75% { transform: translate3d(2px, 0, 0); }
}
/*******/

#kurumsal { margin: 50px 0; }
#kurumsal .icerik { font: 400 16px var(--icerik-fontu); line-height: 25px; }
#kurumsal .icerik h2 { color: var(--tema-renk2); font: 600 26px var(--baslik-fontu); }
#kurumsal .icerik p { margin-bottom: 15px; }
#kurumsal .icerik ul { list-style: circle; margin-left: 30px }
#kurumsal .icerik ul li { /* padding-left: 30px; */ padding-bottom: 3px; position: relative; line-height: 30px; white-space: break-spaces; word-break: break-word; }
#kurumsal .icerik ul li::marker { color: var(--tema-renk1); }
/**************/
nav.icMenu { padding: 15px; background: #f7f7f7; margin-right: 30px; }
nav.icMenu a { position: relative; display: block; color: #32302e; text-decoration: none; margin-bottom: 3px; font-size: 16px; padding: 10px 0; font-weight: 400; padding-left: 14px; letter-spacing: -.5px; }
nav.icMenu a:hover { color: var(--tema-renk1); background: #e5e5e5; }
nav.icMenu a.active { color: var(--tema-renk2); }
nav.icMenu a.active:after { position: absolute; top: 19px; right: 17px; width: 8px; height: 8px; content: ''; margin-left: -5px; border-right: 2px solid var(--tema-renk2); border-bottom: 2px solid var(--tema-renk2); transform: rotate( -45deg); box-sizing: border-box; }
/******/
#menuler { }
#menuler ul { display: flex; flex-wrap: wrap; }
#menuler ul li { width: calc(50% - 20px); margin: 10px; }
#menuler ul li a {color: #fff;display: inline-block;width: 100%;padding: 23px 25px;border: 1px solid #fff;text-align: center;font: 600 36px var(--icerik-fontu);background: #000;line-height: 36px;}
#menuler ul li a span { }
/*******/
#urunCat { background: #fff; }
#urunCat .item { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px; }
#urunCat .cl6:nth-child(odd) { background: #f5f5f5; }
#urunCat .item figure { width: 30%; height: 100%; display: inline-block; }
#urunCat .item figure img { width: 100%; height: 100%; object-fit: cover; }
#urunCat .item .metin { width: 70%; padding-left: 15px; }
#urunCat .item .metin .kap0 { display: flex; justify-content: space-between; }
#urunCat .item .metin .kap0 .baslik { font: 600 26px var(--baslik-fontu); /* width: 23%; */ }
#urunCat .item .metin .kap0 .fiyat { font: 600 24px var(--baslik-fontu); /* width: 70%; */ text-align: right; }
#urunCat .item .metin .ozet { font: 300 15px var(--baslik-fontu); margin-top: 6px; }

@media (min-width:1901px) {
}


@media (min-width:1601px) and (max-width:1900px) {
}

@media (min-width:1401px) and (max-width:1600px) {
}

@media (min-width:1200px) and (max-width:1400px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
}

@media (max-width:767px) {

    #menuler ul li {width: 100%;margin: 0 15px 30px 16px;}
    #urunCat .item figure { width: 160px; height: 100%; }
    #urunCat .item .metin .kap0 .baslik { font-size: 16px; }
    #urunCat .item .metin .kap0 .fiyat {font-size: 16px;flex-shrink: 0;margin-left: 10px;}
}