#kv-nav-md {
    position: relative;
    z-index: 99;

    nav {
        background-color: var(--pm-color-theme);
        border-radius: 4px;
    }

    nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
    }

    nav ul:first-child {
        margin-left: 40px;
    }

    nav ul li {
        display: inline-block;
    }

    nav ul li a i {
        margin-right: 6px;
    }

    nav a {
        display: block;
        padding: 0 20px;
        color: #FFF;
        font-size: 1rem;
        font-weight: 300;
        line-height: 50px;
        text-decoration: none;
    }

    nav a:hover {
        background-color: rgba(255, 255, 255, 10%);
    }

    /* Hide Dropdowns by Default */

    nav ul ul {
        display: none;
        position: absolute;
        top: 50px; /* the height of the main nav */
        border-radius: 6px;
    }

    /* Display Dropdowns on Hover */

    nav ul li:hover > ul {
        display: inherit;
    }

    /* Fisrt Tier Dropdown */

    nav ul ul li {
        width: 200px;
        /*min-width: 170px;*/
        /*max-width: 300px;*/
        float: none;
        display: list-item;
        position: relative;
        background-color: var(--pm-color-theme);
    }

    /*nav ul ul li:last-child:not(:has(ul)) {*/
    /*    -webkit-border-bottom-right-radius: 6px;*/
    /*    -webkit-border-bottom-left-radius: 6px;*/
    /*    -moz-border-radius-bottomright: 6px;*/
    /*    -moz-border-radius-bottomleft: 6px;*/
    /*    border-bottom-right-radius: 6px;*/
    /*    border-bottom-left-radius: 6px;*/
    /*}*/

    /*nav ul ul ul li:first-child:not(:has(ul)) {*/
    /*    -webkit-border-top-right-radius: 6px;*/
    /*    -moz-border-radius-topright: 6px;*/
    /*    border-top-right-radius: 6px;*/
    /*}*/

    /*nav ul ul li:last-child:has(ul) {*/
    /*    -webkit-border-bottom-left-radius: 6px;*/
    /*    -moz-border-radius-bottomleft: 6px;*/
    /*    border-bottom-left-radius: 6px;*/
    /*}*/

    /* Second, Third and more Tiers	*/

    nav ul ul ul li {
        position: relative;
        top: -50px;
        left: 200px;
    }

    nav ul ul li a {
        font-size: 0.9rem;
        line-height: 50px;
    }

    /* Change this in order to change the Dropdown symbol */

    li > a:after {
        content: '';
    }

    li > a:only-child:after {
        content: '';
    }
}