/* 
  Extra large devices (less than 1400px)
*/
@media (max-width: 1399px) {
  .theme-btn {
    font-size: 20px;
    height: 56px;
    min-width: 210px;
  }
  h1 {
    font-size: 80px;
  }
  h2 {
    font-size: 44px;
  }
  h3 {
    font-size: 36px;
  }
  .section__subtitle--lg {
    font-size: 36px;
  }
  .header__menu {
    gap: 40px;
  }

  .hero__subtitle {
    font-size: 40px;
  }
  .hero__slide {
    padding-right: 200px;
  }
  .hero__slide-inner {
    padding: 48px 330px 150px 35px;
  }
  .hero__thumb {
    width: 520px;
  }
  .slider-line {
    width: 250px;
  }

  .about__content {
    padding-left: 30px;
  }
  .card__title {
    font-size: 20px;
  }

  .transport .row {
    --bs-gutter-x: 40px;
  }
  .transport__destination {
    font-size: 24px;
  }

  .testimonial__stat-value {
    font-size: 56px;
    line-height: 1.2;
  }
  .testimonial__stats {
    width: 180px;
  }

  .cruise {
    padding-bottom: 120px;
  }
  .cruise .section__header {
    margin-bottom: 100px;
  }
  .cruise__content {
    padding-left: 170px;
  }
  .cruise__item--reverse .cruise__content {
    padding-right: 185px;
  }

  .news__left {
    width: 50%;
    padding-left: 0;
  }
  .news__item {
    width: 400px;
  }

  .visit {
    padding-bottom: 120px;
  }
  .visit__card {
    padding: 20px 24px;
  }
  .visit__card .card__icon {
    width: 110px;
    height: 110px;
  }

  .newsletter {
    padding-top: 140px;
  }
}

/* 
  Large devices (less than 1200px)
*/
@media (max-width: 1199px) {
  .header__menu {
    gap: 32px;
  }
  .header__link {
    font-size: 15px;
  }
  .theme-btn {
    height: 52px;
    min-width: 190px;
    font-size: 18px;
  }
  .header__logo img {
    width: 170px;
  }

  .hero__slide {
    padding-right: 150px;
    padding-bottom: 50px;
  }
  .hero__thumb {
    width: 450px;
  }
  .hero__slide-inner {
    padding: 48px 310px 130px 24px;
  }
  .hero__subtitle {
    font-size: 36px;
  }
  h1 {
    font-size: 64px;
  }
  .text-lg {
    font-size: 18px;
  }
  .slider-counter {
    font-size: 60px;
  }
  .slider-line {
    width: 200px;
  }
  .hero__slider-nav {
    left: 30px;
    bottom: 60px;
  }
  .hero__slider-container {
    transform: translateY(150px);
    margin-top: -150px;
  }

  .about {
    padding-top: 220px;
    padding-bottom: 80px;
  }
  .about__content {
    padding-left: 20px;
  }
  .section__header {
    margin-bottom: 60px;
    max-width: 860px;
  }
  .section__subtitle {
    font-size: 24px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 32px;
  }
  .text-md {
    font-size: 16px;
  }
  .theme-list li {
    gap: 20px;
    font-size: 18px;
  }
  .card {
    padding: 20px 16px;
  }
  .card__desc {
    margin-bottom: 20px;
  }

  .transport .row {
    --bs-gutter-x: 32px;
  }
  .transport__media {
    gap: 20px;
  }
  .transport__destination {
    padding: 20px 0 41px;
    font-size: 22px;
  }
  .transport__arrow {
    max-width: 90px;
  }

  .testimonial__bg-left {
    width: 100%;
  }
  .testimonial__left {
    max-width: 100%;
  }

  .cruise {
    padding-bottom: 100px;
  }
  .cruise .section__header {
    margin-bottom: 60px;
  }
  .cruise__thumb--sm {
    width: 200px;
    right: -110px;
  }
  .cruise__content {
    padding-left: 130px;
    min-height: 250px;
  }
  .cruise__item--reverse .cruise__thumb--sm {
    left: -110px;
  }
  .cruise__item--reverse .cruise__content {
    padding-right: 130px;
  }

  .news__list-item {
    font-size: 18px;
    padding: 16px 24px;
    min-height: 0;
  }
  .news__left {
    margin-top: 40px;
    padding-top: 50px;
  }
  .news__item {
    width: 330px;
  }
  .news__slider-nav {
    margin-left: 20px;
  }

  .visit {
    padding-bottom: 100px;
  }

  .form__input-field {
    height: 52px;
    padding-inline: 20px;
  }
  .form__title {
    font-size: 24px;
  }
  .form {
    padding: 32px;
  }

  .footer__copyright-text {
    font-size: 18px;
  }
}

