.top-banner-wrap .parallax {
background: none !important;
overflow: visible !important;
}
.top-banner-wrap .parallax-inner {
background-attachment: scroll !important;
transform: none !important;
will-change: auto !important;
position: relative !important;
width: 100% !important;
height: 100% !important;
min-height: 300px;
background-size: cover !important;
background-position: center !important;
z-index: 0 !important;
}
.top-banner-wrap .banner-inner.parallax {
position: relative;
}
.top-banner-wrap .banner-inner.parallax::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4); z-index: 1;
} .top-banner-wrap .banner-caption,
.top-banner-wrap .parallax-inner {
z-index: 1;
}
.item-list-view .item-wrap .media {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
flex-direction: row;
}
.banner-static {
position: relative;
overflow: hidden;
margin-top: -130px;
}
.banner-static .banner-img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
} .banner-static::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.35);
z-index: 1;
}
.banner-static .banner-caption {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
padding: 0 15px;
}
@media screen and (max-width: 1024px) {
.banner-static .banner-img {
height: 100%;
}
}
@media screen and (max-width: 768px) {
.banner-static {
margin-top: 0px;
}
}