/****************************
 * Header Single
*****************************/
.site-banner__inner {min-height:clamp(180px, 21vw, 300px);}
.site-banner__image:before {
    top:66.67%; z-index:1; opacity:0.25;
    background:linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%);
}

/* remove overlap menu to banner */
@media only screen and (min-width:1181px) {
    .site-banner.-single {margin-top:calc(-1 * var(--vii-header-main-height));}
}

/* responsive */
@media only screen and (max-width:1180px) {
    .site-banner__inner {padding-bottom:16px;}
}