#nav .main-nav ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    list-style: none;
    display: block;
}

#nav .main-nav ul li { padding: 2px 0 0; }

#nav .main-nav ul a {
    padding: 10px 10px 10px 35px;
    display: block;
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

/*ADDED FOR MOBILE HOVER*/
#nav .main-nav li.hover > ul {
    max-height: 600px;
}

@media (min-width: 1250px) {
    #nav .main-nav ul {
        min-width: 250px; /*185*/
        max-width: 350px; /*250*/
        max-height: inherit;
        padding: 0 0 3px;
        line-height: 23px;
        background: #376e31;
        position: absolute;
        top: 100%;
        /*left: 0;*/
        visibility: hidden;
        opacity: 0;
    }

    #nav .main-nav ul li { padding: 0; }

    #nav .main-nav ul a {
        padding: 8px 10px 8px 23px;
        color: #fff;
        background: none;
    }

    #nav .main-nav ul a:hover { color: #8bc035; }

    #nav .main-nav > li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: -.2px;
        padding: 0 0 0 1px;
    }

    #nav .main-nav li.hover > ul {
        visibility: visible;
        opacity: 1;
    }
}