@media screen and (max-width: 600px) {
    .nav {
        position: relative;
        min-height: 35px;
    }
    .nav ul {
        width: 180px;
	    margin-left: 10px;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        background: #428BCA url(/images/icon-menu.png) no-repeat 10px 11px;
	    z-index: 2;
    }
    .nav li {
        display: none; /* hide all <li> items */
        margin: 0;
    }
    .nav-link.active:after {
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }
    .nav .current {
        display: block; /* show only current <li> item */
    }
    .nav a {
        display: block;
        padding: 5px 5px 5px 32px;
        text-align: left;
    }
    .nav .current a {
        background: none;
 //       color: #666;
    }

    /* on nav hover */
    .nav ul:hover {
        background-image: none;
    }
    .nav ul:hover li {
        display: block;
        margin: 0 0 5px;
    }
    .nav ul:hover .current {
        background: url(/images/icon-check.png) no-repeat 10px 12px;
    }

    /* right nav */
    .nav.right ul {
        left: auto;
        right: 0;
    }

    /* center nav */
    .nav.center ul {
        left: 50%;
        margin-left: -90px;
    }
}