.sub-banner {
    position: relative;
    margin-top: var(--sky_header_height);
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sub-banner.video {
    text-align: center;
}
.sub-banner.video video {
    height: 100%;
}
.sub-banner .left {
    justify-content: flex-start;
}

.sub-banner .center {
    justify-content: center;
}

.sub-banner .right {
    justify-content: flex-end;
}

.sub-banner div.t1 {
    font-size: 30px;
}

.sub-banner span.big {
    font-size: 36px;
    color: var(--sky_primary_color);
}
.sub-banner .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sub-banner .flex-row {
    flex-direction: row;
}

.sub-banner .wrapper img {
    max-width: 80%;
}

@media (max-width: 1199.98px) {
    .sub-banner {
        width: 100%;
        height: 26vw !important;
    }
}