.ProductLeft { padding-top: 10px; }
.ProductRight { padding: 5px; }
/* Kategoriler */
.ListScnz .srla {background: #c72323;
    height: 40px;
    border: 0;
    position: relative;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 5px 0px 5px 20px;
    cursor: pointer;
    border-bottom: 2px solid #191919;}
    
    .ListScnz .srla:focus { background-color: #191919; color: #fff; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; }
    .ListScnz .srla::before { position: absolute; font: normal normal normal 14px/1 FontAwesome; content: "\f107"; top: 0; right: 0; z-index: 1; }
.ProductLeft > div { margin-bottom: -1px; }
    .ProductLeft > div:first-child { margin-bottom: 0; }
.katH2 {background: #c72323;
    position: relative;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 5px 0px 5px 23px;
    cursor: pointer; }
    .katH2::before { font-family: "FontAwesome"; content: "\f0c9"; position: absolute; font-size: 14px; color: #fff; right: 15px; top: 5px; }

/* Fiyat Filter */
.PriceFrm { padding: 0 15px; }
    .PriceFrm > label, .PriceFrm > span { display: inline-block; color: #fff; font-weight: normal; margin: 10px 5px; }
    .PriceFrm > .pull-left, .PriceFrm > .pull-right { width: 50%; }
    .PriceFrm > div > input { display: inline-block; border: 0; width: 30px; font-weight: bold; color: #fff; font-weight: normal; background: transparent; }
    .PriceFrm > div > span { color: #fff; font-family: "Montserrat", sans-serif; }
.btnFltrle { display: block; color: #fff; font-weight: 500; padding: 5px; text-align: right; }
    .btnFltrle:hover { color: #c72323; }
/* Filter Temizle */
.katH2 > a > i.fa-trash-o { font-size: 17px; margin: 0px 10px; }
.fltr > div { background-color: #191919; position: relative; width: 100%; display: block; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; }
    .fltr > div > a { padding-left: 18px; line-height: 52px; font-family: "Montserrat", sans-serif; display: block; text-transform: capitalize; font-size: 13px; font-weight: 700; color: #ccc; }
    .fltr > div:hover > a { color: #fff; background: #c82525; }
    .fltr > div > a > i { position: absolute; font-family: FontAwesome; right: 20px; top: 20px; color: #aaa; font-size: 13px; line-height: 13px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
    .fltr > div:hover > a > i { color: #fff; }
/* Sayfalama */
.pagination > li > span > span > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li > span { position: relative; float: left; padding: 0; margin-left: 0px; color: #fff; text-decoration: none; background-color: #fff; border: 0; }
.SayfalamaNo span .active { background: #3b5ac5; color: #fff; }
.sayfalama { text-align: center; }
.pagination { float: none; display: inline-block; width: auto; }

.tgKat, .tgMrk, .tgRnk, .tgFyt { background-color: #191919; position: relative; width: 100%; display: none; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; }
.tgKat{display:block;}
    .tgKat > ul > li, .tgMrk > ul > li, .tgRnk > ul > li, .tgFyt > ul > li { position: relative; }
        .tgKat > ul > li > a, .tgMrk > ul > li > a, .tgRnk > ul > li > a, .tgFyt > ul > li > a { padding-left: 18px; line-height: 30px; font-family: "Montserrat", sans-serif; display: block; text-transform: capitalize; font-size: 12px; font-weight: 500; color: #ccc; }
            .tgKat > ul > li > a::before, .tgMrk > ul > li > a::before, .tgRnk > ul > li > a::before, .tgFyt > ul > li > a::before { content: "\f105"; position: absolute; font-family: FontAwesome; right: 20px; top:8px; color: #aaa; font-size: 13px; line-height: 13px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
    .tgKat li:hover > a, .tgMrk li:hover > a, .tgRnk li:hover > a, .tgFyt li:hover > a { color: #fff; background: #c82525; }
    .tgKat li:hover a::before, .tgMrk li:hover a::before, .tgRnk li:hover a::before, .tgFyt li:hover a::before { color: #fff; right: 15px; }

    .tgKat ul li ul { margin: 0; box-shadow: none; border-radius: 0; position: absolute; width: 200px; border: 1px solid #eee; left: 100%; top: 0; margin-left: 0; z-index: 999; background: #fff; padding: 11px 0; }
        .tgKat ul li ul li { padding: 0 10px; position: relative; }
    .tgKat ul li .dropdown-menu > li > a { padding-left: 18px; padding: 0 10px; font-family: "Montserrat", sans-serif; display: block; text-transform: capitalize; font-weight: 500; line-height: 25px; font-size: 12px; color: #666; }
        .tgKat ul li .dropdown-menu > li > a::before { content: "\f105"; position: absolute; font-family: FontAwesome; right: 20px; top: 12px; color: #aaa; font-size: 4px; line-height: 13px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
        .tgKat ul li .dropdown-menu > li > a::before { color: #fff; }
    .tgKat ul li .dropdown-menu > li:hover > a { background: #de2626; color: #fff; }