#nav {
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 5000;
    display: table;
    text-align: left;
    white-space: nowrap;
}

    #nav li {
        /*float: left;*/
        display: table-cell;
        line-height: 40px;
        height: 40px;
        margin: 0;
        vertical-align: middle;
        position: relative;
        list-style: none;
    }



        #nav li a {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            font-weight: bold;
            font-size: 15pt;
            text-decoration: none;
            /*padding: 0 27px 0 20px;*/
            padding: 0 22px 0 22px;
            color: #ffffff;
        }


    #nav > li:first-child a {
        padding: 0 22px 0 40px;
    }


    #nav li > a:hover {
        color: #f3f1d5;
        background-color: #3d3d3d;
    }

    /* dropdown */
    #nav li:hover > ul {
        display: table;
    }


    /* level 2 list */
    #nav ul {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 40px;
        left: 0;
        /*border: solid 1px #353535;
        border-radius: 0 0 10px 10px;*/
        background-color: #131005;
        z-index: 5001;
        white-space: normal;
    }


        #nav ul li {
            display: table-row;
            text-align: left;
            float: none;
            margin: 0;
            position: relative;
            line-height: 40px;
            height: 40px;
        }

            #nav ul li a {
                margin: 0;
                padding: 0 20px 0 20px;
                white-space: nowrap;
                font-size: 14pt;
                font-weight: normal;
                color: #ffffff;
                width: 200px;
            }

                #nav ul li a:hover {
                    color: #f3f1d5;
                    background-color: #3d3d3d;
                    /*color: #ffffff;*/
                }

        /* level 3+ list */
        #nav ul ul {
            left: 200px;
            top: 0px;
            border-radius: 10px;
            z-index: 5002;
        }

            #nav ul ul li a {
                width: 200px;
            }

    /* clearfix */
    /*#nav:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }*/


html[xmlns] #nav {
    display: block;
}

* html #nav {
    height: 1%;
}


    #nav li.navIcon {
        display: none;
        /*padding: 0;
        margin: 0;*/
    }

@media screen and (max-width: 775px) {

    /*#nav li:not(:first-child) {*/
     #nav li:not(.showmin) {
        display: none;
    }

    #nav li.navIcon {
        display: table-cell;
    }

    #nav li:first-child a {
        padding: 0 22px 0 22px;
    }



    #nav.responsive {
        position: relative;
    }

        /*#nav.responsive .navIcon {
            position: absolute;
            right: 0;
            top: 0;
        }*/

        #nav.responsive li {
            position: relative;
            margin: 0;
            /*width:100%;
            float: none;*/
            display: block;
            /*float:left;*/
            text-align: left;
            background-color: #131005;
            line-height: 50px;
            height: 50px;
        }

            #nav.responsive li a {
                margin: 0;
                padding: 0 22px 0 22px;
                white-space: nowrap;
                font-size: 18pt;
                font-weight: bold;
                color: #ffffff;
            }

                #nav.responsive li a:hover {
                    color: #f3f1d5;
                    background-color: #3d3d3d;
                }


        /* level 2 list */
        #nav.responsive ul {
            /*margin: 0 0 0 100px;*/
            padding: 0;
            position: relative;
            /*width: calc(100% - 100px);*/
            overflow: hidden;
            top: -100px;
            left: 0;
            border: none;
            float: right;
            margin: 0;
            border-radius: 0;
            /*background-color: #3d3d3d;*/
            z-index: 5001;
            white-space: normal;
        }


            #nav.responsive ul li {
                text-align: left;
                display: table-row;
                /*width:100%;*/
                margin: 0;
                position: relative;
                background-color: #3d3d3d;
                line-height: 50px;
                height: 50px;
            }

                #nav.responsive ul li a {
                    margin: 0;
                    width: 100%;
                    padding: 0 20px 0 20px;
                    white-space: nowrap;
                    font-size: 16pt;
                    font-weight: bold;
                    color: #ffffff;
                }

                    #nav.responsive ul li a:hover {
                        color: #f3f1d5;
                        background-color: #131005;
                    }
}