header#header {
  &.header-layout-type-header-floating-left-logo,
  &.header-layout-type-header-floating-left-logo-left-nav,
  &.header-layout-type-header-floating-no-logo {
    @media (min-width: $ele-breakpoint-desktop-min) {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1011;
    }
    .header-top-cpt,
    .header-nav {
      position: relative;
      z-index: 11;
    }
    .header-nav-sticky {
      background-color: #111;
      position: fixed;
      z-index: 111;
    }

    .header-nav .navbar-scrolltofixed:not(.tm-sticky-menu) {
      .header-nav-container {
        background-color: transparent;
        box-shadow: none;
      }
    }

    &.header-bg-dark-shadow {
      background-color: transparent;
      background-image: linear-gradient(180deg, rgba(0,0,0,0.7), rgba(0,0,0,0.45), rgba(0,0,0,0.01));
      padding-bottom: 30px;
      border-width: 0 0 1px;
      border-color: #f4f4f4;
      @include media-breakpoint-down(md) {
        background-color: #333;
        padding-bottom: 0;
      }
    }


    &.header-bg-light-shadow {
      background-color: transparent;
      background-image: linear-gradient(180deg, rgba(250,250,250,0.7), rgba(250,250,250,0.45), rgba(250,250,250,0.01));
      padding-bottom: 30px;
      border-width: 0 0 1px;
      border-color: #f4f4f4;
      @include media-breakpoint-down(md) {
        padding-bottom: 0;
      }
    }
  }
}