/* 
  Medium devices (less than 992px)
*/
@media (max-width: 991px) {
  .header__logo {
    transform: unset;
    margin-top: 0;
  }
  .header__logo img {
    width: 140px;
  }
  .hero__wrapper {
    padding-top: 170px;
  }
  .hero__slide {
    padding-right: 0;
  }
  .hero__thumb {
    position: static;
    width: 45%;
    flex-shrink: 0;
  }
  .hero__slide-inner {
    padding: 40px 24px 130px;
    display: flex;
    gap: 24px;
  }
  .hero__content {
    margin-top: 0;
  }
  .hero__slider-nav {
    justify-content: center;
    width: 100%;
    left: 0;
  }
  .hero__slider-container {
    transform: unset;
    margin-top: 0;
  }
  .hero__subtitle {
    font-size: 30px;
  }
  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 36px;
  }
  .section__subtitle {
    font-size: 20px;
  }
  .text-lg {
    font-size: 16px;
  }
  .slider-counter {
    font-size: 50px;
  }

  .about {
    padding-top: 80px;
  }
  .about__content {
    padding-left: 0;
  }

  .testimonial__stat-value {
    font-size: 48px;
  }

  .cruise {
    padding-block: 80px;
  }
  .cruise__media {
    width: 84%;
  }
  .cruise__thumb--sm {
    width: 260px;
  }
  .cruise__content {
    width: 100%;
    padding: 25px;
  }
  .cruise__item--reverse .cruise__thumb--sm {
    left: auto;
    right: -110px;
  }
  .cruise__item--reverse .cruise__content {
    padding: 25px;
    text-align: left;
  }
  .cruise__item--reverse .cruise__desc {
    margin-left: 0;
  }
  .news {
    padding-block: 60px;
  }
  .news__left {
    width: 100%;
    margin-top: 0;
  }
  .news__right {
    width: 100%;
  }
  .news__wrapper {
    gap: 40px;
  }
  .news__slider-nav {
    margin-left: 0;
    margin-top: 16px;
  }

  .visit {
    padding-block: 80px;
  }

  .newsletter {
    padding-top: 100px;
  }

  .footer__wrapper {
    flex-wrap: wrap;
    max-width: 530px;
    margin-inline: auto;
    gap: 40px 60px;
  }
  .footer__contact {
    width: 100%;
  }
}

/* 
  Small devices (less than 768px)
*/
@media (max-width: 767px) {
.theme-btn {
  font-size: 16px;
  height: 48px;
}
  .hero__slide-inner {
    flex-direction: column;
    padding: 20px 20px 100px;
    border-radius: 24px;
  }
  .hero__thumb {
    width: 100%;
  }
  .hero__subtitle {
    font-size: 24px;
  }
  h1 {
    font-size: 40px;
  }
  .slider-counter {
    font-size: 40px;
  }
  .slider-line {
    width: 150px;
    flex-shrink: 1;
  }
  .slider-nav {
    padding-inline: 20px;
  }

.about {
  padding-block: 50px;
}
.about__media {
  gap: 16px;
}
h2 {
  font-size: 32px;
}

.transport {
  padding-block: 50px;
}
.section__header {
  margin-bottom: 40px;
}
.transport__media {
  gap: 16px;
}
.transport__destination {
  font-size: 18px;
}
.transport__arrow {
  max-width: 70px;
}

.testimonial__left {
  padding-inline: 0;
}
.testimonial__item {
  flex-direction: column;
}
.testimonial__items {
  max-height: 550px;
  gap: 30px;
}
.testimonial__stats {
  width: 100%;
  gap: 20px;
}
.testimonial__stat {
  padding: 0;
}
.testimonial__stat-value {
  font-size: 32px;
}
.testimonial__stat-label {
  font-size: 14px;
  line-height: 1.2;
}
.testimonial__stat-divider {
  height: auto;
  width: 1px;
}

.cruise {
  padding-block: 50px;
}
.cruise .section__header {
  margin-bottom: 40px;
}
.cruise__media {
  width: 100%;
  padding-right: 50px;
}
.cruise__thumb--sm {
  width: 170px;
  right: 0;
}
.cruise__content {
  padding: 24px 16px;
}
h3 {
  font-size: 26px;
}
.cruise__item--reverse .cruise__thumb--sm {
  right: 0;
}
.cruise__item--reverse .cruise__content {
  padding: 24px 16px;
}

.news .container {
  max-width: 100%;
  padding: 0;
}
.news__left {
  padding-inline: 20px;
}
.news {
  padding-top: 0;
}
.news__left::before {
  display: none;
}
.news__right {
  padding-left: 20px;
}
.news__item {
  width: 280px;
}.news__slider-container {
	margin-right: 0;
}

.visit {
  padding-block: 50px;
}

.newsletter {
  padding-top: 80px;
}
.form {
  padding: 32px 20px;
}

.footer__wrapper {
  padding-block: 50px 30px;
}
.footer__logo img {
  width: 150px;
}
.footer__contact-text {
  font-size: 16px;
  line-height: 28px;
}
.footer__link {
  font-size: 16px;
  line-height: 28px;
}
.footer__copyright {
  padding-block: 20px;
}
.footer__copyright-text {
  font-size: 14px;
}
}

/* 
  Extra small devices (less than 576px)
*/
@media (max-width: 575px) {
}