.activation-holder {
    margin: auto;
    width: 70%;
}

    .activation-holder form {
        width: 100% !important;
        min-height: 315px !important;
    }

.btn-login-holder {
    padding: 10px 13% 11px !important;
}

.login-block-left {
    width: 25.5% !important;
    background: unset !important;
}


.phonenumber-holder {
    margin: auto;
    width: 70%;
}

    .phonenumber-holder form {
        width: 100% !important;
        min-height: 375px !important;
    }

.login-with-email-a {
    color: #007bff;
    float: right !important;
    width: 100% !important;
    text-align: center !important;
}

    .login-with-email-a:hover {
        text-decoration: underline;
        color: #007bff;
    }

#timer {
    color: red !important;
    font-size: 15px !important;
}

.lwm-display-no {
    display: none !important;
}

.lwm-display-block {
    display: block !important;
}

/*.phonenumber-holder {
    margin: auto;
    width: 50%;
}*/

/*.phonenumber-holder form {
        width: 100% !important;
        min-height: 315px !important;
    }*/

.login-with-email-a {
    color: #007bff;
}

    .login-with-email-a:hover {
        text-decoration: underline;
        color: #007bff;
    }



.change-phonenumber a::after {
    content: "\78" !important;
    position: absolute;
    display: inline-block;
    top: 50%;
    right: auto;
    left: 23px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    /*margin-right: 23px;*/
    font-family: "emporium-icons";
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    color: #b7b7b7;
    transition: all .2s ease;
}

.change-phonenumber a::before {
    content: '\e940' !important;
}

.login-input {
    width: 100% !important;
    max-width: 100% !important;
}

.change-password-title {
    padding: 0 0 0 0 !important;
}

.center-align {
    text-align: center !important;
}

.mobile-login-logo {
    margin-top: 28px !important;
    text-align: center !important
}

.login-description-holder {
    margin-top: 20px !important;
}

.activation-code-description {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: center !important;
}

#timer-decription {
    font-weight: bold !important;
    font-size: 16px !important;
}

.login-page .customer-blocks .buttons {
    width: auto !important;
    bottom: 0px !important;
    position: relative !important;
}

@media all and (max-width: 1025px) {
    /*.phonenumber-holder, .activation-holder {
        text-align: center !important;
    }*/

    .phonenumber-holder, .activation-holder {
        width: 100% !important;
        text-align: center !important;
    }

    .login-page .returning-wrapper .inputs label {
        width: 100%;
        margin: 0 0 10px;
    }
}

@media all and (min-width: 1025px) {
    .login-page .customer-blocks > div {
        margin-left: 25% !important;
    }
}

@media all and (min-width: 800px) and (max-width: 1025px) {
    .btn-active-code-holder {
        padding: 10px 3% 11px !important;
    }

    .username-inputs {
        padding: 0 150px 0 150px !important;
    }
}

@media all and (max-width: 1025px) and (min-width: 1284px) {
    .btn-active-code-holder {
        padding: 10px 3% 11px !important;
    }
}

.btn-active-code-holder {
    padding: 10px 8% 11px;
}

.username {
    width: 100% !important;
}

.change-phonenumber-title {
    text-align: center !important;
}

.form-change-phonenumber {
    text-align: center !important;
}

#timer-decription {
    text-align: center !important;
}