/* Start of add Sticky header EvoX */
@media only screen and (min-width: 768px) and (min-height: 768px) {
  .menubarStick {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 25 !important;
    padding-top: 0;
    padding-bottom: 0;
    &.header-menu.scrollup {
      top: 72px;
      &.scrollup { .header-menu { margin-top: 0; } }
      .header-topbar { display: none; }
      .header-main {
        background: #fff;
        z-index: 10;
        box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;
        width: 100%;
        > div { @include container; }
      }
      .header-menu {
        margin-top: -95px;
        box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
        transition: margin-top 0.35s ease;
      }
    }
    .header-menu.menubarStick > .row-2 { max-width: 1450px; margin: 0 auto; }
    /* change me to the height of the sticky row */
    .menubarHeader { padding-top: 250px; }
  }
}