header {
  height: 64px;
  .navbar {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 32px;
    padding-left: 0px;
    a {
      padding: 0px;
      border: none;
    }
    .dropdown {
      height: 22px;
      .dropdown-content {
        top: 28px;
        a {
          padding: 12px;
        }
      }
    }
  }
  .right-header {
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    padding-right: 24px;
    gap: 12px;
    a,
    ul {
      padding: 0px;
      margin: 0px;
    }
    #menu-login {
      left: unset;
      top: unset;
      padding-right: 12px;
      display: flex;
      gap: 12px;
    }
    .lang {
      width: 80px;
      height: 40px;
      .trp-shortcode-switcher__wrapper {
        width: 80px;
        .trp-language-switcher {
          padding: 0px;
          width: 80px;
          .trp-current-language-item__wrapper {
            padding: 0px;
            .trp-language-item {
              padding-left: 8px;
              padding-right: 8px;
            }
          }
          .trp-switcher-dropdown-list {
            .trp-language-item {
              padding-left: 8px;
            }
          }
          .trp-shortcode-arrow {
            width: 12px;
            margin-right: 4px;
          }
          &.is-open {
            .trp-switcher-dropdown-list {
              padding-bottom: 8px;
            }
          }
        }
      }
    }
    .head-phone {
      top: unset;
      .fa-phone {
        right: unset;
      }
    }
  }
}

a:focus {
  outline: none;
}

.login-remember {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  input {
    height: 20px;
    margin: 0px;
  }
  label {
    margin: 0px;
  }
}

#trip-alldetail {
  #highlight {
    .swiper-slide {
      div {
        font-family: sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 1.6;
        color: #666;
      }
    }
  }
}

/* Stretch homepage cards without changing Swiper's slide widths or controls. */
.home .hilightdestination .videos-thumb > .swiper-wrapper {
  align-items: stretch;
  height: auto;
}

.home .hilightdestination .videos-thumb .event-home-wrap {
  display: flex;
  flex-direction: column;
  height: auto;
}

.home .hilightdestination .event-home-wrap > a {
  display: block;
  flex-shrink: 0;
}

.home .hilightdestination .event-home-wrap > a > img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.home .hilightdestination .event-home-wrap > a.poster > img {
  aspect-ratio: 36 / 51;
}

.home .hilightdestination .event-home-list {
  flex: 1;
  overflow-wrap: anywhere;
}

.home #s-journal > .container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  row-gap: 60px;
}

.home #s-journal > .container::before,
.home #s-journal > .container::after {
  display: none;
}

.home #s-journal .journal-list {
  width: 100%;
  min-width: 0;
  max-height: none;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

.home #s-journal .journal-list img {
  width: 100%;
  height: auto;
  aspect-ratio: 330 / 267;
  object-fit: cover;
}

@media (max-width: 991px) {
  .home #s-journal > .container {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    row-gap: 30px;
  }
}

#waterfall.equal-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 30px;
  max-width: 1170px;
  margin: 25px auto;
  padding: 0 15px;
  list-style: none;
}

#waterfall.equal-post-grid > li {
  display: flex;
  min-width: 0;
  opacity: 1;
  transform: none;
}

#waterfall.equal-post-grid > li > div {
  width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}

#waterfall.equal-post-grid > .notfound {
  grid-column: 1 / -1;
}

@media (max-width: 1199px) {
  #waterfall.equal-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 780px;
  }
}

@media (max-width: 799px) {
  #waterfall.equal-post-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    max-width: 600px;
  }
}

.waterfall-list {
  a {
    img {
      width: 100%;
      height: auto;
      aspect-ratio: 16/9;
      object-fit: cover;
    }
  }
  &.event {
    img {
      aspect-ratio: 36/51;
    }
  }
}

#related-tour .equal-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  row-gap: 30px;
}

#related-tour .equal-related-grid::before,
#related-tour .equal-related-grid::after {
  display: none;
}

#related-tour .equal-related-grid > .relatedbox {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}

#related-tour .equal-related-grid > .relatedbox > img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

#related-tour .equal-related-grid .bottom-related {
  flex: 1;
  height: auto;
}

@media (max-width: 991px) {
  #related-tour .equal-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #related-tour .equal-related-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }
}

#related-tour {
  a {
    img {
      width: 100%;
      height: auto;
      aspect-ratio: 16/9;
      object-fit: cover;
    }
  }
  &.event {
    img {
      aspect-ratio: 36/51;
    }
  }
}

.service-wrapper {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
}

@media (max-width: 991px) {
  header {
    .right-header {
      padding-right: 0px;
      right: 60px;
    }
  }
  #hamburgler {
    top: 20px;
  }
  .service-wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.about-page {
  img {
    bottom: -2px !important;
  }
}

#trip-alldetail {
  .videocate1 {
    .swiper-slide {
      img {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        object-fit: cover;
      }
    }
  }
  #itinerary {
    .read-more-wrap {
      img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
      }
    }
  }
}