/* Large Tablets */
@media handheld, screen and (max-width: 1024px) {
    /* Layout */
    .customer-account .middle {
        padding: 0 1%;
        width: 98%;
    }
    /* Account Create and Password */
    .customer-account-create #form-validate,
    .customer-account-forgotpassword #form-validate {
        margin: 0;
        width: 60%;
    }
}
/* Small Tablets */
@media handheld, screen and (max-width: 768px) {
    /* Login */
    .customer-account-login #login-form .col2-set .col-1,
    .customer-account-login #login-form .col2-set .col-2 {
        float: none;
        margin: 0 auto 20px;
        width: 99%;
    }
    /* Account Create and Password */
    .customer-account-create #form-validate,
    .customer-account-forgotpassword #form-validate {
        margin: 0 auto;
        width: 90%;
    }
    /* Layout */
    .customer-account .col-right,
    .customer-account .side-col {
        margin-top: 10px;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
    .customer-account .col-right .box,
    .customer-account .side-col .box {
        margin: 10px 1% 5px;
        padding: 0;
    }
    .customer-account .col-2-left-layout .col-main,
    .customer-account .col-2-right-layout .col-main {
        max-width: 100%;
    }
    /* Account Navigation */
    .customer-account .customer-banner {
        display: block;
    }
}
/* Mobile */
@media handheld, screen and (max-width: 480px) {
    .customer-account-login .login-box .content {
        min-height: auto;
    }
    /* Account Create and Password */
    .customer-account-create #form-validate,
    .customer-account-forgotpassword #form-validate {
        width: 90%;
    }
    .customer-account .col-right .box,
    .customer-account .side-col .box {
        width: 98%;
    }
}
