@media screen and (max-width: 860px) {

    html,
    body {
        min-width: 0;
        width: 100%;
        overflow-x: hidden;
    }

    body.login-page {
        min-height: 100%;
    }


    /* Основной контейнер */
    .login-page .main-wrapper {
        width: 100%;
        min-width: 0;
        max-width: 440px;

        padding: 28px 22px 45px;
        margin: 0 auto;

        box-sizing: border-box;
    }


    /* Логотип */
    .login-page .logo-container {
        margin: 0 0 34px 0 !important;
        text-align: center;
    }

    .login-page .logo-container img {
        display: block;

        width: 100%;
        max-width: 340px;
        height: auto;

        margin: 0 auto;
    }


    /* Desktop-колонки превращаем в одну */
    .login-page .left,
    .login-page .right {
        display: block;

        width: 100%;
        padding: 0;

        box-sizing: border-box;
    }

    .login-page .left {
        margin-bottom: 36px;
    }


    /* Заголовки */
    .login-page h1 {
        margin-bottom: 18px;

        font-size: 22px;
        line-height: 26px;
        letter-spacing: -0.5px;
    }


    /* Поля Login / Password */
    .login-page .login,
    .login-page .password,
    .login-page .password-hint {
        display: block;

        width: 100%;
        height: 44px;

        margin-left: 0;
        margin-bottom: 14px;

        padding: 0 15px;

        box-sizing: border-box;

        border-radius: 22px;

        /*
         * 16px специально:
         * iPhone не будет увеличивать страницу
         * при фокусе на input.
         */
        font-size: 16px;
    }

    .login-page .password {
        display: none;
    }


    /* Remember me */
    .login-page label {
        display: flex;
        align-items: center;

        margin-top: 6px;

        font-size: 13px;
        line-height: 18px;
    }

    .login-page label input[type="checkbox"] {
        width: 17px;
        height: 17px;

        margin: 0 8px 0 0;
    }


    /* Sign in */
    .login-page button.sign-in {
        display: block;

        width: 100%;
        height: 48px;

        margin: 24px 0 0;
        padding: 0;

        line-height: 48px;

        border: 0;
        border-radius: 6px;

        font-size: 17px;
        font-weight: bold;

        color: #fff;

        background: #4c8ee8;
        background: linear-gradient(to bottom, #65aaf0 0%, #3979d7 100%);

        text-shadow: -1px -1px 0 rgba(0,0,0,.18);

        box-shadow: 0 1px 2px rgba(0,0,0,.25);
    }

    .login-page button.sign-in:hover {
        background: linear-gradient(to bottom, #70b4f5 0%, #4384df 100%);
    }

    .login-page button.sign-in:active {
        background: linear-gradient(to bottom, #3979d7 0%, #65aaf0 100%);
    }


    /* Ошибка авторизации */
    .login-page .login-error {
        width: 100%;

        margin: 0 0 18px 0;
        padding: 10px 12px;

        box-sizing: border-box;
    }


    /* Второй блок */
    .login-page .right {
        padding-top: 28px;
        border-top: 1px solid #ddd;
    }

    .login-page .right p {
        font-size: 14px;
        line-height: 21px;
    }


    /* Teams */
    .login-page .login-contacts {
        margin-top: 18px;
    }

    .login-page .login-contacts .teams-link {
        font-size: 15px;
    }

    .login-page .login-contacts .contact-ico {
        width: 22px;
        height: 22px;
    }

}