media query

// MOBILE MENU

.mobile-menu {
    display: none;

    @media (min-width: @screen-md-min){ display: none !important; }

    .menu {
        margin: 0;
        padding: 0;
        border-top: 1px solid darken(@nav-bg, 10%);

        li {
            list-style-type: none;
            border-top: 1px solid lighten(@nav-bg, 10%);
            border-bottom: 1px solid darken(@nav-bg, 10%);
            font-size: 17px;

            &:last-child { border-bottom: 0; }

            a {
                display: block;
                padding: 15px @grid-gutter-width/2;
                color: #fff;
                background-color: @nav-bg;
                font-family: @font-family-serif;
            }

            &.current-menu-item > a,
            a:hover, a:focus {
                background-color: darken(@nav-bg, 5%);
            }
        }