#sp-header {
    background: rgba(0,0,0,0);
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 99;
    box-shadow: none;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#sp-header.header-sticky {
    background: rgba(255,255,255,0.85);
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    -moz-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

@media (max-width: 575px) {
    #sp-header {
        height: 55px;
    }
    #sp-header .logo {
        height: 55px;
    }
    #offcanvas-toggler {
        height: 55px;
        line-height: 55px;
    }
}