.phone {
    background: #fff;
    display: block;
    margin: 0 auto;
    /*width: 320px;*/
}

    .comp {
        background: #fff;
        display: block;
        width: 320px;
        width: 100%;
    }

@media screen and (min-width: 700px){
    .phone {
        background: transparent;                
        padding-top: 90px;
        position: relative;
        margin: 50px auto 0;
        width: 360px;
    }

    .phone:after {
        background: #111;
        background: #333;
        background: yellow;
        background: white;
        border: 1px solid #ddd;
        border-radius: 50px;
        content: '';
        display: block;
        height: 680px;
        left: 0;

        position: absolute;
        top: 0;
        width: 360px;
        z-index: 1;
    }

        .comp-holder {
            margin: 0 auto;
            width: 320px;
            height: 480px;
            overflow-y: scroll;
            position: relative;                    
            z-index: 2;
            border: 1px solid #ddd;
        }

            .comp {                    
                
            }


}