.footer-count-down-customer{display: none!important;}
/* responsive */
.mobile .topbar {
  height: 32px;
  border-bottom: 1px solid #cce5ed;
}
.mobile .topbar.fixed {
  position: fixed;
  background: #fff;
  width: 100%;
  z-index: 1000;
  height: 30px;
}
.mobile .topbar .hotline {
  font-size: 11px;
  font-weight: 500;
  color: #c4c4c4;
  line-height: 30px;
}
.mobile .topbar .icon {
  margin-left: 20px;
  line-height: 30px;
  color: #c4c4c4;
  font-size: 20px;
}
.mobile .dropdown-lang,
.mobile .dropdown-currency {
  margin-top: 2px;
}
.mobile .dropdown-lang .btn {
  min-width: 95px;
  font-size: 12px;
  padding: 2px 18px 2px 22px;
}
.mobile .dropdown-lang .btn img {
  top: 3px;
  left: 3px;
}
.mobile .dropdown-lang .dropdown-toggle::after {
  top: 2px;
}
.mobile .dropdown-lang .dropdown-menu {
  min-width: auto;
}
.mobile .dropdown-currency {
  margin-left: 5px;
}
.mobile .dropdown-currency .btn {
  font-size: 12px;
  padding: 0px 16px 1px 8px;
}
.mobile .dropdown-currency .dropdown-toggle::after {
  top: 3px;
}
.mobile .menubar {
  height: 70px;
}
.mobile .menubar.open-sidebar {
  padding-top: 30px;
}
.mobile .menubar .logo {
  height: 56px;
  margin: 0px;
  margin-top: 5px;
  width: auto;
}
.mobile .menubar .icon-menu {
  margin-top: 23px;
}
.mobile .sidebar-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  top: 30px;
  overflow-y: scroll;
  z-index: 999;
  padding: 15px;
  right: -100%;
  transition: all 0.4s;
}
.mobile .sidebar-menu.open {
  right: 0;
}
.mobile .sidebar-menu .btn-close {
  height: 26px;
}
.mobile .sidebar-menu .search {
  background: #fff;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px 5px 0px 15px;
}
.mobile .sidebar-menu .search .form-control {
  border: none;
  height: 40px;
  box-shadow: none;
  color: #717171;
  font-size: 12px;
  padding-left: 0px;
}
.mobile .sidebar-menu .search i {
  font-size: 30px;
  color: #717171;
}
.mobile .sidebar-menu .search .input-group-text {
  background: none;
  border: none;
  border-radius: 50%;
}
.mobile .sidebar-menu .user {
  width: auto;
  margin-bottom: 16px;
  float: right;
  background-color: #e9e9e9;
}
.mobile .sidebar-menu .user .name {
  text-align: left;
}
.mobile .sidebar-menu .user .dropdown {
  z-index: 99999;
}
.mobile .list-menu .list-group-item {
  background: transparent;
  padding: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.mobile .list-menu .list-group-item:last-child {
  border: none;
}
.mobile .list-menu .list-group-item a {
  text-transform: uppercase;
  color: #555;
  font-size: 16px;
  font-weight: 700;
  line-height: 60px;
  display: block;
  width: 100%;
}
.mobile .list-menu .list-group-item .icon-drop {
  line-height: 60px;
  padding: 0px 0px 0px 30px;
  font-size: 20px;
  position: absolute;
  right: 0;
  z-index: 100;
  top: 0;
}
.mobile .list-menu .list-group-item .list-group-item a {
  line-height: 50px;
  font-size: 15px;
  text-transform: none;
}
.mobile .list-menu .list-group-item .list-group-item a i {
  margin-right: 10px;
  color: #008ec1;
}
.mobile .list-menu .list-group {
  padding: 0px 15px;
}
.mobile .footer {
  padding: 50px 0px;
  font-size: 14px;
}
.mobile .footer .logo {
  width: 60%;
}
.mobile .footer .copyright {
  color: #717171;
  font-size: 12px;
}

.flatpickr-months .flatpickr-month {
  font-size: 12px !important;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767px) {
  /* header */
  .header {
    height: 100px;
  }
  .flatpickr-months .flatpickr-month {
    font-size: 11px !important;
  }

  /* Benner home */
  .banner-home {
    flex-wrap: wrap;
    height: auto;
  }
  .banner-home .carousel-indicators {
    display: none;
  }
  .banner-home .caption {
    position: absolute;
    bottom: 8px;
    left: 0px;
    z-index: 1;
    width: 60vw;
    background-color: #2d3652;
    padding: 4px 8px 4px 16px;
  }
  .banner-home .banner-slider {
    width: 100%;
  }
  .banner-slider .carousel-inner {
    border-radius: 0px;
  }
  .banner-home .col-img-other {
    display: none;
  }

  /* service */
  .service-travel-home .section-header {
    padding-bottom: 0px;
  }
  .service-travel-home .list-service {
    flex-wrap: wrap;
  }
  .service-travel-home .list-service .item {
    width: 33.33%;
  }
  .service-travel-home .list-service .item .box-cover {
    height: 60px;
    width: 60px;
  }
  .service-travel-home .list-service .item .title {
    font-size: 13px;
    font-weight: 500;
  }

  /* search home */
  .section-search-home {
    margin-bottom: 20px;
  }
  .section-search-home .service .box-service {
    width: 60px;
    height: 60px;
  }
  .section-search-home .service .title {
    font-size: 13px;
  }
  .section-search-home .col-form {
    border-left: 0px;
    border-top: 1px solid #ddd;
    padding-top: 16px;
  }
  .section-search-home .select_global .select__control {
    font-size: 13px;
  }
  .section-search-home .col-btn-search {
    text-align: center;
  }

  /* section destination home */
  .section-destination-home .list-city {
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-destination-home .list-city .city {
    width: 33.33333333%;
  }
  .section-destination-home .list-city .city .box-cover {
    width: 90px;
    height: 90px;
  }
  .section-destination-home .list-city .city .title {
    font-size: 14px;
  }
  .section-destination-home .btn-pry {
    font-size: 14px;
    line-height: 32px;
  }

  /* section hotel home */
  .section-hotel-home .hotel .box-cover {
    height: 110px;
  }
  .section-hotel-home .hotel .title {
    font-size: 15px;
  }
  .section-hotel-home .hotel .location {
    font-size: 12px;
    height: 38px;
  }
  .section-hotel-home .hotel .price .price-num {
    font-size: 15px;
  }
  .section-hotel-home .btn-pry {
    font-size: 14px;
    line-height: 32px;
  }

  /* section guide home */
  .section-guide-home .wrap-slide-guide::after {
    content: none;
  }
  .section-guide-home .wrap-slide-guide .guide .box-cover {
    height: 150px;
  }
  .section-guide-home .wrap-slide-guide .slick-next::before,
  .section-guide-home .wrap-slide-guide .slick-prev::before {
    font-size: 36px;
  }
  .section-guide-home .wrap-slide-guide .guide .title {
    font-size: 15px;
  }
  .section-guide-home .wrap-slide-guide .slick-next,
  .section-guide-home .wrap-slide-guide .slick-prev {
    top: 30%;
  }
  .section-guide-home .wrap-slide-guide .slick-next {
    right: 5%;
  }
  .section-guide-home .btn-pry {
    font-size: 14px;
    line-height: 32px;
  }

  /* section-tour-home */
  .section-tour-home .tour .card-body{padding:8px 0px 0px 0px}
  .section-tour-home .tour .card-body .card-title{font-size: 15px; line-height: 22px;}
  .section-tour-home .wrap-slide-tour .tour .footer{padding:0px}
  .section-tour-home .wrap-slide-tour .tour .cate-tour-tag{font-size: 13px;}
  .section-tour-home .wrap-slide-tour .tour .rate{margin: 4px 0px}
  .section-tour-home .wrap-slide-tour .tour .rate .text{padding:4px 0px 0px 4px}
  .section-tour-home .card-sapo span{font-size: 13px;}
  .section-tour-home .price-old{font-size: 13px;}
  .section-tour-home .time-promo{font-size: 13px !important;}
  .section-tour-home .price-percent-box{position:absolute; right: 2px; font-size: 13px; padding:0px 2px}
  .section-tour-home .price-percent-box::before{border-width: 5px; left: -9px;}
  .section-tour-home .wrap-slide-tour::after {
    content: none;
  }
  .section-tour-home .wrap-slide-tour .wrap {
    width: 104% !important;
  }
  .section-tour-home .group-btn-filter {
    flex-wrap: wrap;
  }
  .section-tour-home .group-btn-filter .btn {
    font-size: 13px;
    margin: 0px 4px;
    line-height: 32px;
    padding: 0px 4px;
    margin-bottom: 8px;
    width: 45%;
  }
  .section-tour-home .wrap-slide-tour .tour .box-cover {
    height: 110px;
  }
  .section-tour-home .wrap-slide-tour .tour .box-cover img {
    width: 100%;
    min-height: 110px;
  }
  .section-tour-home .wrap-slide-tour .slick-prev,
  .section-tour-home .wrap-slide-tour .slick-next {
    top: 35%;
  }
  .section-tour-home .wrap-slide-tour .slick-next::before,
  .section-tour-home .wrap-slide-tour .slick-prev::before {
    font-size: 36px;
  }
  .section-tour-home .wrap-slide-tour .slick-next {
    right: 5%;
  }
  .section-tour-home .wrap-slide-tour .tour .title {
    font-size: 15px;
  }
  .section-tour-home .wrap-slide-tour .tour .price .num-price {
    font-size: 15px;
  }
  .section-tour-home .btn-pry {
    font-size: 14px;
    line-height: 32px;
  }

  /* section-incentive-home */
  .section-incentive-home .head .title {
    font-size: 22px;
  }
  .section-incentive-home .slick-next::before,
  .section-incentive-home .slick-prev::before {
    font-size: 36px;
  }
  .section-incentive-home .head .view-all {
    top: 10px;
  }
  .section-incentive-home .incentive .highlight-overlay img {
    height: 100px;
  }
  .section-incentive-home .incentive .highlight-overlay h3 {
    padding: 8px;
    bottom: 8px;
    font-size: 13px;
    max-height: 40px;
    display: block;
  }

  /* section transport home  */
  .section-transport-home .wrap-slide-transport::after {
    content: none;
  }
  .section-transport-home .wrap-slide-transport .wrap {
    width: 104% !important;
  }
  .section-transport-home .wrap-slide-transport .slick-next::before,
  .section-transport-home .wrap-slide-transport .slick-prev::before {
    font-size: 36px;
  }
  .section-transport-home .wrap-slide-transport .transport:hover {
    box-shadow: none;
  }
  .section-transport-home .group-btn-filter .btn {
    font-size: 14px;
    margin: 0px 8px;
    line-height: 32px;
  }
  .section-transport-home .btn-pry {
    font-size: 14px;
    line-height: 32px;
  }
  .section-transport-home .slick-next {
    right: 5%;
  }

  /* jumbotron */
  .jumbotron {
    height: auto;
    min-height: auto;
  }
  .jumbotron h2 {
    font-size: 35px;
    line-height: 50px;
  }
  .jumbotron .sapo {
    width: 100%;
    padding-left: 0px;
    margin: auto;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 10px 20px;
    height: 100%;
  }
  .jumbotron .sapo p {
    line-height: 22px;
    font-size: 14px;
    padding-left: 30px;
    margin-bottom: 5px;
  }
  .jumbotron .sapo p .icon-air {
    margin-left: -40px;
    margin-right: 15px;
  }
  .jumbotron .wrap-sapo {
    margin-top: 10px;
  }
  .jumbotron .row-sapo {
    padding: 10px 15px;
    font-size: 14px;
    margin: 5px 0px;
  }

  /* section-destination */
  .section-destination .list-destination {
    display: block;
    padding-top: 16px;
  }
  .section-destination .list-destination .card {
    margin-bottom: 35px;
  }
  .section-destination .list-destination .card .card-body {
    padding: 20px;
  }
  .section-destination .list-destination .card .card-title {
    margin-bottom: 10px;
  }
  .section-destination .list-destination .card .box-cover {
    height: 145px;
  }
  .section-destination .list-destination .card .card-text {
    min-height: 100%;
    margin-bottom: 20px;
  }
  .section-destination .list-destination .card .btn-pry {line-height: initial;}
  .section-list-city .btn-pry {line-height: initial;}

  /* section-service */
  .section-service .card .card-body {
    padding: 20px 0px;
  }
  .section-service .card .card-text {
    min-height: 100%;
  }
  .section-service .card .card-title {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .section-service .item-edu .card .card-title {
    margin-top: 10px; margin-bottom:0px; min-height: auto;
    font-size: 18px;
  }
  .section-service .card .card-title-mobile {
    line-height: 24px;
    min-height: 50px;
  }
  .section-service .card .btn-pry {
    line-height: 35px;
    padding: 0px 40px;
    border-radius: 15px;
    font-size: 14px;
  }
  .section-car-guide .btn,
  .section-program .btn,
  .section-invite .section-header .btn-pry {
    padding: 0px 50px;
  }
  .section-service .card .box-cover img {
    height: 110px;
  }
  .section-service .home .card .card-body .btn {
    line-height: 30px;
    font-size: 12px;
    width: 100px;
    padding: 0px 15px;
  }
  .page-service .section-service {
    margin-top: 10px;
    padding-top: 0px;
  }
  .page-service .destination-banner .title {
    font-size: 18px;
  }
  .page-service .destination-banner .site-map a {
    font-size: 12px;
  }
  .page-service .destination-banner {
    padding: 25px 0px;
  }
  .page-service .section-service .card .card-title {
    font-weight: 700;
    line-height: 20px;
  }

  /* section-program */
  .section-program {
    padding: 20px 0px;
  }
  .section-program .body {
    width: 100%;
    padding: 20px 0px;
  }
  .section-program .title {
    font-size: 25px;
  }
  .section-program .sapo {
    font-size: 16px;
    line-height: 25px;
  }

  /* section-car-guide */
  .section-car-guide {
    padding: 40px 0px;
  }
  .section-car-guide .body {
    width: 100%;
    padding: 20px 0px;
    background-color: rgba(14, 29, 60, 0.6);
  }
  .section-car-guide .title {
    font-size: 24px;
    padding: 0px 20px;
  }
  .section-car-guide .sapo {
    font-size: 16px;
    line-height: 25px;
  }

  /* section-tour */
  .section-tour {
    margin-top: 20px;
  }
  .section-tour .filter {
    max-width: 100%;
  }
  .section-tour .filter .search-box{
    width: 100% !important;
  }
  .section-tour .filter .filter-box .select{
    display: none !important;
  }
  .section-tour .filter .filter-box {
    width: 100% !important;
    justify-content: end;
  }
  .section-tour .filter .filter-box button{
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .filter-tour .filter-box{
    padding-left:0px;
  }
  .wrapper-filter-tour{
    flex-direction: column;
    gap: 8px;
  }

  .filter-tour-modal .filter-accordion-header, .filter-tour-modal .card-body{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-tour .filter .col-6:nth-child(odd) {
    padding-right: 5px;
  }
  .section-tour .filter .col-6:nth-child(even) {
    padding-left: 5px;
  }
  .section-tour .destination-tab-content .card {
    margin-bottom: 15px;
  }
  .section-tour .destination-tab-content .card .rate {
    justify-content: right !important;
  }
  .section-tour .destination-tab-content .card .cate-tour-tag {
    text-align: left !important;
    font-size: 10px;
    margin-bottom: 0px;
  }
  .section-tour .destination-tab-content .card.hotel .card-body {
    padding-bottom: 0px;
    min-height: unset !important;
  }
  .section-tour .card .card-title {
    line-height: 25px;
    height: 75px !important;
    margin-bottom: 0px;
  }
  .section-tour .destination-tab-content .card .card-sapo {
    max-height: 50px;
    overflow: hidden;
  }
  .section-tour .destination-tab-content .card .time-promo {
    flex-wrap: wrap;
    justify-content: left;
  }
  .section-tour .destination-tab-content .card .time-promo .thumbs-up {
    margin-left: 0px;
  }
  .section-tour .destination-tab-content .card.hotel .price {
    margin: 0px;
    padding-bottom: 0px;
    text-align: left !important;
  }
  .destination-tab-content .card.hotel .price label {
    font-size: 14px;
  }
  .section-tour .destination-tab-content .card.hotel .price .num-price {
    font-size: 14px;
  }
  .select_global .select__control {
    font-size: 10px;
    height: 40px;
    margin-bottom: 10px;
  }
  .select_global .select__menu {
    font-size: 10px;
  }

  /* page tour */
  .page-tour .destination-tab-content .card{height: auto;}
  .page-tour .destination-tab-content .card .card-container{height: auto;}
  .page-tour .destination-tab-content .card .card-container >div+div{padding-right: 16px;}

  /* detail tour */
  .detail-tour {
    padding: 20px 0px;
  }
  .detail-tour .ultil .group-social {
    margin: 0px -10px 10px 0px;
  }
  .detail-tour .col-gallery .image-gallery-slide-wrapper.left {
    width: 100%;
  }
  .detail-tour .col-gallery .image-gallery-thumbnails-wrapper.left {
    display: none;
  }
  .detail-tour .overview .card-collapse .card-header {
    font-size: 18px;
    padding: 5px 0px;
  }
  .detail-tour .overview .card-collapse .card-header i {
    margin-top: 5px;
  }
  .detail-tour .category-overview .category {
    display: none;
  }
  .detail-tour .tour-title {
    font-size: 24px;
    line-height: 35px;
  }
  .detail-tour .overview .time-promo {
    flex-direction: column;
    line-height: 30px;
  }
  .detail-tour .overview .time-promo .group-social {
    width: 100%;
    margin-top: 30px;
  }
  .detail-tour .time-promo .lang,
  .detail-tour .time-promo .clock,
  .detail-tour .time-promo .thumbs-up {
    margin-left: 0px;
  }

  /* tour checkout */
  .tour-checkout {
    padding: 20px 0px;
  }
  .tour-checkout .tour-info .tour .box-cover {
    width: 125px;
    height: 80px;
  }
  .tour-checkout .tour-info .tour .media-title {
    font-size: 15px;
    margin-bottom: 2px;
  }
  .tour-checkout .tour-info .tour .media-body {
    font-size: 14px;
  }
  .tour-checkout .heading {
    font-size: 20px;
  }

  .bank-transfer {
    border: 1px solid #e5e5e5;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    line-height: 30px;
  }
  .bank-transfer .price {
    color: #007d99;
    font-size: 20px;
    font-weight: 700;
  }
  .bank-transfer .card-bank-info {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .bank-transfer .card-bank-info .col-logo {
    text-align: center;
  }
  .bank-transfer .card-bank-info .col-logo img {
    margin-bottom: 20px;
  }

  .tour-checkout .payment-method .card-header {
    padding: 5px 10px;
  }
  .tour-checkout .payment-method .form-check {
    padding-left: 10px;
  }
  .tour-checkout .payment-method .card-bank-transfer .card-header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .tour-checkout .payment-method .card-bank-transfer img {
    height: 40px;
    margin-bottom: 20px;
  }
  .tour-checkout .payment-method .form-check .form-check-label {
    margin-left: 20px;
  }

  /* === Global === */
  .section-header {
    padding: 20px 0px;
  }
  .section-header .title {
    font-size: 22px;
    line-height: 30px;
  }
  .section-header .title.edu{font-size: 20px;}
  .section-header .sapo {
    font-size: 14px;
    padding: 5px 0px 20px 0px;
  }
  .destination-banner {
    padding: 30px 0px;
    margin-bottom: 0px !important;
  }
  .destination-banner .title {
    font-size: 20px;
  }
  .destination-banner .site-map a {
    font-size: 13px;
  }

  .group-filter .btn-filter {
    padding: 0px 10px;
    line-height: 25px;
    font-size: 11px;
  }

  /* ===== page about ======= */
  .page-about .box-problem .title {
    margin-top: -15px;
  }
  .page-about .box-problem .title span {
    font-size: 12px;
    padding: 10px;
  }
  .page-about .box-problem .content {
    margin-top: 10px;
    padding: 0px;
  }
  .page-about .box-solution img {
    margin-left: -5px;
  }
  .page-about .box-solution .col-info {
    margin-left: 0px;
  }
  .page-about .box-feature .col-info {
    padding: 0px 20%;
  }
  .page-about .box-feature img {
    width: 100%;
    margin-right: 0px;
    margin-top: 0px;
  }
  .page-about .box-persional .col-info {
    padding: 15px 30px;
  }
  .page-about .box-flexible .wrap {
    width: 100%;
    padding-left: 0px;
    padding-top: 110px;
  }
  .page-about .box-flexible {
    background-size: contain;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 100px;
  }
  .page-about .box-connect .col-info {
    padding: 30px 15px;
  }
  .page-about .box-lasting img {
    width: 100%;
  }
  .page-about .box-lasting .col-info {
    padding: 30px 15px;
  }

  .team-profile .card .card-body {
    padding: 10px 0px;
  }
  .team-profile .card .box-cover {
    width: 130px;
    height: 130px;
  }
  .team-profile .card .box-cover img {
    width: 130px;
    height: 130px;
  }
  .team-profile .card .card-title {
    font-size: 16px;
    min-height: 40px;
  }
  .team-profile .card .card-position {
    font-size: 15px;
  }
  .team-profile .card .card-text {
    font-size: 14px;
    height: 60px;
    overflow: hidden;
  }
  .team-profile .card .btn-pry {
    padding: 0px 10px;
    font-size: 12px;
    line-height: 30px;
  }
  .team-profile .modal-body .box-info {
    width: 100%;
  }
  .team-profile .modal-body .card {
    margin-bottom: 10px;
  }
  .team-profile .modal-body .box-info {
    overflow-x: scroll;
  }

  /* === Page Destination === */
  .page-destination .area-sapo {
    width: 90%;
  }
  .page-destination .section-destination {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 1px;
  }
  .page-destination .destination-tab {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .page-destination .group-tab {
    text-align: left !important;
  }
  .page-destination .category {
    text-align: left !important;
  }
  .destination-tab button {
    font-size: 10px;
    line-height: 40px;
    padding: 0px 10px;
    margin-left: 10px;
  }
  .destination-tab-content .card .box-cover {
    height: 110px;
  }
  .card.item-tour {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
  }
  .card.item-tour .box-cover {
    height: calc(100vw / 1.8);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  .card.item-tour .box-cover img {
    min-width: 100%;
  }
  .card.item-tour .card-body {
    padding: 16px !important;
  }
  .destination-tab-content .card .box-cover img {
    width: auto;
    height: 100%;
    min-height: auto;
  }

  .destination-tab-content .card .box-cover .lazy-load-image-loaded {
    width: 100%;
    height: 100%;
  }
  .destination-tab-content .card.hotel .card-body {
    padding: 15px 0px;
  }
  .destination-tab-content .card .card-title {
    font-size: 15px;
    overflow: hidden;
    height: 60px;
  }
  .card.item-tour .card-title {
    height: auto !important;
    min-height: auto;
    text-align: left !important;
    margin-bottom: 16px;
  }
  .section-tour .destination-tab-content .card.hotel.item-tour .price {
    text-align: right !important;
  }
  .section-tour
    .destination-tab-content
    .card.hotel.item-tour
    .price
    .num-price {
    font-size: 20px;
  }
  .destination-tab-content .card .card-sapo {
    font-size: 14px;
  }
  .destination-tab-content .card .location {
    margin-bottom: 0px !important;
  }
  .destination-tab-content .card .box-cover .label-destination {
    font-size: 8px;
    opacity: 0.9;
    top: 5px;
    right: 5px;
  }
  .placeholder-destination-item .box-cover {
    height: 110px !important;
  }
  .elifelimo .car .btn-choose {
    margin-top: 8px;
  }

  .list-cities .city .box-cover:hover img {
    transform: scale(1);
  }
  .list-cities .city .box-cover {
    width: 130px!important;
    height: 130px!important;
  }
  .list-cities .city .box-cover::before {
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.6),
      0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .list-cities .city .title {
    font-size: 18px;
  }
  .list-cities .city .sapo {
    font-size: 14px;
    line-height: 24px;
  }
  .list-cities .card-body {
    padding: 10px 0px;
  }
  .list-cities .city .info .button {
    padding: 0px 10px;
    margin: 40% auto;
    line-height: 30px;
    height: 30px;
  }
  .list-cities .mb-5 {
    margin-bottom: 8px !important;
  }
  .placeholder-list-city-guru .item {
    width: 130px !important;
    height: 130px !important;
    margin: 0 auto;
  }

  /* === Destination detail ===*/
  .section-detail .content img {
    width: 100%;
    height: auto;
  }
  .destination-detail .section-detail {
    margin-top: 30px;
  }
  .section-detail .title {
    padding-bottom: 0px;
  }
  .section-detail .col-gallery {
    margin-bottom: 20px;
    width: 100%;
  }
  .section-detail
    .col-gallery
    .image-gallery-thumbnail
    .image-gallery-thumbnail-inner {
    width: 100px;
    height: 100px;
  }
  .section-detail .line {
    width: 100%;
  }
  .section-detail .location {
    padding-left: 0px;
  }

  /* === Page service === */
  .box-air-info {
    margin-top: 30px;
    padding: 10px 15px 30px 15px;
    width: 100% !important;
  }
  .box-air-info-other {
    width: 100% !important;
  }
  .box-air-info-other textarea.form-control {
    height: 100px;
  }
  .slider .slick-next {
    right: 15px;
  }
  .slider .slick-prev {
    left: 15px;
    z-index: 9;
  }
  .slider .slick-slide {
    padding: 0px;
  }
  .form-registration {
    width: 100% !important;
  }
  /* hotel */
  .form-book-hotel .wrap {
    width: 100%;
    margin-top: 20px;
  }
  .form-book-hotel .person-info {
    height: 100%;
    padding: 0px 20px;
    background-position: 30% 0px;
  }
  .form-book-hotel .ultil {
    padding-top: 30px;
  }
  /* air */
  .form-book-air .group-radio {
    flex-wrap: wrap;
  }
  .form-book-air .group-radio .title {
    width: 100%;
  }
  .box-air-person {
    padding: 0px 20px 20px 20px;
  }
  .form-book-air .group-radio .form-check {
    margin: 10px 15px 0px 0px;
  }
  .form-book-air .group-radio .form-check label {
    padding-left: 0px;
  }
  .box-air-info .flight input.form-control.name {
    margin-bottom: 20px;
  }
  .box-air-info .flight .group-add-person {
    padding-left: 30px;
  }
  .box-air-info .flight .group-add-person .icon {
    left: 0;
  }
  .box-air-info .flight .person .col-gender,
  .box-air-info .flight .person .col-age,
  .box-air-info .flight .person .col-name {
    padding-right: 15px;
  }
  .box-air-info .delete-flight {
    top: -5px;
    z-index: 9;
  }

  /* visa */
  .slider-visa .slick-next {
    right: 0px;
  }
  .slider-visa .slick-prev {
    left: 0px;
    z-index: 9;
  }
  .page-visa-profile .list-visa-profile .card .box-cover {
    height: 120px;
  }
  .page-visa-profile .list-visa-profile .card .box-cover img {
    width: 100%;
    height: auto;
    min-height: 120px;
  }
  .page-visa-profile .list-visa-profile .card .card-title {
    font-size: 18px;
    line-height: 25px;
    height: 50px;
  }
  .page-visa-profile .list-visa-profile .card .card-text {
    line-height: 25px;
    height: 75px;
  }
  .page-visa-profile .list-visa-profile .card .btn {
    padding: 0px 10px;
    line-height: 35px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  /* ==== Page program ==== */
  #time-line {
    margin: 0px;
    margin-left: 5px;
  }
  #time-line .progress-line {
    width: calc(96vw - 69vw - 22px);
  }
  #time-line .time-line-step:last-child {
    display: inline;
  }
  #time-line .time-line-step:last-child .circle {
    top: -5px;
  }
  #time-line .time-line-step .step-text {
    font-size: 10px;
  }
  #time-line .time-line-step:nth-child(2) .step-text {
    margin-left: -30px !important;
  }
  #time-line .time-line-step:nth-child(3) .step-text {
    margin-left: -10px !important;
  }
  #time-line .time-line-step:last-child .step-text {
    top: -15px;
    text-align: right !important;
    left: auto;
    right: 1%;
  }
  #time-line .time-line-step:last-child .progress-line {
    display: none;
  }
  #time-line .progress-percent {
    top: -45px;
    width: 45px;
    font-size: 12px;
    height: 28px;
    padding: 1px 0px;
  }

  .page-program {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
  }
  .page-program .destination-banner {
    margin-bottom: 40px !important;
  }
  .page-program .section-header {
    margin-bottom: 20px;
  }
  .page-program .section-header .title {
    font-size: 18px;
    margin-bottom: 15px !important;
  }
  .page-program .list-answers {
    text-align: left;
  }
  .page-program .list-answers .answers-item {
    width: 50%;
    padding: 0px;
    margin-bottom: 20px;
  }
  .page-program .list-answers .answers-item .box-cover {
    margin-bottom: 5px;
    width: 100px;
    height: 100px;
  }
  .page-program .list-answers .answers-item .answer-title {
    padding: 0px 20px;
    font-size: 12px;
  }
  .page-program .btn-next img {
    top: 11px;
  }
  .page-program .btn-next img.spiner {
    top: 7px;
  }
  .page-program .group-btn {
    width: 100% !important;
  }
  .page-program .group-btn .btn {
    width: auto;
    padding: 0px 40px;
  }
  .page-program .group-btn .btn-back {
    line-height: 41px;
  }
  .page-program .group-btn .btn-back img {
    width: 25px;
    left: 10px;
    top: 15px;
  }
  .page-program .group-btn .btn-next {
    line-height: 45px;
  }
  .page-program .group-btn .btn-next img {
    width: 25px;
    right: 10px;
    top: 18px;
  }
  .page-program .group-btn .btn-next img.spiner {
    top: 10px;
  }
  .page-program .list-destination .item .title {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .page-program .list-trip-answer .item {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .page-program .form-control-answer {
    width: 80% !important;
  }
  .page-program .budget {
    width: 100%;
  }
  .page-program .budget .title {
    font-size: 16px;
  }
  .page-program .budget .btn {
    width: 60px;
  }
  .page-program .select-date {
    width: 100%;
  }
  .page-program .select-date .title-end {
    margin-top: 40px;
  }
  .page-program .form-personal-info .w-50 {
    width: 100% !important;
  }
  .page-program .trip-content p {
    width: 100%;
  }
  .page-program .quiz-list-city .city-item .box-cover {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-width: 4px;
  }
  .page-program .quiz-list-city .city-item .title {
    font-size: 16px;
  }
  .page-program .filter-city {
    width: 100%;
  }
  .page-program .answers-item .badge {
    font-size: 9px;
  }
  .section-detail.suggest .btn-book-air {
    padding: 0px 13px !important;
  }

  /*  === page car guide === */
  .car-guide .about-tripyah {
    margin: 0px 0px 30px 0px;
  }
  .car-guide .list-city .city .box-cover {
    height: 130px;
    width: 130px;
  }
  .car-guide .list-city .city .box-cover:before {
    box-shadow: inset 0 0 0 4px hsla(0, 0%, 100%, 0.6),
      0 0px 1px rgba(0, 0, 0, 0.3);
  }
  .car-guide .list-city .city .title-city {
    font-size: 14px;
  }
  .car-guide .list-guru .card-guru .box-cover {
    height: 150px;
  }
  .car-guide .list-guru .card-guru .box-cover img {
    height: 100%;
    width: auto;
  }
  .car-guide .card-guru .card-body {
    padding: 10px 8px;
  }
  .car-guide .list-guru .card-guru .card-title {
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 4px;
  }
  .car-guide .list-guru .card-guru .location {
    font-size: 13px;
  }
  .car-guide .list-guru .card-guru .rate .icon-star {
    font-size: 18px;
  }
  .car-guide .list-guru .filter {
    margin-bottom: 10px !important;
  }
  .car-guide .list-guru .select .select__control {
    font-size: 13px;
    height: 40px;
  }
  .car-guide .list-guru .select__menu {
    font-size: 13px;
  }
  .car-guide .list-guru {
    padding-top: 20px;
  }
  .car-guide .guru-head-same {
    font-size: 16px !important;
  }

  .guru-detail .destination-banner .title {
    font-size: 20px;
  }
  .guru-detail .guru-info {
    padding: 30px 15px;
    width: 100%;
  }
  .guru-detail .guru-language .level {
    padding: 5px 20px;
  }
  .guru-detail .tab-service {
    width: 100%;
  }
  .guru-detail .DayPicker {
    width: 100%;
  }
  .guru-detail .calendar .DayPicker-NavButton--prev {
    left: 0px;
  }
  .guru-detail .calendar .DayPicker-NavButton--next {
    right: 0px;
  }
  .guru-detail .calendar .DayPicker-Day {
    padding: 10px 14px;
  }
  .guru-detail .guru-info .guru .guru-name {
    font-size: 18px;
  }
  .guru-detail .card-booking {
    width: 95%;
  }
  .guru-detail .card-booking .box {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .guru-detail .card-booking .box .btn-pry {
    padding: 0px 20px;
    line-height: 30px;
    font-size: 14px;
  }
  .guru-detail .card-booking .card-body {
    padding: 5px 15px;
  }
  .guru-detail .card-booking .btn-pry {
    margin-top: -10px;
  }
  .guru-detail .guru-calendar-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .guru-detail .guru-calendar-title .note {
    flex-wrap: wrap;
  }
  .guru-detail .guru-calendar-title .item-note {
    width: 40%;
  }

  .car-guide .booking {
    width: 100%;
  }
  .car-guide .booking .row {
    margin-bottom: 0px;
  }
  .car-guide .booking .row .col-12 {
    margin-bottom: 15px;
  }
  .car-guide .booking .title.interest {
    text-align: left !important;
  }
  .car-guide .booking .box-price {
    height: 150px;
  }
  .car-guide .group-btn-mobile {
    width: 100%;
  }
  .car-guide .group-btn-mobile .btn {
    width: 45%;
    padding: 0px;
    margin-top: 10px;
  }
  .car-guide .with-car {
    text-align: left !important;
  }
  .car-guide .col-with-car {
    margin-bottom: 10px;
  }
  .car-guide .booking.step-3 .title {
    font-size: 13px;
  }
  .car-guide .payment-method .head {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .car-guide .payment-method .sapo {
    font-size: 13px;
  }

  /*  === page hotel === */
  .page-hotel .list-hotel {
    margin-top: 20px;
  }
  .page-hotel
    .list-hotel
    .lazy-load-image-background.blur.lazy-load-image-loaded {
    width: 100%;
  }
  .page-hotel .card-hotel .rate {
    margin: 0px;
  }
  .page-hotel .group-filter {
    margin-bottom: 20px;
  }
  .hotel-detail {
    padding: 15px 0px;
  }
  .hotel-detail .col-gallery {
    margin-right: 0px;
  }
  .hotel-detail .col-gallery .image-gallery-thumbnails-wrapper {
    margin-top: 15px;
  }
  .hotel-detail .col-gallery .image-gallery-thumbnail {
    margin-right: 15px;
  }
  .hotel-detail
    .col-gallery
    .image-gallery-thumbnail
    .image-gallery-thumbnail-inner {
    width: 90px;
    height: 90px;
  }
  .hotel-detail .btn-book {
    width: 100%;
  }
  .hotel-detail .box-date .form-control-global {
    margin-bottom: 15px;
  }
  .hotel-detail .box-date i {
    display: none;
  }
  .hotel-detail .box-date .btn-pry {
    width: 100%;
  }
  .hotel-detail .list-room .room .box-cover {
    margin-bottom: 15px;
  }
  .hotel-detail .list-room .room .col-info {
    padding-left: 15px !important;
  }
  .hotel-detail .list-room .room .col-info + div {
    margin-top: 0px !important;
    text-align: right !important;
    padding-right: 30px !important;
    margin-bottom: 15px;
  }
  .hotel-detail .list-room .room .col-info + div .btn-group {
    margin-left: 15px;
  }
  .list-room .room .box-cover .lazy-load-image-background {
    width: 100%;
    min-height: 100%;
    height: auto;
  }
  .list-room .control-quantity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .list-room .control-quantity .select {
    width: 100%;
    max-width: 120px;
  }
  .hotel-checkout .tour-info .tour {
    display: flex;
    flex-wrap: wrap;
  }
  .hotel-checkout .tour-info .tour .box-cover {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    margin-right: 0px;
  }
  .hotel-checkout .tour-info .col-checkout {
    border: none !important;
    padding-left: 15px !important;
    margin-top: 20px;
  }
  .hotel-checkout .contact-info .row-info {
    margin-bottom: 10px;
  }
  .hotel-checkout .contact-info .col-head {
    font-weight: 700;
  }
  .hotel-pay-cancel .container {
    width: 100% !important;
  }
  .hotel-pay-cancel .alert {
    margin: 20px 0px !important;
  }

  .hotel-detail .box-total {
    position: fixed;
    bottom: -5px;
    z-index: 9;
    height: 185px;
    width: 100%;
    box-shadow: 1px 1px 15px #999;
  }
  .hotel-detail .box-total .text-total {
    line-height: 30px;
    font-size: 14px;
  }
  .hotel-detail .box-total .btn-pry {
    width: 150px;
    padding: 0;
    margin: 10px;
  }
  .hotel-detail .box-total .text-total.total-for {
    width: 40%;
    display: inline-block;
  }
  .hotel-detail .box-total .text-price {
    width: 50%;
    display: inline-block;
    text-align: right !important;
    font-size: 20px;
    line-height: 20px;
  }
  .hotel-detail .box-total .group-btn-booking {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .hotel-detail .box-total .group-btn-booking .btn-pry {
    width: 48%;
  }

  .hotel-confirm {
    width: 100%;
    padding: 15px;
  }
  .hotel-confirm .title {
    font-size: 16px;
  }
  .hotel-order-info {
    width: 100%;
  }
  .hotel-order-info .media .box-cover {
    width: 90px;
    height: 60px;
    overflow: hidden;
  }
  .hotel-order-info .media .box-cover img {
    width: 100% !important;
    min-height: 100%;
  }
  .hotel-order-info .media .room-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  /*  === page cruise === */
  .page-cruise .list-cruise {
    margin-top: 20px;
  }
  .page-cruise
    .list-cruise
    .lazy-load-image-background.blur.lazy-load-image-loaded {
    width: 100%;
  }
  .page-cruise .card-cruise .rate {
    margin: 0px;
  }
  .page-cruise .group-filter {
    margin-bottom: 20px;
  }
  .cruise-detail {
    padding: 15px 0px;
  }
  .cruise-detail .col-gallery {
    margin-right: 0px;
  }
  .cruise-detail .col-gallery .image-gallery-thumbnails-wrapper {
    margin-top: 15px;
  }
  .cruise-detail .col-gallery .image-gallery-thumbnail {
    margin-right: 15px;
  }
  .cruise-detail
    .col-gallery
    .image-gallery-thumbnail
    .image-gallery-thumbnail-inner {
    width: 90px;
    height: 90px;
  }
  .cruise-detail .btn-book {
    width: 100%;
  }
  .cruise-detail .box-date .form-control-global {
    margin-bottom: 15px;
  }
  .cruise-detail .box-date i {
    display: none;
  }
  .cruise-detail .box-date .btn-pry {
    width: 100%;
  }
  .cruise-detail .list-cabin .cabin .box-cover {
    margin-bottom: 15px;
  }
  .cruise-detail .list-cabin .cabin .col-info {
    padding-left: 15px !important;
  }
  .cruise-detail .list-cabin .cabin .col-info + div {
    margin-top: 0px !important;
    text-align: right !important;
    padding-right: 30px !important;
    margin-bottom: 15px;
  }
  .cruise-detail .list-cabin .cabin .col-info + div .btn-group {
    margin-left: 15px;
  }
  .list-cabin .cabin .box-cover .lazy-load-image-background {
    width: 100%;
    min-height: 100%;
    height: auto;
  }
  .list-cabin .control-quantity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .list-cabin .control-quantity .select {
    width: 100%;
    max-width: 120px;
  }
  .cruise-checkout .tour-info .tour {
    display: flex;
    flex-wrap: wrap;
  }
  .cruise-checkout .tour-info .tour .box-cover {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    margin-right: 0px;
  }
  .cruise-checkout .tour-info .col-checkout {
    border: none !important;
    padding-left: 15px !important;
    margin-top: 20px;
  }
  .cruise-checkout .contact-info .row-info {
    margin-bottom: 10px;
  }
  .cruise-checkout .contact-info .col-head {
    font-weight: 700;
  }
  .cruise-pay-cancel .container {
    width: 100% !important;
  }
  .cruise-pay-cancel .alert {
    margin: 20px 0px !important;
  }

  .cruise-detail .box-total {
    position: fixed;
    bottom: -5px;
    z-index: 9;
    height: 185px;
    width: 100%;
    box-shadow: 1px 1px 15px #999;
  }
  .cruise-detail .box-total .text-total {
    line-height: 30px;
    font-size: 14px;
  }
  .cruise-detail .box-total .btn-pry {
    width: 150px;
    padding: 0;
    margin: 10px;
  }
  .cruise-detail .box-total .text-total.total-for {
    width: 40%;
    display: inline-block;
  }
  .cruise-detail .box-total .text-price {
    width: 50%;
    display: inline-block;
    text-align: right !important;
    font-size: 20px;
    line-height: 20px;
  }
  .cruise-detail .box-total .group-btn-booking {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .cruise-detail .box-total .group-btn-booking .btn-pry {
    width: 48%;
  }

  .cruise-confirm {
    width: 100%;
    padding: 15px;
  }
  .cruise-confirm .title {
    font-size: 16px;
  }
  .cruise-order-info {
    width: 100%;
  }
  .cruise-order-info .media .box-cover {
    width: 90px;
    height: 60px;
    overflow: hidden;
  }
  .cruise-order-info .media .box-cover img {
    width: 100% !important;
    min-height: 100%;
  }
  .cruise-order-info .media .cabin-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .page-air .section-flight {
    height: auto;
    background-size: cover;
    background-position: center right;
  }

  /*  ========= News ======== */
  .news .list-post .media {
    flex-wrap: wrap;
  }
  .news .list-post .media .box-cover {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .news .travel-guide-sidebar {
    display: none;
  }
  .news .section-header {
    margin-top: 10px;
  }
  .news .detail .title {
    font-size: 26px;
    line-height: 35px;
  }
  .news .traveler-guide {
    width: 100% !important;
  }
  .news .traveler-guide .card-body {
    padding: 17px 0px;
  }
  .news .traveler-guide .box-cover {
    width: 90px;
    height: 90px;
    margin: 0 auto;
  }
  .news .traveler-guide .card-title {
    font-size: 15px;
    line-height: 22px;
    min-height: 50px;
    margin-bottom: 0px;
  }
  .news .traveler-guide .card .btn {
    line-height: 30px;
    padding: 0px 20px;
  }
  .news .section-header .sapo {
    width: 100% !important;
  }
  .news .list-post .card .box-cover {
    height: 100px;
  }
  .news .list-post .card .card-title {
    font-size: 15px;
    line-height: 22px;
  }
  .news .list-post .card .card-text {
    font-size: 14px;
  }
  .news.page-travel-guide .traveler-guide .box-cover img {
    width: 90px;
    height: 90px;
  }
  .news.page-travel-guide .traveler-guide .card-title {
    min-height: 50px;
    font-size: 15px;
  }
  .news .related .card .box-cover {
    height: 100px;
  }
  .news .related .card .card-title {
    font-size: 14px;
  }
  .news .related .related-head {
    font-size: 16px;
  }

  .section-invite {
    padding: 20px 0px;
    background-size: 100% 232px;
    min-height: 200px;
  }
  .section-invite .section-header {
    padding: 0px;
  }

  /* ==== login ==== */
  .login {
    padding: 20px 0px;
  }
  .login .wrap-box-login {
    width: 100%;
  }

  /* ===== footer === */
  /* footer-top */
  .footer-top {
    padding: 30px 0px !important;
  }
  .footer-top .logo-footer {
    text-align: center;
  }
  .footer-top .logo-footer img {
    width: 140px;
  }
  .footer-top .social-group {
    text-align: center;
  }
  .footer-top .newsletter-title {
    text-align: center;
  }
  .footer-top .thetrip {
    text-align: center;
  }
  .footer-bottom {
    padding: 20px;
  }
  .footer-bottom .copyright {
    font-size: 12px;
    margin-top: 15px;
  }
  .footer-top .list-group .list-group-item {
    line-height: 20px;
  }
  .footer-top .list-head {
    margin-top: 30px;
    padding-bottom: 5px;
    margin-bottom: 7px;
    font-size: 14px;
    text-align: left;
  }
  .footer-top .col-sup {
    max-width: 50%;
  }
  .footer-top .col-assitant {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .float-button-fixed-group {
    right: 10px;
  }
  .float-button-fixed-group.show-content .wrapper-button .content {
    height: 60vh;
  }
  .float-button-fixed-group .wrapper-button .content img {
    max-width: 95vw;
    width: auto;
    height: 100%;
  }
  .float-button-fixed-group .wrapper-button .btn {
    margin-left: 8px;
  }
  .float-button-fixed-group .wrapper-button .btn p {
    font-size: 12px;
  }
  .float-button-fixed-group .wrapper-button .btn-view-detail {
    font-size: 14px;
    height: 40px;
    left: unset;
    padding: 0px 24px;
    min-width: 180px; left:50%;
    transform: translateX(-50%);
  }
  .footer-count-down-timer .day {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
  .footer-count-down-timer .stext {
    font-size: 10px;
  }
  .footer-count-down-timer .groups-count {
    gap: 8px;
  }
  .footer-count-down-customer {
    left: 8px;
    flex-direction: column;
    bottom: 4px;
  }
  .footer-count-down-customer .count {
    padding: 2px 8px 0px 8px;
    height: 26px;
    font-size: 16px;
    margin: 0px 4px;
    letter-spacing: 2px;
  }
  .float-button-fixed-group .content .icon-close-top {
    left: 8px;
    top: 0px;
  }
  .action-buttons-container {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
  }

  .btn-action {
    position: relative;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
  }

  .float-button-fixed-group {
    transition: transform 0.3s ease-in-out;
  }
  .float-button-fixed-group.slide-in {
    transform: translateX(0);
  }

  .float-button-fixed-group.slide-out {
    transform: translateX(calc(100% - 13px));
  }

  .btn-action.slide-out {
    transform: translateX(120%);
  }

  .btn-action.slide-in {
    transform: translateX(0);
  }

  .btn-action.sliding {
    pointer-events: none;
  }

  .btn-show-icon-mobile {
    z-index: 2;
    position: relative;
  }
  .show-content .btn-show-icon-mobile {
    display: none !important;
  }

  .hide-content .btn-show-icon-mobile {
    display: flex !important;
  }

  .btn-show-icon-mobile {
    background: #dbac3a;
    width: 24px;
    height: 50px;
    border: none;
    color: white;
    border-radius: 8px 0 0 8px;
    display: block;
  }
  /* ============= contact ================== */
  .form-registration .btn-send {
    margin-bottom: 30px;
    width: 80%;
  }
  .form-registration .row-btn-send {
    text-align: center;
  }
  .form-registration .form-contact-note {
    height: 100px !important;
    margin-bottom: -20px;
  }

  /* ============= user profile ================== */
  .user-profile .col-left {
    display: none;
  }
  .user-profile .section-header .title {
    font-size: 16px;
  }
  .user-profile{
    padding: 16px 0px;
  }
  .user-profile .group-filter {
    text-align: center;
  }
  .user-profile .select_global .select__control,.user-profile .select_global .select__menu {
    font-size: 14px;
  }

  .user-profile .user-post{
    border: none;
    padding: 0
  }
  /* User voucher  */
  .user-profile .voucher-card-user{
    font-size: 15px;
    border-radius: 16px;
    margin-bottom: 16px
  }
  .user-profile .name-v{
    font-weight: 500;
  }
  
  .user-profile.travelagent-statistic .nav-tabs .nav-item{
    margin-bottom: 8px;
  }
  .user-profile.travelagent-statistic .card.stat-card{
    border-radius: 16px;
  }
  .user-profile.travelagent-statistic .card.stat-card .card-title {
    color: #000000 !important;
    border-bottom: 1px solid #ececec;
    padding-bottom: 12px;
    font-size: 16px;
  }
  .user-profile.travelagent-statistic .nav-tabs{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-top: 1px;
    padding-bottom: 12px;
  }
  .user-profile.travelagent-statistic .nav-tabs button:focus{
    outline: none;
  }
  .user-profile.travelagent-statistic .nav-tabs button{
    white-space: nowrap;
    border-radius: 30px;
    margin-right: 8px;
    border: 1px solid #DBAC3A;
    color: #DBAC3A;
    background: none;
  }
  
  .user-profile.travelagent-statistic .nav-tabs .active{
    background: #DBAC3A;
    color: white;
  }
  /* User hotel  */
  .user-booking-hotel{
    margin: 0 -15px;
  }
  .user-booking-hotel .list-booking .item{
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
  }
  .user-booking-hotel .list-booking .col-md-9{
    padding: 0
  }

  .user-booking-hotel .list-booking .item .media{
    flex-direction: column
  }
  .user-booking-hotel .list-booking .item .box-cover{
    width: 100%;
    height: 240px;
    border-radius: 0;
  }
  .user-booking-hotel .list-booking .item img{
    object-fit: cover;
  }
  
  .user-booking-hotel .list-booking .item .media-body{
    padding: 16px
  }
  .user-booking-hotel .list-booking .item .btn-detail{
    margin: 0;
  }
  .user-booking-hotel .list-booking .item .price{
    font-size: 18px
  }
  .user-booking-hotel .list-booking .item .col-price{
    display: flex;
    justify-content: space-between;
    margin: 0 16px;
    align-items: center;
    border-top: 1px solid #e5e5e569;
    padding: 16px 0;
  }
  /* tour guide */
  .user-booking-guide .group-filter{
    margin: 16px 0 !important;
    display: flex;
    overflow: auto;
  }
  .user-booking-guide .group-filter .btn-filter{
    padding: 8px 14px;
    line-height: 25px;
    font-size: 16px;
    white-space: nowrap;
    margin-top: 2px;
  }

  .user-booking-guide .col-item{
    font-size: 14px
  }
  .user-booking-guide .guide-list-item .media{
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 23px;
  }

  .user-booking-guide .guide-list-item{
    border-radius: 16px;
  }
  .user-booking-guide .guide-list-item dt{
    width: 150px;
    min-width: 150px;
  }
  /* ============= web builder ================== */
  .destination-banner.banner-web {
    background-position-y: 0px;
  }
  .banner-web .mark-bg {
    padding: 40px 0px;
  }
  .web-builder-header {
    padding: 25px 0px 10px 0px;
    font-size: 24px;
  }
  .web-builder-sapo {
    width: 100%;
  }
  .web-builder .img-step {
    width: 100%;
    margin-top: 30px;
  }
  .web-builder .img-step .title {
    margin: 0px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .web-builder .img-step img {
    width: 100%;
  }
  .tabs-package .tab-header-wrap {
    width: 100%;
  }
  .tabs-package .tab-header-wrap .tab-item {
    font-size: 18px;
    line-height: 20px;
  }
  .tabs-package .tab-header-wrap .tab-item span {
    font-size: 11px;
    line-height: 18px;
  }
  .tab-pane .shop .d-flex {
    flex-wrap: wrap;
  }
  .tab-pane .shop .content {
    width: 100%;
    padding-right: 0px;
  }
  .tabs-package .shop .package-info {
    width: 100%;
    padding: 20px;
  }
  .tabs-package .shop .package-info .group-btn-action .btn-action {
    padding: 10px 15px;
    font-size: 14px;
  }
  .tabs-package .shop .package-info .title {
    font-size: 24px;
  }
  .tabs-package .shop .package-info .price {
    font-size: 20px;
  }
  .tabs-package .shop .package-info .price .big {
    font-size: 35px;
  }
  .tabs-package .shop .package-info .list-group-item {
    font-size: 14px;
    padding: 6px 0px 6px 40px;
  }
  .tabs-package .shop .package-info .list-group-item i {
    font-size: 32px;
    top: 3px;
  }
  .tabs-package .shop .package-info .group-btn-action {
    margin-top: 15px;
  }
  .col-head {
    min-width: 200px;
    font-size: 16px;
  }
  .package-travel {
    border: none;
  }
  .package-travel-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .package-travel .price .big {
    font-size: 24px;
  }
  .package-travel .price {
    font-size: 18px;
  }
  .package-travel .group-btn-action .btn-action {
    width: 60%;
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px 15px;
  }
  .col-v1,
  .col-v2,
  .col-v3 {
    min-width: 220px;
  }
  .package-travel .favorite {
    font-size: 18px;
    top: -47px;
  }
  .tab-pane-travel .accordion-content {
    margin-top: 0px;
  }
  .tab-pane-travel .accordion-content .card {
    margin-bottom: 30px;
  }
  .accordion-content .card-header {
    font-size: 18px;
  }
  .accordion-content .card-header .ion {
    font-size: 20px;
    margin-top: 5px;
  }
  .accordion-content .content-title {
    font-size: 18px;
  }
  .package-info-mobile {
    padding: 20px;
    box-shadow: none;
  }
  .package-info-mobile .group-btn-action .btn-action {
    padding: 10px 15px;
    font-size: 14px;
  }
  .package-info-mobile .title {
    font-size: 24px;
  }
  .package-info-mobile .price {
    font-size: 20px;
  }
  .package-info-mobile .price .big {
    font-size: 35px;
  }
  .package-info-mobile .list-group-item {
    font-size: 14px;
    padding: 6px 0px 6px 40px;
  }
  .package-info-mobile .list-group-item i {
    font-size: 32px;
    top: 3px;
  }
  .package-info-mobile .group-btn-action {
    margin-top: 15px;
  }
  .package-info-mobile .line {
    background: #fff;
    width: 60px;
  }

  body {
    top: 0px !important;
  }

  .list-area-visa .card {
    margin-bottom: 40px;
  }
  .list-area-visa .card .box-cover {
    height: 145px;
  }
  .page-visa-area .img-map {
    margin-bottom: 20px;
  }
  .page-visa-area .area-description {
    padding-left: 0px !important;
  }
  .page-visa-area .country a {
    font-size: 16px;
  }
  .page-visa-country .nav-pills {
    flex-direction: row !important;
    margin-bottom: 20px;
    justify-content: center;
  }
  .page-visa-country .nav-pills .nav-link {
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    padding: 0px 13px;
    line-height: 40px;
    margin-right: 5px;
    border: 1px solid #6c757d;
    color: #6c757d;
    border-radius: 15px;
  }
  .page-visa-country .nav-pills .nav-link.active,
  .page-visa-country .nav-pills .show > .nav-link {
    font-size: 15px;
    background: #2d3552;
    color: #fff;
    border-radius: 15px;
    border-color: #2d3552;
  }
  .form-registration .title-header {
    font-size: 18px;
    margin-top: 20px;
  }
  .book-alert-info {
    width: 100% !important;
    margin-top: 10px !important;
  }

  .pagination .page-link {
    padding: 3px 9px;
    font-size: 14px;
  }
  .label-min {
    margin-bottom: 15px;
  }
  .wrap-input-range {
    height: 20px;
  }
  .wrap-input-range .input-range {
    margin-top: 0px;
  }

  .select-price-range {
    height: 40px;
  }
  .select-price-range .value-container {
    font-size: 10px;
  }
  .select-price-range .line-space {
    margin-bottom: 11px;
  }
  .select-price-range .indicator-container {
    margin-top: -6px;
  }
  .select-price-range .dropdown {
    top: 44px;
  }

  .select_gender .select__control {
    font-size: 15px;
  }
  .select_gender .select__menu {
    font-size: 15px;
  }
  .register .btn-pry {
    font-size: 15px;
  }

  .rc-time-poup .rc-time-picker-panel-inner {
    margin-left: 16px;
    width: 92%;
  }
  .rc-time-poup {
    width: 100% !important;
  }
  .rc-time-picker-panel-select {
    max-height: fit-content;
  }
  .to-time-mobile {
    text-align: left !important;
  }

  .list-premium-service {
    overflow-y: scroll;
    height: 300px;
  }
  .list-premium-service .item {
    margin-bottom: 10px;
  }
  .page-visa-country .payment-method img {
    width: 100px;
  }

  /* lifelimo */
  .elifelimo .tab-bus .nav-item {
    margin-right: 10px;
    font-size: 14px;
  }
  .elifelimo .tab-bus {
    display: flex;
    justify-content: space-between;
  }
  .elifelimo .col-from-date {
    padding: 8px !important;
  }
  .elifelimo .group-to-date {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .elifelimo .date_to {
    width: 100%;
    margin-top: 8px;
  }
  .elifelimo .date_to.disabled::before {
    width: 97%;
  }
  .elifelimo .program-detail .text-allow {
    padding-left: 36px;
  }
  .elifelimo .program-detail .btn-attach {
    padding: 0px 20px;
    width: auto;
  }
  .elifelimo .program-detail .col-detail {
    padding-left: 8px !important;
  }
  .elifelimo .program-detail .form-area {
    padding-left: 36px;
    padding-top: 16px;
  }

  /* mydaytrip */
  .modal-trip-option .item-option {
    padding: 16px 16px 16px 24px;
    flex-direction: column;
  }
  .modal-trip-option .item-option::before {
    left: -4px;
  }
  .modal-trip-option .item-option::after {
    left: -8px;
  }
  .modal-trip-option .item-option .price-img {
    flex-direction: row-reverse;
    margin-bottom: 8px;
    margin-right: 0px;
  }
  .modal-trip-option .item-option .price-img .price {
    font-size: 18px;
    text-align: right;
    font-weight: 700;
  }

  /* page cart */
  .page-cart .select-date select {
    min-width: 150px;
  }
  .page-cart .payment-method .icon-onepay {
    width: 90px;
  }

  /* affiliate */
  .page-affiliate .banner {
    height: 230px;
    position: relative;
    background-position: right bottom;
    background-size: 80%;
    margin: 0px 0px 20px 0px;
  }
  .page-affiliate .banner .cooperate {
    font-size: 18px;
    margin-top: -30px;
    margin-bottom: 5px;
  }
  .page-affiliate .banner .earn {
    font-size: 18px;
  }
  .page-affiliate .banner .btn-pry {
    font-size: 13px;
    padding: 0px 16px;
    margin-top: -10px;
  }
  .page-affiliate .box-signup-free {
    padding: 8px;
  }
  .page-affiliate .box-signup-free .btn-singup {
    padding: 0px 10px;
    font-size: 13px;
    width: 100%;
  }
  .page-affiliate .reasons .head {
    font-size: 18px;
  }

  .page-supplier .banner .headline {
    font-size: 30px;
    max-width: 100%;
    line-height: 45px;
    margin-top: 20px;
  }
  .page-supplier .banner .btn-signup {
    font-size: 18px;
    padding: 0px 30px;
  }
  .page-supplier .highlight-features-desktop {
    max-width: 100%;
    flex-direction: column;
    margin-top: 20px;
  }
  .page-supplier .highlight-features-desktop .highlight-middle {
    margin: 0px;
  }
  .page-supplier .highlight-features-desktop .highlight-middle::before {
    display: none;
  }
  .page-supplier .highlight-features-desktop .highlight-middle::after {
    display: none;
  }
  .page-supplier .airline-agent-benefits {
    flex-direction: column;
  }
  .page-supplier .airline-agent-benefits .airline-agent-benefits-features {
    width: 100%;
    margin-bottom: 20px;
  }
  .page-supplier
    .airline-agent-benefits
    .airline-agent-benefits-features-middle {
    margin: 0px;
  }
  .page-supplier
    .airline-agent-benefits
    .airline-agent-benefits-features-middle::before {
    display: none;
  }
  .page-supplier
    .airline-agent-benefits
    .airline-agent-benefits-features-middle::after {
    display: none;
  }
  .page-supplier .airline-agent-benefits .airline-agent-benefits-title {
    margin-bottom: 20px;
    margin-top: 0px !important;
  }
  .page-supplier .benefits .btn-signup {
    margin-top: 20px !important;
  }

  /* Page search */
  .page-search .card.hotel .price .num-price {
    font-size: 14px;
  }
  .page-search .card.hotel .price {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .page-search .card.hotel .card-body {
    padding-bottom: 0px;
  }
  .page-search .card .card-title {
    line-height: 22px;
    height: 40px;
    min-height: 40px;
  }
  .header .poup-result {
    width: 100%;
    max-width: 100%;
    left: 0px;
    z-index: 999;
    top: 50px;
  }
  .header .poup-result .scroll-result {
    height: auto;
    max-height: calc(100% - 300px);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  /* Review */
  .block-review .block-review-title {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .block-review .rate-filter button {
    font-size: 12px;
    margin-right: 7px;
    padding: 0px 7px;
    line-height: 24px;
  }
  .list-comment .item-comment .avatar {
    width: 40px;
    height: 40px;
  }
  .list-comment .item-comment .cus-name {
    font-size: 12px; overflow: hidden; text-overflow: ellipsis;
  }
  .list-comment .item-comment .pleased {
    font-size: 12px;
    padding-left: 16px;
  }
  .list-comment .item-comment .rate .icon-star {
    font-size: 16px;
  }
  .wrap-write-review .btn-send {
    font-size: 13px;
    padding: 0px 16px;
    line-height: 32px;
  }
  .wrap-write-review .btn-cancel {
    font-size: 13px;
    line-height: 32px;
  }
  .wrap-write-review .form-control {
    font-size: 14px;
  }
  .wrap-write-review .rate .icon-star {
    padding: 0px 5px;
  }
  .wrap-write-review #label-onrate {
    font-size: 14px;
  }

  /* bike */
  .bike-detail {
    padding-top: 16px;
  }
  .bike-detail .title {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 10px;
  }
  .bike-detail .col-gallery {
    margin-right: 0px;
  }
  .bike-detail .col-gallery .image-gallery-thumbnails-wrapper {
    display: none;
  }
  .bike-detail .select_global .select__control {
    font-size: 14px;
  }
  .bike-detail .select__menu {
    font-size: 14px;
  }
  .bike-detail .form-control {
    font-size: 13px;
  }
  .bike-detail .box-date .time .rc-time-picker-input {
    font-size: 13px;
  }
  .bike-detail .overview .head {
    font-size: 15px;
  }
  .bike-detail .overview .card-collapse .card-header {
    font-size: 15px;
  }
  .bike-detail .overview .card-collapse .card-body {
    font-size: 14px;
  }
  .bike-detail .overview .card-collapse .card-body p,
  .bike-detail .card-collapse .card-body div,
  .bike-detail .card-collapse .card-body p,
  .bike-detail .card-collapse .card-body strong,
  .bike-detail .card-collapse .card-body a,
  .bike-detail .card-collapse .card-body span,
  .bike-detail .content span,
  .bike-detail .content p,
  .bike-detail .content em,
  .bike-detail .content strong,
  .bike-detail .content div,
  .bike-detail .content td {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #444 !important;
  }
  .bike-detail .item-schedule {
    font-size: 14px;
  }
  .bike-detail .overview .card-collapse .card-header i {
    margin-top: 4px;
  }
  .bike-detail .list-option .col-info {
    padding: 16px !important;
  }
  .bike-detail .list-option .control-quantity {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .bike-detail .list-option .control-quantity .select {
    width: 100%;
    max-width: 120px;
  }
  .bike-checkout .col-checkout {
    border-left: none !important;
    padding-left: 16px !important;
  }
  .bike-checkout .location {
    font-size: 12px;
    margin-top: 8px;
  }
  .bike-checkout .contact-info .head {
    font-size: 16px;
  }
  .bike-checkout .contact-info .sapo {
    font-size: 13px;
  }
  .bike-checkout .box-price .btn-pry {
    font-size: 14px;
  }
  .bike-checkout .payment-method .head {
    font-size: 16px;
  }
  .bike-checkout .payment-method .sapo {
    font-size: 13px;
  }
  .bike-confirm {
    width: 100%;
  }
  .bike-order-info {
    width: 100%;
  }
  /*  === Page User Profile === */
  .user-booking-visa-detail .order-visa-info .media {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .user-booking-visa-detail .order-visa-info .box-cover {
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
  }

  .page-pro-flight .section-header .title {
    font-size: 16px;
  }

  /* service transport */
  .list-service.transport {
    justify-content: center;
    flex-wrap: wrap;
  }
  .list-service.transport .item-transport {
    width: 33%;
  }
  .list-service.transport .item-transport .card .box-cover img {
    height: 80px;
  }
  .list-service.transport .item-transport .card .btn-pry {
    padding: 0px 16px;
    line-height: 30px;
  }
  .list-service.transport .item-transport .card .card-title {
    min-height: 40px;
    margin-bottom: 10px;
  }
  .list-service.transport .item-transport.item-edu .card .card-title {min-height: unset;}
  .list-service.transport .item-transport.item-edu .content{margin-bottom: 20px!important;}
  .list-service.transport.europe .item-transport {
    width: 50%;
  }
  .list-service.transport .item-transport .sapo {
    margin-bottom: 24px;
    padding: 0px 8px;
  }
  .list-service.transport .item-transport.item-edu{width: 100%;}
  .list-service .item-transport .mh-95 {
    min-height: auto;
  }
  .list-service .item-transport .sapo {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: calc(6 * 1.5em);
  }
  .list-service.transport.europe .item-transport .wrap-content {
    width: 100% !important;
  }
  .list-service.transport.europe .item-transport .card-title {
    text-align: center;
    min-height: auto;
    margin-bottom: 4px;
  }
  .list-service.transport.europe .item-transport .w-68 .sapo {
    padding-left: 20px;
    min-height: 175px;
  }
  .list-service.transport.europe .item-transport .w-65 .sapo {
    padding-left: 24px;
    min-height: 175px;
  }

  .list-service.transport .item-transport.item-edu .card .box-cover img {height: 128px;}

  /* Review home */
  .review-home .review {
    padding-right: 6px;
    padding-left: 6px;
  }
  .review-home .box-name {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .review-home .review .media h5 {
    font-size: 12px;
    overflow: hidden;
    height: 17px;
    text-wrap: nowrap;
    width: 89%;
    text-overflow: ellipsis;
    max-width: 115px;
  }
  .review-home .rate {
    margin-left: -5px;
  }
  .review-home .review .content {
    font-size: 13px;
    height: 95px;
    margin-top: 0px;
  }
  .review-home .slick-prev::before,
  .review-home .slick-next::before {
    font-size: 36px;
  }
  .review-home .slick-next {
    right: -12px;
  }
  .review-home .slick-prev {
    left: -12px;
  }
  .review-home .slick-prev,
  .review-home .slick-next {
    width: 36px;
    height: 36px;
    z-index: 9;
    top: 65%;
  }
  .review-home .slick-list {
    padding-left: 2px;
  }

  .control-view-more {
    top: 20%;
  }
  .control-view-more .btn-view-more {
    padding: 16px;
  }

  /* page tour group */
  .page-tour.group .destination-tab-content .card .card-title {
    font-size: 14px;
    height: 45px !important;
    line-height: 20px;
    min-height: 45px;
  }
  .page-tour.group .section-tour .destination-tab-content .card .time-promo {
    padding-top: 8px;
    font-size: 14px;
  }
  .page-tour.group .tour-departure {
    font-size: 14px;
  }
  .page-tour .group-btn-control {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 16px 16px;
  }
  .page-tour .group-btn-control .btn-view-departure {
    padding: 0px 8px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    max-width: 80%;
  }
  .page-tour .section-header .sapo {
    width: 100% !important;
  }

  /* page car  */
  .car .btn-select-car {
    width: 100%;
  }
  .car .box-cover {
    margin-bottom: 16px;
  }
  .car .car-title {
    font-size: 16px;
  }
  .car .car-title span {
    font-size: 12px;
  }
  .page-car .card-more-info.mobile {
    padding: 8px;
  }
  .car .tootip-content {
    max-width: 180px;
  }
  .page-car .card-more-info p,
  .page-car .card-more-info strong,
  .page-car .card-more-info span {
    font-size: 13px !important;
  }
  .car .box-cover .cover {
    min-height: 180px;
  }

  /* Tour consultant */
  .tour-consultant .sidebar {
    display: flex;
    flex-direction: column-reverse;
    border: 0px;
  }
  .tour-consultant .sticky-mobile.btn-add-result {
    position: sticky;
    top: 0;
    z-index: 9;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 16px 16px;
    background: #ffffff;
  }
  .tour-consultant .sticky-mobile.btn-add-result:stuck {
    background: red !important;
  }
  .tour-consultant .btn-add-result {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    justify-content: flex-end;
  }
  .tour-consultant .btn-add-result button {
    width: auto;
    font-size: 13px;
    padding: 0px 16px;
    font-weight: 500 !important;
    height: 36px;
    line-height: unset;
  }
  .tour-consultant .section-header .title {
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 4px;
  }
  .tour-consultant .star-rating {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .tour-consultant .card-filter-other {
    min-width: 25%;
    margin-bottom: 8px;
  }
  .tour-consultant .destination-tab-content .card.hotel .card-body {
    padding: 0px;
  }
  .tour-consultant
    .destination-tab-content
    .card.hotel
    .card-body
    .card-title
    p,
  .tour-consultant .destination-tab-content .price .num-price-tour {
    font-size: 13px;
  }
  .tour-consultant
    .destination-tab-content
    .card.hotel
    .card-body
    .card-title
    p {
    line-height: 18px;
    text-transform: lowercase;
    display: block !important;
  }
  .tour-consultant
    .destination-tab-content
    .card.hotel
    .card-body
    .card-title
    p::first-letter {
    text-transform: uppercase !important;
  }
  .tour-consultant .card .btn-pry,
  .tour-consultant .btn-action-tour {
    width: 100%;
    font-size: 12px;
    padding: 0px 10px;
    height: auto;
    line-height: 32px;
    margin-top: 4px;
  }
  .tour-consultant .destination-tab-content .card-hotel {
    min-height: 100%;
  }
  .tour-consultant .destination-tab-content .card-hotel .col-util {
    text-align: left !important;
  }
  .tour-consultant .destination-tab-content .card .box-cover {
    height: 50px;
    width: 50px;
    border-radius: 8px;
  }
  .tour-consultant .destination-tab-content .card .box-cover img {
    min-height: 70px;
  }
  .tour-consultant .section-tour .destination-tab-content .card .card-sapo {
    display: none;
  }
  .tour-consultant .btn-action-tabs {
    font-size: 13px;
    padding: 0px 12px;
    line-height: 30px;
    font-weight: 500 !important;
    margin-top: 16px;
  }
  .tour-consultant .wrapper-form .title-form {
    font-size: 18px;
    border-radius: 8px;
  }
  .tour-consultant .custom-tour-tabs .nav-link {
    padding: 6px 0px;
    font-size: 14px;
  }
  .tour-consultant .custom-tour-tabs .nav-link.active {
    font-weight: 500;
  }
  .tour-consultant .section-tour .sidebar ul li {
    padding: 8px;
  }
  .tour-consultant .select_global .select__control {
    font-size: 14px;
  }
  .tour-consultant .select__menu {
    font-size: 14px;
  }
  .tour-consultant .section-tour .filter {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .tour-consultant .sidebar > div {
    position: unset;
    top: unset;
    display: flex;
    flex-direction: column-reverse;
  }
  .tour-consultant .pagination .page-link {
    font-size: 11px;
  }
  .tour-consultant .section-tour .card .card-title {
    height: 50px !important;
  }
  .tour-consultant .section-tour .card.hotel .card-body .card-title p {
    margin-bottom: 0px;
  }
  .tour-consultant .section-tour .destination-tab-content .card.hotel .price {
    margin: 0px;
    text-align: right !important;
    line-height: 16px;
  }
  .tour-consultant
    .section-tour
    .destination-tab-content
    .card.hotel
    .price
    label {
    margin: 0;
    font-size: 12px;
  }
  .tour-consultant .section-header.list-result {
    padding-top: 0px;
  }
  .tour-consultant .section-header.list-result .title {
    font-size: 12px;
  }
  .tour-consultant .custom-tour-tabs {
    margin-top: 16px;
  }
  .tour-consultant .destination-tab-content .card .card-title a {
    font-size: 14px;
  }
  .tour-consultant .rate .icon-star {
    font-size: 10px;
  }
  .tour-consultant .section-tour .card.item-hotel .card-title {
    height: auto !important;
  }
  .tour-consultant .destination-tab-content .card.card-hotel .location {
    margin-top: 0px;
    font-size: 10px;
  }
  .tour-consultant .destination-tab-content .card .location img {
    margin-right: 4px;
    width: 12px;
  }
  .tour-consultant .destination-tab-content .card.hotel .rate {
    margin: 0px;
  }
  .tour-consultant .destination-tab-content .card.item-hotel .box-cover {
    width: 70px;
    height: 100px;
  }
  .tour-consultant .destination-tab-content .card.item-hotel .box-cover img {
    min-height: 100px;
  }
  .tour-consultant .destination-tab-content .card.item-hotel {
    margin-bottom: 0px;
  }
  .tour-consultant .result-box .card.hotel,
  .tour-consultant .result-box .car {
    padding: 4px;
  }
  .tour-consultant .result-box {
    padding: 8px;
  }
  .tour-consultant .card-info-transport {
    background-color: #fafafa;
    border: 1px solid #f1f1f1;
    font-size: 14px;
    line-height: 26px;
  }
  .tour-consultant .section-header .line {
    margin-top: 8px;
  }
  .tour-consultant .btn-group-action-tabs {
    margin-top: 0px;
  }
  #tour-preview {
    padding: 0px;
  }
  #tour-preview .card-body {
    padding: 8px;
  }
  .modal-result .modal-body {
    padding: 8px;
  }
  .wrap-detail-included .content-detail * {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
  }
  .wrapper-print-tour-preview .card-body * {
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
  }
  .modal-result .actions-export {
    flex-direction: column !important;
    padding-bottom: 70px;
  }
  .modal-result .actions-export > div:last-child {
    display: flex;
    justify-content: space-between;
    gap: 4px;
  }
  .modal-result .actions-export .btn {
    width: calc(100% / 3 - 8px);
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-size: 11px;
  }
  .modal-require-login {
    width: 100% !important;
  }
  .modal-require-login button {
    font-size: 13px;
  }

  /* agency info list */
  .service-agency .wrapper-service-link-btn .btn {
    line-height: 36px;
    margin-top: 16px;
    font-size: 14px;
    padding: 0px 30px;
  }

  /* travel world */
  .page-travel-world #accordion .service-agency-tour .thumbnail-img-hotel {
    height: 220px;
  }
  .page-travel-world #accordion .service-agency-tour .thumbnail-img-hotel img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  .page-travel-world
    #accordion
    .service-agency-tour
    .wrapper-agency-tour
    .card-title {
    height: 48px !important;
    min-height: 48px !important;
    margin-top: 8px;
    text-align: left !important;
  }
  .page-travel-world .detail-partner .info-content .enterprise-type-tag {
    justify-content: center;
  }
  .page-travel-world #accordion .shadow-box .card-body {
    padding: 0px;
  }
  .page-travel-world #accordion .shadow-box > .card-header {
    margin-bottom: 16px;
  }
  .section-create-post.item-post,
  .section-create-post.create-form {
    width: 100%;
  }
  .section-create-post.item-post.noti {
    flex-direction: column;
  }
  .section-create-post.item-post.noti p {
    margin-bottom: 8px !important;
  }

  /* Travel World */
  .home-page-travel-world .wrapper-intro-agency-2 .intro-desc {
    margin-top: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 14px;
  }
  .home-page-travel-world .wrapper-intro-agency-2 {
    padding-top: 32px;
  }
  .home-page-travel-world .wrapper-intro-agency-2 h2 {
    font-size: 20px;
    padding: 0 16px;
  }
  .home-page-travel-world .wrapper-intro-agency-2 p {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .home-page-travel-world .select_global .select__control {
    font-size: 12px;
  }
  .home-page-travel-world .wrapper-search input.form-control {
    height: 40px;
    background: white;
    font-size: 12px;
    margin-bottom: 10px;
  }
  .page-travel-world .card-company .card-body {
    min-height: 244px;
    padding: 8px;
  }
  .page-travel-world .card-company .card-body .card-sapo {
    font-size: 14px;
  }
  .home-page-travel-world .wrapper-intro-agency-2 button {
    height: 40px;
  }
  .page-travel-world .card-company .view-more-link {
    margin: 16px 0 0;
    bottom: 16px;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    padding: 0 16px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  .page-travel-world .premium-partner-section .btn-border{line-height: 22px;}
  .home-page-travel-world .premium-partner-section {
    margin-top: 7rem;
  }
  .page-travel-world .card-company .card-title {
    font-size: 14px;
  }
  .page-travel-world .card-company .box-cover {
    height: 100px;
  }
  .page-travel-world .card-company .lazy-load-image-background {
    text-align: center;
  }
  .page-travel-world .connect-section,
  .page-travel-world .connect-section .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .page-travel-world .connect-section p {
    font-size: 14px;
  }
  .page-travel-world .connect-section img {
    width: 50% !important;
    margin: 0 auto;
    display: block;
  }
  .detail-partner-content .header-mobile {
    flex-direction: column;
  }
  .service-agency-list-page .wrapper-hotel .card-title {
    margin-top: 16px;
    text-align: left !important;
  }
  /* .page-travel-world .sidebar { background:#f7f7f7; padding-top: 16px;}
	.page-travel-world .wrapper-intro-agency { width: 100%}
	.section-create-post.create-form .actions{font-size: 14px;padding: 8px 16px; margin-right: 0}
	.page-travel-world .sidebar > div{position: unset}
	.page-travel-world .sidebar a {margin-left: 0px !important;}
	.modal-detail-company .modal-dialog {max-width: 100%}
	.modal-detail-company .info-row {flex-direction: column;}
	.modal-detail-company .label { min-width: unset; font-weight: 500;}
	.modal-detail-company .modal-body { padding: 1rem }
	.section-create-post .logo {margin-right: 8px} */

  /* travel partner */
  .travel-partner-page .filter-box {
    margin-bottom: 0px !important;
  }
  .travel-partner-page .filter-box .col-12 {
    margin-bottom: 16px !important;
  }
  .travel-partner-page .item-travel-partner .item-title {
    margin-top: 16px;
  }
  .travel-partner-page .item-travel-partner .col-price {
    margin-top: 8px !important;
  }
  .travel-partner-page .select_global .select__value-container {
    padding: 2px 8px 2px 0;
  }
  .travel-partner-page .input-search,
  .travel-partner-page .select_global .select__control {
    height: 40px;
    font-size: 12px;
    margin-bottom: 0px;
  }
  .travel-partner-page .select__menu {
    font-size: 12px;
  }
  .travel-partner-page .item-travel-partner .find-partner-info {
    border-left: 0;
    padding-left: 0px;
    padding-top: 8px;
    border-top: 1px solid #e5e5e5;
    margin-top: 8px;
  }
  .item-travel-partner .box-cover {
    height: 200px;
    min-height: 200px;
  }
  .travel-partner-page .label-filter-duration {
    justify-content: center !important;
    margin-top: 8px;
  }
  .detail-partner .image-gallery-thumbnails-wrapper.left {
    display: none;
  }
  .detail-partner {
    margin-top: 24px;
  }
  .detail-partner .overview .info .info-row {
    font-size: 14px;
    grid-template-columns: 40% 60%;
  }
  .wrapper-search-travel-world input.form-control {
    height: 40px;
    font-size: 12px;
    background: white;
    margin-bottom: 10px;
  }
  .detail-partner .info-content .card-title {
    font-size: 22px;
  }
  .detail-partner .form-contact {
    margin-top: 16px;
    position: unset;
  }
  .detail-partner .image-gallery-slide-wrapper.left,
  .detail-partner .image-gallery-slide-wrapper.right {
    width: 100%;
  }
  .detail-partner .overview h4 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .detail-partner .overview .content p {
    font-size: 14px;
  }
  .detail-partner .image-gallery-left-nav,
  .detail-partner .image-gallery-right-nav {
    font-size: 3em;
  }
  .detail-partner .info-content {
    padding-left: 0px !important;
    text-align: center;
  }
  .detail-partner .detail-partner-logo {
    margin-bottom: 8px;
  }
  .detail-partner .detail-header .image-gallery-slide {
    min-height: 220px;
  }
  .detail-partner .detail-header .image-gallery-slide img {
    width: 100% !important;
    height: 220px;
    object-fit: contain;
  }
  /* Page Tour GlobalTix */
  .wrapper-review-globalTix {
    margin-top: 0px;
  }
  .wrapper-select-available-globalTix .box-date {
    flex-direction: column;
  }
  .wrapper-select-available-globalTix .box-date .btn-pry {
    margin-left: 0;
    margin-top: 16px;
  }

  /* Page Air V2 */

  .wrap-modal-preview-payment .wrapper-review-passenger-inf,
  .wrap-modal-preview-payment .wrapper-info-payment.flight-detail {
    grid-template-columns: 1fr;
  }
  .wrap-modal-preview-payment .modal-footer button {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 8px;
  }
  .page-air-v2 .receipient-form .position-relative,
  .page-air-v2 .wrapper-form-checkout .position-relative {
    margin-bottom: 8px;
  }
  .page-air-v2 .wrapper-tootip-name-info .tootip-name-info {
    right: 0;
    left: unset;
  }
  .page-air-v2 .destination-banner {
    height: unset !important;
    width: 100%;
  }
  .page-air-v2 .wrapper-search-air {
    margin-top: 56px !important;
  }
  .page-air-v2 .wraper-preview-searchbox .font-18 {
    font-size: 14px !important;
  }
  .page-air-v2 .search-box > div {
    margin-bottom: 8px !important;
  }
  .wrapper-content-dropdown-tab a {
    white-space: nowrap;
  }
  .custom-dropdown-search .wrapper-content-dropdown-tab {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 4px 0 0;
  }
  .custom-dropdown-search .wrapper-content-dropdown {
    width: 85vw;
    max-width: unset;
    left: -17px;
  }
  .custom-dropdown-search.arrival-airport .wrapper-content-dropdown {
    left: unset;
    right: -17px;
  }
  .custom-dropdown-search .wrapper-content-dropdown .list {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }
  .page-air-v2 .action-multiway-search {
    position: unset;
    margin: 16px 0 0;
    justify-content: center;
  }
  .custom-dropdown-search .value-dropdown-active {
    font-size: 14px !important;
  }

  .custom-dropdown-search
    .wrapper-content-dropdown
    .wrapper-content-dropdown-child {
    grid-template-columns: repeat(1, 1fr);
  }
  .custom-dropdown-search .wrapper-content-dropdown.passenger {
    grid-template-columns: repeat(1, 1fr);
  }
  .content-dropdown .class-items:hover > div {
    opacity: 1;
  }

  .DayPicker_transitionContainer__vertical {
    min-height: 650px !important;
  }
  .DateRangePicker_picker__directionLeft {
    width: 100% !important;
  }
  .DayPicker__withBorder {
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
  }

  .page-air-list-v2 .wrapper-search-box {
    position: unset;
    bottom: -40px;
  }
  .filter-air-wrapper {
    box-shadow: unset;
    border-radius: 0;
  }
  .filter-air-wrapper .modal-body {
    padding: 0 8px;
  }
  .filter-air-wrapper .title-head {
    opacity: 0;
  }

  .page-air-v2 .flight-ticket-card.item-list .card-body {
    flex-direction: column;
    align-items: baseline;
  }
  .page-air-v2 .flight-ticket-card.item-list .title-card,
  .page-air-v2 .flight-ticket-card.item-list .card-info {
    width: 100%;
  }
  .page-air-v2 .flight-ticket-card.item-list .expanded-info {
    padding: 16px;
  }
  .page-air-v2 .flight-ticket-card.item-list .expanded-info .card-info {
    margin-top: 16px;
  }
  .page-air-v2 .flight-ticket-card.item-list .expanded-info .card-info .price {
    margin-bottom: 0px;
  }
  .page-air-v2
    .flight-ticket-card.item-list
    .expanded-info
    .card-info
    .price
    span {
    margin-right: 8px !important;
    margin-bottom: 0px;
  }
  .page-air-v2 .flight-ticket-card.item-list .expanded-info .airlines-info {
    align-items: baseline !important;
    justify-content: space-between;
    width: 100%;
  }
  .page-air-v2
    .flight-ticket-card.item-list
    .expanded-info
    .class-ticket-wrapper {
    flex-direction: column;
  }

  .air-checkout-process .content,
  .air-checkout-process .num-step {
    font-size: 12px;
  }
  .air-checkout-process .num-step {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-height: 24px;
  }

  .page-air-v2 .form-control-global {
    font-size: 14px;
    height: 40px;
  }
  .page-air-v2 .select__value-container {
    font-size: 14px;
  }
  .page-air-v2 .select-gender {
    margin-top: 8px;
  }
  .page-air-v2 .wrapper-page-checkout-content-container {
    font-size: 14px;
  }
  .page-air-v2 .wrapper-info-payment .review-info {
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
  }
  .page-air-v2 .wrapper-info-payment .font-18 {
    font-size: 16px;
  }
  .page-air-v2 .shadow-sm {
    box-shadow: 2px 1px 7px #0000001a !important;
  }

  .modal-signed-luggage .wrap-list {
    grid-template-columns: unset !important;
  }
  .air-checkout-process {
    margin: 16px 0 32px;
  }

  .page-air-v2 .sort-box {
    display: unset !important;
    box-shadow: none;
  }
  .page-air-v2 .sort-box .sort.sort-desktop {
    display: none;
  }
  .page-air-v2 .sort-box .sort.sort-mobile {
    display: block;
  }
  .page-air-v2 .sort-box .display-mode {
    width: 100%;
  }

  .page-air-v2 .item-inter-stop {
    flex-direction: column;
  }
  .page-air-v2 .item-inter-stop .airlines-info {
    width: 100%;
    min-width: 100% !important;
  }
  .page-air-v2 .item-inter-stop .title-card {
    width: 80%;
    min-width: 80% !important;
    max-width: 80%;
  }

  .page-air-v2 .item-inter-stop .airlines-info.text-right {
    text-align: left !important;
    justify-content: start;
  }
  .page-air-v2 .item-inter-stop-time {
    padding: 16px;
    background: #ebe9e9;
    width: 97%;
    margin: 0 auto;
    border-radius: 8px;
  }

  .page-air-v2 .item-inter-stop-time h5 {
    color: #212529;
    font-size: 14px;
  }

  .sapo.community {
    max-width: 100%;
    margin: 0 auto;
  }
  .section-community {
    margin: 24px 0px;
  }
  .section-community .section-header .title {
    line-height: 36px;
  }
  .section-community .destination-tab-content .card .time-promo {
    justify-content: left;
  }
  .section-community .community-departure {
    display: flex;
  }
  .section-community .community-departure span {
    padding-left: 4px;
  }
  .section-community .destination-tab-content .card.hotel .price {
    text-align: right !important;
  }
  .section-community .destination-tab-content .card.hotel .price .num-price {
    font-size: 20px;
  }
  .detail-community .col-gallery .image-gallery-thumbnails-wrapper.left {
    display: none;
  }
  .detail-community .col-gallery .image-gallery-slide-wrapper.left {
    width: 100%;
  }

  /* coupon */
  .item-coupon {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
  }
  .detail-coupon .category-overview {
    flex-direction: column-reverse;
  }
  .detail-coupon .header-location {
    color: #333;
    text-transform: none;
    font-size: 24px;
  }
  .detail-coupon .col-gallery {
    width: 100%;
  }
  .detail-coupon .col-gallery .image-gallery-slide-wrapper.left {
    width: 100%;
  }
  .detail-coupon .col-gallery .image-gallery-thumbnails-wrapper.left {
    display: none;
  }
  .destination-tab-content .card-coupon .box-cover {
    height: 170px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .destination-tab-content .card-coupon .box-cover img {
    width: 100%;
    height: auto;
  }
  .destination-tab-content .card-coupon .box-cover .lazy-load-image-loaded {
    width: fit-content;
    height: auto;
  }
  .page-coupon .destination-tab-content .card .card-title {
    font-size: 15px;
    height: 60px;
  }

  /* Globaltix */
  .destination-tab-content .card.gt .box-cover img {
    width: 100%;
    height: auto;
    min-height: 100%;
  }
  .destination-tab-content .card.gt .box-cover {
    height: 200px;
  }
  .destination-tab-content .card.gt .card-title {
    height: auto !important;
    min-height: auto;
  }
  .section-tour .destination-tab-content .card.gt .price {
    text-align: center !important;
  }
  .destination-tab-content .card .time-promo {
    min-height: unset;
  }

  /* Flight */
  .page-air-v2 .flight-ticket-card.item-list .btn-select-ticket {
    padding: 0px 10px;
  }
  .flight-ticket-international-card .wrapper-group-items .head {
    align-items: center;
  }
  .flight-ticket-international-card .wrapper-group-items .head h5 {
    font-size: 14px;
  }
  .flight-ticket-international-card .wrapper-group-items .head span {
    font-size: 14px;
  }
  .flight-ticket-international-card .wrapper-group-items .head img {
    width: 16px;
  }

  /* detail coupon */
  .detail-coupon .ultil .rate {
    width: 100%;
  }
  .detail-coupon .util-count {
    width: 94%;
  }

  /* my voucher user */
  .table-voucher {
    width: 200%;
  }

  /* card bank transfer */
  .card-bank-transfer .card-header-bank {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .card-bank-transfer .card-body {
    padding: 8px;
  }
  .card-bank-transfer .logo-bank {
    height: 22px !important;
    margin: 0px !important;
  }
  .card-bank-transfer .box-qr {
    border: none;
  }
  .card-bank-transfer .box-qr img {
    height: auto !important;
    width: 100%;
  }

  /* generator tour */
  .logo-info-wrapper .logo img {
    height: 64px;
  }
  .generator.tour .wrap-image {
    flex-wrap: wrap;
  }
  .generator.tour .box-cover {
    width: 46%;
    max-height: 120px;
  }
  .consult-time-picker-wrap .rc-time-picker-panel-select {
    max-height: 216px;
  }
  /* modal info */
  .tour-info-modal .modal-body .modal-info-content {
    padding: 0 !important;
  }
  .tour-info-modal .modal-body .select_global .select__control {
    font-size: 15px;
  }
  .tour-info-modal .modal-body .select__menu {
    font-size: 15px;
  }

  /* Modal hotel */
  .tour-consultant.modal-hotel .group-footer {
    flex-direction: column;
  }

  /* JAPAN TICKET DETAIL */
  .detail-coupon .coupon-title { font-size: 22px;}
  .detail-japan-ticket .header-sub-info { flex-wrap: wrap; justify-content: unset; font-size: 14px;}
  .detail-japan-ticket .header-sub-info .rating { font-size: 15px;}
  .detail-japan-ticket .header-sub-info .address { min-width: 100%; align-items: baseline !important}
  .detail-japan-ticket .header-sub-info .address .dot { display: none;}
  .detail-japan-ticket .coupon-title{font-size: 24px;font-weight: bold;color: #212529;}
  .detail-japan-ticket .header-sub-info .control-social { display: flex; justify-content: flex-end; width: 100%;}
  .detail-japan-ticket .wrapper-images-full .left-column,
  .detail-japan-ticket .wrapper-images-full .right-column { height: 200px; max-height: 200px;}
  .wrapper-images .btn-view-more { padding: 4px 8px; font-size: 13px; right: 12px; left: unset;}
  .detail-japan-ticket .category-overview { margin-top: 0px;}
  .detail-japan-ticket .restaurant-infomation .wrapper-info { margin-top: 8px; margin-bottom: 16px;}
  .detail-japan-ticket .restaurant-infomation .wrapper-info > * { font-size: 14px;}
  .detail-japan-ticket .restaurant-infomation > div { position: unset;}
  .detail-japan-ticket .date-picker { margin-bottom: 16px;}
  .detail-japan-ticket .ticket-item .ticket-title { font-size: 16px;}
  .detail-japan-ticket .ticket-item .ticket-info { flex-direction: column;justify-content: flex-start;align-items: baseline;gap:0}
  .detail-japan-ticket .ticket-item .price-box .dot { display: none}
  .detail-japan-ticket .ticket-item .price-box span { font-size: 14px;}
  .detail-japan-ticket .ticket-item .ticket-desc { font-size: 14px;}
  .detail-japan-ticket .wrapper-time .btn-time { width: 18%; padding: 8px 0; text-align: center;}

  .drawer-container.open .drawer-content { width: 90vw; max-width: 90vw;}
  .modal-img-gallery .modal-dialog { max-width: 100%;}
  .modal-img-gallery .modal-dialog .image-gallery-left-nav,
  .modal-img-gallery .modal-dialog .image-gallery-right-nav { display: none;}
  .modal-img-gallery .image-gallery-thumbnail { width: 100px !important;}
  .modal-img-gallery .col-gallery-customer { padding: 0px !important ;}
  .modal-img-gallery .user-wrap { margin-top: 16px;}
  .modal-img-gallery .review-info .user-wrap .user-info h5 { font-size: 16px; margin-bottom: 0px;}

  .modal-img-gallery .review-truncated .review-text{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
  .modal-img-gallery .modal-header {border-bottom: 0}
  .modal-img-gallery .modal-header button span{ text-shadow: unset; color: white}

  .modal-img-gallery .modal-content .nav-tabs { gap: 8px; font-size: 13px; flex-wrap: nowrap;}
  .section-japan-ticket .select_global .select__control{font-size: 16px}
  .section-japan-ticket .select_global .select__menu .select__option {font-size: 15px !important; }
  .section-japan-ticket .datepicker-group-custom .datepicker-info {height: 40px}
  
  .input-search-common { height: 40px; border-radius: 80px;padding-left: 16px; margin-bottom: 0px; font-size: 15px}
  .btn-clear-input-search-common {right: 12px;top: 50%; transform: translateY(-50%); background: none; border: none; padding: 5px; cursor: pointer;}

  /* Chip category */
  .chip-slider-wrapper::before,
  .chip-slider-wrapper::after{width: 40px;}
  .chip-slider-wrapper .nav-button.left{margin-left:-8px; width: 28px; border-radius: 6px;}
  .chip-slider-wrapper .nav-button.right{margin-right:-8px;  width: 28px; border-radius: 6px;}
  .chip-slider{justify-content: start;}

  .list-cities .city .box-cover img{width: 100%; height: auto; min-height: 130px;}
}
/* Extra small devices (portrait phones, less than 320px)*/
@media (max-width: 1023px) {
  .page-air-v2 .filter-wrapper-mobile {
    display: block;
  }
  .page-air-v2 .filter-wrapper-desktop {
    display: none;
  }
}
/* Extra small devices (portrait phones, less than 320px)*/
@media (max-width: 320px) {
  .flatpickr-months .flatpickr-month {
    font-size: 10px !important;
  }
  .list-cities .city .box-cover {
    width: 130px !important;
    height: 130px!important;
  }
  .login .group-btn-social .btn {
    margin: 3px;
  }
  .flight-move .accordion .card-header .title {
    bottom: 22%;
    font-size: 14px;
  }
  .flight-move .content .row .col .item {
    font-size: 13px;
  }
  .flight-move .item-end {
    margin-bottom: 10px;
  }
  .flight-move .card-time .row-long .item .text-time {
    font-size: 10px;
  }
  .flight-move .card-time .row-long .item .text-time .num {
    font-size: 10px;
  }
  .flight-move .card-time .item-single img {
    width: 45px;
  }
  .flight-move .card-age .item-row .item {
    margin: 2px;
    width: 23% !important;
  }
  .flight-move .card-age .text-note {
    margin-bottom: 20px;
  }
  .flight-move .header .text {
    font-size: 12px;
  }
  .flight-move .content .title {
    font-size: 12px;
  }
  .flight-move .footer {
    padding: 0px 20px;
    line-height: 17px;
  }

  .section-service .home .card .card-title {
    font-size: 12px;
  }

  .list-area-visa .card .box-cover {
    height: 124px;
  }

  /* box language google */
  .translate_select {
    height: 30px;
    top: 1px;
  }
  .translate_select .icon-flag {
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-right: 5px;
  }
  .translate_select #translate_select {
    width: 105px;
  }
  .translate_select .goog-te-gadget .goog-te-combo {
    font-size: 11px;
  }

  .pagination .page-link {
    padding: 3px 6px;
    font-size: 13px;
  }

  .mobile .dropdown-lang,
  .mobile .dropdown-currency {
    margin-top: 2px;
  }
  .mobile .dropdown-lang .btn {
    min-width: 80px;
    font-size: 10px;
    padding: 2px 18px 2px 22px;
  }
  .mobile .dropdown-lang .btn img {
    top: 3px;
    left: 3px;
  }
  .mobile .dropdown-lang .dropdown-toggle::after {
    top: 2px;
  }
  .mobile .dropdown-lang .dropdown-menu {
    min-width: auto;
  }
  .mobile .dropdown-currency {
    margin-left: 5px;
  }
  .mobile .dropdown-currency .btn {
    font-size: 10px;
    padding: 1px 16px 1px 8px;
  }
  .mobile .dropdown-currency .dropdown-toggle::after {
    top: 3px;
  }
  .mobile .dropdown-currency .btn .symbol {
    font-size: 11px;
    padding-right: 0px;
  }
  .mobile .topbar .hotline {
    font-size: 10px;
  }
  .mobile .dropdown-lang .btn img {
    width: 15px;
    top: 2px;
    left: 2px;
  }
  .select_gender .select__control {
    font-size: 15px;
  }
  .select_gender .select__menu {
    font-size: 15px;
  }
  .register .btn-pry {
    font-size: 15px;
  }

  .rc-time-poup .rc-time-picker-panel-inner {
    margin-left: 16px;
    width: 92%;
  }
  .rc-time-poup {
    width: 100% !important;
  }

  /* lifelimo */
  .elifelimo .tab-bus .nav-item {
    margin-right: 20px;
  }

  .page-affiliate .box-signup-free .btn-singup {
    padding: 0px 10px;
    font-size: 13px;
  }

  .tour-consultant .btn-action-tabs {
    font-size: 12px;
    padding: 0px 8px;
    line-height: 30px;
    font-weight: 500 !important;
    margin-top: 16px;
  }
  .tour-consultant .destination-tab-content .card .box-cover {
    height: 60px;
    width: 60px;
    border-radius: 8px;
  }
  .tour-consultant .destination-tab-content .card .box-cover img {
    min-height: 60px;
  }
  .tour-consultant .card .btn-pry,
  .tour-consultant .btn-action-tour {
    font-size: 11px;
  }
  .tour-consultant
    .destination-tab-content
    .card.hotel
    .card-body
    .card-title
    p {
    font-size: 12px;
  }
  .tour-consultant
    .destination-tab-content
    .card.hotel
    .card-body
    .card-title
    p,
  .tour-consultant .destination-tab-content .price .num-price-tour {
    font-size: 11px;
  }
  .modal-require-login button {
    font-size: 13px;
    padding: 0px !important;
  }
/* Chip category */
.chip-slider-wrapper::before,
.chip-slider-wrapper::after{width: 40px;}
.chip-slider-wrapper .nav-button.left{margin-left:-8px; width: 28px; border-radius: 6px;}
.chip-slider-wrapper .nav-button.right{margin-right:-8px;  width: 28px; border-radius: 6px;}
.chip-slider{justify-content: start;}
  
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  /* header */
  .header {
    height: 100px;
  }
  .flatpickr-months .flatpickr-month {
    font-size: 11px !important;
  }

  /* Benner home */
  .banner-home {
    flex-wrap: wrap;
    height: auto;
  }
  .banner-home .banner-slider {
    width: 100%;
  }
  .banner-slider .carousel-inner {
    border-radius: 0px;
  }
  .banner-home .col-img-other {
    display: none;
  }

  /* service */
  .service-travel-home .section-header {
    padding-bottom: 0px;
  }
  .service-travel-home .list-service {
    flex-wrap: nowrap;
  }
  .service-travel-home .list-service .item {
    width: auto;
  }
  .service-travel-home .list-service .item .box-cover {
    height: 60px;
    width: 60px;
  }
  .service-travel-home .list-service .item .title {
    font-size: 13px;
    font-weight: 500;
  }

  /* section tour home */
  .section-tour-home .tour .card-body{padding:0px}
  .section-tour-home .wrap-slide-tour::after {
    content: none;
  }
  .section-tour-home .wrap-slide-tour .wrap {
    width: 102% !important;
  }
  .section-tour-home .slick-next {
    right: 2.5%;
  }

  /* section transport home */
  .section-transport-home .wrap-slide-transport .wrap {
    width: 102% !important;
    padding: 0px 1%;
  }
  .section-transport-home .wrap-slide-transport::after {
    content: none;
  }
  .section-transport-home .slick-next {
    right: 2.5%;
  }

  /* section destintaion list home */
  .section-destination-home .list-city .city .box-cover {
    width: 120px;
    height: 120px;
  }

  /* review home */
  .review-home .slick-prev::before,
  .review-home .slick-next::before {
    font-size: 36px;
  }
  .review-home .slick-next {
    right: -12px;
  }
  .review-home .slick-prev {
    left: -12px;
  }
  .review-home .slick-prev,
  .review-home .slick-next {
    width: 36px;
    height: 36px;
    z-index: 9;
    top: 65%;
  }
  .review-home .slick-list {
    padding-left: 12px;
  }

  /* guide home */
  .section-guide-home .wrap-slide-guide .wrap {
    width: 102%;
  }
  .section-guide-home .wrap-slide-guide::after {
    content: none;
  }
  .section-guide-home .wrap-slide-guide .guide .box-cover {
    height: 372px;
  }
  .section-guide-home .slick-next {
    right: 2.5%;
  }

  /* page transport */
  .list-service.transport {
    flex-wrap: wrap;
  }
  .list-service.transport .item-transport {
    width: 50%;
  }
  .list-car .car .box-cover .cover {
    min-height: auto;
  }
  .list-car .car .price-num {
    font-size: 13px;
  }
  .list-car .car .row-info-detail {
    margin-top: 0px;
  }

  /* detail tour */
  .detail-tour .col-gallery {
    margin-right: 0px;
  }
  .detail-tour .col-info {
    margin: 16px;
    max-width: 96%;
  }
  .image-gallery-thumbnails-wrapper.left,
  .image-gallery-thumbnails-wrapper.right {
    width: 108px;
  }

  /* detail hotel */
  .hotel-detail {
    padding-top: 16px;
  }
  .hotel-detail .col-gallery {
    margin-right: 0px;
  }
  .hotel-detail .box-total {
    position: fixed;
    bottom: -5px;
    z-index: 9;
    height: 185px;
    width: 100%;
    box-shadow: 1px 1px 15px #999;
  }
  .hotel-detail .box-total .text-total {
    line-height: 30px;
    font-size: 14px;
  }
  .hotel-detail .box-total .btn-pry {
    width: 150px;
    padding: 0;
    margin: 10px;
  }
  .hotel-detail .box-total .text-total.total-for {
    width: 40%;
    display: inline-block;
  }
  .hotel-detail .box-total .text-price {
    width: 50%;
    display: inline-block;
    text-align: right !important;
    font-size: 20px;
    line-height: 20px;
  }
  .hotel-detail .box-total .group-btn-booking {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .hotel-detail .box-total .group-btn-booking .btn-pry {
    width: 48%;
  }
  .hotel-checkout .box-price .btn-pry {
    padding: 0px 25px;
  }

  /* travel guide */
  .traveler-guide .btn {
    padding: 0px 30px;
  }

  /* program destination */
  /* ==== Page program ==== */
  #time-line {
    margin: 0px;
    margin-left: 5px;
  }
  #time-line .progress-line {
    width: calc(96vw - 69vw - 22px);
  }
  #time-line .time-line-step:last-child {
    display: inline;
  }
  #time-line .time-line-step:last-child .circle {
    top: -8px;
  }
  #time-line .time-line-step .step-text {
    font-size: 14px;
  }
  #time-line .time-line-step:nth-child(2) .step-text {
    margin-left: -60px !important;
  }
  #time-line .time-line-step:nth-child(3) .step-text {
    margin-left: -60px !important;
  }
  #time-line .time-line-step:last-child .step-text {
    top: -20px;
    text-align: right !important;
    left: auto;
    right: 1%;
  }
  #time-line .time-line-step:last-child .progress-line {
    display: none;
  }
  #time-line .progress-percent {
    top: -45px;
    width: 45px;
    font-size: 14px;
    height: 28px;
    padding: 1px 0px;
  }

  /* page news */
  .news .list-post .card .box-cover {
    height: 140px;
  }
  .news .col-left .list-group-item {
    line-height: 36px;
  }
  .travel-guide-sidebar .card-header {
    font-size: 16px;
  }

  /* page destination */
  .page-destination .section-destination {
    padding-top: 0px;
  }
  .page-destination .list-cities .city .box-cover {
    width: 220px;
    height: 220px;
  }
  .page-destination .list-cities .city .box-cover::before {
    box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.6),
      0 1px 2px rgba(0, 0, 0, 0.3);
  }
  .page-destination .area-sapo {
    width: 80%;
  }
  .list-destination .card .box-cover {
    height: 100px;
  }

  /* modal search tour */
  .modal-search-mobile .modal-dialog {
    max-width: 100%;
  }

  /* page tour consult */
  .tour-consultant .sidebar button {
    padding: 0px 20px;
  }
  .wrap-write-review.modal-result .modal-dialog {
    max-width: 98%;
  }

  /* guide detail */
  .guru-detail .card-booking {
    width: 100%;
  }
  .guru-detail .guru-info {
    width: 100%;
    padding: 40px 16px;
  }
  .block-review .rate-filter button {
    padding: 0px 16px;
  }
  .car-guide .booking {
    width: 100%;
  }

  /* page tour hoho */
  .page-tour-hoho .hoho-banner .box-search {
    width: 80%;
  }
  .page-tour-hoho .hoho-banner .slogan {
    text-align: center;
  }

  /* page daytrip */
  .day-trip-banner-home {
    padding-bottom: 80px;
  }
  .day-trip-banner-home .box-search {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .day-trip-banner-home .box-search .wrap {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
  }
  .day-trip-banner-home .box-search .wrap > div {
    width: 45%;
  }
  .day-trip-banner-home .box-search .departure,
  .day-trip-banner-home .box-search .select-from-to,
  .day-trip-banner-home .box-search .time {
    width: 100%;
    height: 40px;
  }
  .passenger-dropdown {
    margin-left: 0 !important;
  }
  .btn-passenger {
    height: 40px !important;
  }
  .cus-passenger {
    width: 100%;
  }
  .day-trip-banner-home .box-search label {
    margin-top: 15px;
  }
  .page-trip-config .box-route .box-title {
    font-size: 20px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1024px) {
  /* header */
  .header .hotline {
    display: none;
  }
  .header .menu .nav-link {
    font-size: 12px;
    padding: 0.5rem 7px;
  }
  .news .list-post .card .box-cover {
    height: 190px;
  }
  .section-guide-home .wrap-slide-guide .guide .box-cover {
    height: 175px;
  }
  .review-home .slick-prev {
    left: 0px;
  }
  .review-home .slick-list {
    padding-left: 8px;
  }
  .review-home .slick-prev::before,
  .review-home .slick-next::before {
    font-size: 36px;
  }
  .review-home .slick-next {
    right: -12px;
  }
  .review-home .slick-prev {
    left: -12px;
  }
  .review-home .slick-prev,
  .review-home .slick-next {
    width: 36px;
    height: 36px;
    z-index: 9;
    top: 65%;
  }
  .review-home .slick-list {
    padding-left: 12px;
  }
  .section-destination-home .list-city .city .box-cover {
    width: 160px;
    height: 160px;
  }
  .section-transport-home .wrap-slide-transport {
    margin-bottom: 24px;
  }

  /* page tour consult */
  .tour-consultant .sidebar button {
    padding: 0px 20px;
  }
  .wrap-write-review.modal-result .modal-dialog {
    max-width: 98%;
  }

  /* page daytrip */
  .day-trip-banner-home {
    padding-bottom: 80px;
  }
  .day-trip-banner-home .box-search {
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .day-trip-banner-home .box-search .wrap {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%;
  }
  .day-trip-banner-home .box-search .wrap > div {
    width: 45%;
  }
  .day-trip-banner-home .box-search .departure,
  .day-trip-banner-home .box-search .select-from-to,
  .day-trip-banner-home .box-search .time {
    width: 100%;
    height: 40px;
  }
  .passenger-dropdown {
    margin-left: 0 !important;
  }
  .btn-passenger {
    height: 40px !important;
  }
  .cus-passenger {
    width: 100%;
  }
  .day-trip-banner-home .box-search label {
    margin-top: 15px;
  }
  .page-trip-config .box-route .box-title {
    font-size: 20px;
  }

  /* page tour hoho */
  .page-tour-hoho .hoho-banner .box-search {
    width: 80%;
  }
  .page-tour-hoho .hoho-banner .slogan {
    text-align: center;
    font-size: 38px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/* Custom screen size to fix menu */
@media ((min-width: 992px) and (max-width: 1200px)) {
  .header .menu .nav-link {
    font-size: 12px;
    padding: 0.5rem 7px;
  }
}