@media screen {
    nav ul {
        margin: 0;
        padding: 0
        }
    nav li {
        display: inline-block;
        position: relative;
        cursor: pointer;
        margin: 0;
        padding: 0 0 0 0.6em;
        line-height: 38px;
        zoom: 1
        }
    nav a {
        display: inline-block;
        min-width: 0;
        line-height: 32px;
        margin: 0;
        padding: 3px 10px 3px 5px;
        zoom: 1
        }
    nav .firstlevel {
        text-align: right
        }
    nav.fixed .firstlevel {
        text-align: left
        }
    nav .firstlevel > li li {
        display: table-row;
        float: none;
        width: 200px;
        margin: 0;
        padding: 0
        }
    nav .firstlevel > li li a {
        min-width: 170px;
        white-space: nowrap
        }
    nav .firstlevel ul {
        display: table;
        visibility: hidden;
        opacity: 0;
        margin: 20px 0 0 0;
        position: absolute;
        overflow: visible;
        min-width: 200px;
        padding: 0;
        top: 38px;
        left: 0;
        z-index: 15000;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
        }
    nav .firstlevel ul ul {
        top: 0;
        left: 200px
        }
    nav .firstlevel > li:last-child ul, nav .firstlevel > li:nth-last-child(2) ul {
        left: auto;
        right: 0
        }
    nav li:hover > ul, nav li:focus > ul {
        opacity: 1;
        visibility: visible;
        margin: 0
        }
    nav.navbottom ul {
        display: inline-block;
        text-align: left
        }
    .no-transition {
        transition: none;
        opacity: 1;
        visibility: visible;
        display: none
        }
    nav li:hover > .no-transition, nav li:focus > .no-transition {
        display: block
        }
    nav.navside li {
        display: block
        }
    nav.navside li:after {
        position: absolute;
        top: 0;
        right: 20px
        }
    nav.navside a {
        display: block
        }
    }
@media screen and (max-width: 990px) {
    nav .firstlevel {
        text-align: left
        }
    nav .firstlevel ul {
        display: block;
        opacity: 1;
        visibility: visible;
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
        padding-left: 2em
        }
    nav .firstlevel ul ul {
        top: auto;
        left: auto
        }
    nav li {
        display: block;
        position: relative;
        height: auto;
        width: auto
        }
    nav.navbottom li {
        display: block
        }
    nav .firstlevel > li li {
        width: auto
        }
    nav a {
        display: block
        }
    nav.navbottom ul {
        display: block;
        float: none
        }
    }