@media screen and (max-width: 1024px) {

  .home-banner-item img {
    height: 450px;
  }

  .tour-search-form {
    flex-wrap: wrap;
  }

  .tour-search-item {
    flex: 0 0 calc(50% - 5px);
  }

  .tour-search-submit {
    width: 100%;
  }

  .tour-search-submit button {
    width: 100%;
  }

  .destination-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 180px);
  }

  .destination-singapore,
  .destination-nhatrang,
  .destination-phuquoc,
  .destination-nhatban,
  .destination-trungquoc,
  .destination-thailand {
    grid-column: auto;
    grid-row: auto;
  }

  .tour-info {
    padding: 16px;
  }

  .tour-name {
    font-size: 19px;
  }

  .tour-router {
    font-size: 13px;
  }

  .pricekm {
    font-size: 23px;
  }

  .tour-action a {
    min-width: 95px;
    padding: 0 12px;
  }
}


@media screen and (max-width: 767px) {

  .tour-book-box {
    padding: 20px 15px;

    border-radius: 10px;
  }

  .tour-book-grid,
  .tour-book-grid-3 {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .book-departure-date {
    max-width: 100%;
  }

  .tour-book-step>span {
    width: 34px;
    height: 34px;
  }

  .tour-book-step strong {
    font-size: 15px;
  }

  .btn-book-tour {
    width: 100%;
  }

  .itemtour {
    border-radius: 10px;
    margin-bottom: 16px;
  }


  /* IMAGE */

  .itemtour .tour-image {
    width: 100%;
    height: 220px;
  }

  .itemtour .tour-image img {
    width: 100%;
    height: 220px;
  }


  /* INFO */

  .tour-info {
    padding: 15px;
  }


  /* NAME */

  .tour-name {
    margin-bottom: 12px;
    font-size: 18px;
  }


  /* INFORMATION */

  .tour-router .flex-container {
    display: block;
  }

  .tour-router .cell-1-2 {
    width: 100%;
  }


  /* FOOTER */

  .tour-footer {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
  }


  /* PRICE */

  .tour-price-box {
    margin-bottom: 15px;
  }

  .pricekm {
    font-size: 24px;
  }


  /* BUTTON */

  .tour-action {
    width: 100%;
  }

  .tour-action a {
    flex: 1;
    min-width: 0;
  }


  .home-banner-item img {
    height: 400px;
  }

  .home-banner-content {
    bottom: 90px;
    padding: 0 15px;
  }

  .home-banner-slogan {
    font-size: 21px;
  }

  .home-banner-title {
    font-size: 23px;
  }

  .home-search-tour {
    margin-top: -25px;
  }

  .tour-search-form {
    padding: 12px;
  }

  .tour-search-item {
    flex: 0 0 100%;
  }

  .home-benefit-item {
    margin-bottom: 15px;
  }

  .home-tour-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .destination-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .destination-item {
    height: 200px;
  }

  .home-newsletter-box {
    padding: 25px 15px;
  }

  .home-newsletter-box h2 {
    font-size: 19px;
  }
}