.card-pf {
    background: #fff;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 780px;
    border-top: 0;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

/*tablet*/
@media (max-width: 840px) {
    .login-pf-page .card-pf{
        max-width: none;
        margin-left: 20px;
        margin-right: 20px;
        padding: 20px 20px 30px 20px;
    }
}
@media (max-width: 767px) {
    .login-pf-page .card-pf{
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
    }
    .card-pf.login-pf-accounts{
        max-width: none;
    }
}