.royalnews-primary-menu {
    > div {
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
            li {
                position: relative;
                display: inline-block;
                padding: 20px 0;
                margin-right: 20px;
                color: #000;
                font-size: 18px;
                font-weight: 500;
                @include mobile {
                    display: block;
                    padding: 15px 0;
                }
                &:hover, 
                &:focus-within {
                    ul {
                        top: 100%;
                        opacity: 1;
                        visibility: visible;
                        z-index: 99; 
                    }
                }

                .dropdown-toggle {
                    margin-left: 5px;
                    pointer-events: none;
                    @include mobile {
                        display: inline-block;
                        float: right;
                        width: 30px;
                        transition: all 0.3s linear;
                        position: absolute;
                        right: 0;
                        top: 10px;
                        bottom: 0;
                        pointer-events: visible;
                    }
                    i {
                        font-size: 13px;
                    }
                }
    
                ul {
                    position: absolute;
                    background: #333;
                    list-style: none;
                    margin: 0;
                    padding: 10px;
                    width: 250px;
                    transition: all 0.3s;
                    box-shadow: 0 0 10px #00000014;
                    top: 100%;
                    opacity: 0;
                    visibility: hidden;
                    z-index: -1;
                    @include mobile {
                        position: relative;
                        padding: 10px 0 0;
                        width: auto;
                        box-shadow: none;
                        background: transparent;
                        visibility: visible;
                        z-index: 999;
                        opacity: 1;
                        margin: 0;
                        transition: none;
                    }
                }
            }
            
        }
    }
}