/*main {*/
/*    overflow-x: hidden;*/
/*    overflow-y: visible;*/
/*}*/

.container {
    position: relative;
}

.banner-left,
.banner-right {
    position: absolute;
    z-index: 10;
    top: 0;
    display: flex;
    flex-flow: column;
}

.banner-item {
    width: 100%;
}

.banner-left {
    right: calc(100% - 15px);
    align-items: flex-end;
}

.banner-right {
    left: calc(100% - 15px);
    align-items: flex-start;
}

.banner-left,
.banner-right,
.banner-left img,
.banner-right img {
    max-width: calc(50vw - 590px);
}

@media only screen and (max-width: 991px) {
    #lgbanner {
        display: none;
    }
}