.brandingBannerRight {
    height: 1080px;
    right: 50%;
    margin-right: -1010px;
    position: fixed;
    /*position: absolute;*/
    text-align: left;
    top: 0px;
    width: 360px;
    z-index: 10001;
}

.brandingBannerLeft {
    height: 1080px;
    left: 50%;
    margin-left: -1010px;
    position: fixed;
    /*position: absolute;*/
    text-align: right;
    top: 0px;
    width: 360px;
    z-index: 10001;
}

* html .brandingBannerRight {
    position: absolute;
    height: 2000px;
}

* html .brandingBannerLeft {
    position: absolute;
    height: 2000px;
}

* html {
    overflow-x: hidden;
}

@media screen and (max-width: 1417px) {
    .brandingBannerRight {
        margin-right: -850px;
    }

    .brandingBannerLeft {
        margin-left: -850px;
    }
}

@media screen and (max-width: 997px) {
    .brandingBannerRight {
        margin-right: -740px;
    }

    .brandingBannerLeft {
        margin-left: -740px;
    }
}

@media screen and (max-width: 785px) {
    .brandingBannerRight {
        display: none;
    }

    .brandingBannerLeft {
        display: none;
    }
}