/* 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;
    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;
  }
}