.ba---gallery-category-item > *{position: relative; display: block;}
.ba---gallery-category-item > ::before,
.ba---gallery-category-item > ::after{position: absolute; left: 5px; top: 6px; width: calc(100% - 10px); height: 100%; display: block; content: ''; border: 1px solid rgba(150,150,150,.3); background: #fff; border-radius: 4px; z-index: -1;}
.ba---gallery-category-item > ::after{left: 10px; top: 11px; width: calc(100% - 20px); z-index: -2;}
.ba---gallery-category-item *{cursor: pointer;}
.ba---gallery-category-item a{text-decoration: none !important; color:#353b41;}
.ba---gallery-category-item a:hover, .ba---gallery-category-item a:focus{cursor:#353b41;}
.ba---gallery-category-item > :hover::before,
.ba---gallery-category-item > :hover::after,
.ba---gallery-category-item > :hover,
.ba---gallery-category-item .card:hover{border-color: rgba(0,0,0,.3) !important; box-shadow: 0 0 15px rgba(26, 67, 83, 0.1);}
.ba---gallery-category-list a > :first-child{float: left; margin-right: .5em;}
.ba---gallery-category-item img{border-radius: 4px;}
.clearfix[class*="-album"] > *{display: block; float: left; width: 25%; margin:0 0 20px; padding: 10px !important; position: relative; z-index: 1;}
.clearfix[class*="-album"] > * > *{padding: 20px;border: 1px solid rgba(150,150,150,.3); border-radius: 4px; background: #fff;}
.list-album .ba---gallery-category-item{width: 100%;}
.list-album .ba---gallery-category-item > *{display: flex; flex-wrap: wrap; text-align: left;}
.list-album .ba---gallery-category-item > * > *{flex: 1 1 auto; max-width: 70%;}
.list-album .ba---gallery-category-item > * > :first-child{flex: 0 0 30%; padding-right: 15px;}
.ba---gallery-category-item .description-title{margin-top: 10px; font-size: 1.2em;}
.ba---gallery-category-item .description-title > *{background: #2da5fd;padding: 2px 5px;border-radius: 3px;color: #fff;line-height: 1;margin: 0 5px;font-size: 12px;}

@media (max-width: 991px) {
    .clearfix[class*="-album"] > *{width: 50%;}
    .list-album .ba---gallery-category-item{width: 100%;}
}
@media (max-width: 575px) {
    .clearfix[class*="-album"] > *{width: 100%;}
    .list-album .ba---gallery-category-item > * > *{flex: 0 0 100% !important; max-width: 100%; padding: 0 !important;}
}

