/* ************************************************************************************************
Categories Page Styles
************************************************************************************************ */
.content_scene_cat {}
#description {margin:0 0 15px;}
.content_scene_cat .content_scene_cat_bg { }
@media (max-width:1199px) {
  .content_scene_cat .content_scene_cat_bg { padding: 10px 10px 10px 15px; }
}
.content_scene_cat span.category-name { font: 600 42px/51px "Roboto", sans-serif; color: white; margin-bottom: 12px; }
@media (max-width:1199px) {
  .content_scene_cat span.category-name { font-size: 25px; line-height: 30px; }
}
.content_scene_cat p { margin-bottom: 0; }
.content_scene_cat a { color: white; }
.content_scene_cat a:hover { text-decoration: underline; }
.content_scene_cat .content_scene { color: #777777; }
.content_scene_cat .content_scene .cat_desc { padding-top: 20px; }
.content_scene_cat .content_scene .cat_desc a { color: #777777; }
.content_scene_cat .content_scene .cat_desc a:hover { color: #515151; }
/* ************************************************************************************************
Sub Categories Styles
************************************************************************************************ */
#subcategories {margin:0 0 20px 0;}
#subcategories p.subcategory-heading { font-weight: bold; color: #333333; margin: 0 0 15px 0; }
#subcategories ul { margin:0}
#subcategories ul li {position: relative;height: 70px;margin-bottom: 10px; margin-right: 10px; border: 1px solid #dee4e9; background:#fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);font-weight: 400;text-decoration: underline;padding-left: 10px;font-size: 14px;    width: 23.7%; }
#subcategories ul li:hover {border: 1px solid #0172bd;}
#subcategories ul li .subcategory-image { height: 70px;display: flex;justify-content: center;align-items: center;}
#subcategories ul li h5.subcategory-image { justify-content: start;}
#subcategories ul li .subcategory-image a img { max-width: 100%; vertical-align: middle;  }
#subcategories ul li .subcategory-name {font-family: 'Roboto';font-size: 13px;padding: 0;margin: 0;color: #06A7E2; font-weight: normal; text-align: left;height: 70px;display: flex;justify-content: center;align-items: center;padding: 6px 9px 9px 14px;}
#subcategories ul li .subcategory-name:hover {}
#subcategories ul li .cat_desc { display: none; }
#subcategories ul li:hover .subcategory-image a {}

#layered_block_left { max-width: 280px;}
#layered_block_left .title_block {color: #2a3438; text-transform: none;font-size: 16px;font-weight: 800; background: #e1ebf0;border: 1px solid #d3dce1;padding: 15px 20px; margin-bottom: 0}
#layered_block_left .block_content { background: #eef4f7;border: 1px solid #e0e0e0;border-top: 0;margin-top: -1px;padding: 15px 20px; }
#layered_block_left .layered_filter_ul {    overflow-y: auto;background: #fff;margin: 0; padding: 10px;border: 1px solid #d3dce1;}
#layered_block_left a { color: #0172bd; text-decoration: none;}
#layered_block_left a:hover {text-decoration: underline;}
#layered_block_left .col-lg-6 {width: 100%;}
#layered_block_left .layered_subtitle { margin-top: 12px;font-size: 14px;}
#layered_block_left .ui-widget-content {    box-shadow: 0 0 0 0 rgba(0,0,0,0)!important;}

@media (max-width:767px) {
#subcategories ul li .subcategory-image a img { max-height: 50px;}
.page-heading.product-listing, #description,#subcategories { padding: 0 9px}
#block_top_menu, ul.sf-menu {display: none;}
#layered_block_left { max-width: 100%; margin:  0 9px 20px 9px!important; padding-top: 0}
#layered_block_left .title_block { text-align: center}
#layered_block_left .title_block:after { position: absolute; display: grid; width: 100%; height: 100%; left: 0; top: 0; content: ""; cursor: pointer;}
#layered_block_left .title_block:before { content: url(/themes/default-bootstrap/img/filter.png); display: inline-block; margin-right: 16px;}
#layered_block_left .block_content { width: 100%!important;}
#sortBy {font-size: 15px;font-weight: 700;padding: 10px 25px 10px 0; cursor: pointer;border-top: 1px solid #d3dce1;border-bottom: 1px solid #d3dce1; margin: 0 10px; display: block; cursor: pointer;}
.sortBy:after {content: "\f078";display: inline-block; float: right;font-family: FontAwesome;font-weight: normal; font-size: 14px;font-style: normal;text-decoration: inherit;-webkit-font-smoothing: antialiased;}
.content_sortPagiBar .sortPagiBar a {display: block;padding: 4px 15px 4px 10px}
#sortByoptions { display: none; margin-top: 10px}
#sortByoptions a:hover { text-decoration: underline;}
}