@media only screen and (max-width : 805px) {
    .sidenav > li > ul {
        display: none;
    }
    .sidenav > li {
        margin: 0;
        padding-right: 40px;
    }
    .sidenav a:hover,
    .sidenav a:focus,
    .sidenav a:active {
        text-decoration: underline;
    }
    span.openMenu {
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        height: 32px;
        color: #fff;
        cursor: pointer;
    }
    span.openMenu:after {
        background: url(/img/bracket-arrow.svg) no-repeat;
        background-size: 11px 11px;
        position: absolute;
        top: 10px;
        right: 15px;
        width: 12px;
        height: 12px;
        content: "";
    }
    .sidenav-icon {
        /*display: inline-block;*/
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #4ed2d2;
        height: 16px;
        width: 16px;
        border-radius: 100%;
    }
    .sidenav > li.side-nav-back .sidenav-icon{
        left: 10px;
        opacity: 1;
        visibility: visible;
    }
    .sidenav-icon:before {
        background: url(/img/bracket-arrow.svg) no-repeat;
        background-size: 11px 11px;
        position: absolute;
        top: 2px;
        width: 12px;
        height: 12px;
        content: "";
        left: 3px;
    }
    .sidenav > li.side-nav-back .sidenav-icon:before {
        transform: rotate(180deg);
        left: 1px;
        top: 1px;
    }
}
@media only screen and (min-width : 600px) {

    nav > ul > li {
        float: left;
        width: 33.33%;
    }
}
@media only screen and (min-width : 805px) {
    nav#primary_nav {
        width: 70%;
        max-width: 688px;
    }
    .main .aside {
        top: 7px;
        position: absolute;
        float: none;
        bottom: 0;
    }
    .sidenav li ul {
        opacity: 0;
        visibility: hidden;
        margin: 0;
        padding: 0 0 0 18px ;
        position: absolute;
        background: #101820;
        left: 100%;
        top: 0;
        width: 250px;
        transition: .2s;
        z-index: 1;
    }
    .sidenav > li.parent-current > ul,
    .sidenav > li.current > ul {
        opacity: 1;
        visibility: visible;
        margin: 0;
        padding: 0 0 0 18px ;
        position: relative;
        background: transparent;
        left: auto;
        top: 0;
        width: auto;
        transition: .2s;
        z-index: 1;
    }
    .sidenav li.hasChild a {
        padding-right: 40px;
    }
    li.hover > ul{
        opacity: 1;
        visibility: visible;
    }
    .sidenav-icon {
        position: absolute;
        right: 10px;
        top: 10px;
        /*-webkit-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
        background: #005c82;
        height: 16px;
        width: 16px;
        border-radius: 100%;
    }
    .sidenav > li:hover .sidenav-icon,
    .sidenav > li.hover .sidenav-icon {
        opacity: 1;
        visibility: visible;
    }
    .sidenav > li.side-nav-back .sidenav-icon{
        left: 10px;
        opacity: 1;
        visibility: visible;
    }
    .sidenav-icon:before {
        background: url(/img/bracket-arrow.svg) no-repeat;
        background-size: 11px 11px;
        position: absolute;
        top: 2px;
        width: 12px;
        height: 12px;
        content: "";
        left: 3px;
    }
    .sidenav > li.side-nav-back .sidenav-icon:before {
        transform: rotate(180deg);
        left: 1px;
        top: 1px;
    }
    .sidenav > li:hover > a,
    .sidenav > li.hover > a,
    .sidenav > li.parent-current > ul > li:hover > a,
    .sidenav > li.parent-current > ul > li.hover > a,
    .sidenav > li.current > ul > li:hover > a,
    .sidenav > li.current > ul > li.hover > a {
        background: #101820;
    }
    .sidenav > li.parent-current > ul > li.parent-current,
    .sidenav > li.parent-current > a,
    .sidenav li.current > a {
        background: #101820;
    }
    span.openMenu {
        display: none;
        visibility: hidden;
    }
}