.magazalistesigenislik{width:23.8%;}
.magazalistesikonugenislik{width:100%;}
@media all and (max-width: 799px) {
.magazalistesigenislik{margin-right:0!important;margin-left:10px!important;width:calc(50vw - 15px);}
.magazalistesikonugenislik{width:100%;}
.magazalistesi{padding:5px!important;margin-bottom:10px!important;}
}
.kitapPuani{position:absolute;top:0;left:0;background-color:#f27a1a;font-size:10px;text-transform:uppercase;padding:3px 0px;border-radius:3px;width:55px !important;box-sizing:border-box;color:#fff;text-align:center;line-height:normal!important;}
.kitapPuaniBuyuk{position:absolute;top:10px;left:10px;background-color:#f27a1a;font-size:13px;text-transform:uppercase;padding:3px 0px;border-radius:3px;width:75px !important;box-sizing:border-box;color:#fff;text-align:center;line-height:normal!important;}
.ucretsizKargo{position:absolute;top:35px;left:0;background-color:#535353;font-size:10px;text-transform:uppercase;display:flex;align-items:center;padding:3px 0px;border-radius:3px;width:55px !important;box-sizing:border-box;color:#fff;text-align:center;line-height:normal!important;}
.ucretsizKargoBuyuk{position:absolute;top:50px;left:10px;background-color:#535353;font-size:13px;text-transform:uppercase;display:flex;align-items:center;padding:3px 0px;border-radius:3px;width:75px !important;box-sizing:border-box;color:#fff;text-align:center;line-height:normal!important;}
.magazalistesi{position:relative;box-sizing:border-box;float:left;height:270px;padding:10px;border-radius:5px;margin-right:10px;margin-bottom:20px;text-align:center;border:1px solid #E6E6E6;background-color:white;}
.magazalistesi:hover{border:1px solid #e8e9eb;border-radius:5px;box-shadow:5px 5px #e8e9eb;}
.magazalistesi a{color:#111111;display:block;font-size:12px;min-height:3.5em;margin-top:5px;text-align:left;font-weight:600;}
.magazalistesi img{border-radius:5px;height:190px;width:auto;display:block;margin-bottom:1em;}
.kitaptitle a{display:block;text-align:center;font-size:14px;font-weight:bold;padding-bottom:10px;min-height:75px;color:#111111 !important;}
.kitapyeni{float:left;background-color:red;padding:5px 15px;color:#FFFFFF;size:14px;font-weight:bold;margin-right:10px;}
.kitappuan{margin-top:3px;float:left;text-align:center;font-size:17px;font-weight:bold;}
.sepet{margin:auto;width:150px;background-color:#ff6000;padding:10px 15px;border-radius:5px;margin-top:20px;text-align:center;float:left;color:#ffffff;font-weight:bold;font-size:14px;border:none !important;}
.sepet a{color:#ffffff;font-weight:bold;}
.sepet:hover{color:#ffffff !important;font-weight:bold;cursor:pointer;}
.sepetGor{margin:auto;width:150px;background-color:#ff6000;padding:10px 15px;border-radius:5px;margin-top:20px;text-align:center;float:left;color:#ffffff;font-weight:bold;font-size:14px;border:none !important;}
.sepetGor a{color:#ffffff;font-weight:bold;}
.sepetGor:hover{color:#ffffff !important;font-weight:bold;cursor:pointer;}
.magazalistesikonu a{color:#ffffff;display:block;font-size:14px !important;text-align:center !important;}
.magazalistesikonu span{text-align:center;font-size:20px;font-weight:bold;padding-bottom:10px;}
.whitebox b{font-size:15px;display:block;color:#484848;}
.filtreler > i{color:#f27a1a;float:right;margin-right:-5px;}
.filtreler span{font-weight:bold;font-size:13px;margin-bottom:10px;}
.filtreler ul{list-style-type:none;margin-left:15px;display:block;margin-top:10px;max-height:200px;overflow-y:auto;overflow-x:hidden;}
.filtreler ul::-webkit-scrollbar{width:8px;height:10px;}
.filtreler ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:100px;}
.filtreler ul::-webkit-scrollbar-thumb{background:#888;border-radius:100px;}
.filtreler ul::-webkit-scrollbar-thumb:hover{background:#555;}
.filtreler li{margin:5px 0px;}
.filtreler ul li a{color:#696969;font-size:13px;}
.active{color:#f27a1a!important;}
.aggregation-seperator{width:100%;height:1px;background:#fff;border:solid 1px #ececec;border-top:15px;border-bottom:15px;margin:10px 0px;}
.aggregation-seperator span{display:block;border-bottom:1px solid #ececec;margin:0 auto;}
@media(min-width:700px){
.magazalistesikonu{position:relative;float:left;padding:2% 2% 0% 2%;border-radius:3px;margin-right:1%;margin-bottom:1%;text-align:left;display:flex;}
.solResim{width:50%;padding:10px;display:table;text-align:center;}
.solResim img{width:auto;max-height:500px;overflow:hidden;}
.sagTaraf{width:50%;padding:10px;background-color:#F5F5F5;}
}
@media(max-width:699px){
.magazalistesikonu{position:relative;float:left;padding:2% 2% 0% 2%;border-radius:3px;margin-right:1%;margin-bottom:1%;}
.solResim{width:100%;padding:10px;display:table;text-align:center;}
.solResim img{width:auto;max-height:400px;overflow:hidden;}
.sagTaraf{width:100%;padding:10px;background-color:#F5F5F5;}
}
.aciklamaheader{background-color:#919191;border-radius:5px 5px 0px 0px;border-right:1px solid #DDDFE2;border-left:1px solid #DDDFE2;border-top:1px solid #DDDFE2;}
.aciklamaheader span{display:inline-block;box-sizing:border-box;text-decoration:none!important;color:#FFFFFF;font-size:14px;font-weight:bold;width:calc((100% / 3) - 3px);cursor:pointer;padding:1em;text-align:center;}
.aktifkısım{background-color:#FFFFFF;color:#484848!important;}
#aciklama, #orneksayfalar, #yorumlar{box-sizing:border-box;width:100%;background-color:#ffffff;padding:1em;border-right:1px solid #DDDFE2;border-left:1px solid #DDDFE2;border-bottom:1px solid #DDDFE2;}
#aciklama p{padding:5px 0;}
@media all and (max-width: 767px) {
aside{float:left!important;width:100%;}
#content{float:right!important;width:100%;}
}
@media all and (min-width: 767px) {
aside {
float: left!important;
width: 20%!important;
}
#content {
float: right!important;
margin-left: 10px!important;
margin-right: 0!important;
width: calc(80% - 10px)!important;
}
}