/* Max width */
@media screen and (max-width: 1366px){
  .carousel .owl-nav, .home-carousel .owl-nav{
      top: 32%;
  }
  .header .logo{
      margin-left: 0;
  }
  .tour-nav,
  .cats{
      padding: 0 30px;
  }
  .tour-nav.tour-sticky-nav ,
  .cats.tour-sticky-nav {
      padding: 0;
  }
  .tour-nav ul li,
  .cats ul li{
      padding: 0 15px;
  }
  .tour-nav ul li a,
  .cats ul li a{
      padding: 0;
  }
  .category-desc,
  .tours-grid-2{
      padding: 0 15px;
  }
  .tours-grid-2{
      gap: 20px;
  }
  .tours-grid-2 .item{
      width: 32%;
  }
  .posts{
      padding: 70px 0 200px;
  }
  .posts .alignwide{
      padding: 0;
  }
  .posts .post{
      margin-bottom: 36px;
  }
  .posts .post h2{
      margin-bottom: 23px;
  }
  .posts .post .desc{
      margin: 0;
  }
  .posts .post .desc h2{
      /* display: none; */
  }
  .posts .post:nth-child(odd) .desc{
      margin-left: 0;
      padding-right: 50px;
      max-width: 100%;
  }
  .posts .post .desc{
      width: 50%;
  }
  .posts .post:nth-child(odd) .image .desc{
      padding: 0 0 0 50px;
      text-decoration: none;
  }
  .posts .post:nth-child(odd) .image .desc p{
          color: #000;
  }
  .posts .post:nth-child(odd){
      gap: 0 94px;
  }
  .posts .post:nth-child(even){
      gap: 0 172px;
      grid-template-columns: 1fr 41.5%;
  }
  .posts .post:nth-child(even) .desc{
      max-width: 100%;
      padding-left: 50px;
  }
  .posts .post .image img{
      width: 100%;
      height: auto;
  }
  .posts:before{
      height: 516px;
  }
  .posts .post .read-more-btn{
      margin-left: 50px;
  }
  .tour-nav ul li.ui-state-active a:before{
      left: -10px;
  }
  .images .tour-labels{
      bottom: 10px;
  }
  .tours-carousel{
      padding: 0 20px 60px;
  }
  .view-tours{
      padding: 0 40px 60px;
      overflow: hidden;
  }
  .tours-carousel .owl-nav .next{
      right: -20px;
  }
  .view-tours .owl-nav .next{
      right: 60px;
  }
  .blog-list{
      justify-content: space-between;
  }
  .blog-list article{
      width: 49%;
  }
  .blog-list article .img-block img{
      width: 100%;
  }
}
@media screen and (max-width: 1250px){
  .blog-list{
      padding: 0 15px;
  }
  .search-page .container{
      grid-template-columns: unset;
  }
  .search-page .sidebar{
      display: block;
      width: 100%;
      max-width: 280px;
  }
  .search-page .main{
      width: calc(100% - 300px);
  }
  .container{
      grid-template-columns: 1fr;
      padding: 0 50px;
      display: flex;
  }
  .secondary-step-heading h2{
      margin-bottom: 0;
  }
  .step-nav{
      flex-wrap: wrap;
  }
  .flight-details table td.price{
      font-size: 22px;
      text-align: center;
  }
  .arrival .radio label{
      display: flex;
      justify-content: space-between;
  }
  .arrival-desc{
      max-width: 480px;
  }
  .step-heading .primary .icon-mark {
      left: 18.3%;
  }
  .step-desc-btn .desc p{
      margin-bottom: 0;
  }
  .passenger-form .additional .agree{
      max-width: 296px;
      margin-left: 44%;
  }
  .secondary-step-heading h2,
  .secondary-step-heading p{
      margin: 0;
  }
  .wrap-1180{
      padding-top: 80px;
  }
  .tour-desc{
      padding: 0 30px;
  }
  .tour-desc h2{
      margin-bottom: 22px;
  }
  .featured-articles .item{
      margin: 0 50px 105px;
  }

  .featured-articles .item .image,
  .featured-articles .item .content{
      max-width: 530px;
      width: 80%;
  }
  .featured-articles .item .content{
      padding: 0 30px 30px;
  }
  .travel-currency{
      margin: 100px 50px 0;
  }
  .has-sidebar{
      padding: 0 15px;
  }
  .mar-b-120{
      margin-bottom: 120px;
  }
  .similar-tours{
      /* margin: 200px 50px 0; */
  }
  .tours-carousel .owl-nav{
      top: 130px;
  }
  .view-tours .owl-nav{
      top: 175px;
  }
  .popular-tours{
      padding: 0 50px;
  }
  .tours-grid{
      display: flex;
      flex-wrap: wrap;
      grid-template-columns: unset;
      gap: 1%;
  }
  .tours-grid .item{
      width: 49%;
      display: flex;
      grid-template-columns: unset;
  }
  .tours-grid .item .img-block{
      width: 49%;
  }
  .tours-grid .item .img-block img{
      width: 100%;
      height: auto;
  }
  .tours-grid .item .desc{
      width: 50%;
  }
  .itinerary{
      max-width: 764px;
  }
  .popup-body, .light-box-content{
      max-width: 760px;
  }
  .search-bar{
      min-height: auto;
      padding: 120px 50px 95px;
      top: 48px;
  }
  .dest-list, .dur-picker{
      width: calc(100vw - 50px);
  }
  .login .tour-conten{
      margin-top: 200px;
  }
  .step-nav{
      position: absolute;
  }
  .step-nav.sticky-step-nav{
      width: 100%;
      position: fixed!important;
      background-color: #fff;
      z-index: 9;
  }   
  .step-nav ol.sticky-step-nav{
      transform: translate(-50%, 30px);
      padding-top: 60px;
  }
}
@media screen and (max-width: 1120px){
  .fast-links{
      flex-wrap: wrap;
  }
  .fast-links .item{
      width: 25%;
  }
}
@media screen and (max-width: 1023px) {
  .header .right-bar {
    padding-top: 0;
  }
  .header .profile {
    position: relative;
    bottom: 0;
  }
  .banner {
    height: calc(100dvh - 76px);
  }
  .breadcrumbs {
    padding: 12px 24px 24px;
  }
  .inner-sidebar,
  .sidebar {
    display: none;
  }
  .payment .tr {
    margin-bottom: 0;
  }
  .popular-tours h2 {
    margin-bottom: 67px;
  }
  .person-prices-table .head {
    text-align: center;
  }
  .person-prices-table .head h6 {
    width: 100%;
    display: block;
  }
  .person-prices-table .item ul {
    justify-content: center;
  }
  .search-bar > .close-btn {
    display: none !important;
  }
  .holiday-select ul .checkbox-list {
    height: auto !important;
    flex-wrap: nowrap;
  }
  .offer-type .options,
  .search-bar .checkbox-list,
  .holiday-select ul .checkbox-list {
    left: 0;
  }
  .holiday-select ul .checkbox-list .main-block {
    max-height: 40vh;
  }
  .scroll-down {
    position: absolute;
    top: 90px;
    left: 50%;
    z-index: 9;
    transform: rotate(90deg) translate(0, 10px);
    /* animation: up-down 1.5s; */
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  .holiday-options-page .scroll-down,
  .search-page .scroll-down {
    top: -40px;
  }

  .scroll-down:before {
    content: "\e801";
    font-family: "ifont";
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    color: #fff;
  }
  .scroll-down.show {
    z-index: -1;
  }
  .scroll-down.show {
    transform: rotate(270deg);
    left: calc(50% - 9px);
  }
  .search-sidebar input:disabled {
    background-color: #353965;
  }
  .search-sidebar .open input:disabled::-moz-placeholder {
    color: #000;
  }
  .search-sidebar .open input:disabled::placeholder {
    color: #000;
  }
  .checkbox-list.dur-picker .checkbox-list-inner {
    flex-wrap: unset !important;
  }
  .dur-menu-picker-inner,
  .checkbox-list.open .checkbox-list-inner {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    max-height: calc(100vh - 330px);
  }
  .dur-menu-picker-inner #datepicker1,
  .dur-menu-picker-inner #datepicker-legacy {
    order: 1;
  }
  .dur-menu-picker-inner .dur-option {
    order: 2;
  }
  .search-bar .dur-opt-inner .dur-options,
  .search-sidebar .dur-options {
    position: relative;
    width: 100%;
    max-width: unset;
  }
  .dur-opt-inner .options li span {
    width: calc(100% - 46px);
  }
  .search-sidebar .dur-picker .checkbox-list-inner {
    /* max-height: calc(100vh - 447px); */
  }
  .empty-header {
    display: none;
  }
  .checkbox-list {
    height: auto;
    max-height: unset;
    /* flex-wrap: unset; */
  }
  .bottom-block {
    position: relative;
  }
  .dest-menu-list .main-block {
    max-height: 360px !important;
  }
  .search-bar .checkbox-list.num-list {
    height: 146px !important;
  }
  .search-bar .checkbox-list.num-list .quantity {
    margin-top: 0;
  }
  .checkbox-list.open.hol-list {
    max-height: 283px;
  }
  .pt-100 {
    padding-top: 0;
  }
  .sticky-margin {
    margin-top: 76px !important;
    margin-top: var(--header-height, 76px) !important;
  }
  .tour-nav.tour-sticky-nav,
  .cats.tour-sticky-nav {
    padding: 0 46px;
    top: unset;
    left: unset;
    margin-top: -130px;
  }
  .overview-tabs-outer .tour-nav.tour-sticky-nav {
    margin-top: 50px;
  }
  .tour-nav.sticky-nav ul,
  .cats.sticky-nav ul {
    background-color: #fff;
  }
  .banner .info a.open-search,
  .side-cat-ttl {
    display: none;
  }
  .banner .trust {
    left: 50%;
    transform: translate(-50%, 0);
  }

  .mob-plane-icon {
    position: absolute;
    bottom: -27px;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #00a1b1;
    z-index: 2;
    cursor: pointer;
  }
  .header .search-bar.open + .mob-plane-icon {
    display: none !important;
  }
  .header .mob-plane-icon .scroll-down {
    transform: rotate(90deg);
    top: -42px;
    left: 20px;
    transition: all 0.3s ease-in-out;
  }
  .header .mob-plane-icon .scroll-down.show {
    transform: rotate(270deg);
    transition: all 0.3s ease-in-out;
  }
  .mob-plane-icon.hide {
    /* display: none; */
  }
  .main-nav {
    display: none;
  }
  .main-nav.open ~ .mob-plane-icon.hide {
    display: none;
  }
  .search-bar ~ .mob-plane-icon .icon-close,
  .search-bar.open ~ .mob-plane-icon .icon-plane {
    display: none;
  }
  .search-bar ~ .mob-plane-icon .icon-plane,
  .search-bar.open ~ .mob-plane-icon .icon-close {
    display: block;
  }
  /* .holiday-options-page .search-bar.open, */
  .holiday-options-page .icon-search-menu {
    display: none !important;
  }
  .search-bar ~ .mob-plane-icon .icon-close:after,
  .mob-plane-icon .icon-close:after,
  .search-bar ~ .mob-plane-icon .icon-close:before,
  .mob-plane-icon .icon-close:before {
    background-color: #fff;
  }
  .mob-plane-icon i {
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    display: none;
    color: #fff;
    font-size: 26px;
  }
  .mob-plane-icon i.change {
    display: flex;
    bottom: 0;
  }
  #carousel-custom-dots {
    /* display: none; */
  }

  .brochures #carousel-custom-dots {
    bottom: 80px;
  }
  .blog-single #carousel-custom-dots {
    display: flex;
    position: relative;
    justify-content: center;
    margin-top: 25px;
    bottom: unset;
    left: unset;
    transform: unset;
  }
  .header {
    background-color: unset;
  }
  .header .phone {
    margin-left: auto;
    margin-right: 10px;
    display: inline-block;
    margin-top: 1px;
  }
  .header .phone img {
    border-radius: 6px;
  }
  .hamburger {
    box-sizing: content-box;
    padding: 6px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    overflow: visible;
    height: 46px;
    margin-top: -2px;
    margin-right: 8px;
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000;
  }
  .hamburger-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative;
  }
  .hamburger span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 36px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .hamburger-inner::before,
  .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::before {
    top: -10px;
  }
  .hamburger-inner::after {
    bottom: -10px;
  }
  .hamburger--3dx .hamburger-box {
    perspective: 80px;
  }
  .hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
      background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hamburger--3dx .hamburger-inner::before,
  .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg);
  }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg);
  }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
  }
  .header .secondary-nav {
    display: none;
  }
  .header .logo {
    margin-left: 18px;
  }
  .header .right-bar {
    display: none;
  }
  .mobile-menu {
    display: none;
    position: relative;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
  }
  .mobile-menu.open {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }
  /* Hide the fixed enquire button under the open mobile menu */
  .menu-is_open .enquire-sticky {
    z-index: 1 !important;
  }
  .header .mobile-menu .right-bar {
    display: block;
    padding: 15px;
  }
  .header .mobile-menu .profile {
    padding: 15px;
    text-align: center;
    display: block;
  }
  .mobile-menu .quick-search,
  .mobile-menu .quick-search-mob {
    width: 130px;
    margin: 10px auto 0;
    transition: all 0.3s ease-in-out;
  }
  .mobile-menu .quick-search-mob {
    width: calc(100% - 30px);
    margin: 0 15px 20px;
    padding-top: 10px;
  }
  .quick-search-mob label input {
    width: calc(100% - 50px);
    padding: 0 0 0 10px;
  }
  .mobile-menu .quick-search-mob label {
    padding-left: 0;
    justify-content: center;
  }
  .mobile-menu .quick-search label i,
  .mobile-menu .quick-search-mob label i {
    height: 30px;
    width: 50px;
  }
  .mobile-menu .quick-search-mob label i {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .header > .wrap {
    position: relative;
    height: 76px;
    display: flex;
    align-items: center;
    background-color: #fff;
    z-index: 9;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
  }
  .main-nav {
    position: relative;
    height: auto;
    min-height: 73px;
    overflow: hidden;
    width: 100%;
  }
  .main-nav > ul {
    display: none;
    margin: 0;
    /* border-bottom: 1px solid rgb(255 255 255 / 50%)!important; */
    padding-bottom: 25px;
  }
  .main-nav.open > ul {
    display: block;
    border-bottom: unset;
    padding-top: 10px;
    margin: 0;
  }
  .main-nav > ul {
    display: block;
  }
  .main-nav > ul li {
    position: relative;
    text-align: center;
  }
  .main-nav > ul li a,
  .mobile-menu ul li a {
    width: 100%;
    display: block;
    height: auto;
    padding: 13px;
    text-align: center;
  }
  .main-nav > .wrap > li > a:hover {
    color: #fff;
  }
  .main-nav > .wrap > li > a.open {
    color: var(--color-secondary);
  }
  .main-nav > ul > li > a:before {
    display: none;
  }
  .main-nav > ul li a i {
    display: block;
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translate(0, -50%);
    color: #fff;
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .main-nav > ul li a i:before {
    width: 29px;
    height: 29px;
    position: absolute;
    font-size: 10px;
    top: -1px;
    left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-nav > ul li a.open i {
    border: 1px solid var(--color-secondary);
  }
  .main-nav > ul li a.open i:before {
    transform: rotate(90deg);
    color: var(--color-secondary);
  }
  .main-nav .active a {
    border: none;
    text-decoration: underline;
  }
  .result-search-bar {
    position: relative;
    display: none !important;
    top: 0;
  }
  .result-search-bar.show {
    display: block !important;
  }
  .result-tabs .result-list {
    padding: 15px;
    width: 45%;
  }
  .result-tabs .result-content {
    padding: 15px;
    width: 55%;
  }
  .contenct-side {
    padding: 0 15px 0 0;
  }
  .contenct-side,
  .result-tabs .image-side {
    width: 100%;
  }
  .result-search-bar .close-btn {
    display: none;
  }
  .result-tabs .result-content:nth-child(2):before {
    top: 43px;
  }
  .result-tabs .result-content:nth-child(3):before {
    top: 105px;
  }
  .result-tabs .result-content:nth-child(4):before {
    top: 169px;
  }
  .result-tabs .result-content:nth-child(5):before {
    top: 232px;
  }
  .result-tabs .result-list li a {
    padding: 0;
    font-size: 14px;
  }
  .dest-country-list {
  }
  .dest-country-list ul {
    display: flex;
    flex-wrap: wrap;
    max-height: unset !important;
  }
  .step-nav {
    position: relative;
    height: auto;
    background: unset;
    margin: 38px 0 28px;
  }
  .tour-content {
    padding-top: 25px;
  }
  .step-nav ol {
    box-shadow: unset;
    transform: unset;
    margin-top: 5px;
  }
  .step-nav ol a {
    font-size: 0;
  }
  .account-settings .step-nav ol li {
    width: auto;
  }
  .account-settings .step-nav ol li a {
    padding: 0 20px;
  }
  .account-settings .step-nav ol li a:before {
    display: block;
  }
  .acc-opt-sticky-nav .step-nav ol a {
    font-size: 14px;
  }
  .acc-opt-sticky-nav .step-nav ol li {
    width: 100%;
  }
  .acc-opt-sticky-nav .step-nav ol li a:before {
    display: none;
  }
  .step-nav ol li.active a {
    background-color: unset;
  }
  .step-nav ol li.active a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 30px;
    background: var(--color-primary-hue);
    top: 50%;
    margin-top: -15px;
    transform: unset;
  }
  .step-nav ol li a:before {
    margin-right: 0;
  }
  .step-nav ol li.active a:before {
    background-color: var(--color-primary);
    color: #fff;
  }
  .container {
    grid-template-columns: 100%;
    padding: 0 36px;
    gap: 0;
  }
  .secondary-step-heading .left-icon {
    left: 18px;
  }
  .secondary-step-heading .close {
    right: 18px;
  }
  .footer {
    padding-bottom: 60px;
  }
  .footer-main-container {
    padding: 80px 35px 73px;
  }
  .fast-links {
    flex-wrap: wrap;
  }
  .fast-links dl {
    width: 24%;
  }
  .form-row .form-item {
    padding: 0 35px;
  }
  .start-form .form-row .form-item {
    padding: 0;
  }
  .date-fields .form-item:after {
    display: none;
  }
  .passenger-content > div > label,
  .passenger-form > div > label {
    padding: 0 35px;
  }
  .form-row.cols-1-to-2 {
    grid-template-columns: 1fr;
  }
  .passenger-form .form-row .form-item {
    padding: 0;
  }
  .tour-nav,
  .tour-nav.sticky-nav,
  .cats,
  .cats.sticky-nav {
    position: relative !important;
    transform: unset;
    padding: 0 46px;
  }
  .tour-nav ul,
  .cats ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 0 30px;
  }
  .tour-nav ul li,
  .cats ul li {
    width: 100%;
    padding: 0;
  }
  .tour-nav ul li:after,
  .cats ul li:after,
  .tour-nav.sticky-nav ul li:after,
  .cats.sticky-nav ul li:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 34px;
  }
  .tour-nav ul li:after {
    content: "";
    position: absolute;
    margin-top: 0;
    bottom: 0;
    top: unset;
  }
  .tour-nav ul li a,
  .cats ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
  }
  .cats ul li a {
    text-align: center;
  }
  .cats ul li a:after {
    display: none;
  }
  .cats ul li a:before {
    content: "\e801";
    position: relative;
    font-family: ifont;
    margin: 0 10px 0 0;
  }

  .cats {
    margin-bottom: 46px;
  }
  .category-desc {
    margin: 0 36px 30px;
  }
  .page-header .text {
    top: 30%;
    transform: unset;
  }
  .page-header {
    height: 450px;
    margin-top: -10px;
  }
  .holiday-slider,
  .holiday-slider .item,
  .holiday-slider .item img {
    height: 450px;
  }
  .holiday-slider .item .text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .tour-header .info {
    bottom: unset;
    padding-top: 250px;
    z-index: unset;
  }
  .tour-header .desc p {
    margin-bottom: 0;
  }
  .tour-header .info .desc {
    margin: 0 auto 25px;
    padding: 0 36px;
    position: relative;
    z-index: 9;
  }
  .tour-header .owl-dots {
    bottom: calc(50% - 85px);
  }
  .header {
    z-index: 999;
    border-radius: 0 0 10px 10px;
    height: auto;
    min-height: 76px;
  }
  .menu-is_open {
    height: 100vh;
    overflow: hidden;
  }
  .menu-is_open .header {
    height: 100dvh;
    overflow: auto;
  }
  /* .search-page .header{
      height: 100px;
  } */
  .tour-header:not(.travel-guides) {
    margin-top: calc(-1 * var(--header-height, 76px)) !important;
  }
  .price-label {
    z-index: 9;
  }
  .tour-overview {
    margin: 0 18px 150px;
  }
  .tour-overview:after {
    bottom: 15%;
  }
  .tour-header {
    display: flex;
    flex-direction: column-reverse;
  }
  .tour-header .info {
    position: relative;
    padding-top: 0;
    margin-top: 40%;
    margin-bottom: 50px;
  }
  .tour-header:after {
    display: none;
  }
  .head-slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .similar-tours h2 {
    margin-bottom: 72px;
  }
  .tours-carousel.disable {
    display: flex;
    flex-wrap: wrap;
    padding: 0 36px 0;
  }
  .similar-tours .image img {
    width: 100%;
    height: auto;
  }
  .tours-carousel .item h3,
  .view-tours .item h3 {
    margin-top: 22px;
  }
  .aligncollpase h2 {
    padding: 0 34px;
  }
  .tour-features {
    padding: 40px 15px 0;
  }
  .has-sidebar {
    grid-template-columns: 100%;
    gap: unset;
    padding: 0 36px;
  }
  .has-sidebar aside {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
  }
  .side-cats {
    display: none;
  }
  .guide-nav {
    position: relative;
    width: 100%;
  }
  .guide-nav.open .side-cats {
    display: block;
  }
  .side-cats-mob {
    position: relative;
    width: 100%;
    display: block;
    /* margin-bottom: 36px; */
  }
  .guide-nav .side-cats {
    height: 614px;
    position: relative;
    /* display: none; */
    width: 100%;
    margin: 66px 0 46px 0;
    z-index: 2;
    background-color: #fff;
    overflow-y: scroll;
  }
  .guide-nav.open:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    border-radius: 10px;
    width: 136px;
    height: 4px;
    background-color: #000;
    transform: translate(-50%, 0);
  }
  .side-cats-mob-menu.open {
    display: block;
  }
  .select-side-close {
    position: absolute;
    display: none;
    top: 60px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 8;
  }
  .select-side-cats.open ~ .select-side-close {
    display: block;
  }
  .select-side-close:before,
  .select-side-close:after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    top: 50%;
    right: 0;
    background-color: #000;
  }
  .select-side-close:before {
    transform: rotate(45deg);
  }
  .select-side-close:after {
    transform: rotate(-45deg);
  }
  .side-cats li {
    list-style-type: none;
    border-bottom: none;
  }
  .guide-nav .side-cats li a {
    position: relative;
    color: #273745;
    padding: 10px 25px;
    font-size: 16px;
  }
  .side-cats-mob li.active a,
  .guide-nav .side-cats li.ui-tabs-active a {
    background-color: rgb(0 0 0 / 3%);
  }
  .side-cats-mob li.active a:before,
  .guide-nav .side-cats li.ui-tabs-active a:before {
    content: "";
    width: 5px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 161 177 / 60%);
  }
  .side-cats-mob a {
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #000;
  }
  .select-side-cats {
    width: calc(100% - 72px) !important;
    position: relative;
    border: 1px solid #000;
    font-size: 16px;
    color: #000;
    padding: 8px 12px 9px;
    margin: 0 36px;
  }
  .select-side-cats.open {
    border-color: transparent;
    border-bottom-color: #000;
  }
  .select-side-cats:before {
    content: "\e801";
    font-family: ifont;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 12px;
    transition: all 0.3s ease-in-out;
  }
  .select-side-cats:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border: 1px solid #000;
    border-radius: 50%;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
  }
  .select-side-cats.open:before {
    transform: translate(0, -50%) rotate(90deg);
    transition: all 0.3s ease-in-out;
    right: 23px;
  }
  .page-tabs .ui-tabs-tab {
    position: relative;
  }
  .page-tabs .ui-tabs-tab:not(.ui-tabs-active) a {
    color: #fff;
    opacity: 0.5;
  }
  .page-tabs .ui-tabs-tab:not(.ui-tabs-active):before {
    content: "";
    position: absolute;
    background-color: var(--color-primary-hue);
    width: 100%;
    height: 1000px;
    bottom: 0;
    right: 0;
    z-index: -2;
  }
  .tours-grid-2 .item {
    width: 49%;
  }
  .alignwide {
    padding: 0 24px;
  }
  .newsletter {
    height: 450px;
    background: var(--color-primary) url(../imgs/newsletter-mob.png) no-repeat
      0 100%;
    padding: 0;
  }
  .newsletter .subscribe {
    float: unset;
    max-width: 100%;
    padding: 34px 13px;
  }
  .newsletter h2 {
    text-align: center;
  }
  .newsletter .confirm {
    width: 100%;
    text-align: center;
    padding: 0 15px;
  }
  .vessel-tabs,
  .overview-tabs {
    margin-top: 0;
  }
  .vessel-header .head-slider .item,
  .head-slider .item {
    /* height: 1000px!important; */
  }
  .tour-slider .item {
    height: 480px !important;
  }
  .tour-nav ul li.ui-state-active a:before,
  .tour-nav.sticky-nav ul li.ui-state-active a:before {
    display: block;
    left: 14px;
  }
  .checkbox-list,
  .hol-list,
  .dest-list,
  .dest-menu-list,
  .sort-list.checkbox-list {
    left: 0;
    /* transform: translate(-36px, 0);
      width: calc(100% + 72px); */
    width: 100%;
  }
  .main-block .close-btn {
    display: none;
  }
  .checkbox-list .loc {
    width: 20%;
  }
  .checkbox-list .loc > label {
    padding: 14px 13px 13px 56px;
  }
  .checkbox-list .main-block .top,
  .dest-list .main-block .top {
    width: 100%;
    padding: 15px 12px;
  }
  .checkbox-list .loc input[type="checkbox"] {
    left: 34px;
  }
  .checkbox-list {
    border-radius: 0;
  }
  .search-bar {
    position: absolute;
    display: block;
    top: -10px;
    padding: 25px 36px 85px;
    border-radius: 0 0 10px 10px;
    transform: translate(0, -60%);
    transition: all 0.3s ease-in-out;
    z-index: -1;
  }
  .search-bar.mob-menu-open {
    transform: translate(0, -100%);
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 2;
  }
  .search-bar.open {
    transform: translate(0, 76px);
    transition: all 0.3s ease-in-out;
  }
  .main-nav.open {
    display: block;
    transform: translate(0, 0);
    z-index: 1;
    transition: all 0.3s ease-in-out;
  }
  .main-nav.open + .search-bar {
    transform: translate(0, -82%);
    transition: all 0.3s ease-in-out;
  }
  .search-inputs {
    margin-bottom: 26px;
  }
  .search-inputs {
    flex-wrap: wrap;
    gap: unset;
  }
  .search-inputs > .label {
    margin-bottom: 22px;
  }
  .search-inputs > .label:last-child {
    margin-bottom: 0;
  }
  .search-bar-inner .btn-block .search-btn {
    max-width: 375px;
    margin: 0 auto 22px;
  }
  .search-inputs .label > input {
    padding: 5px 55px 5px 46px;
    color: #000;
  }
  .dest-menu-list.show {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .bottom-block {
    background-color: #00a1b1;
    align-items: center;
    padding: 20px;
  }
  .search-inputs > label .checkbox-list {
    top: 60px;
  }
  .dur-menu-picker > *,
  .dur-picker > * {
    /* width: 100%;
      max-height: calc(100vh - 390px); */
  }
  .dur-menu-picker .bottom-block {
    order: 3;
    margin-top: 0;
  }
  .dur-option {
    order: 1;
  }
  .num-list .main-block .top {
    display: none;
  }
  #datepicker1,
  #datepicker-legacy,
  #datepicker2 {
    max-width: 409px;
    width: 100%;
    padding: 0;
    order: 2;
    margin: 0 auto;
  }
  .dur-opt-inner {
    max-width: 100%;
    margin: 0;
    padding: 36px;
  }
  .dur-opt-inner .options li {
    color: #000;
  }
  .dur-opt-inner .options li input[type="checkbox"]:before {
    right: 12px;
    background: #fff;
    width: 11px;
    height: 11px;
    border: 2px solid #000;
  }
  .dur-opt-inner .options li input[type="checkbox"]:after {
    display: none;
  }
  .dur-opt-inner .options li input[type="checkbox"]:checked:before,
  .offer-type .options li input[type="checkbox"]:checked:after {
    border: 5px solid #000;
    background-color: #000;
    right: 6px;
  }
  .dur-opt-inner .options li input[type="checkbox"]:checked:after,
  .offer-type .options li input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    background-color: #fff;
    right: 20px;
  }
  .dur-close,
  .dur-menu-close {
    display: none;
  }
  .ui-datepicker-inline {
    flex-wrap: wrap;
  }
  .hol-list.checkbox-list.show,
  .num-list.show {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
  .hol-list.checkbox-list .main-block {
    max-height: 200px;
    min-height: auto;
  }
  .hol-list.checkbox-list .main-block .top {
    display: none;
  }
  .num-list.show .top {
    display: none;
  }
  .search-page .sidebar {
    position: fixed;
    display: block;
    background-color: #1e2253;
    z-index: 99;
    margin-top: 0;
    min-height: 577px;
    height: calc(100dvh - 125px) !important;
    min-width: 100%;
    top: 76px;
    left: 0;
    border-radius: 0 0 10px 10px;
    transform: translate(0, -89%);
    transition: all 0.3s ease-in-out;
  }
  .search-page .sidebar.mob-menu-open {
    transform: translate(0, 35%);
    transition: all 0.3s ease-in-out;
    display: none;
  }
  .search-page .sidebar.open {
    display: block;
    z-index: 999;
    transform: translate(0, 0);
    transition: all 0.3s ease-in-out;
    min-height: auto;
  }
  .search-page .inner-sidebar {
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 62px 36px 45px;
    background-color: #1e2257;
    max-height: 70dvh;
    overflow: auto;
  }
  .search-page .inner-sidebar > * {
    width: 100%;
  }
  .search-page .main {
    width: 100%;
  }
  .sort-by-select {
    display: none;
  }
  .sort-by-select-mob {
    display: block;
  }
  .sort-by-select {
    max-width: 100%;
  }
  .search-sidebar input,
  .sort-by-select .ttl {
    background-color: rgb(255 255 255 / 10%);
    padding: 11px 23px !important;
    height: 43px;
    border: none;
    color: #fff;
  }
  .search-sidebar .open input,
  .sort-by-select.open .ttl {
    color: #000;
    font-size: 14px;
    background-color: #fff;
  }
  .search-sidebar input::-moz-placeholder {
    color: #fff;
    font-size: 14px;
  }
  .search-sidebar input::placeholder,
  .offer-type .ttl {
    color: #fff;
    font-size: 14px;
  }
  .offer-type .ttl,
  .sort-by-select .ttl {
    padding: 11px 23px;
  }
  .offer-type.label::before {
    display: none !important;
  }
  .search-sidebar > .label:before {
    content: "\e801";
    position: absolute;
    font-family: "ifont";
    color: #fff;
    width: 6px;
    height: 14px;
    display: block;
    font-size: 10px;
    opacity: 1;
    top: 21px;
    right: 22px;
    transform: translate(0, -50%);
    z-index: 1;
  }
  .search-sidebar > .label.open:before {
    color: #000;
    z-index: 1;
    top: 22px;
    right: 21px;
    transform: translate(0, -50%) rotate(90deg);
  }
  .search-sidebar > .label:after {
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translate(0, -50%);
  }
  .search-sidebar > .label.open:after {
    border: 1px solid #000;
  }
  .search-inputs > .label.open input::-moz-placeholder {
    color: #000;
  }
  .search-inputs > .label.open input::placeholder {
    color: #000;
  }
  .offer-type .options li,
  .sort-by-options li a {
    color: #000;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    margin-top: 0;
    padding: 10px 10px 10px 48px !important;
    font-size: 16px;
  }
  .offer-type .options li input {
    margin-right: 12px;
  }
  .offer-type .options li input:before {
    width: 11px;
    height: 11px;
  }
  .offer-type .options li input[type="checkbox"]:after {
    display: none;
  }
  .offer-type .options li input[type="checkbox"]:checked:after {
    right: -10px;
  }
  .dest:before,
  .dur:before,
  .dep:before,
  .hol-type:before {
    background: unset;
  }
  .search-sidebar > label,
  .search-sidebar {
    margin-bottom: 17px;
  }
  .search-sidebar label,
  .dep-option.open label {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
  }
  .search-sidebar label.open {
    background-color: #fff;
    color: #000;
  }
  .search-sidebar label.open input::-moz-placeholder {
    color: #000;
  }
  .search-sidebar label.open input::placeholder {
    color: #000;
  }
  .search-sidebar label:before {
    content: "\e801";
    position: absolute;
    font-family: "ifont";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    opacity: 1;
    font-size: 10px;
    top: 24px;
    right: 16px;
    width: 20px;
    height: 20px;
    z-index: 0;
  }
  .search-sidebar label.sort-by-select:before {
    top: 14px;
  }
  .search-sidebar label.sort-by-select.open:before {
    top: 23px;
  }
  .search-sidebar label.open:before {
    color: #000;
    transform: translate(0, -50%) rotate(90deg);
    right: 19px;
  }
  .search-sidebar label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .search-sidebar label.open:after {
    border-color: #000;
  }
  .offer-type .ttl i {
    border-color: #fff;
    font-size: 14px;
  }
  .offer-type .ttl.open {
    color: #000;
    background-color: #fff;
  }
  .offer-type .ttl.open i {
    border-color: #000;
  }
  .offer-type .options.open {
    display: block;
  }
  .options li {
    color: #fff;
    font-size: 14px;
    padding: 9px 12px 9px 23px;
  }
  .options li input[type="checkbox"]:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    display: block;
    border-radius: 50%;
    background-color: #1e2353;
    top: 50%;
    right: 0px;
    transform: translate(-50%, -50%);
  }
  .options li input[type="checkbox"]:checked:before {
    border: 2px solid #fff;
    background-color: #fff;
  }
  .options li input[type="checkbox"]:checked:after {
    content: "";
    width: 8px;
    left: unset;
    right: 5px;
    height: 8px;
  }
  .clear-block {
    text-align: center;
  }
  .clear-block a {
    color: #fff;
  }
  .search-page .cta-block a {
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 8px;
    display: block;
    text-align: center;
    text-transform: uppercase;
  }
  .search-sidebar {
    order: 1;
  }
  .offer-type {
    position: relative;
    order: 2;
  }
  .cta-block {
    order: 3;
    margin-bottom: 18px;
  }
  .clear-block {
    order: 4;
    margin-bottom: 0;
  }
  .dest-list .loc > label:first-child {
    margin-bottom: 0;
  }
  .search-sidebar .bottom-block {
    margin-top: 0;
    order: 3;
  }
  .dest-list.show,
  .dest-menu-list.show,
  .hol-list.show,
  .num-list.show,
  .dep-option.open,
  .holiday-option.open,
  .offer-type .options,
  .sort-by-select-mob .sort-by-options.open {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    z-index: 3;
  }
  .holiday-option.open,
  .dep-option.open {
    flex-direction: row;
  }
  .holiday-option.open ul {
    order: 4;
  }
  .holiday-option.open ul,
  .dep-option.open ul {
    width: 100%;
  }
  .dep-option.open ul {
    order: 10;
  }
  .sort-by-select-mob .sort-by-options input[type="checkbox"] {
    width: 1px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    display: none;
  }
  .sort-by-options li a:hover {
    background-color: #f7f7f7;
  }
  .sort-by-options li a:hover:before {
    content: "";
    width: 5px;
    height: 100%;
    background-color: rgb(30 34 83 / 50%);
    display: block;
    left: 0;
    border-radius: unset;
    border: unset;
  }
  .sort-by-select-mob .sort-by-options input:after {
    left: 0;
  }
  .sort-by-select-mob .sort-by-options input:before {
    width: 11px;
    height: 11px;
    left: 0;
  }
  .sort-by-select-mob .sort-by-options input:checked:before {
    width: 17px;
    height: 17px;
  }
  .search-sidebar .checkbox-list,
  .dep-option,
  .offer-type .options {
    top: 60px;
  }
  .parent-label {
    border-top: 1px solid rgb(112 112 112 / 50%);
    margin-bottom: 0 !important;
  }
  .search-sidebar .checkbox-list,
  .dep-option,
  .holiday-option,
  .offer-type .options,
  .sort-by-select-mob .sort-by-options {
    /* transform: translate(-36px, 0);
      width: calc(100% + 72px); */
    width: 100%;
  }
  .search-sidebar .dep-option,
  .search-sidebar .holiday-option {
    max-height: unset;
  }
  .search-sidebar .dep-option ul,
  .search-sidebar .holiday-option ul {
    max-height: 256px;
    overflow: auto;
  }
  .search-sidebar .holiday-option li {
    padding: 12px 20px;
  }
  .search-sidebar .dep-option li input::after,
  .search-sidebar .holiday-option li input::after {
    background-color: unset;
  }
  .dep-option,
  .holiday-option,
  .sort-by-select-mob .sort-by-options {
    border-radius: 0;
  }
  .dep-option.open .bottom-block,
  .holiday-option.open .bottom-block,
  .offer-type .bottom-block,
  .sort-by-options .bottom-block {
    display: flex;
    margin-top: 0;
  }
  .offer-type .options {
    display: none;
    position: relative;
    background-color: #fff;
  }
  .offer-type .options.open,
  .sort-by-select-mob .sort-by-options.open {
    display: flex;
  }
  .dest.open input::-moz-placeholder {
    color: #000;
  }
  .dest.open input::placeholder {
    color: #000;
  }
  .search-sidebar .open > label:before {
    color: #000;
  }
  .search-sidebar .open > label:after {
    border: 1px solid #000;
  }
  .offer-type .ttl.open i:before {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .offer-type .ttl i:before {
    transform: translate(-50%, -50%) rotate(0);
  }
  .result-search-bar .bg {
    display: none;
  }
  /* mobile-menu visibility is now handled by .mobile-menu.open display:block */

  i.icon-mob-menu {
    display: none;
  }
  .icon-mob-menu:before,
  .icon-holiday-menu:before {
    display: block;
    content: "";
    background-image: url(/assets/imgs/icon-menu.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
  }
  /* .holiday-options-page .search-bar{
      transform: translate(0, -252%);
  } */
  .icon-holiday-menu.close img {
    display: none;
  }
  .icon-holiday-menu.close {
    transform: translate(-50%, 0) rotate(45deg);
  }
  .icon-holiday-menu.close::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 1px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-left: -5px;
  }
  .holiday-select {
    position: fixed;
    z-index: 99;
    width: 100%;
    bottom: 100%;
    background-color: var(--color-primary);
    border-radius: 0 0 10px 10px;
    margin-bottom: 0;
    transform: translateY(168px);
    transition: all 0.3s ease-in-out;
    height: calc(100dvh - 125px) !important;
  }
  .holiday-select form {
    padding: 64px 36px 0px;
    height: calc(100dvh - 205px) !important;
    overflow: auto;
  }
  .holiday-select ul {
    background-color: var(--color-primary);
    box-shadow: unset;
    padding: 0;
  }
  .holiday-select.show {
    transform: translate(0, calc(100% + 76px));
  }
  .holiday-select.show form {
    opacity: 1;
  }
  .holiday-select form {
    opacity: 0;
  }
  .holiday-select.toggle-menu {
    transform: translate(0, 40%);
    transition: all 0.3s ease-in-out;
  }
  .holiday-select.toggle-menu .icon-mob-menu {
    display: flex !important;
  }
  .holiday-select ul li {
    width: 100%;
    margin-bottom: 17px;
  }
  .holiday-select ul li:last-child {
    margin-bottom: 0;
  }
  .holiday-select ul li > a {
    border: unset;
    background-color: rgb(255 255 255 / 10%);
    color: #fff;
    padding: 13px 24px;
  }
  .holiday-select .sort-list ul li > a {
    padding: 13px 36px;
  }
  .holiday-select ul li > a.rotate {
    background-color: #fff;
    color: #000;
  }
  .sort-list .main-block li a {
    color: #000;
  }
  .holiday-select ul li a:before {
    border-color: #fff;
  }
  .holiday-select ul li > a.rotate:before {
    border: 1px solid #000;
  }
  .holiday-select ul li a:after {
    color: #fff;
  }
  .holiday-select ul li > a.rotate:after {
    color: #000;
  }
  .search-mob {
    display: block;
    width: 100%;
    max-width: 342px;
    padding: 8px 10px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 5px;
    border: 2px solid #fff;
    color: #fff;
    background-color: var(--color-primary);
    margin: 42px auto 22px;
  }
  .clear-block-mob {
    display: block;
  }
  .close-hol-btn {
    position: absolute;
    display: inline-block;
    width: 58px;
    height: 58px;
    background-color: #00a1b1;
    border-radius: 50%;
    bottom: -27px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
  }
  .close-sidebar-btn {
    z-index: 0;
  }
  .close-hol-btn:before,
  .close-hol-btn:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 1px;
    background-color: #fff;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .close-hol-btn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .clear-block-mob a {
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
  }
  .clear-search {
    display: none;
  }
  .checkbox-list:before {
    display: none;
  }
  .checkbox-list {
    top: 125px;
  }
  .checkbox-list.open {
    z-index: 99;
    flex-direction: column-reverse;
    padding-bottom: 15px;
    top: 0px;
    transform: none;
  }
  .checkbox-list.num-list {
    padding-bottom: 0;
  }
  .checkbox-list .loc {
    width: 100% !important;
    height: auto;
  }
  .checkbox-list .main-block {
    max-height: 650px;
    height: auto;
  }
  .holiday-select .bottom-block {
    margin-top: 0;
    background-color: #00a1b1;
    align-items: center;
  }
  .bottom-block .btns-block {
    width: 100%;
    margin: 0;
    display: none;
    gap: 20px;
  }
  .bottom-block .btns-block-mob {
    display: flex;
  }
  .back-btn-mob,
  .btns-block-mob,
  .apply-btn-mob {
    display: flex !important;
    z-index: 1;
  }
  .bottom-block .btns-block-mob span {
    text-transform: uppercase;
    font-size: 18px;
    font-family: var(--font-primary-bold);
    color: #fff;
    letter-spacing: 3px;
  }
  .bottom-block button.apply-btn {
    display: none;
  }
  .bottom-block .apply-btn-mob {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
  }
  .bottom-block .apply-btn-mob:before,
  .bottom-block .apply-btn-mob:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    display: block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: unset;
  }
  .bottom-block .apply-btn-mob:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .bottom-block .btns-block a:before {
    border-color: #fff;
    background-color: #fff;
  }
  .bottom-block .btns-block a:after,
  .bottom-block .btns-block a.next:after {
    color: #00a1b1;
  }
  .holiday-select ul li:nth-child(2) .checkbox-list {
    top: 127px;
  }
  .holiday-select ul li:nth-child(3) .checkbox-list {
    top: 193px;
  }
  .holiday-select ul li:nth-child(2) .checkbox-list .top,
  .holiday-select ul li:nth-child(3) .checkbox-list .top {
    display: none;
  }
  .parent-label {
    background-color: #fff;
  }
  .checkbox-list .loc > label {
    position: relative;
  }
  .checkbox-list .loc > label:hover {
    background-color: #f7f7f7;
  }
  .checkbox-list .loc > label:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    display: block;
    background-color: #00a1b1;
  }
  .month-list .all,
  .month-list label {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
  .month-list,
  .holidays-list .h-list span {
    width: 100%;
  }
  .month-list {
    flex-wrap: wrap;
  }
  .month-list span {
    width: 100%;
  }
  .checkbox-list .main-block .content {
    padding: 10px 0 0 28px;
  }
  .month-list label input[type="checkbox"] {
    left: 8px;
  }
  .month-list label {
    padding: 13px 0 13px 20px;
  }
  .sort-by-options li a,
  .dep-option li,
  .holiday-option li {
    position: relative;
    padding: 0;
    display: flex;
    width: 100%;
    align-items: center;
    padding-left: 20px;
  }
  .sort-by-options li a input,
  .dep-option li input,
  .holiday-option li input {
    width: auto;
    display: block;
    margin-right: 15px;
    background-color: unset !important;
  }
  .dep-option li input:before,
  .holiday-option li input:before {
    content: "";
    width: 11px;
    height: 11px;
    border: 2px solid var(--color-primary);
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-appearance: none;
  }
  .dep-option li input:checked:before,
  .holiday-option li input:checked:before {
    background-color: var(--color-primary);
    width: 17px;
    height: 17px;
  }
  .dep-option li input:checked:after,
  .holiday-option li input:checked:after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .simple-page {
    display: flex;
    flex-wrap: wrap;
    padding: 0 43px;
  }
  .simple-page.team-page {
    padding: 0;
  }
  .team-slider,
  .contact-slider,
  .about-slider,
  .blog-single-slider {
    position: relative;
  }
  .blog .blog-single-slider,
  .blog .blog-single-slider .owl-stage-outer,
  .blog .blog-single-slider .owl-stage,
  .blog .blog-single-slider .item {
    height: 736px !important;
  }
  .blog .blog-single-slider .item img {
    height: 100% !important;
  }
  .blog-single .breadcrumbs {
    padding: 24px 24px 24px 0;
  }
  /* .owl-carousel.owl-drag .owl-item, */
  /* .team-slider .owl-stage-outer, */
  .team-slider .owl-item,
  .team-slider .item {
    height: 610px !important;
  }
  .simple-page aside {
    max-width: 100%;
    background: #fff;
    padding: 30px 72px;
    border-radius: 5px;
    width: 100%;
    margin: -200px auto 56px;
    box-shadow: 8px 10px 20px 8px rgb(0 0 0 / 7%);
    z-index: 9;
  }
  .brochures-header .overflow {
    height: 100%;
    padding-top: 100px;
    align-items: flex-start;
  }
  .simple-content h2 {
    text-align: center;
    margin-bottom: 56px;
  }
  .meat-the-team {
    margin-top: 0;
  }
  .meat-the-team > h2 {
    margin-bottom: 36px;
    text-align: left;
  }
  .single-content {
    padding: 0 36px;
  }
  .post-slider,
  .post-slider .owl-stage,
  .post-slider .owl-stage-outer,
  .post-slider.owl-carousel.owl-drag .owl-item {
    height: auto !important;
  }
  .blog-single .cats.tour-sticky-nav {
    /* position: absolute; */
    top: 0;
    left: 0;
    margin-top: 0 !important;
  }
  .blog-single .main {
    margin-top: -200px;
  }
  /* .blog-header .info {
    top: 200px;
  } */
  .blog-single .main .single-content {
    margin-top: 100px;
  }
  .itinerary-tabs .ui-tabs-tab:before,
  .itinerary-tabs .ui-state-active:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1000px;
    background-color: var(--color-primary-hue);
    z-index: -2;
    border-radius: 0 0 5px 5px;
  }
  .itinerary-tabs .ui-state-active:before {
    background-color: #fff;
  }
  .blog .head-slider {
    position: relative;
  }
  .blog .head-slider,
  .blog .blog-header .owl-stage-outer,
  .blog-header .owl-carousel .owl-stage {
    height: auto !important;
  }
  .blog .head-slider .item img {
    height: 100% !important;
  }
  .blog .cats.tour-sticky-nav {
    margin-top: -180px !important;
  }
  .brochures-tabs,
  .brochures-page {
    display: flex;
    flex-wrap: wrap;
    padding: 100px 22px 30px;
  }
  .brochures-tabs aside,
  .brochures-page aside {
    width: 100%;
    padding: 0 46px;
    position: relative;
    z-index: 99;
  }
  .brochures-tab-content,
  .simple-content {
    width: 100%;
    overflow: hidden;
  }
  .brochures .head-slider {
    position: relative;
  }
  .brochures-header-inner {
    margin: 150px auto 0;
  }
  .holiday-options-page .brochures-header-inner {
    margin: 64px 16px auto 16px;
  }
  .holiday-options-page.no-banner .brochures-header-inner {
    margin: 168px 16px auto 16px;
  }
  .holiday-options-page .brochures-header .overflow {
    padding-top: 0;
  }
  .about-us .brochures-header-inner,
  .team .brochures-header-inner,
  .contact-us .brochures-header-inner {
    margin: 30px auto;
  }
  .brochures-tabs .sidebar-nav-list,
  .brochures-page .sidebar-nav-list {
    background-color: #fff;
    margin-top: -165px;
    padding: 0 30px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 25%);
    align-items: center;
    border-radius: 7px;
  }
  .brochure-card {
    flex-wrap: wrap;
  }
  .brochure-card__image,
  .brochure-card__text {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .brochure-card__text,
  .brochure-card:nth-child(even) .brochure-card__text {
    margin: 30px 0 0;
  }
  .brochure-card__text {
    padding: 30px 20px;
  }
  .brochure-card__image img {
    max-width: 300px;
  }
  .brochures-page .brochure-card__text {
    margin: 0;
  }
  .brochures-card-block {
    margin: 20px auto;
  }
  .sidebar-nav-list ul li:last-child {
    border: unset;
  }
  .contact-us .sidebar-nav-list ul li:last-child {
    border-bottom: 1px solid;
  }
  .account-settings .tour-conten {
    margin-top: 214px;
  }
  .uncommig-inner .item,
  .prev-quotes-inner .item,
  .prev-booking-inner .item {
    width: 100%;
  }
  .checkbox-list-inner .dur-option {
    position: relative;
    width: 100%;
    order: 2;
  }
  .checkbox-list-inner .bottom-block {
    order: 0;
  }
  .checkbox-list-inner #datepicker2 {
    order: 1;
  }
  .search-bar .checkbox-list.dur-menu-picker {
    flex-wrap: unset;
    max-height: unset !important;
    /* height: calc(100vh - 242px)!important; */
    height: 67vh !important;
    overflow: auto;
  }
  .notification-banner {
    padding-top: 10px !important;
  }
  body.menu-is_open #notification-banner {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    opacity: 0 !important;
    border: none !important;
    overflow: hidden !important;
    display: none !important;
  }
  .icon-mob-menu {
    position: absolute;
    width: 58px;
    height: 58px;
    bottom: -27px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #00a1b1;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }
  .icon-mob-menu:hover {
    background-color: #00a1b1;
  }
  .step-nav-ttl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 34px;
  }
  .page-header .bg {
    display: none !important;
  }
  .page-header .cat-bg-mog {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .result-tabs .result-list li.active:before {
    right: -29px;
  }

  .brochures-tabs > .breadcrumbs-block,
  .single-brochures .brochures-page > .breadcrumbs-block,
  .contact-page > .breadcrumbs-block,
  .faq-page > .breadcrumbs-block,
  .about-us .simple-page > .breadcrumbs-block,
  .team-page > .breadcrumbs-block {
    display: block;
  }

  .brochures-content > .breadcrumbs-block,
  .contact-us > .breadcrumbs-block,
  .faq-booking > .breadcrumbs-block,
  .about-us .about-content-outer > .breadcrumbs-block,
  .team > .breadcrumbs-block {
    display: none;
  }
  .checkbox-list .loc input[type="checkbox"]:checked:after {
    left: 50%;
  }
  .sub-p {
    text-align: left;
  }
  .checkbox-list,
  .hol-list,
  .dest-list,
  .dest-menu-list,
  .offer-type .options,
  .checkbox-list.hol-list,
  .sort-by-options,
  .dep-option,
  .holiday-option {
    position: relative;
    top: 0 !important;
  }
  .checkbox-list .main-block {
    max-height: 44vh;
    min-height: auto;
  }

  .ios .banner-image {
    z-index: 2;
  }
  .grecaptcha-badge {
    bottom: 70px !important;
  }
  .footer-baners {
    flex-wrap: wrap;
    justify-content: center;
  }
  .home-slider .item {
    height: calc(100dvh - 286px);
  }
  .home-slider .item h2 {
    font-size: 38px;
  }
  .home-slider .item p {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px){
  .carousel .owl-nav, .home-carousel .owl-nav{
      top: 33%;
  }
  .passenger-form .additional{
      padding: 50px 50px 96px;
  }
  #menu-sort{
      position: unset;
  }
  #menu-sort .main-block{
      padding: 0;
      background-color: unset;
  }
  #menu-sort .main-block li{
      margin-bottom: 0;
  }
  #menu-sort .sort-list{
      top: 253px;
  }
  #menu-sort .bottom-block{
      display: flex;
  }
  
  .category-desc{
      margin-top: 50px;
  }
  .tours-grid-2 .owl-carousel .item{
      width: auto;
  }
  .fast-links{
      justify-content: start;
  }
  .fast-links .item{
      width: 33%;
      margin-bottom: 24px;
  }
  .dur-menu-picker-inner .dur-option{
      max-width: 100%;
  }
}
@media screen and (max-width: 920px){
  .meat-the-team .item{
      flex-wrap: wrap;
  }
  .meat-the-team .item:nth-child(odd) .content-block,
  .meat-the-team .item .content-block{
      margin:5px 0 0 0;
  }
  .meat-the-team .item .content-block{
      max-width: 100%;
  }
  .meat-the-team .item:nth-child(odd){
      flex-direction: unset;
  }
  .meat-the-team .item .img-block{
      margin: 0 30px;
  }
}
@media screen and (max-width: 820px){
  .acc-tour-details-info .tour{
      padding: 0;
  }
  .search-loop article .images>.item{
      display: none;
  }
  .search-loop article .owl-nav .prev,
  .search-loop article .owl-nav .next{
      font-size: 0;
  }
  .search-loop article button:before,
  .search-loop article button:after{
      font-size: 16px;
  }
  .search-loop .tpr-btn{
      margin: 20px auto;
  }
  .search-loop article .images .search-article-mob{
      display: block;
  }
  .container{
      padding: 0;
  }
  .step-heading{
      margin-bottom: 38px;
  }
  .step-heading .primary,
  .step-heading .secondary-step-heading,
  .secondary-step-heading{
      border-radius: 0;
  }
  .step-desc{
      margin-bottom: 31px;
  }
  .step-desc,
  .start-form{
      padding: 0 36px;
  }
  .form-row.cols-3{
      grid-template-columns: 100%;
  }
  .form-row.cols-2-to-1{
      grid-template-columns: 1fr;
  }
  .form-row.cols-2-to-1 .form-items:last-child{
      display: none;
  }
  .tour{
      position: relative;
      padding: 0 36px;
      margin: 49px auto;
      grid-template-columns: 100%;
      max-width: 600px;
      gap: 0;
  }
  article.tour{
      margin-bottom: 0;
  }
  .tour:last-child:after{
      content: '';
      position: absolute;
      width: 70%;
      height: 1px;
      background: #707070;
      bottom: -30px;
      left: 50%;
      transform: translate(-50%, 0);
  }
  .tour .details{
      padding-right: 0!important;
      margin-top: 28px;
  }
  .tour .heading{
      margin-bottom: 13px;
  }
  .tour .info-table tr{
      position: relative;
  }
  .tour .info-table th,
  .tour .info-table td{
      position: relative;
      width: 100%;
      display: block;
      text-align: center;
  }
  .tour .info-table th:before{
      position: absolute;
      left: 0;
      top: 28px;
      transform: translate(0, -50%);
  }
  .tour .action{
      flex-wrap: wrap;
  }
  .tour .action .price{
      width: 100%;
      text-align: center;
  }
  .tour .action button{
      margin: 0 auto;
  }
  .form-items .item:last-child{
      margin-bottom: 0;
  }
  .start-form{
      margin-bottom: 58px;
  }
  .footer-baners .left>div{
      width: 48%;
      margin-bottom: 18px;
  }
  .flight-details{
      padding: 0 10px;
  }
  .flight-details-table{
      margin: 40px 10px;
  }
  .h-arrow, .c-arrow{
      display: none;
  }
  .h-out, .c-out,
  .h-arr, .c-arr,
  .c-name{
      width: 100%;
      text-align: center;
  }
  .flight-item .collapse-block .info>div{
      padding: 10px 22px;
  }
  .flight-item .header-block .ui-icon{
      right: 10px;
      top: 20px;
  }
  .h-logo, .c-logo, .f-logo{
      width: auto;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
  }
  .h-stop, .c-stop{
      width: auto;
  }
  .h-stop{
      min-height: 75px;
  }
  .c-stop{
      position: absolute;
      top: 0;
      left: 0;
  }
  .flight-supp-block{
      margin: 0 22px;
  }
  .flight-supp-block .supp-price,
  .flight-supp-block .supp{
      width: 50%;
      padding: 25px 0;
  }
  .flight-supp-block .supp-price{
      text-align: right;
  }
  .room-table thead{
      display: none;
  }
  .room-table{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      position: relative;
      padding: 0 36px;
      margin: 49px auto 0;
      max-width: 600px;
  }
  .room-table tbody{
      display: flex;
      width: 100%;
      flex-wrap: wrap;
  }
  .room-table tbody tr{
      position: relative;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px;
      padding: 59px 0 28px;
      border-top: unset;
      border-bottom: unset;
      margin-top: 5px;
      margin-bottom: 5px;
      border-radius: 10px;
  }
  .room-table tbody tr td{
      width: 100%;
      padding: 0;
      text-align: center;
      padding-bottom: 5px;
  }
  .room-table tbody tr td>span{
      display: inline-block;
  }
  .room-table tbody tr td:first-child{
      position: absolute;
      left: 12px;
      top: 17px;
      width: auto;
      padding: 0;
  }
  .quantity{
      justify-content: center;
      margin-top: 10px;
  }
  .form-items .quantity{
      margin-top: 0;
  }
  .form-items .quantity span{
      width: 43px;
  }
  .form-items .quantity input{
      padding: 0;
  }
  .step-desc-btn{
      padding: 0 35px;
  }
  .passenger-form .additional{
      padding: 0;
      margin: 42px 15px;
  }
  .passenger-form .additional .insurance{
      margin-top: 0;
  }
  .passenger-form .additional .centered{
      padding: 22px 22px 34px;
  }
  .passenger-form .additional .centered .form-row .form-item{
      padding: 0;
  }
  .passenger-form .additional .special{
      padding: 28px 16px 44px;
  }
  .passenger-form .additional textarea{
      min-height: 229px;
  }
  .passenger-form .additional .special .desc{
      padding: 0;
  }
  .passenger-form .additional .desc{
      padding: 0 16px 52px;
  }
  .passenger-form .additional input[type=checkbox]{
      position: relative;
      top: unset;
      left: unset;
      display: block;
      margin-bottom: 20px;
  }
  .passenger-form .additional h4{
      margin-bottom: 10px;
  }
  .passenger-form .additional .hear{
      flex-wrap: wrap;
      margin-top: 35px;
  }
  .passenger-form .additional .hear label{
      width: 100%;
      display: block;
      text-align: center;
      padding-bottom: 20px;
  }
  .passenger-form .additional select{
      max-width: 100%;
  }
  input[type=number], input[type=text], select{
      padding: 0 14px;
  }
  .passenger-form .additional .agree{
      margin: 30px auto 0;
      display: block;
  }
  .passenger-form .additional .desc,
  .passenger-form .additional .insures-field input{
      max-width: 100%;
  }
  .summary-list{
      width: 100%;
      padding: 0 15px;
      margin-bottom: 33px;
  }
  .summary-list dd:last-child{
      margin-bottom: 0;
  }
  .summary-list dt{
      padding-left: 0;
  }
  .summary-list dd .left p,
  .summary-list dt p{
      margin-bottom: 0;
      text-align: center;
      padding-bottom: 8px;
  }
  .summary-list dd{
      display: flex;
      flex-wrap: wrap;
      padding: 23px 60px;
  }
  .summary-list dd .left,
  .summary-list dd .right{
      position: relative;
      width: 100%;
      text-align: center;
      display: block;
  }
  .summary-list dd .left i{
      position: absolute;
      top: 0;
      left: -47px;
      width: 45px;
      height: 45px;
  }
  .summary-list dd .right .price{
      margin-bottom: 0;
      padding-bottom: 8px;
  }
  .summary-list dd .right .label{
      margin-bottom: 0;
  }
  .accordion-item .accordion-content{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .accordion-item .accordion-content .image{
      width: 100%;
      text-align: center;
  }
  .accordion-item .accordion-content .image p{
      margin-bottom: 0;
  }
  .transport-details .details{
      padding-right: 0;
  }
  .transport-details .details li{
      position: relative;
      display: flex;
      flex-wrap: wrap;
  }
  .transport-details .details li p{
      width: 100%;
      display: block;
      text-align: center;
  }
  .transport-details .details li p:last-child{
      margin-bottom: 0;
  }
  .transport-details .details li img{
      width: 0;
      margin: 0;
  }
  .transport-details .details li .to-right,
  .transport-details .details li .to-left{
      width: 100%;
      height: 25px;
      display: block;
      position: relative;
  }
  .transport-details .details li .to-right:before,
  .transport-details .details li .to-left:before{
      content: '\e801';
      position: absolute;
      top: 5px;
      left: 50%;
      transform: translate(-50%, 0) rotate(90deg);
      font-family: "ifont";
      font-style: normal;
      font-weight: normal;
      speak: never;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      color: #000;
      font-size: 15px;
  }
  .transport-details .details li .to-left:before{
      transform: translate(-50%, 0) rotate(-90deg);
  }
  .transport-details .details li:after{
      content: '';
      width: 40%;
      height: 1px;
      background-color: #000;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
  }
  .transport-details .details li:last-child:after{
      display: none;
  }
  .accordion-item .accordion-content .room{
      width: 100%;
  }
  .confirmation-table{
      margin: 18px 16px 0;
  }
  .passenger-form .accordion-body{
      /* padding: 0 36px; */
  }
  .passenger-form .form-row .form-item,
  .passenger-form .pass-block-label{
      padding: 0 36px;
  }
  .form-row.cols-2{
      grid-template-columns: 1fr;
  }
  .form-row .form-item{
      margin-bottom: 10px;
  }
  .tour-map{
      max-width: 640px;
      margin: 0 auto 120px;
  }
  .tour-map img{
      width: 100%;
  }
  .tour-map:after{
      height: 70%;
  }
  .featured-articles .item .image img{
      width: 100%;
  }
  .travel-currency{
      margin: 50px 0 180px;
      border-radius: 0;
  }
  .travel-currency-form{
      display: flex;
      flex-wrap: wrap;
      margin: 0 17px;
      padding: 16px 19px 19px;
  }
  .travel-currency-form img{
      display: none;
  }
  .travel-currency-form .currency{
      width: 100%;
  }
  .travel-currency-form select{
      margin-bottom: 15px;
  }
  .travel-currency-form .currency:after{
      width: 100%;
      height: 1px;
      top: unset;
      bottom: 0;
  }
  .travel-currency .currency-exchange{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  .travel-currency .currency-exchange ul{
      width: 80%;
      justify-content: space-between;
      margin: 15px auto;
  }
  .travel-currency .currency-exchange button{
      width: 100%;
  }
  .travel-currency:after{
      height: 300px;
  }
  .tours-grid .item{
      width: 100%;
      margin-bottom: 47px;
  }
  .tour-gallery .item1{
      width: 100%;
      height: 100%;
  }
  .tour-gallery:after{
      width: 100%;
      left: 0;
      height: 100%;
  }
  .tour-gallery .owl-dots{
      bottom: -50px;
  }
  .tour-gallery .owl-dots button{
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background-color: rgb(0 0 0 / 30%);
      margin: 6px;
  }
  .tour-gallery .owl-dots button.active{
      background-color: #000;
  }
  .tours-carousel.block{
      display: block;
  }
  .tours-carousel .btn-tr,
  .view-tours .btn-tr{
      font-size: 18px;
  }
  .tours-carousel .item {
    padding-bottom: 0;
  }
  .tours-carousel .item .item-content .btn-tr {
    margin-top: 22px;
    position: relative;
  }
  .tours-carousel .item,
  .view-tours .item{
      margin-bottom: 40px;
  }
  .itinerary{
      padding: 0;
  }
  .search-loop article{
      margin: 30px auto;
  }
  .search-loop article .images .item img{
      width: 100%;
      height: auto;
  }
  .sort-by-block,
  .search-page h1{
      padding: 0 30px;
  }
  .login-register{
      flex-wrap: wrap;
  }
  .login-block{
      max-width: 100%;
  }
  .lr-body{
      padding: 24px;
  }
  .login-register{
      margin-bottom: 50px;
  }
  .lr-body .form-group input[type=submit]{
      margin: 0 auto 20px;
  }
  .forgot-pass{
      text-align: center;
  }
  .lr-ttl h1,
  .lr-ttl h2,
  .lr-ttl h3{
      font-size: 18px;
      line-height: 24px;
  }
  .lr-body .form-group input{
      margin-bottom: 10px;
  }
  .view-docs a{
      margin: 10px auto;
  }
  .passenger-form .additional .marketing label {
      display: flex;
      gap: 10px;
  }
  .passenger-form .additional .confirmation label{
     display: flex;
     align-items: flex-start;
  }
  .passenger-form .additional .confirmation label input[type=checkbox]{
      top: 10px;
  }
  .passenger-form .additional .insurance{
      display: flex;
      flex-wrap: wrap;
  }
  .passenger-form .additional .insurance h4{
      width: calc(100% - 50px);
  }
  .btn-tr.popup-print-btn {
    right: 50%;
    transform: translateX(50%);
  }
  .single-tour-page .main,
  .ui-tabs-panel .main{
      padding: 0 36px;
  }
}
@media screen and (max-width: 767px) {
  .fast-links {
    justify-content: start;
  }
  .fast-links dl {
    width: 32%;
    margin-bottom: 32px;
  }
  .payment-code {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .total td:first-child {
    padding-left: 0;
  }
  #payment .accordion-content > p {
    margin-bottom: 0;
    padding: 0 15px 26px;
    text-align: center;
  }
  .payment {
    margin: 0 16px 20px;
  }
  .payment .tr {
    padding: 20px 30px;
  }
  .payment .tr:first-child .total {
    font-size: 22px;
  }
  .payment .total tr td {
    width: 50%;
  }
  .btn-tr.accent {
    width: 100%;
    max-width: 339px;
    padding: 0 15px;
  }
  .featured-articles .item {
    flex-wrap: wrap;
    margin: 0;
  }
  .featured-articles .item .image {
    position: relative;
    padding: 0 30px;
  }
  .featured-articles .item .image,
  .featured-articles .item .content {
    max-width: 100%;
    width: 100%;
  }
  .featured-articles .item .content {
    box-shadow: unset;
    margin: 0 0 53px;
  }
  .featured-articles .item:last-child {
    margin-bottom: 95px;
  }
  .featured-articles .item:last-child .content {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .featured-articles {
    margin-bottom: 75px;
  }
  .featured-articles .item .icon-label {
    transform: translate(10px, -10px);
  }
  .btn-tr {
    width: 100%;
  }
  .posts {
    padding: 57px 36px 64px;
  }
  .posts .post,
  .posts .post:nth-child(even) {
    grid-template-columns: 100%;
  }
  .posts .post {
    flex-wrap: wrap;
  }
  .posts .post .image {
    width: 100%;
  }
  .posts .post .image img {
    margin: 0;
  }
  .posts .post .desc {
    max-width: 100%;
    padding: 0;
    width: 100%;
  }
  .posts .post:first-child .image {
    grid-row-start: 2;
    order: 2;
  }
  .posts .post:first-child h2 {
    margin-bottom: 59px;
  }
  .posts .post .desc {
    text-align: center;
    margin-bottom: 36px;
  }
  .posts .post .desc p:last-child {
    margin-bottom: 0;
  }
  .posts .post:first-child .desc {
    margin-bottom: 41px;
  }
  .posts .post:nth-child(odd) .desc,
  .posts .post:nth-child(even) .desc,
  .posts .post:nth-child(odd) .image .desc {
    padding: 0;
    margin-top: 36px;
  }
  .posts .post .read-more-btn {
    margin-left: 0;
    max-width: 100%;
  }
  .posts .post:last-child .image {
    grid-row-start: 2;
  }
  .posts:after {
    height: 525px;
  }
  .featured-articles .item:last-child .image {
    margin-top: 0;
  }
  .featured-articles .item:nth-child(even) .label {
    flex-direction: row;
  }
  .tour-desc h2 {
    padding: 0;
  }
  .itinerary .item {
    padding: 51px 18px 23px;
  }
  .itinerary:after {
    top: 50%;
    height: 325px;
  }
  .itinerary-slider .owl-dots {
    bottom: -15px;
  }
  .popup-body {
    width: calc(100% - 44px);
    padding: 0;
    background-color: unset;
  }
  .popup-body .popup-inner {
    background-color: #fff;
    padding: 40px 15px;
    border-radius: 5px;
  }
  .popup-body.short {
    position: relative;
    height: 506px;
    /* width: 80%; */
    overflow: hidden;
  }
  .popup-block.show .popup-more {
    display: block;
    position: absolute;
    color: #f1570b;
    z-index: 1;
    top: 418px;
    background-color: #fff;
    padding: 25px 15px 35px;
    margin-top: 4px;
    border-radius: 0 0 5px 5px;
    width: 100%;
    left: 0;
    z-index: 99;
  }
  .popup-block.show .popup-more.hide {
    display: none;
  }
  .banner-404 {
    height: 600px;
  }
  .wrap-404-inner {
    max-width: 100%;
    padding-top: 65px;
  }
  .banner-404 .wrap {
    padding: 0 35px;
  }
  .search-blog > * {
    width: 100%;
  }
  .search-blog > *:first-child {
    border-right: unset;
    padding-right: 0;
  }
  .search-blog h2 {
    font-size: 28px;
    line-height: 35px;
  }
  .search-blog > *:last-child {
    padding-left: 0;
    margin-top: 21px;
  }
  .blog .blog-list {
    padding: 0 40px;
  }
  /* .blog .cats ul li a:before{
      right: unset;
      left: 10%;
  } */
  .tour:last-child:after {
    display: none;
  }
  .tour .checkbox {
    display: none;
  }
  .pay-depo,
  .pay-full,
  .cart-block .ttl-block {
    flex-wrap: wrap;
  }
  .cart-block .pay-count {
    padding-left: 72px;
  }
  .payment-methods .payment-block .ttl,
  .payment-methods .payment-block .bal,
  .payment-methods .payment-block .pay-count {
    width: 100%;
  }
  .pay-list li img {
    width: 90%;
    height: auto;
  }
  .payment .tr:last-child {
    padding: 20px 30px;
  }
  .acc_set-inner > * {
    width: 100%;
  }
  .settings-tour-slider .owl-stage-outer .slide {
    height: auto;
  }
  .passangers-list {
    padding: 50px 30px;
  }
  .passangers-list .item {
    width: 100%;
  }
  .view-docs {
    text-align: center;
  }
  .view-docs a {
    margin: 10px auto;
    max-width: 226px;
    width: 100%;
  }
  .trip-time dd {
    font-size: 16px;
  }
  .settings-tour-slider .trip-time dl {
    display: flex;
    justify-content: space-around;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  .posts .post .post-content-inner {
    margin: 0;
    max-width: 100%;
  }
  .posts .post .post-content-inner h2 {
    display: block;
    text-align: center;
  }
  #carousel-custom-dots.tour-dots {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .palment-notes p {
    text-align: center;
  }
  .sitemap-area {
    width: 50%;
  }
  .result-tabs .result-content {
    flex-wrap: wrap;
  }
  .result-tabs .result-content > * {
    width: 100%;
    padding-right: 0;
  }
  .contenct-side .btn-block {
    margin: 20px auto;
  }
  .contenct-side .btn-block a {
    line-height: 24px;
    font-size: 12px;
  }
  .result-tabs .result-content:before {
    width: 15px;
    height: 15px;
    left: -7px;
  }
  .result-tabs .result-content:nth-child(2):before {
    top: 27px;
  }
  .result-tabs .result-content:nth-child(3):before {
    top: 61px;
  }
  .result-tabs .result-content:nth-child(4):before {
    top: 96px;
  }
  .result-tabs .result-content:nth-child(5):before {
    top: 132px;
  }
  .banner-video.hide-mobile,
  .banner-video.hide-mobile + .banner-video-play {
    display: none;
  }
  .travel-guides-nav nav {
    flex-flow: column;
  }
  .home-slider + .main-search-home {
    margin-top: -20px;
  }
  .popup-body {
    top: 0;
  }
    .mobile .old-price {
      margin-left: 0;
    }
}
@media screen and (max-width: 640px){
  .banner h1 {
      font-size: 38px;
      line-height: 1.2;
  }
  .summary-list .list{
      padding-left: 0;
  }
  .home-carousel .owl-nav {
      top: 24%;
  }
  .home-carousel .owl-nav .next{
      right: 30px;
  }
  .home-carousel .owl-nav .prev{
      left: 30px;
  }
  .secondary-step-heading{
      width: 100%;
      display: block;
      padding: 0 65px;
      text-align: center;
  }
  .secondary-step-heading .left-icon{
      /* display: none; */
  }
  .fast-links{
      justify-content: space-between;
  }
  .fast-links dl{
      width: 48%;
  }
  .footer-main-container{
      padding: 80px 36px;
  }
  .footer-links{
      flex-wrap: wrap;
      justify-content: center;
  }
  .footer-baners .left{
      align-items: center;
  }
  .footer-baners .left>div img{
      width: 100%;
  }
  .footer-bottom-container .copy{
      padding: 0 15px;
  }
  .step-desc-btn{
      flex-wrap: wrap;
  }
  .step-desc-btn .desc{
      width: 100%;
      text-align: center;
  }
  .step-desc-btn .btn{
      margin: 25px auto 0;
  }
  .step-heading .primary .icon-mark{
      left: 12%;
  }
  .confirmation-table .row{
      padding: 20px 50px;
  }
  .single-tour-page .main,
  .ui-tabs-panel .main{
      padding: 0 36px;
  }
  .tour-desc,
  .has-sidebar{
      padding: 0;
  }
  .years-form{
      margin: 0;
      min-width: 100%;
  }
  .vessel-header .head-slider .item{
      height: 900px!important;
  }
  .tour-nav ul li a, .cats ul li a{
      padding: 20px 0;
  }
  .tour-gallery:after{
      bottom: -10%;
  }
  .guide-tabs>div{
      padding: 0 36px;
  }
  .fast-links .item{
      width: 48%;
  }
  .booking-popup{
      margin: 100px 36px;
  }
  .booking-popup__header h1,
  .booking-popup__header h2{
      font-size: 16px;
  }
  .booking-popup__header .icon-mark{
      left: 20px;
  }
  .booking-popup__body{
      padding: 50px 36px;
  }
  .summary-list .item{
      position: relative;
      flex-wrap: wrap;
      gap: unset;
      padding: 10px;
  }
  .summary-list .item .left, .summary-list .item .right{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
  }
  .summary-list .item .right>*{
      width: 100%;
      text-align: center;
  }
  .summary-list .item .left i{
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translate(0, -50%);
  }
  .summary-list p{
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
  }
  .summary-list .right p:last-child{
      padding-bottom: 0;
  }
  .secondary-step-heading{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}
@media screen and (max-width: 579px){
  .info-block-inner{
      display: block;
  }
  .home-carousel .owl-nav {
      top: 30%;
  }
  .home-carousel .owl-nav .next {
      right: 0;
  }
  .home-carousel .owl-nav .prev {
      left: 0;
  }
  .home .main{
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
  }
  .home .main .posts{
      order: 1;
  }
  .home .main>.wrap{
      order: 3;
  }
  .home .main .home-carousel{
      order: 2;
  }
  .home .main .newsletter{
      order: 4;
  }
  .home .popular-tours{
      background: url(../imgs/lines.png) repeat 0 0;
      margin: 0;
      padding: 50px 33px;
  }
  /* .home .carousel .item{
      max-width: unset;
  }
  .home .carousel .owl-item img{
      width: auto;
  } */
  .step-nav ol a{
      padding: 0;
  }
  .flight-details table {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
  }
  .flight-details table>*{
      width: 100%;
  }
  .flight-details table tr{
      position: relative;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 15px 0;
  }
  .flight-details table th,
  .flight-details table td{
      width: 100%;
      text-align: center;
      padding: 0 0 15px;
  }
  .flight-details table th:last-child{
      width: 40px;
  }
  .flight-details table th:nth-child(4),
  .flight-details table td:nth-child(4),
  .flight-details table th.hide,
  .flight-details table td.hide,
  .flight-details table td.hide{
      display: none;
  }
  .flight-details table tr.heading{
      display: flex;
  }
  .flight-details table th:first-child{
      order: 2;
  }
  .flight-details table th:nth-child(2),
  .flight-details table td:nth-child(2){
      order: 1;
      position: absolute;
      text-align: left;
      left: 26px;
      top: 16px;
      padding: 0;
      width: auto;
  }
  .flight-details table th:nth-child(3){
      order: 3;
  }
  .flight-details table th:nth-child(4){
      order: 4;
  }
  .flight-details table th:nth-child(5){
      order: 5;
  }
  .flight-details table th:nth-child(6){
      order: 6;
  }
  .flight-details table th:nth-child(7){
      position: absolute;
      top: 13px;
      right: 13px;
      padding: 0;
      width: 28px;
      height: 28px;
      display: block;
  }
  .flight-details table td:first-child{
      text-align: left;
  }
  .flight-details table tr.stop{
      padding: 0;
  }
  .flight-details table tr.stop td{
      text-align: center;
  }
  .flight-details table tfoot{
      border-top: 1px solid #000;
      margin: 0 24px;
  }
  .flight-details table tfoot tr{
      flex-wrap: nowrap;
      width: 100%;
      align-items: center;
  }
  .flight-details table tfoot td:nth-child(2){
      order: 1;
      position: relative;
      width: 50%;
      padding: 0;
      top: unset;
      left: unset;
  }
  .flight-details table tfoot td:nth-child(3){
      order: 2;
      width: 50%;
      padding: 0;
      text-align: right;
  }
  .room-table{
      padding: 0 15px;
  }
  .quantity span{
      width: 77px;
  }
  .optional-items{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 0 15px;
  }
  .optional-items .item{
      position: relative;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      padding: 34px 13px 38px;
      border-bottom: unset;
      margin-bottom: 20px;
  }
  .optional-items .item td{
      width: 100%;
      text-align: center;
      padding: 0;
  }
  .optional-items .item td:first-child{
      position: absolute;
      width: auto;
      left: 13px;
      top: 12px;
  }
  .optional-items .info{
      max-width: 100%;
  }
  .optional-items .info dt{
      padding: 0 45px 5px;
  }
  .optional-items .info .desc{
      max-width: 90%;
      margin: 0 auto;
  }
  .optional-items .info .date{
      padding-bottom: 10px;
  }
  .optional-items .info .price{
      margin-top: 14px;
      margin-bottom: 7px;
  }
  .optional-items .quantity{
      justify-content: center;
  }
  .summary-list{
      margin: 8px auto 28px;
  }
  .accordion-content{
      padding: 0;
  }
  .transport-details .details{
      margin-bottom: 70px;
  }
  .prices-table .row{
      flex-wrap: wrap;
      padding: 16px;
  }
  .prices-table .row>*{
      width: 100%;
      justify-content: center;
  }
  .prices-table .labels{
      order: 3;
  }
  .prices-table .head{
      padding: 7.5px 14px;
  }
  .prices-table .head h5{
      width: 100%;
      display: block;
      text-align: center;
      margin-left: 14px;
  }
  .prices-table .row .day{
      text-align: center;
      padding-bottom: 5px;
      width: 100%;
  }
  .prices-table .row .price{
      display: flex;
      flex-wrap: wrap;
      gap: unset;
  }
  .prices-table .row .price>*{
      width: 100%;
      text-align: center;
      padding-bottom: 5px;
  }
  .prices-table .labels>*{
      width: 100%;
      max-width: 182px;
      text-align: center;
  }
  /* .notes{
      display: none;
  } */
  .similar-tours{
      margin: 50px 0 0;
      overflow: hidden;
      padding: 0;
  }
  .tours-grid-2{
      padding: 0 36px;
      margin-bottom: 92px;
  }
  .tours-grid-2 .item{
      width: 100%;
  }
  .tours-grid-2 .item:last-child{
      margin-bottom: 0;
  }
  .newsletter{
      height: 510px;
  }
  .newsletter .confirm{
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse;
      align-items: center;
  }
  .newsletter .confirm span{
      margin-left: 0;
  }
  .newsletter .confirm input[type=checkbox]{
      top: 20px;
  }
  .newsletter .confirm input[type=checkbox]:before{
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .tours-grid .item{
      flex-wrap: wrap;
  }
  .tours-grid .item .img-block,
  .tours-grid .item .desc{
      width: 100%;
  }
  .tours-grid h3{
      margin-top: 15px;
  }
  .btn-tr{
      padding: 0 15px;
  }
  .holiday-options-page .tours-grid-2 .item .btn-tr.dif-height{
      margin-top: 20px;
  }
  .tours-grid{
      margin-bottom: 50px;
  }
  .banner .info{
      padding: 0 15px;
  }
  .tours-carousel{
      padding: 0 34px;
  }
  .images .tour-labels{
      bottom: 25px;
  }
  .tour-overview{
      padding: 20px 20px 80px;
      margin: 0 0 150px;
  }
  .brochures-header-inner h1 br{
      display: inline-block;
  }
  .brochures-header-inner p{
      max-width: 230px;
      margin: 0 auto;
  }
  .tour-header .info{
      margin-top: 45%;
  }
  .tour-nav.tour-sticky-nav{
      margin-top: 30px;
  }
  #carousel-custom-dots{
      bottom: 50px;
      display: block;
      left: 50%;
      transform: translate(-50%, 0);
  }
  .overview-tabs-outer #carousel-custom-dots{
      bottom: 0;
  }
  .vessel-header #carousel-custom-dots{
      bottom: -15px;
  }
  .posts .post:last-child .image{
      order: 1;
  }
  .posts .post:last-child .desc{
      order: 2;
  }
  .newsletter .confirm input[type=checkbox]:checked:after{
      top: 0;
      left: 0;
  }
  .account-settings .acc-step-nav ol li{
      width: auto;
  }
}
@media screen and (max-width: 480px){
  .light-box-content-inner{
      padding: 94px 24px 120px;
  }
  .light-box-content-inner .ttl span{
      padding: 0 20px;
  }
  .acc_set-inner{
      padding: 0;
  }
  .blog-list article{
      width: 100%;
  }
  .room-table{
      margin-top: 0;
  }
  .search-loop .tpr-btn{
      max-width: 100%;
  }
  .step-desc{
      text-align: center;
  }
  .holiday-options-page .step-desc{
      text-align: left;
      padding: 0;
  }
  .tour .action button{
      width: 100%;
  }
  .fast-links{
      margin-bottom: 74px;
  }
  .fast-links .item:first-child .ttl{
      border-top: 1px solid #fff;
  }
  .fast-links .item{
      border-bottom: 1px solid #fff;
      margin-bottom: 0;
  }
  .fast-links .ttl{
      position: relative;
      padding: 12px 0;
      width: 100%;
      margin: 0;
  }
  .fast-links .ttl:after{
      content: '\e801';
      position: absolute;
      right: 0;
      width: 28px;
      height: 28px;
      border: 1px solid #fff;
      border-radius: 50%;
      background: none;
      color: #fff;
      font-family: "ifont";
      font-style: normal;
      font-weight: normal;
      speak: never;
      display: inline-block;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 28px;
      font-size: 10px;
  }
  .fast-links ul{
      display: none;
      margin-left: 42px;
      margin-bottom: 12px;
  }
  .fast-links .item.open ul{
      display: block;
  }
  .fast-links ul li a{
      font-size: 14px;
  }
  .fast-links .item.open .ttl:after{
      transform: rotate(90deg);
  }
  .flight-details table th:nth-child(2),
  .flight-details table td:nth-child(2){
      left: 16px;
  }
  .arrival{
      padding: 50px 36px;
      margin-top: -20px;
      gap: unset;
  }
  .arrival>div:first-child,
  .step-heading .primary .icon-mark{
      display: none;
  }
  .secondary-step-heading h2{
      width: 100%;
      text-align: center;
      font-size: 16px;
  }
  .passenger-form .additional .agree,
  .btn-update{
      max-width: 300px;
      width: 100%;
      min-width: auto;
  }
  .accordion-item .accordion-content .room:last-child{
      margin-bottom: 15px;
  }
  #passengers{
      margin-top: -20px;
  }
  .passenger-rooms .passengers{
      flex-wrap: wrap;
      width: 100%;
      text-align: center;
      padding: 15px;
      background-color: #fff;
  }
  ul.passenger{
      width: 100%;
      margin-bottom: 15px;
  }
  ul.passenger:last-child{
      margin-bottom: 0;
  }
  .confirmation-table .row{
      padding: 28px 19px;
  }
  .confirmation-table .row p:last-child{
      margin-bottom: 0;
  }
  .confirmation-table .row:last-child{
      padding-bottom: 100px;
  }
  .btn-update-wrap{
      padding: 0 36px;
  }
  .btn-update-wrap .btn-update{
      max-width: 100%;
      width: 100%;
  }
  .tour-gallery:after{
      bottom: -20%;
  }
  .fast-links .item{
      width: 100%;
  }
  .tour-overview .btn-tr{
      width: calc(100% - 40px);
  }
  .days-list {
    text-align: left;
    overflow: hidden;
  }
  .days-list li {
    padding-left: 0;
  }
  .view-tours .owl-nav{
      top: 145px;
  }
  .tour-header .info{
      margin-top: 80%;
  }
  .brochure-select fieldset .item label{
      width: calc(100% - 41px);
  }
  .uncommig-inner .item .item-cont{
      width: calc(60% - 28px);
  }
  .uncommig-inner .item .img-block{
      width: 40%;
  }
  .about-slider .item .cat-desktop,
  .head-slider .item .cat-desktop,
  .category-slider .item .cat-desktop{
      display: none;
  }
  .about-slider .item .cat-mob,
  .head-slider .item .cat-mob,
  .category-slider .item .cat-mob{
      display: block;
  }
  .holiday-slider .item .hol-desktop{
      display: none;
  }
  
  .holiday-slider .item .hol-mob{
      display: block;
  }
}
@media screen and (max-width: 420px){
  .tour-header .info{
      margin-top: 60%;
  }
  .wrap-404-inner h1{
      padding: 30px 0;
  }
  .view-tours .owl-nav{
      top: 105px;
  }
  .sitemap-area{
      width: 100%;
  }
}
@media screen and (max-width: 375px){
  .page-nav .page-numbers{
      width: 40px;
  }
  .page-nav .page-numbers.next {
      margin-left: 10px;
  }
  .page-nav .page-numbers.prev {
      margin-right: 10px;
  }
}
/* Min width */
@media screen and (min-width: 992px){
  .dest-menu-list,
  .dur-menu-picker,
  .hol-list,
  .num-list {
      width: calc(100vw - 100px);
  }
  .dur-menu-picker {
      transform: translate(-25.5%, 0);
  }
  .hol-list{
      transform: translate(-51%, 0);
  }
  .num-list{
      transform: translate(-76.5%, 0);
  }
}
@media screen and (min-width: 1024px) {
  .page-header.brochures-header {
    height: auto;
  }
  .checkbox-list .loc > span {
    padding: 14px 13px 13px 40px;
  }
  .cats {
    margin-top: 0 !important;
  }
  .not-tab .tour-nav {
    transform: translateY(-50%);
    margin-bottom: -60px;
  }
  .search-sidebar .hol-type ul li {
    padding: 0;
  }
  .search-sidebar .hol-type ul li label {
    padding: 12px 20px;
    font-size: 16px;
    color: #000;
    display: block;
    text-decoration: none;
  }
  .quick-search-mob,
  .cat-mob {
    display: none !important;
  }
  .tours-carousel .item .item-content h4 {
    min-height: 66px;
  }
}
@media screen and (min-width: 1025px){
  .search-inputs>.label:hover .checkbox-list{
      display: block;
  }
   .label:hover,
   .label.open{
      /* background-color: #fff; */
  }
  .search-inputs>.dur-menu:hover:before{
      background: url(../../media/icon-date.png) center center no-repeat;
  }
  .search-inputs>.hol-type-menu:hover:before{    
      background: url(../../media/icon-hike.png) center center no-repeat;
  }
  .search-inputs>.num-menu:hover:before{
      background: url(../../media/icon-ppl.png) center center no-repeat;
  }
  .search-inputs .dest-menu:hover:before{
      background: url(../../media/icon-marker.png) center center no-repeat;
  }
  .search-inputs>.dur-menu:hover input::-moz-placeholder, .search-inputs>.hol-type-menu:hover input::-moz-placeholder, .search-inputs>.num-menu:hover input::-moz-placeholder, .search-inputs .dest-menu:hover input::-moz-placeholder{
      color: #000;
  }
  .search-inputs>.dur-menu:hover input::placeholder,
  .search-inputs>.hol-type-menu:hover input::placeholder,
  .search-inputs>.num-menu:hover input::placeholder,
  .search-inputs .dest-menu:hover input::placeholder{
      color: #000;
  }
  .search-inputs>.label:hover .icon-right {
      color: #000;
      border-color: #000;
      transform: rotate(90deg);
  }
  .search-inputs>.label .ttl .icon-right {
      transform: translate(0, -50%) rotate(0deg);
  }
  .search-inputs>.label .ttl.open .icon-right {
      transform: translate(0, -50%) rotate(90deg);
  }
  .offer-type .options,
  .search-bar .checkbox-list {
      left: 0;
  }
}
@media screen and (min-width: 1251px){
  .dest-menu-list,
  .dur-menu-picker,
  .hol-list,
  .num-list{
      width: calc(100vw - 190px);
  }
  .step-nav ol li a:before {
      display: none;
  }
}
@media screen and (min-width: 1368px){
  .posts .post img{
      border-radius: 5px;
  }
}
/* Between */
@media (max-height: 850px) and (min-width: 1023px){
    .checkbox-list{
        height: calc(70vh - 100px);
    }
}
@media (min-width: 1024px) and (max-width: 1250px){
    .breadcrumbs {
        padding: 8px 20px;
    }
    .checkbox-list{
        height: 65vh;
    }
    .sticky-margin{
        margin-top: 119px!important;
        margin-top: var(--header-height, 119px)!important;
    }
    .search-loop article{
        display: flex;
        flex-wrap: wrap;
    }
    .search-loop article .images{
        width: 100%;
    }
    .search-loop article .images .item img{
        width: 100%;
        height: auto;
    }
    label{
        margin-bottom: 0;
    }
    .header > .wrap{
        grid-template-columns: 1fr 54% 1.5fr;
        /* height: 48px; */
        padding: 0 20px;
    }
    .header .logo img{
        max-width: 150px;
    }

    /* start changing sec-nav to main */
    .main-nav>ul{
        gap: 0;
        justify-content: space-between;
        padding: 0 30px;
    }
    /* .main-nav a{
        height: 48px;
    } */
    .main-nav .active a{
        border-bottom-width: 5px;
    }
    .header .profile{
        padding: 0 16px;
    }
    .quick-search label{
        padding-left: 13px;
    }
    .quick-search label i{
        width: 27px;
        height: 21px;
        font-size: 16px;
    }
    .quick-search label input{
        padding: 0 0 0 6px;
    }
    .quick-search label input::-moz-placeholder{
        font-size: 16px;
    }
    .quick-search label input,
    .quick-search label input::placeholder{
        font-size: 16px;
    }
    .step-nav{
        flex-wrap: wrap;
        height: auto;
        background: unset;
        margin-bottom: 40px;
    }
    .step-nav ol{
        box-shadow: unset;
        transform: unset;
    }
    .step-nav ol a{
        font-size: 0;
        padding: 0 20px;
    }
    .account-settings .step-nav ol li{
        width: auto;
    }
    .account-settings .step-nav ol li a:before{
        display: block;
    }
    .acc-opt-sticky-nav .step-nav ol a{
        font-size: 14px;
    }
    .acc-opt-sticky-nav .step-nav ol li{
        width: 100%;
    }
    .acc-opt-sticky-nav .step-nav ol li a:before{
        display: none;
    }
    .step-nav ol li.active a{
        background-color: unset;
    }
    .step-nav ol li.active a:after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 30px;
        background: var(--color-primary-hue);
        top: 50%;
        margin-top: -15px;
        transform: unset;
    }
    .step-nav ol li a:before{
        margin-right: 0;
    }
    .step-nav ol li.active a:before{
        background-color: var(--color-primary);
        color: #fff;
    }
    .secondary-step-heading{
        margin: 0 0 38px;
    }
    .start-form{
        margin-bottom: 63px;
    }
    .tour{
        margin: 29px 0 45px;
    }
    .extensions .tour .details{
        padding-right: 0;
    }
    .tour .action .price{
        margin-bottom: 0;
    }
    .btn-update{
        margin-top: 45px;
    }
    .footer{
        margin-top: 90px;
    }
    .footer-main-container{
        padding: 45px 50px 68px;
    }
    .footer-bottom-container .copy{
        margin: 33px 0 20px;
    }
    .fast-links{
        margin-bottom: 71px;
    }
    .fast-links dl{
        width: 25%;
    }
    .fast-links dl div{
        max-width: 170px;
    }
    .footer-links{
        margin-bottom: 17px;
    }
    /* .footer-social-links a{
        width: 28px;
        height: 28px;
    } */
    .footer-social-links a:before{
        font-size: 16px;
    }
    #carousel-custom-dots{
        /* display: none; */
    }
    .tour-overview{
        max-width: 764px;
        margin: 0 auto 80px;
    }
    .popup-body .owl-nav .popup-prev{
        left: -60px;
    }
    .popup-body .owl-nav .popup-next{
        right: -60px;
    }
    /* .head-slider .item{
        height: 458px;
    } */
    .team-slider .item{
        height: 610px;
    }
}
@media (min-width: 768px) and (max-width: 1250px){
    .tours-carousel .btn-tr,
    .view-tours .btn-tr{
        /* font-size: 16px; */
    }
    .tours-carousel .owl-nav,
    .view-tours .owl-nav{
       top: calc(50% - 150px);
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hide-tablet,
    .hide-tablet + .banner-video-play {
        display: none;
    }
}