.header-main {
  .top-nav {
    background: black;
    border-radius: 0;
    margin-bottom: 0;

    &:hover {
      background: black;
    }
  }

  .search-box {
    form {
      background: $seventh-color;
      width: 52px;
      height: 52px;
      border-radius: 20px;

      input[type="submit"] {
        background: url(/static_assets/Images/Layout_icons/search-beige.svg) no-repeat center center;
        width: 52px;
        height: 52px;
      }

      input[type="text"] {
        height: 52px;
        @include media-breakpoint-down(xl) {
          height: 38px;
        }
      }
    }

    &:hover form,
    &:focus form,
    &:active form {
      background: $seventh-color;
    }
  }

  .navbar-image {
    height: 75px !important;
    img{
      object-fit: contain;
      width: 100%;
    }
  }

  .navbar .offcanvas .offcanvas-body {
    @include media-breakpoint-down(md) {
      padding-top: 0px;
    }
  }
}

#header-type-2.header-main .navbar {
  background: $primary-bg;
  height: auto;

  .nav-link {
    text-transform: capitalize;
    color: $secondary-color;
  }

  &:hover .nav-text {
    background-color: transparent;
    color: inherit;
    filter: brightness(1.1);
  }

  .btn-booking .btn {
    border-radius: 20px;
    font-family: $font-family-primary;
    padding: 14px 24px;

    &:hover {
      background: $third-color;
      filter: brightness(1.1);
    }
  }

  .brand-nav {
    padding: 6px 0;
  }
}

#header-type-7.header-main .navbar {
  background: $header-bg;
  height: auto;
  margin-top: 0;

  .nav-link {
    text-transform: capitalize;
    color: $header-text-color;
  }

  &:hover .nav-text {
    background-color: transparent;
    color: inherit;
    filter: brightness(1.1);
  }

  .btn-booking .btn {
    border-radius: 20px;
    font-family: $font-family-primary;
    padding: 14px 24px;

    &:hover {
      background: $third-color;
      filter: brightness(1.1);
    }
  }

  .brand-nav {
    padding: 6px 0;
    transform: scale(1);
  }

  .container {
    box-shadow: none;
    background: transparent;
  }

  .container .btn-booking {
    background: transparent;
  }

  .btn-booking .btn {
    width: auto;
    height: auto;
    line-height: 1.375rem;
  }
}

.hero-main {
  .hero-cont h1 {
    font-family: $font-family-fira;
    letter-spacing: 0;
    font-weight: bold;
  }

  .owl-carousel .figure:before {
    -webkit-mask-image: url('../../Images/backgroundMask.png');
    mask-image: url('../../Images/backgroundMask.png');
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: bottom;
    background: $primary-bg;
    mask-size: 100% 100%;

    @include media-breakpoint-down(xl) {
      mask-size: 100% 65%
    }

    @include media-breakpoint-down(lg) {
      mask-size: 100% 45%
    }

    @include media-breakpoint-down(sm) {
      mask-size: 100% 30%;
    }
  }
}

#header-type-7.header-main {
  .top-nav {
    display: none !important;
  }

  .language-menu {
    top: 17px;
    right: 0;
    margin-right: 40px;

    @include media-breakpoint-down(lg) {
      margin-right: 20px;
    }

    @include media-breakpoint-down(md) {
      margin-right: 10px;
    }

    @include media-breakpoint-down(sm) {
      top: 23px;
      right: 4px;
    }

    .ff-round.ff-md {
      @include media-breakpoint-down(sm) {
        width: 30px;
        height: 30px;
      }
    }
  }

  .navbar {
    padding: 0px 80px 0px 50px;

    @include media-breakpoint-down(xl) {
      padding: 0px 40px 0px 0px;
    }

    @include media-breakpoint-down(sm) {
      .navbar-brand {
        max-width: 50%;
      }

      .brand-nav {
        display: flex;
        align-items: center;

        img {
          max-width: 100%;
          height: auto !important;
        }
      }

      .container .btn-booking .btn {
        border-radius: 12px;
        padding: 6px 10px;

        .icon {
          height: 20px !important;
          width: 20px !important;
        }
      }
    }
  }
}

@media (min-width: 992px) {
  #header-type-7 .navbar {
    box-shadow: 0px 10px 15px #00000008;
  }
}

#header-type-7 .navbar .container .btn-booking {
  @include media-breakpoint-down(lg) {
    margin-right: 40px;
  }

  @include media-breakpoint-down(md) {
    margin-right: 20px;
  }
}