/*!
 * jquery-drawer v3.2.0
 * Custom CSS
 * ul drawer-menu
 */

@media (max-width:768px) {
    .drawer-nav {
        background-color: #fff;
        border-left: 1px #ccc solid;
        padding: 0 0 44px;
    }

    body.drawer-open .drawer-nav {
        box-shadow: 2px 0px 4px rgba(0,0,0,1);
    }

    .drawer-nav li:first-child {
        text-align: right;
        padding: 14px 1em 10px;
    }

    .drawer-nav li:not(.roundbox):not(:first-child) {
        text-align: left;
        line-height: 1;
        font-size: 1.3rem;
        border-bottom: 1px #ccc solid;
    }

    .drawer-nav li:nth-child(4) {
        border-top: 1px #ccc solid;
        margin: 20px 0 0;
    }

    .drawer-nav li:not(.roundbox) a {
        display: block;
        color: #333;
        line-height: 1.4;
        text-decoration: none;
        padding: 1em;
        cursor: pointer;
        -webkit-transition: all .8s;
        transition: all .8s;
    }

    .drawer-nav li a#mm-close {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url( "cross.jpg" ) no-repeat;
        padding: 0;
    }

    .drawer-nav li.roundbox {
        padding: 0.5em 1em;
    }

    .drawer-nav li.roundbox a {
        display: block;
        color: #333;
        border: 2px #ccc solid;
        text-align: center;
        padding: 14px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }
}

@media (min-width:769px) {

    #drawer-menu {
        display: none !important;
    }
}