@media (max-width: 1500px) {
  .our-story__content {
    margin-right: 0;
  }
}
@media (max-width: 1240px) {
  .menu-left ul, .menu-right ul {
    gap: clamp(15px, 3.5vw, 75px);
  }
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
  .container-our-story {
    padding: 0 20px;
  }
  .response__title::after {
    bottom: -70px;
    right: -80px;
  }
}
@media (max-width: 1100px) {
	.accommodation__list {
		flex-direction: column;
	}
	.accommodation__item {
		width: 100%;
		padding: 40px;
    	align-items: center;
	}
	.accommodation__item:nth-of-type(3) {
		margin: 0
	}
	.accommodation__image {
		height: 240px;
		border-radius: 50%;
	}
}
@media (max-width: 1024px) {
  .hero {
    min-height: auto;
    height: auto;
    padding-top: 50px;
  }
  .our-story__wrapper {
    padding: 40px 30px;
    background-size: 320px;
  }
}
@media (max-width: 991px) {
  .service-card__image {
    height: 220px;
  }
  .splide__arrow--next {
    right: -10px;
  }
  .splide__arrow--prev {
    left: -10px;
  }
.rates__tabs {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: thin;
    scrollbar-color: rgb(249, 141, 65) transparent;

    -webkit-overflow-scrolling: touch;
}

.rates__tabs::-webkit-scrollbar {
    height: 6px;
}

.rates__tabs::-webkit-scrollbar-track {
    background: transparent;
}

.rates__tabs::-webkit-scrollbar-thumb {
    background: rgb(249, 141, 65);
    border-radius: 20px;
}

.rates__tab {
    flex: 0 0 auto;
}
}
@media (max-width: 820px) {
  .menu-left ul, .menu-right ul {
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .our-story__wrapper {
    flex-direction: column-reverse;
    background-image: none !important;
  }
  .our-story__block, .our-story__content {
    width: 100%;
    max-width: 100%;
  }
  .our-story__content .wp-block-image {
    display: block;
    text-align: center;
  }
  .faq__title.block__title {
    padding: 30px 0 120px;
  }
  .faq__title.block__title img {
    transform: rotate(15deg);
    right: 40%;
    bottom: -35px;
  }
  .faq__header {
    align-items: self-start;
    flex-direction: column;
    gap: 10px;
  }
  .contact__wrapper {
    flex-direction: column;
    gap: 10px;
  }
  .contact__block {
    width: 100%;
  }
  .space-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 160px 320px 160px;
    gap: 10px;
  }

  .space-gallery__item {
    width: 100%;
    height: 100%;
  }

  /* 1 */
  .space-gallery__item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  /* 4 */
  .space-gallery__item:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }

  /* 2 BIG */
  .space-gallery__item:nth-child(2) {
    grid-column: 1 / 3;
    grid-row: 2;
  }

  /* 3 */
  .space-gallery__item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }

  /* 5 */
  .space-gallery__item:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }
	.space-gallery {
		padding: 0 20px;
	}
}
@media (max-width: 700px) {
  .site-logo.mobile, .menu-search-item.mobile {
    display: block;
  }
  .site-logo.desktop, .menu-search-item.desktop, .main-navigation {
    display: none;
  }
  .burger-menu {
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    z-index: 1001;
  }
  .burger-item {
    width: 100%;
    height: 5px;
    background-color: #000;
    transition: all 0.3s ease;
    border-radius: 5px;
  }
  .menu-mobile {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    height: 100vh;
	 background: rgb(255, 245, 238);
    transition: right 0.3s ease;
    z-index: 1000;
  }
  .menu-mobile.active {
    right: 0;
  }
  .menu-list-mobile li {
    text-align: center;
  }
  .menu-mobile .menu-list-mobile {
	 height: 100vh;
	 padding: 100px 20px 80px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	background: rgb(255, 245, 238);
  }
  .menu-list-mobile .sub-menu {
    display: none;
  }
  .menu-list-mobile .open .sub-menu {
    margin-top: 10px;
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .menu-list-mobile > .menu-item > a {
    font-size: 20px;
    font-weight: 500;
  }
  .menu-item-has-children > a {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .menu-item-has-children {
    width: 100%;
  }
  .menu-item-has-children > a::before {
    position: absolute;
    content: '';
    top: calc(50% - 7px);
    left: 10px;
    width: 20px;
    height: 15px;
    background-color: rgb(255, 105, 0);
    -webkit-mask: url("../img/arrow-menu.svg") no-repeat center;
    mask: url("../img/arrow-menu.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  .menu-item-has-children.open > a::before {
    transform: rotate(180deg)
  }
  .burger-menu.active .burger-item:nth-child(1) {
    transform: translateY(16px) rotate(45deg);
  }
  .burger-menu.active .burger-item:nth-child(2) {
    opacity: 0;
  }
  .burger-menu.active .burger-item:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }
  .nav__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .who__wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
  .who {
    padding: 0 0 30px;
  }
  .who__block {
    width: 100%;
  }
  .services .block__title {
    font-size: 18px;
  }
  .faq__title.block__title {
    font-size: 20px;
  }
  .services .splide__track {
    margin-top: 40px;
  }
}
@media (max-width: 600px) {
  .splide__arrow--next {
      right: -15px;
  }
  .splide__arrow--prev {
    left: -15px;
  }
  .menu-mobile {
    max-width: 100%;
  }
  .response__title::after {
    bottom: -65px;
    right: -20px;
    width: 80px;
    height: 80px;
    background-size: 80px;
  }
  .faq__question {
    padding-right: 26px;
    line-height: 1.2;
  }
	.our-story__main {
		padding-top: 50px;
	}
	.accommodation__item {
		flex-direction: column;
	}
	.accommodation__content {
		width: 100%;	
	}
}
@media (max-width: 485px) {
	.hero {
    	background-position: center left -100px;
	}
  .response .ti-widget.ti-goog .ti-footer .ti-row {
    justify-content: flex-start;
  }
  .response__title {
    margin-bottom: 60px;
  }
  .response__title::after {
    right: 30px;
    width: 80px;
    transform: none;
    height: 80px;
    background-size: 80px;
  }
  .faq__tab {
    padding: 14px;
  }
  .our-day__title::after {
    top: -62px;
    right: -5%;
  }
  .our-day__title::before {
    right: 50px;
  }
  .rates__item-inner {
    flex-direction: column;
  }
  .rates__item-inner .rates__text, .rates__item-inner .rates__text2, .rates__item-inner .rates__image {
    width: 100%;
  }
	.rates__text2 {
		margin-left: 0;
	}
	.accommodation .container {
		padding: 0;
	}
	.accommodation__list {
		gap: 30px;
	}
	  .accommodation__item {
        padding: 20px 30px;
	}
}
@media (max-width: 420px) {
  .service-card__image {
    height: auto;
  }
  .faq__wrapper {
    padding: 20px;
  }
  .faq__header-title-block img {
    display: none;
  }
  .faq__item {
    padding: 16px
  }
		.hero {
    	background-position: center left -120px;
	}
}