.sfm-rollback {
    height: fit-content !important;
    display: none !important;
}
.sfm-sidebar-close:after, .sfm-sidebar-close:before {
    background: #fff !important;
}
.sfm-toggle-hover .sfm-sidebar-close {
    display: block !important;
    position: absolute;
}
.sfm-sidebar-close:before, .sfm-sidebar-close:after {
    height: 2px !important;
}
.sfm-menu li {
    border-bottom: 1px solid #00C5F6;
}
.sfm-menu li a {
    background: #fff0 !important;
    font-family: var(--font-family-oswald);
    font-weight: 400 !important;
}
.sfm-menu li:hover a span {
    right: 0 !important;
}
.sfm-menu li a::after, .sfm-menu li a::before {
    display: none !important;
}
.sfm-menu li:hover a{
    box-shadow: none !important;
}
.sfm-widget.sfm-widget-bottom.sfm-copy {
    padding: 10px !important;
    margin: 0 !important;
    background: #edebeb !important;
    font-weight: 500;
    line-height: 1.3;
}
.sfm-widget.sfm-widget-bottom.sfm-copy p {
    padding: 0 !important;
    margin: 0 !important;
}
.sfm-sidebar-bg::before {
    content: "";
    position: absolute;
    background: #373636de;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.sfm-label-square .sfm-navicon-button, .sfm-label-rsquare .sfm-navicon-button, .sfm-label-circle .sfm-navicon-button {
    color: #fff;
    border: none !important;
    /*border-left: 3px solid #fff !important;*/
    /*border-right: 3px solid #fff !important;*/
    background: #00c5f6 !important;
    transform: skewX(-15deg);
}
.sfm-navicon {
    transform: skewX(15deg);
}
.sfm-navicon-button.sf_label_default {
    width: 45px !important;
}
#sfm-sidebar .sfm-va-middle {
    vertical-align: top !important;
    padding: 10px 0 0 0 !important;
}
.sfm-logo {
    padding: 50px 0 0 !important;
}
.sfm-sidebar-bg {
    background-position: -90px 0px !important;
}
ins.sfm-sm-indicator {
    width: 100% !important;
    display: flex !important;
}
ins.sfm-sm-indicator i {
    left: auto !important;
    right: 20px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto 0 auto auto !important;
}
#sfm-sidebar .sfm-menu li a:hover {
    color: var(--color-pc) !important;
}



@media all and (min-width: 320px) and (max-width:980px) {
    .sfm-rollback {
        display: block !important;
        top: 10px;
        right: 10px;
    } 

}

@media all and (min-width: 320px) and (max-width:767px) {
    .sfm-navicon-button.sf_label_default {
        width: 35px !important;
        height: 30px !important;
        margin: 0 5px 0px 0;
    }
}

@media all and (min-width: 481px) and (max-width:980px) {

}