@media (max-width: 888px) {

    #rightCol {
        width: 100%;
        float: none;
        white-space: nowrap;
        background: #eee;
        border: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        padding: 0;
        text-align: center;
    }

        #rightCol .banner {
            width: 300px;
            margin: 20px auto;
            display: block;
            border: solid 1px #ddd;
            box-shadow: 0 1px 2px rgba(0,0,0,0.15);
            vertical-align: middle;
            white-space: nowrap;
            font-size: 0px;
        }

            #rightCol .banner.magic {
                padding: 10px 10px;
                min-height: 300px;
            }

            #rightCol .banner.banner-image {
                padding: 10px 10px;
                height: 300px;
                white-space:nowrap;
            }

        #rightCol .banner-code {
            display: none;
        }

        .banner.banner-image:before {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }
    .banner.banner-image img {
        display:inline-block;
        vertical-align: middle;
    }

}