@media (max-width: 600px) {
  .container {
    width: 89.33%;
  }
  .m-bottom-16 {
    margin-bottom: 14px;
  }
  section {
    margin-top: 24px;
  }
  .common-header {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  .common-p {
    font-size: 0.875rem;
  }

  .primary-button {
    font-size: 1rem;
    padding: 13px 28px;
  }
  .popular-button button {
    margin-top: 16px;
  }
  /* .m-bottom {
    margin-bottom: 12px;
  } */
  /* Header Start */
  header {
  }
  header nav {
    margin: 20px 0;
  }
  header nav .logo {
    width: auto;
  }
  header nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 44px;
  }
  header nav ul li {
  }
  header nav ul li a {
    color: #424247;
    font-size: 18px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }
  header nav ul li a:hover {
    color: var(--orange);
  }

  .toggle-button {
    display: block;
    font-size: 24px;
  }

  .nav-item {
    display: none;
  }
  /* Header End */
  /* Banner Section Start */
  .banner-section {
    height: auto;
    padding: 30px 18px;
  }

  .banner-heading {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
  }
  .banner-p {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 32px;
  }
  .banner-form {
    width: 100%;
  }
  .banner-form form {
    width: auto;
    flex-direction: column;
    gap: 16px;
  }
  .banner-form .banner-input {
    width: 100%;
    position: relative;
  }
  .banner-form .banner-input input,
  select {
    /* width: 174px; */
    max-width: 100%;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    outline: none;
    border: none;
    font-size: 16px;
  }
  .banner-form .banner-input input::placeholder,
  select::placeholder {
    color: rgba(19, 19, 24, 0.5);
    font-size: 16px;
  }
  .banner-input input[type="submit"] {
    background-color: #ff5400;
    color: #fff;
    cursor: pointer;
  }
  .fa-magnifying-glass {
    position: absolute;
    top: 50%;
    left: 28%;
    transform: translateY(-50%);
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  /* Banner Section End */

  /* Popular Section Start */
  .popular-tour-container {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: 550px;
    max-height: 100%;
  }
  .tour-details {
    width: 100%;
    max-width: auto;
  }
  .tour-ul {
    padding: 0px 14px;
    font-size: 14px;
  }
  .custom-li {
    margin-left: 10px;
  }
  .tour-image {
    width: 100%;
    max-width: auto;
  }
  /* Popular Section End */

  /* Destinations Section Start */
  .destination-gallery-container {
    grid-template-columns: repeat(1fr);
    gap: 16px;
    margin-top: 16px;
  }

  .destination-item {
    max-height: 176px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }
  .destination-item img {
    width: 100%;
    height: 100%;
    object-position: bottom;

    object-fit: cover;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    /* max-height: 176px; */
    /* object-fit: contain; */
  }
  .destination-name {
    font-size: 20px;
  }
  .destination-item-1 {
    grid-column: 1 / span 12;
    grid-row: 1;
  }
  .destination-item-2 {
    grid-column: 1 / span 12;
    grid-row: 2;
  }
  .destination-item-3 {
    grid-column: 1 / span 12;
    grid-row: 3;
  }
  .destination-item-4 {
    grid-column: 1 / span 12;
    grid-row: 4;
  }
  .destination-item-5 {
    grid-column: 1 / span 12;
    grid-row: 5;
  }
  .destination-item-6 {
    grid-column: 1 / span 12;
    grid-row: 6;
  }
  .destination-item-7 {
    grid-column: 1 / span 12;
    grid-row: 7;
  }
  /* Destinations Section End */

  /* Why us Start */
  .why-us-card-container {
    margin-top: 24px;
    flex-direction: column;
    gap: 24px;
  }

  .card {
    width: 100%;
    max-width: 573px;
    padding: 32px;
  }
  .card img {
    width: 48px;
    height: 48px;
  }
  .card-header {
    font-size: 20px;
    margin-top: 16px;
  }
  /* Why us End */

  /* Deals Discount Start */
  .deals-discounts-section {
  }

  .deals-discounts-section .holiday-item {
    align-items: flex-end;
    padding: 20px;
    justify-content: flex-end;
    min-height: 500px;
  }

  .holiday-item .holiday-details {
    padding: 20px;
    width: 100%;
  }
  .holiday-item .holiday-details .holiday-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap-reverse;
  }

  .holiday-item .holiday-details .holiday-icons .each-icon-box {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .each-icon-box-1 {
    order: 1;
  }

  .holiday-details .card-header {
    margin-top: 20px;
  }
  .holiday-price {
    margin: 14px 0;
  }

  /* Deals Discount End */
  /* Simple-Perfect Start */
  .simple-perfect-section .popular-tour-container {
    grid-template-columns: 1fr;
    max-height: 100%;
  }
  .simple-perfect-section .tour-image {
    max-width: 100%;
    min-height: 230px;
  }
  #videobandarban {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }
  /* Simple-Perfect End */
  /* Testimonials Start */
  .testimonial-section {
    margin-bottom: 60px;
  }
  .testimonial-section .section-details {
    width: auto;
    padding: 0px 10px;
  }
  .testimonials-box-container {
    margin-top: 40px;
    flex-direction: column;
    gap: 60px;
  }
  .testimonial-item {
    width: 100%;
    padding: 30px;
  }
  .testimonial-item-2,
  .testimonial-item-3 {
    display: none;
  }
  /* Testimonials End */

  /* Newsletter Section Start */
  .newsletter-container {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .newsletter-form-box {
    width: 100%;
    padding: 24px;
    height: auto;
  }

  .newsletter-form hr {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .newsletter-image-box {
    /* position: relative;
    width: 100%;
    height: auto;
    overflow: visible; */
  }

  .save-orange-alert {
    right: 10px;
    bottom: 33px;

    width: 214.023px;
    height: 79.268px;
    transform: rotate(-19.628deg);
  }
  .save-orange-alert p {
    font-size: 16px;
  }
  .save-orange-alert h3 {
    font-size: 21px;
  }
  /* Newsletter Section End */

  /* Footer Start */
  footer {
    padding: 33px 0;
    margin-top: 40px;
  }

  .footer-container {
    padding: 0 40px;
    max-width: auto;
  }
  .footer-container .logo {
    flex-direction: column;
  }
  .footer-upper-p {
    margin-bottom: 20px;
  }

  .social-icons-container ul {
    gap: 40px;
  }

  footer hr {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .copyright a {
    color: #ff5400;
  }
  .copyright a:visited {
    color: #ff5400;
  }
  /* Footer End */
}