.page-main {
    .auth-nav-menu-container {
        display: inline-block;
        cursor: pointer;
        position: relative;

        @media(max-width: 659px) {
            line-height: 36px;

            .auth-nav-menu {
                top: 132px;
            }
        }

        .user-mini-avatar {
            width: 45px;
            height: 45px;
            border-radius: 50%;

            &:hover {
                opacity: 0.7;
            }

            @media (max-width: 659px) {
                width: 36px;
                height: 36px;
            }
        }

        .auth-nav-menu {
            position: absolute;
            right: 0;
            top: 32px;
            z-index: 100;
            background-color: #fff;
            box-shadow: var(--secondary_shadow);
            border-radius: 8px;
            overflow: hidden;
            width: 250px;

            @media(max-width: 659px) {
                top: 40px;
                right: 16px;
            }

            &__wrapper {
                .login-user__wrapper {
                    margin-bottom: 30px;

                    @media(max-width: 659px) {
                        width: 38px;
                    }

                    .header__top-expert {

                        .header__top-expert-title,
                        .header__top-expert-email {
                            color: var(--Main1);
                        }

                        @media(max-width: 659px) {
                            width: 100%;
                            padding: 27px 60px 0 0;
                            position: relative;
                            text-align: right;
                            display: inline-block;


                            .header__top-expert-title {
                                display: block;
                            }

                            .header__top-expert-email {
                                display: block;
                            }

                            .btn.btn-icon.header__top-expert-icon {
                                position: absolute;
                                right: 0;
                                top: 22px;
                                width: 38px;
                                height: 38px;
                                line-height: 42px;
                            }
                        }
                    }
                }
            }

            &__item {
                width: 100%;
                height: 44px;
                background-color: white;

                &:hover {
                    background-color: var(--Bg2);
                }

                .nav-menu-text-link {
                    font-size: 19px;
                    line-height: 120%;
                    color: var(--Main1);
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                }
            }
        }
    }
}