@media (min-width: 768px) {
    #mainNav.menuside {
        position: fixed;
        left: 0;
        top: 0;
        width: 220px;
        height: 100vh;
    }

    #mainNav.menuside .container, #mainNav.menuside .container-fluid {
        width: 100%;
        padding: 0 !important;
    }

    #mainNav.menuside .container .navbar-brand, #mainNav.menuside .container-fluid .navbar-brand {
        margin: 0 !important;
        float: none;
        padding: 0 !important;
    }

    #mainNav.menuside .navbar-brand > img {
        width: 100%;
        height: auto !important;
    }

    #mainNav.menuside .navbar-nav {
        float: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #mainNav.menuside .navbar-nav li {
        display: block;
        float: none;
        width: 100%;
    }
    #mainNav.menuside .navbar-nav li.dropdown ul {
        margin-left: 100px;
        margin-top: -20px;
    }
    #mainNav.menuside .navbar-nav li.dropdown-submenu ul {
        margin-left: 0;
        margin-top: -20px;
    }

    #mainNav.menuside .navbar-nav li.social_link {
        float: left;
        width: 35px;
    }

    /* abovenav */
    #mainNav.menuside .abovenav {
        position: absolute;
        bottom: 5px;
    }

    .main_container.menuside, header.menuside {
        padding-left: 220px;
    }

    header.menuside {
        height: 100vh !important;
    }

    /** right */
    #mainNav.menuside_right {
        right: 0;
        left: auto;
    }
    .main_container.menuside_right, header.menuside_right {
        padding-left: 0;
        padding-right: 220px;
    }
    #mainNav.menuside_right .navbar-nav li.dropdown ul {
        margin-right: -200px;
        margin-left: auto;
        margin-top: 0;
    }

}