@media screen and (min-width: 801px) {
    .primary-menu > li > ul.sub-menu {
        width: 404px;
        background: transparent;
        border: none;
        display: flex;
        flex-direction: column;
        max-height: calc(100dvh - 225px);
        overflow-y: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE и старый Edge */
        padding-bottom: 2px;
    }

    .primary-menu > li > ul.sub-menu::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .primary-menu > li > ul.sub-menu > li {
        background: white;
        border: 2px solid black;
        margin-bottom: -2px;
        width: 200px;
    }
}

@media screen and (min-width: 1201px) {
    .primary-menu > li > ul.sub-menu {
        max-height: calc(100dvh - 150px);
    }
}