.toggle, [id^=drop] {
    display: none;
}


nav:after {
    content: "";
    display: table;
    clear: both;
}

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

    nav ul li {
        margin: 0px;
        display: inline-block;
        float: left;
        font-size: 16px;
        line-height: 45px;
    }

nav a {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
}
nav a:hover {
    color: #fff;
}
nav ul li ul li:hover {
    background: #f3f3f3;
}


nav ul ul {
    display: none;
    position: absolute;
    top: 40px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    background: #fff;
    z-index: 999;
    width: 42%;
}

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

nav ul ul li {
    float: none;
    display: list-item;
    position: relative;
}

    nav ul ul li a {
        line-height: 40px;
        border-bottom: 1px dotted #cccccd;
        color: #333;
    }
        nav ul ul li a:hover {
            color: #333;
        }

        nav ul ul ul li {
            position: relative;
            top: -60px;
            left: 170px;
        }

li > a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    position: relative;
    left: 5px;
}

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


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

    nav ul ul li a {
        color: #fff;
        border-bottom: 1px dotted #0b3c1c;
    }
    nav {
        margin: 0;
    }

    .toggle + a,
    .menu {
        display: none;
    }

    .toggle {
        display: block;
        padding: 0 20px;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        border: none;
    }

        .toggle:hover {
        }

    [id^=drop]:checked + ul {
        display: block;
        width: 100%;
    }

    nav ul li {
        display: block;
        float: none;
        line-height: 50px;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: #000000;
        color: #ffffff;
    }

    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #0b3c1c;
    }

    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }

        nav ul ul li:hover > ul,
        nav ul li:hover > ul {
            display: none;
        }

        nav ul ul li {
            display: block;
            width: 100%;
        }

        nav ul ul ul li {
            position: static;
        }
}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }
}


.collapse:not(.show) {
    display: block !important;
    flex-basis: 80%;
}

.navbar-collapse {
    flex-basis: 80% !important;
}
.main-menu{
    float:  left;
}