/* Legacy */
.media-width-200 body
{
}

.media-width-400 body
{
}

.media-width-600 body
{
}
/* Modern */
@media only screen and (min-width: 401px)
{
    .input-form .input-container,
    .input-form .input-preview
    {
        width: 300px;
     
    }
    .login-form .login-panel
    {
        width: 300px;
    }
     .login-form .register-panel
    {
        width: 380px;
    }
}

@media only screen and (min-width: 601px)
{
   .input-form .input-container,
    .input-form .input-preview,
   .my-account
    {
        width: 500px;
    }
    
}

@media only screen and (max-width: 400px)
{
    .login-form .form-panel   { width: 80%; }
    
}
@media only screen and (max-width: 500px), screen and (max-height:450px){ 
    body { font-size:15px} 

}


@media only screen and (max-width: 650px)
{
    .input-form
    {
        /*width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        left:0%*/
    }

    
}

/*@media only screen and (max-width: 600px)
{  
    .input-cell-1 .input { width: 68% !important}
}
@media only screen and (max-width: 550px)
{  
    .input-cell-1 .input { width: 64% !important}
}
@media only screen and (max-width: 500px)
{  
    .input-cell-1 .input { width: 49% !important}
}*/