@media screen and (max-width: 900px) and (min-width: 320px) {
  #sp-header {
    height: 115px;
}
  #sp-header .logo {
    height: 115px;
}
  #sp-logo.has-border {
    padding-right: 0px;
    padding-left: 0px;
}
  .logo-image-phone {
    height: 115px !important;
    width: 250px;
}
div#sp-menu {
    padding-left: 0px;
    flex: auto;
}
  .burger-icon>span {
    display: block;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
  .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}


}