.site-main.page-brands .container-fluid{ 
background-color: #f5f5f5;
}
.site-main.page-brands .container-fluid > .container{
padding-top: 80px;
padding-bottom: 50px
}
.site-main.page-brands .mb-30{ padding-bottom: 30px; }
.site-main.page-brands .cat-title{
position: absolute; 
top: 15px; 
left: 15px; 
color: #000!important;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
.site-main.page-brands .cat-title .line{
width: 38px;
height: 2px;
background: #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
margin-top: 5px;
transition: all .2s ease-in;
}
.site-main.page-brands .wrap-category:hover .line{
width: 50px;
transition: all .2s ease-in;
}
.site-main.page-brands .wrap-category{
position: relative;
color: #000;
display: block;
box-shadow: 0px 4px 10px -2px rgba(150,150,150,0.12);
transition: all .25s ease-in;
overflow: hidden;
border-radius: 4px;
}
.site-main.page-brands .wrap-category:hover{
box-shadow: 0px 10px 22px -5px rgba(33,61,154,0.2);
}
.site-main.page-brands .wrap-category img{
width: 100%;
border-radius: 4px;
overflow: hidden;
}
.site-main.page-brands .brands-logo{
display: flex;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(255,255,255,0.5);
}
.site-main.page-brands .brands-logo a { 
flex: 1; 
text-align: center; 
padding: 0;
}
.site-main.page-brands .brands-logo a img{ 
width: 70px;
}
@media (max-width: 576px){
.site-main .heading-page{
height: auto!important
}
}