Bonosix

#new-categories-4 .list-unstyled > .cat-item {border:1px solid #ddd; margin:5px; margin-bottom:30px; background: #fff; } #new-categories-4 .list-unstyled > .cat-item em { display:none; } #new-categories-4 .list-unstyled > .cat-item .fa { float: right; font-size: 70px; transform: rotate(20deg); opacity:0.1 } #new-categories-4 .list-unstyled > .cat-item > a { display:block; background:#f8f9fa; padding: 0px 20px; line-height:60px; height:60px; overflow:hidden; font-size:18px; font-weight: bold; } #new-categories-4 .list-unstyled > .cat-item > .children { list-style:none; padding:0px; } #new-categories-4 .list-unstyled > .cat-item > .children > .cat-item { border-bottom:1px solid #ddd; margin:0px; line-height:50px; padding:0px 20px; max-height:50px; overflow:hidden; } #new-categories-4 .list-unstyled > .cat-item > .children > .cat-item > em { display:block; float:right; margin-right: 10px; font-size: 14px; color: #999;} #new-categories-4 .list-unstyled .children li:last-child{ border-bottom:0px !important; } @media (max-width: 575.98px) { #new-categories-4 .list-unstyled > .cat-item { width:100%; } #new-categories-4 .list-unstyled > .cat-item .fa { font-size: 26px !important; margin-top: 15px; } } @media (min-width: 576px) and (max-width: 767.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 48%; float: left; } #new-categories-4 .list-unstyled > .cat-item .fa { font-size: 26px !important; margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 47.8%; float: left; } } @media (min-width: 992px) and (max-width: 1199.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 31.8%; float: left; } } @media (min-width: 1200px) {#new-categories-4 .list-unstyled > .cat-item { width:23.9%; float:left; } } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#224060 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #224060 !important; border-color: #224060 !important; } .text-primary, .filters_col .distance span { color: #224060 !important; } .btn-outline-primary { color: #224060 !important; border-color: #224060 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #224060 !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#ffb700 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #ffb700 !important; border-color: #ffb700 !important; } .text-secondary { color: #ffb700 !important; } .text-secondary a { color: #ffb700 !important; } .btn-outline-secondary { color: #ffb700 !important; border-color: #ffb700 !important; } .btn-outline-secondary:hover { background:none !important; }