#hamburger-side-nav {
    width: 61px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    
    background-color: #f5f5f5;
    border-right: 1px solid #D5D5D5;
    z-index: 5;
}

@media screen and (min-width: 768px)
{
    .menu--properties-2 {
        height: 100%;
        width: 240px;
        top: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        padding-left: 61px;
        
        
        text-align: center;
        background-color: #f5f5f5;
        border-right: 1px solid #D5D5D5;
        
        font-family: 'Lato', sans-serif;
        font-size: .875rem;
        
        transition: transform 0.35s ease-in;
        z-index: 5;
        
    }
    
    .menu-visible-2 {
        transform: translateX(-100%);
        z-index: 5;
    }
    
    .menu-visible-2-show {
        transform: translateX(0);
        z-index: 1000px;
    }
    
    nav.menu-2 {
        width: 100%;
    }
    
    .menu_nav_inner {
    }
    
    .desk-pad {
        padding: 0 16px 0  16px;
    }
    
    ul {
        list-style: none;
        padding: 0;
    }

    .list-links {
        margin: 0 0 8px;
    }

    .list-links a {
        display: block;
        color: #565454;
        cursor: pointer;
        
        text-decoration: none;
        font-weight: 400;
        /*font-family: 'Lato', sans-serif;*/
    }


    .list-links a:after {
        content: "";
        display: block;
        width: 0;
        border-bottom: 1px solid;
        border-color: inherit;
        transition: .2s;
        margin: 0px auto;
    }

    .list-links a:hover:after {
        width: 30px;
    }

    .menu_nav_link {
        margin: 8px 0 0;
        padding: 8px 16px;
    }

}

@media screen and (max-width: 767px) {
    #hamburger-side-nav {
        width: 100%;
        height: 61px;
        position: fixed;
        top: 0;
        left: 0;
        
        background-color: #f5f5f5;
        border-bottom: 1px solid #D5D5D5;
        z-index: 5;
        
        background-image: url("../Hamburger Icon/output-hamburger.png");
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .menu--properties-2 {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        padding-top: 61px;
        
        
        text-align: center;
        background-color: #f5f5f5;
        border-right: 1px solid #D5D5D5;
        
        font-family: 'Lato', sans-serif;
        font-size: .875rem;
        
        transition: transform 0.35s ease-in;
        z-index: 5;
        
    }
    
    .menu-visible-2 {
        transform: translateX(-100%);
        z-index: 5;
    }
    
    .menu-visible-2-show {
        transform: translateX(0);
        z-index: 1000px;
    }
    
    nav.menu-2 {
        width: 100%;
    }
    
    .menu_nav_inner {
    }
    
    .desk-pad {
        padding: 0 16px 0  16px;
    }
    
    ul {
        list-style: none;
        padding: 0;
    }

    .list-links {
        margin: 0 0 8px;
    }

    .list-links a {
        display: block;
        color: #565454;
        cursor: pointer;
        
        text-decoration: none;
    }


    .list-links a:after {
        content: "";
        display: block;
        width: 0;
        border-bottom: 1px solid;
        border-color: inherit;
        transition: .2s;
        margin: 0px auto;
    }

    .list-links a:hover:after {
        width: 30px;
    }

    .menu_nav_link {
        margin: 8px 0 0;
        padding: 8px 16px;
    }
}