@media (max-width: 700px) and (orientation: portrait) {
    .fc-header {
        grid-template-columns: 42px 76px 1fr;
        column-gap: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .fc-header-logo {
        margin-left: 0;
    }

    .fc-header-menu {
        justify-self: start;
        position: absolute;
        left: calc(50% - 84px);
        top: 50%;
        translate: -50% -50%;
    }

    .fc-header-info-dock {
        display: flex;
        top: 50%;
        left: auto;
        right: 72px;
        gap: 14px;
        transform: translateY(-50%);
    }

    #fcClientPathOpen,
    #fcArtSmartAcademyOpen,
    #fcProjectValueOpen,
    #fcAccessOpen {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        margin: 0;
        flex: 0 0 40px;
    }

    .fc-header .fc-header-info-icon,
    #fcAccessOpen img {
        width: 48px;
        height: 48px;
        max-width: none;
        flex: 0 0 48px;
    }

    .fc-header-info-icon-client > img,
    .fc-header-info-icon-value > img {
        left: 0;
    }

    #fcAccessOpen {
        position: absolute;
        top: 50%;
        right: 18px;
        justify-self: auto;
        margin-right: 0;
        transform: translateY(-50%);
    }

    .fc-header-info-bubble,
    .fc-login-info-bubble {
        display: none;
    }
}