.top-menu {
    #top-toggle {
        border: 1px solid #666E7C;
        border-radius: 2px;
        position: relative;
        width: 38px;
        height: 32px;
        margin-top: 12px;
        @media (min-width: 992px) {
            display: none;
        }

        &:before {
            font-family: IRANKala;
            content: "\E12E\00FE0E";
            font-size: 24px;
            margin-right: 4px;
            color: #666E7C;
            position: absolute;
            top: 2px;
            left: 6px;
        }
    }

    ul {
        a {
            color: #697389;
        }

        @media (min-width: 992px) {
            padding-right: 15px;
            .menu-item {
                display: inline-block;

                a {
                    margin-right: 20px;

                    &:hover {
                        color: $danger;
                    }
                }
            }
            > .menu-item-has-children > a {
                position: relative;

                &:before {
                    content: "\E08F\00FE0E";
                    font-family: IRANKala;
                    position: absolute;
                    right: -18px;
                    font-size: 18px;
                    color: #B1B1B1;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
            .menu-item-has-children {
                position: relative;

                .sub-menu {
                    position: absolute;
                    top: calc(100% + 10px);
                    left: 0;
                    background: #FFF;
                    box-shadow: 0 2px 9px 0 rgba(112, 112, 112, 0.32);
                    z-index: 150;
                    width: 200px;
                    opacity: 0;
                    visibility: hidden;
                    transition: $transition;
                    border-top: 2px solid $danger;

                    &:before {
                        position: absolute;
                        content: '';
                        width: 0;
                        height: 0;
                        left: 15px;
                        top: -8px;
                        border-bottom: 6px solid $danger;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                    }

                    .menu-item {
                        display: block;

                        a {
                            display: block;
                            padding: 3px 10px;
                        }
                    }
                }

                &:hover {
                    > a {
                        color: $danger;
                    }

                    .sub-menu {
                        opacity: 1;
                        visibility: visible;
                        top: 100%;
                    }
                }
            }
        }
    }

    .menu-item-social {
        float: right;

        @media (min-width: 992px) {
            a {
                margin-left: 10px;
                margin-right: 0 !important;
            }
        }

        @media (max-width: 992px) {
            a {
                padding: 7px;
            }
        }

        .mdi {
            font-size: 18px;
        }

        img {
            max-width: 24px;
            height: auto;
        }
    }

    .wpml-ls-legacy-list-horizontal {
        margin-bottom: 0;
        display: inline-block;
        border: none;
        padding: 0;
    }

    @media (max-width: 992px) {
        ul.menu {
            display: none;

            .sub-menu {
                padding-left: 15px;
            }
        }
    }
    @media (max-width: 992px) {
        ul.menu {
            max-height: 320px;
            overflow-y: auto;
        }
        .wpml-ls-legacy-list-horizontal {
            li {
                display: block;

                a {
                    padding: 7px 0;
                }
            }

            ul > li:first-child a {

            }
        }
    }
}