.c-menu {
    background-color: $light-glay;
    height: 100%;
    padding: 15px;

    &__title {
        background-color: $menu-title;
        display: block;
        position: relative;
        padding: 8px;
        color: $white;

        &:hover {
            color: $white;
        }
    }

    &__subtitle {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    &__panel {
        width: 48%;

        @media (max-width: #{map-get($mq-breakpoints, medium)}) {
            width: 100%;
        }
    }

    &__list {
        padding-left: 0px;
        margin-top: 15px;

        &-modify {
            width: 33.3333%;
        }

        &-link {
            display: block;
            position: relative;
            padding-left: 10px;
            padding-right: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        &-name {
            background-color: $white;
            list-style: none;
            border-left: 1px solid $border;
            border-right: 1px solid $border;
            border-top: 1px solid $border;

            &:last-child {
                border-bottom: 1px solid $border;
            }

            &--modify {
                width: 33.3333%;
                background-color: $white;
                list-style: none;
                border-left: 1px solid $border;
                border-top: 1px solid $border;
    
    
                @media (min-width: #{map-get($mq-breakpoints, medium)}) {
                    &:nth-child(n+4) {
                        border-bottom: 1px solid $border;
                    }
        
                    &:nth-child(3n) {
                        border-right: 1px solid $border;
                    }
                }

                @media (max-width: #{map-get($mq-breakpoints, medium)}) {
                    width: 100%;
                    border: 0px;
                    border-left: 1px solid $border;
                    border-top: 1px solid $border;
                    border-right: 1px solid $border;

                    &:last-child {
                        border-bottom: 1px solid $border;
                    }

                }
            }
        }

        
    }
}