.side-menu {
    /*position: fixed;*/
    position: absolute;
    /*top: 0;*/
    top:88px;

    right: 0;
    background-color: white;
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    /*z-index: 1001;*/
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*-webkit-box-shadow: 0 0 18px 0 rgba(35,31,32,0.35);*/
    /*-moz-box-shadow: 0 0 18px 0 rgba(35,31,32,0.35);*/
    /*box-shadow: 0 0 18px 0 rgba(35,31,32,0.35);*/
    font-size: 16px;
    z-index: 11111;
}
body.menu-opened .side-menu,
body.fixed-menu-opened .side-menu {
    -ms-transform: translateX(0);
    transform: translateX(0);
}

body.fixed-header-showed .side-menu {

    position:fixed;
    top:70px;
}
.fixed-header-showed.fixed-menu-opened .side-menu{
    height: 100%;
}

.menu-opened.fixed-menu-opened .side-menu{
    height: 100%;
}



.side-menu .nav {
    display: block;
}
.side-menu .nav-menu > li.menu-item-has-children {
    cursor: pointer;
    position: relative;
}
.side-menu .nav-menu > li a {
    display: block;
}
.side-menu .nav-menu > li > a {
    margin: 0;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.side-menu .nav-menu > li:not(:last-child) > a {
    border-bottom: 2px solid var(--default-10);
}
.side-menu .nav-menu > li.menu-item-has-children > a::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    border-bottom: 4px solid var(--primary);
    width: 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.side-menu .nav-menu > li.menu-item-has-children > a::after {
    content: "";
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 0.6em;
    height: 0.6em;
    display: block;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.side-menu .nav-menu > li:hover a,
.side-menu .nav-menu > li.menu-item-has-children.opened > a {
    border-bottom-color: var(--default);
    color: var(--default);
}
.side-menu .nav-menu > li.menu-item-has-children.opened > a::after {
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
}
.side-menu .nav-menu > li.menu-item-has-children.opened > a::before {
    width: 55px;
}
.side-menu .nav-menu > li.inactive {
    color: var(--default-30);
}
.side-menu .nav-menu > li > .sub-menu {
    border-bottom: 2px solid;
}
.side-menu .nav-menu > li.menu-item-has-children:not(.opened) > .sub-menu {
    display: none;
}
.side-menu .nav-menu > li > .sub-menu li > a {
    padding: 5px 0;
    font-size: 14px;
}
.side-menu .nav-menu > li > .sub-menu li:not(:last-child) > a {
    border-bottom: 1px solid var(--default-10);
}
.side-menu .sub-menu-close {
    display: none;
}
.side-menu .nav-menu > li ul a:hover {
    color: var(--primary);
}
/*Responsive - Mobile First*/
/* sm */
@media (min-width: 576px) {
    .side-menu {
        /*width: 400px;*/
        font-size: 18px;
    }
}
/*Responsive - Desktop First*/
/* xs */
@media (max-width: 575.98px) {
    .side-menu .megamenu-toggle {
        position: relative;
        right: -13px;
    }
}