.main .bannerSection .top {
    z-index: 1;
}

.main .bannerText::after {
    width: 140vw;
    -webkit-transform: unset;
    -moz-transform: unset;
    transform: unset;
}

@media screen and (min-width: 860px) {

    .main .bannerText p {
        width: 100%;
    }

    .main .entShowcase {
        top: 0;
        height: 100%;
        width: 50%;
        right: -2vw;
    }

    .main .entShowcase.anim {
        right: 0;
    }

    #phone {
        z-index: 2;
        height: 90%;
        position: absolute;
        bottom: 0;
        right: 412px;
        z-index: 3;
    }

    #showcaseBG {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: auto;
        z-index: 1;
    }

    #showcasePreviews {
        right: 0;
        top: 3%;
        height: 98%;
        width: auto;
        z-index: 2;
        position: absolute;
    }

    @media screen and (max-width: 990px) {

        .main .bannerText {
            width: 42%;
        }

        .main .bannerText p {
            font-size: 1.1vw;
        }
    }

    @media screen and (max-width: 810px) {

        .main .bannerText {
            width: 38%;
        }

        .main .bannerText p {
            font-size: 1.1vw;
        }
    }

}

@media screen and (max-width: 859px) {

    .main .entShowcase {
        height: 40vh;
        right: -3vw;
        background-color: white;
        background-image: none;
        padding-left: 5vw;
    }

    .main .entShowcase.anim {
        right: 0;
    }

    #phone {
        z-index: 2;
        height: 90%;
        position: absolute;
        bottom: 0;
        left: 8%;
        z-index: 3;
    }

    #showcaseBG {
        position: absolute;
        right: 0;
        top: -10%;
        height: 110%;
        right: -70%;
        width: auto;
        z-index: 1;
    }

    #showcasePreviews {
        right: 0;
        top: 15%;
        height: 60%;
        width: auto;
        z-index: 2;
        position: absolute;
    }

}