/* 399.css */

@media (max-width : 399px) /*and (min-height : 750px)*/
{
    html
    {
        font-size : 10px;
    }
    
    /* Home play */
    #playerHome .buttonPlay
    {
        width : 115px;
        height : 115px;
    }
    
    /* DMS toggle */
    .showMoreDms
    {
        width : 20px;
        height : 20px;
        /*padding: 3px;*/
    }
    
    /* Share toggle */
    #showShare
    {
        /*Commented 2014-09-04 */
        /*top : -7%;*/
    }
    
    #hideShare
    {
        /*top : -18%;*/
    }
    
    #playerShare-textarea
    {
        height : 90px;
    }
    
    /* Tracklist */
    #playerControls .navButton.buttonPlayPause
    {
        margin-top: 5%;
    }
    
    #playerControls .navButton
    {
        margin-top: 13.5%;
    }
    
    .navMarginFirst
    {
        margin-left: 15%
    }
    
    #playerControls-details
    {
        width:53%;
    }
    
    .navMargin
    {
        margin-left: 1%;
    }
    
    #headDmsContainer
    {
        font-size: 1.5rem;
    }
    
    
    
    #headDmsContainer .preorder
    {
        font-size : 1.4rem;
    }
    
    /* Login */
    input#submitPassword {
        padding: 0.85% 1.5%;
    }
    
    
    input[name="playerPassword"]
    {
        width : 18%;
    }
    
    /*#passwordLabel
    {
        font-size: 1rem;
    }*/
}

/* Chrome spec < 400px */
@media (max-width : 399px) and (-webkit-min-device-pixel-ratio:0)
{
    #playerControls .navButton.buttonPlayPause
    {
        margin-top: 8%;
    }
    
    #playerControls .navButton
    {
        margin-top: 15.5%;
    }
    
}