@media (max-width: 1200px) {

    .portfolio-toggle .portfolio-symbol {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: relative;

        flex: 0 0 22px;

        width: 22px;
        height: 22px;

        font-size: 0 !important;
        line-height: 0 !important;

        color: transparent !important;

        transform: none !important;
    }

    .portfolio-toggle .portfolio-symbol::before,
    .portfolio-toggle .portfolio-symbol::after {
        content: none !important;
    }

    .portfolio-toggle .portfolio-symbol::after {
        content: "" !important;

        display: block;

        width: 10px;
        height: 10px;

        border-right: 1.5px solid rgba(255,255,255,0.88);
        border-bottom: 1.5px solid rgba(255,255,255,0.88);

        transform: translateY(-3px) rotate(45deg);

        transition: transform 0.3s ease;
    }

    .menu-group:has(.portfolio-submenu.open)
    .portfolio-toggle .portfolio-symbol::after {

        transform: translateY(3px) rotate(225deg);
    }

}

@media (prefers-reduced-motion: reduce) {

    .portfolio-toggle .portfolio-symbol::after {
        transition: none !important;
    }

}