.apex {
    background-color: #575859;
    min-height: 10px;

    height: 40px;
    -overflow: hidden;
}

.apex-w {
    position: relative; z-index: 200;
}
.apex-cell-main {
    -outline: 1px dashed lime;
    min-height: 40px;
    margin-left: 13px;
    margin-right: 130px;
    -webkit-transition: margin-right .3s ease;
-moz-transition: margin-right .3s ease;
-ms-transition: margin-right .3s ease;
-o-transition: margin-right .3s ease;
transition: margin-right .3s ease;
}
.apex-cell-side {
    position: absolute;
    right: 0;
    top: 0;
    -outline: 1px dashed deeppink;
    padding-right: 28px;
    -webkit-transition: padding-right .3s ease;
-moz-transition: padding-right .3s ease;
-ms-transition: padding-right .3s ease;
-o-transition: padding-right .3s ease;
transition: padding-right .3s ease;
}

.apex-cell-side .menu-toggle {
    position: absolute;
    top: 8px;
    right: 13px;
    display: block;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.apex.-sticky {
    position: fixed;
    z-index: 250;
    width: 100%;
}

@media (max-width: 810px) {
        .apex {
        overflow: visible;
    }
    .apex-cell-main {
        margin-right: 152px;
    }
    .apex-cell-main:after {
        content: '';
        position: absolute;
        background-color: #575859;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .apex-cell-side {
        padding-right: 50px;
    }
    .apex-cell-side .menu-toggle {
        display: block;
        width: 25px;
    }
}