@media all and (max-width: 999px) {
  .hero-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .floating-links {
    gap: 10px;
    right: 30px;
  }

  .hero-content h2 {
    line-height: 52px;
    font-size: 42px;
  }

  .floating-links {
    right: 0;
    gap: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
  }

  .floating-links .icon {
    font-size: 22px;
    line-height: 1;
    width: 22px;
    height: 22px;
  }

  .ttbm-experience-wrapper .slick-list {
    width: 100%;
  }

  .hero-content {
    padding: 450px 20px 100px 20px;
  }

  .hero-btn {
    padding: 12px 24px;
    font-size: 14px;
    line-height: 18px;
  }

  .hero-ui {
    top: 370px;
    left: 0;
  }

  .custom-heading .title {
    font-size: 42px !important;
    line-height: 48px !important;
  }

  .heading-tour .description {
    font-size: 18px;
    line-height: 22px;
  }

  .rating-row {
    margin: 6px 0;
  }

  .ttbm-experience-slider .slick-slide {
    margin: 10px 8px;
  }

  .be-styles .subtitle-wrap {
    padding: 8px 18px 8px 38px;
  }

  .be-styles .subtitle-wrap::before {
    width: 22px;
    height: 22px;
    left: 12px;
  }

  .tax-tour .tour-term-item {
    margin: 0 10px;
  }

  .item-flex .why-quote {
    padding: 14px;
  }

  .item-flex .why-item {
    padding-bottom: 12px;
  }

  .gal-styles .slick-list.draggable {
    width: 100%;
  }

  .gal-styles .slick-slide {
    width: 100% !important;
    height: 190px !important;
  }

  .gal-styles .gallery-thumbs .gallery-info h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .gallery-thumbs .gallery-info span {
    font-size: 16px;
  }

  .tour-header {
    text-align: center;
  }



  .thumb.slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .img-bnfbox .elementor-widget-container {
    width: 150px;
  }

  .img-bnfbox figure.elementor-image-box-img {
    width: 139px !important;
    height: 121px !important;
  }

  .img-bnfbox {
    top: 300px;
    right: 190px;
  }

  .text-imgbn .elementor-widget-container {
    line-height: 20px;
    width: 70px;
    height: 70px !important;
  }

  .catp-slide .blog-metas {
    width: 90%;
  }

  .text-imgbn {
    position: absolute;
    right: 24px;
    top: 21px;
  }

  .review-box {
    padding: 20px 26px;
    width: 100%;
  }

  .review-rating {
    font-size: 18px;
  }

  .review-count {
    font-size: 14px;
  }

  .review-link {
    font-size: 16px;
  }

  .catp-slide .cat-tab {
    padding: 10px 20px;
  }

  .catp-slide .thumbs {
    width: 100%;
    height: 350px;
  }

  .catp-slide .meta-item {
    font-size: 14px;
  }

  body .blog-title a {
    font-size: 16px;
    line-height: 22px;
  }

  .blog-posts {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .img-bnfbox .elementor-image-box-description {
    font-size: 14px;
    line-height: 18px;
  }

  #gform_wrapper_1 form.subscribe-pill {
    width: 100%;
    padding: 8px 8px 8px 16px;
  }

  #gform_submit_button_1.subscribe-btn {
    font-size: 16px;
    padding: 9px 8px !important;
  }

  body .eclip::before {
    left: 100px;
  }

  .filter-tour {
    width: 100%;
  }

  .journey-icon {
    margin-right: 0;
  }

  .animation-fill {
    padding-right: 0;
    width: 40%;
  }

  .journey-box {
    gap: 20px;
  }

  .filter-right.filter-group {
    width: 60%;
  }

  .filter-options {
    gap: 5px 30px;
  }

  .load-more,
  .load-les {
    padding: 4px 4px;
  }

  .ttbm-experience-wrapper.ttbm-experience-list {
    gap: 14px;
  }

  .ttbm-experience-list .ttbm-tour-item {
    width: calc(50% - 12px);
  }

  .experience-badge {
    padding: 4px 14px;
    gap: 6px;
  }

  .experience-badge img {
    width: 20px;
    height: 20px;
  }

  .ttbm-tour-item .feature-tour .tour-tag {
    padding: 4px 14px;
  }

  .ttbm-tour-item .content {
    padding: 16px;
  }

  .ttbm-pagination {
    margin-top: 20px;
  }

  .ttbm-loading-text {
    top: 25px !important;
    font-size: 25px !important;
  }

  .ttbm-experience-wrapper.ttbm-experience-slider .thumb {
    height: 250px;
  }

  .gallery-main .gallery-item {
    width: 100%;
    height: 550px;
  }

  span.cat-name-l3 {
    font-size: 14px;
  }

  .blog-cat-filter-wrapper .cat-tab-l3.is-active {
    padding: 6px 17px !important;
    height: max-content;
    text-align: center;
  }

  .cat-tabs-inner-l3 .cat-tab-l3 {
    padding: 6px 14px;
    height: max-content;
    text-align: center;
  }

  .blog-layout-two {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .blog-cat-filter-wrapper .cat-tabs-inner-l3 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .meta-post {
    padding: 4px 16px;
  }

  .blog-metas-l3 {
    padding: 14px;
  }

  .blog-title-l3 a {
    font-size: 16px;
  }

  .blog-desc-l3 {
    font-size: 14px;
  }

  a.read-story-l3 {
    padding: 8px 16px;
    gap: 8px;
    font-size: 14px;
  }

  .blog-arrow-hover {
    width: 38px;
    height: 38px;
  }

  .join-ct #gform_wrapper_2 input[type="email"] {
    height: 46px;
  }

  .join-ct #gform_wrapper_2 .gform_button {
    padding: 8px 20px;
    width: 100%;
  }

  .thumbs-l3 {
    height: 240px;
  }

  .ct-prnt .eclipv2::before {
    left: 550px;
    top: -141px;
  }

  .ct-prnt .eclipv3::after {
    left: -114px;
  }

  .join-ct #gform_wrapper_2 form {
    flex-direction: column;
  }

  .join-ct #gform_wrapper_2 .gform_footer {
    width: 30%
  }

  /* multi-day-tour */
  .ttbm-filter-bar {
    flex-direction: column;
  }

  .filter-item {
    width: 95%;
  }

  #ttbm-duration {
    width: 100%;
  }

  .input-icon {
    width: 100%;
  }

  #ttbm-filter-btn {
    padding: 10px 20px;
    gap: 8px;
  }

  .input-icon img {
    width: 20px;
    height: 20px;
  }

  .ttbm-search-input::placeholder {
    font-size: 14px;
  }

  .input-icon input {
    height: 50px;
  }

  .ttbm-multi-day-tour-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .ttbm-multi-day-tour-list .thumb {
    height: 230px;
  }

  .ttbm-pagi-item {
    padding: 9px 18px;
  }

  .action {
    width: 50px;
    height: 50px;
  }

  #ttbm-filter-btn img {
    width: 20px;
    height: 20px;
  }

  .related .blog-posts-l3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media all and (max-width: 767px) {
  .tour-meta-row {
    gap: 15px;
    margin-top: 15px;
  }
  .tour-header-wrapper{
    height:500px;
  }

  body .tour-bg-slider img {
    height:500px;
  }
  .tour-header-content h1.tour-title {
    font-size: 30px;
    line-height: 35px;
  }
  body .gt_switcher-popup img {
    width: 20px !important;
    height: 20px !important;
  }
  body .gt_switcher-popup {
    padding: 8px !important;
    font-size: 12px !important;
    min-width: 110px !important;
}
  boldy .gt_container--u2j8x3 a.glink span {
    font-size: 12px;
  }
  .hero-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ttbm-experience-wrapper.ttbm-experience-slider .thumb {
    height: 220px;
  }

  .floating-links .text {
    font-size: 14px;
    font-weight: 400;
  }

  .floating-links .icon {
    width: 16px;
    height: 16px;
  }

  .container-wrap {
    min-width: 0;
  }

  .hero-item.slick-slide {
    height: 676px;
  }

  .floating-links {
    right: 10px;
    gap: 10px;
    max-width: 150px;
    top: auto;
    bottom: 80px;
  }

  .floating-links .icon {
    font-size: 16px;
  }

  .hero-ui {
    top: 40px;
    gap: 6px;
    left: -3px;
  }

  .hero-dot {
    width: 20px;
  }

  .hero-dot.active {
    width: 30px;
  }
  .hero-content a.hero-btn {
    width: max-content;
  }
  .hero-content {
    padding: 220px 20px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }

  .hero-counter .current {
    font-size: 18px;
    line-height: 24px;
  }

  .hero-counter .total {
    font-size: 14px;
  }

  .hero-btn {
    padding: 10px 16px !important;
    font-size: 14px;
    line-height: 160%;
  }

  .heading-tour .subtitle {
    gap: 20px;
  }

  .hero-content h2 {
    line-height: 34px;
    font-size: 30px;
  }

  .floating-links .link {
    padding: 6px;
    gap: 5px;
    width: 150px;
    justify-content: center;
  }

  p.description {
    font-size: 16px;
    line-height: 160%;
  }

  .heading-tour .subtitle {
    font-size: 18px;
    line-height: 22px;
  }

  .heading-tour .subtitle {
    font-size: 14px;
  }

  .heading-tour .description {
    font-size: 14px;
  }

  .be-styles .subtitle-wrap {
    padding: 8px 15px 8px 30px;
  }

  .custom-heading .subtitle {
    font-size: 14px;
    line-height: 160%;
  }

  .custom-heading .title {
    font-size: 32px !important;
    line-height: 38px !important;
  }

  .heading-tour .subtitle::before,
  .heading-tour .subtitle::after {
    width: 70px;
  }

  .slick-dots {
    margin-left: 0;
    padding-left: 0;
  }

  .be-styles .subtitle-wrap::before {
    left: 10px;
    width: 18px;
    height: 18px;
    top: 19px;
  }

  .slick-dots {
    bottom: 0;
    left: 0;
    justify-content: center;
    top: 480px;
  }
  .ttbm-multi-day-tour .slick-dots li button {
    background: #fff;
  }
  .ttbm-multi-day-tour .slick-dots li.slick-active button {
    background: #5ED200;
  }

  body .slick-dots {
    bottom: 0;
    margin: 0;
    padding: 0;
    display: flex !important;
    top: auto;
    align-items: center;
    justify-content: center;
  }

  .item-flex .why-quote blockquote {
    font-size: 14px;
  }

  .item-flex .position {
    font-size: 14px;
  }

  .item-flex .name {
    font-size: 14px;
  }

  .gal-styles .thumb {
    width: 100% !important;
  }

  .item-flex .quote-author img {
    width: 46px !important;
    height: 46px;
  }

  .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .item-flex .why-quote {
    padding: 14px 14px;
  }

  .item-flex .title {
    font-size: 16px;
    line-height: 160%;
  }

  .item-flex .description {
    font-size: 14px;
  }

  .item-flex .why-item {
    padding-bottom: 20px;
  }

  .gallery-main .gallery-item {
    width: 100%;
    height: 300px;
  }

  .gal-styles .gallery-info h3 {
    font-size: 18px;
    line-height: 23px;
  }

  .gallery-info span {
    font-size: 14px;
  }

  .gal-styles .slick-list.draggable {
    width: 100%;
  }

  .gal-styles .thumb {
    width: 118px !important;
    height: 118px !important;
  }

  .tour-styles .tour-title {
    font-size: 24px;
    line-height: 18px;
  }

  .tour-styles .tour-item.active {
    width: 100% !important;
  }

  .tour-styles .tour-item {
    width: 50%;
    height: 150px;
  }

  .catp-slide .cat-tab {
    font-size: 14px;
    padding: 4px 14px;
    margin-right: 9px;
  }

  .catp-slide .cat-tab.slick-slide {
    gap: 4px;
  }

  .blog-posts {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  .tour-name {
    font-size: 14px;
    line-height: 12px;
  }

  .tour-styles .tour-name {
    padding: 7px 12px;
  }

  .catp-slide .blog-item {
    display: flex;
    justify-content: center;
  }

  .catp-slide .post-tags .tag {
    font-size: 12x;
    line-height: 18px;
    padding: 2px 14px;
    left: 34px;
  }

  .catp-slide .read-story {
    font-size: 14px;
    line-height: 18px;
  }

  .tour-header {
    text-align: center;
  }

  .img-bbf .elementor-widget-container img {
    height: 250px;
    width: 100%;
  }

  .text-imgbn .elementor-widget-container {
    top: -475px;
    left: 330px;
    font-size: 14px;
    line-height: 16px;
    width: 60px;
    height: 60px !important;
  }

  .img-bnfbox figure.elementor-image-box-img {
    width: 117px !important;
    height: 80px !important;
  }

  .img-bnfbox .elementor-image-box-img img {
    width: 100% !important;
    object-fit: cover;
  }

  .img-bnfbox .elementor-widget-container {
    width: 130px;
  }

  .img-bnfbox .elementor-image-box-description {
    font-size: 14px;
    line-height: 12px;
  }

  .review-box {
    padding: 20px 32px;
  }

  .review-rating {
    font-size: 18px;
  }

  .review-count {
    font-size: 14px;
  }

  .review-link {
    font-size: 16px;
  }

  .img-bnfbox {
    top: 160px;
    left: 8px;
  }

  .tax-tour .tour-term-item {
    margin-right: 20px;
  }

  .ttbm-tour-item .content {
    padding: 10px;
  }

  .meta-row {
    margin: 5px 0;
  }

  .catp-slide .thumbs {
    width: 100%;
    height: 300px;
  }

  .catp-slide .blog-metas {
    margin-left: 0;
    width: 90%;
    padding: 10px;
  }

  .blog-title a {
    font-size: 16px;
    line-height: 19px;
  }

  .ttbm-experience-slider .slick-slide {
    margin-top: 10px;
  }

  .ttbm-experience-wrapper .slick-list {
    width: 100%;
  }

  .rating-row {
    margin: 5px 0;
  }

  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 200px;
    left: -160px;
  }

  #gform_wrapper_1 form.subscribe-pill {
    width: 100%;
    height: 100%;
    padding: 8px 8px 8px 22px;
  }

  #gform_submit_button_1.subscribe-btn {
    padding: 10px 10px !important;
    font-size: 14px;
    line-height: 24px;
  }

  #gform_wrapper_1 .ginput_container input[type="email"] {
    font-size: 14px;
  }

  body .eclip::before {
    width: 255px;
    height: 255px;
    left: 158px;
    bottom: 0px;
    top: 64px;
  }

  #gform_submit_button_1 .subscribe-icon {
    width: 18px;
    height: 18px;
  }

  /* ex page */
  .filter-tour {
    width: 100%;
  }

  .filter-row {
    flex-direction: column;
    gap: 20px;
  }

  .animation-fill,
  .filter-right.filter-group {
    width: 100%;
    padding: 0;
  }

  .filter-options {
    gap: 8px 24px;
    justify-content: center;
    align-items: center;
  }

  .journey-icon {
    margin-right: 0;
  }

  .journey-text {
    text-align: center;
    display: flex;
    gap: 5px;
  }

  .journey-box {
    gap: 25px;
  }

  .ttbm-experience-wrapper.ttbm-experience-list {
    flex-direction: column;
  }

  .ttbm-experience-list .ttbm-tour-item {
    width: 100%;
    margin-top: 10px;
  }

  .journey-text .journey-title,
  .journey-text .journey-sub {
    font-size: 14px;
  }

  .term-item {
    font-size: 14px;
  }

  .page-num {
    font-size: 14px;
    width: 30px;
    height: 30px;
  }

  .ttbm-pagination {
    gap: 5px;
  }

  .ttbm-experience-wrapper.ttbm-experience-list {
    gap: 20px;
  }

  .meta-promotion {
    margin: 10px 0;
  }

  .ttbm-loading-text {
    top: 22px !important;
    font-size: 18px !important;
  }

  .load-more,
  .load-less {
    padding: 3px 5px;
  }

  .experience-badge {
    font-size: 12px;
    padding: 2px 14px;
    gap: 4px;
  }

  .experience-badge img {
    width: 18px !important;
    height: 18px !important;
  }

  .ttbm-experience-wrapper .ttbm-tour-item .feature-tour .tour-tag {
    font-size: 12px;
    padding: 2px 14px;
  }

  .tours-locations {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .ttbm-experience-wrapper .content .title {
    font-size: 18px;
    line-height: 24px;
    margin: 5px 0;
  }

  .ttbm-experience-wrapper .meta-item {
    font-size: 14px;
  }

  .price-row .price-default {
    font-size: 22px;
    line-height: 24px;
  }

  .ttbm-experience-wrapper .person {
    font-size: 14px;
  }

  .hero-btn {
    padding: 6px;
  }

  .meta-promotion span {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 4px;
    gap: 4px;
    align-items: center;
  }

  .ttbm-experience-wrapper.ttbm-experience-slider .tour-tag {
    font-size: 12px;
    padding: 2px 14px;
  }

  .ttbm-experience-wrapper .price-row del {
    font-size: 24px;
    line-height: 24px;
  }

  .blog-cat-filter-wrapper .cat-tabs-inner-l3 {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
  }

  .blog-layout-two {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-posts-l3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-metas-l3 {
    padding: 12px;
  }

  .thumbs-l3 {
    height: 230px;
  }

  .blog-arrow-hover {
    width: 30px;
    height: 30px;
  }

  .meta-item-l3 {
    gap: 4px;
  }

  .meta-post {
    padding: 4px 14px;
    font-size: 14px;
    line-height: 22px;
  }

  .blog-title-l3 a {
    font-size: 14px;
  }

  .blog-desc-l3 {
    font-size: 14px;
  }

  a.read-story-l3 {
    padding: 7px 14px;
    gap: 6px;
    font-size: 14px;
  }

  .meta-item-l3 img {
    width: 18px;
    height: 18px;
  }

  .btn-icon {
    width: 18px;
    height: 18px;
  }

  .blog-cat-filter-wrapper .cat-tab-l3.is-active {
    padding: 8px 17px !important;
  }

  .cat-tabs-inner-l3 .cat-tab-l3 {
    padding: 8px 13px;
    width: max-content;
  }

  span.cat-name-l3 {
    font-size: 14px;
  }

  .cat-tab-l3.is-active {
    font-size: 14px;
  }

  .cat-tabs-l3 {
    display: flex;
    justify-content: center;
  }

  .blog-layout-two .title_count .blog-cat-title {
    font-size: 14px;
    line-height: 22px;
  }

  .blog-layout-two .title_count .blog-cat-count {
    font-size: 14px;
    line-height: 160%;
  }

  .blog-cat-desc {
    font-size: 14px;
    line-height: 160%;
  }

  span.btn-text {
    font-size: 14px;
    line-height: 160%;
  }

  .blog-cat-btn {
    width: 20px;
    height: 20px;
  }

  .blog-cat-icon {
    width: 38px;
    height: 38px;
  }

  .join-ct #gform_wrapper_2 form {
    flex-direction: column;
  }

  .ct-prnt .gform-body.gform_body {
    width: 100%;
  }

  .join-ct .gform_wrapper input[type="email"] {
    padding: 20px 60px 20px 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .join-ct #gform_wrapper_2 input[type="email"] {
    height: 30px;
  }

  .join-ct #gform_wrapper_2 .gform_button {
    padding: 5px 16px;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
  }

  .ct-prnt .eclipv2::before {
    left: 165px;
  }

  .ct-prnt .eclipv3::after {
    left: -127px;
  }

  .join-ct #gform_wrapper_2 .gform_footer {
    width: 25%;
  }

  .gform-loader {
    margin: 0 auto;
  }

  /* page multi-day-tour */
  .ttbm-filter-bar {
    flex-direction: column;
  }

  .input-icon {
    width: 100%;
  }

  .ttbm-filter-bar label {
    text-align: center;
  }

  .input-icon img {
    width: 16px;
    height: 16px !important;
  }

  .filter-item.filter-search {
    width: 100%;
  }

  #ttbm-search {
    height: 50px;
    padding-left: 50px;
  }

  .ttbm-search-input::placeholder {
    font-size: 12px;
  }

  .filter-item {
    width: 100%;
  }

  .input-icon input {
    height: 50px;
  }

  #ttbm-duration {
    height: 50px;
    font-size: 12px;
    line-height: 22px;
    color: #999a9d;
    background-size: 18px;
  }

  #ttbm-filter-btn img {
    width: 18px;
  }

  #ttbm-filter-btn {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    gap: 6px;
  }

  .ttbm-multi-day-tour-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .action {
    width: 38px !important;
    height: 38px !important;
  }

  .price-label {
    font-size: 14px;
  }

  .ttbm-pagi-item {
    padding: 7px 13px;
    font-size: 14px;

  }

  .hero-hdv2 .subtitle {
    padding: 4px 15px;
  }

  .faq-st-mul .e-n-accordion-item-title-text {
    font-size: 16px !important;
    line-height: 23px;
  }

  .faq-st-mul p {
    font-size: 14px;
    line-height: 160%;
  }

  span.tour-type-text {
    font-size: 14px;
  }

  .ttbm-multi-day-tour-list .thumb {
    height: 200px;
  }

  .ttbm-multi-day-tour-list .tour-tag {
    font-size: 12px;
    padding: 2px 14px;
  }

  .tour-duration {
    padding: 2px 14px;
    font-size: 12px;
  }

  .content-main span.rate {
    font-size: 14px;
    line-height: 22px;
  }

  .content-main .ttbm-stars-gold {
    width: 18px;
    height: 18px;
  }

  .ttbm-experience-wrapper .content .desc {
    font-size: 14px;
  }

  .ttbm-showing {
    line-height: 22px;
    text-align: center;
  }

  /* product page */
  .related .blog-posts-l3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .content-inner .wp-block-heading {
    font-size: 18px;
    line-height: 22px;
  }
}