/* @group Page Banner Small
------------------------------------ */

@media only screen 
and (min-width : 961px) {
    .page-banner.small {
        height: 68vh;
    }
    .page-banner.small .bg-wrapper .bp-multimedia::after {
        background: linear-gradient(180deg, rgba(84, 96, 100, 0.55) 0%, rgba(84, 96, 100, 0.00) 58.65%);
        background-blend-mode: darken, normal, normal;
    }
    
}

@media only screen 
and (min-width : 0) 
and (max-width : 960px) {
    .page-banner.small {
        height: 65.2vh;
        height: 65.2svh;
        min-height: 53rem;
    }
    .page-banner.small .bg-wrapper .bp-multimedia::after {
        background: linear-gradient(180deg, rgba(84, 96, 100, 0.55) 0%, rgba(84, 96, 100, 0.00) 40%);
        background-blend-mode: darken, normal, normal;
    }
    .page-banner.small .bg-wrapper .bp-multimedia::before {
        background: rgba(18, 21, 22, 0.25);
        background-blend-mode: darken, normal, normal;
    }
}

/* @end */