@media(max-width:1200px) {
    ul.sub {
        padding: 0px;
    }

    ul.sub li a,
    ul#menu li a {
        color: #fff !important;
    }

    ul.menu li.sub a.sub {
        color: #fff !important;
        padding: 10px !important;
        display: block;
    }

    ul#menu li {
        background-color: #2c522b;
        border-top: 1px solid #ffffff;
        padding: 10px 0;
    }

    ul#menu li.sub {
        padding: 0 0;
    }

    ul#menu li ul.sub li {
        background-color: #6bb369;
        border-top: 1px solid #ffffff;
    }

    ul#menu li ul li {}
}

@media(min-width:1200px) {
    ul#menu {
        float: right;
        margin-top:
    }

    ul#menu li {
        position: relative;
        float: left;
        display: inline
    }

    ul#menu li.sub:hover ul.sub,
    ul#menu li.sub ul.sub.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    ul#menu li ul.sub {
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -100px;
        width: 200px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -o-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95)
    }

    ul#menu li ul.sub {
        padding: 10px 0 0 0 !important;
        z-index: 1;
    }

    ul#menu li ul.sub li {
        float: left;
        width: 100%;
        background: #2c522b;

    }

    ul#menu li ul.sub li a {
        float: left;
        width: 100%;
        padding: 10px;
        color: #FFF;
        font-size: 14px;
        font-weight: 300;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        background: none;
        display: table
    }

    ul#menu li ul.sub li a:hover,
    ul#menu li ul.sub li a.active {
        background: #417840;
    }

    ul#menu li ul.sub li:last-child a {
        border: none
    }

    ul#menu li ul.sub li a p {
        width: 100%;
        display: table-cell;
        vertical-align: middle
    }
}