@media (max-width: 1400px) {
	.header-bottom {
		margin-top: 50px;
	}
	.form-booking-wrap {
		top: -126px;
	}
}

@media (max-width: 1200px) {
	.navbar-wrapper {
		height: 90px;
	}
	.navbar-wrapper_fixed {
		height: 70px;
	}
	.navbar__logo-link {
		height: 50px;
	}
	.navbar__logo-link_fixed {
		height: 40px;
	}
	.navbar-wrapper_fixed + .header-bottom {
		min-height: 540px;
		padding-top: 90px;
	}
	.menu-list__item {
		margin-right: 35px;
	}
	.menu-list__link,
	.rooms-list__title,
	.rooms-list__price-block {
		font-size: 14px;
	}
	.header-bottom {
		min-height: 450px;
		background-position-y: 60%;
	}
	.header-bottom__title {
		font-size: 34px;
	}
	.header-bottom__title span {
		font-size: 76px;
	}
	.booking-form__wrap {
		width: 80%;
	}
	.booking-block__text {
		width: 40%;
	}
}

@media (max-width: 1024px) {
	.title {
		font-size: 32px;
	}
	.header {
		padding-top: 50px;
	}
	.header-top,
	#menu {
		display: none;
	}
	.hamburger {
		display: block;
		margin-right: 30px;
	}
	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		background-color: var(--grey);
	}
	.navbar-outer-wrapper {
		height: auto;
	}
	.navbar-wrapper {
		height: 50px;
		position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    z-index: 100;
	}
	.navbar {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.navbar__logo-link {
		height: 30px;
	}
	.navbar__phone {
		display: block;
	}
	.booking-form__wrap {
		width: 90%;
	}
	.rooms-list__text {
		flex-direction: column;
    	align-items: flex-start;
    	padding: 60px 15px 15px;
	}
	.rooms-list__price-block {
		margin-left: 0;
		margin-top: 10px;
	}
	.booking-block__text {
		width: 45%;
	}
	.rooms-list__booking {
		flex-direction: column-reverse;
	}
	.rooms-list__price-block {
		margin-left: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 900px) {
	.form-booking-wrap,
	.pagination__item_start,
	.pagination__item_prev,
	.pagination__item_next,
	.pagination__item_end {
		display: none;
	}
	p, a, span,
	.btn,
	.btn_header,
	.list,
	.feedback__text,
	.feedback__author,
	.feedback__date,
	.rooms-list__capacity-item,
	.rooms-list__booking-link,
	.rooms-list__readmore-link {
		font-size: 14px;
	}
	.title,
	.footer-contacts__title {
		font-size: 26px;
	}
	.subtitle,
	.header-bottom__title,
	.booking-block__text {
		font-size: 22px;
	}
	.subtitle-level-three {
		font-size: 20px;
	}
	.subtitle-add {
		font-size: 14px;
	}
	.header-bottom__title span {
		font-size: 50px;
	}
	.header-bottom {
		min-height: auto;
	    margin: 0;
	    padding-top: 30px;
	    padding-bottom: 30px;
	    background-position-y: 85%;
	    background-size: 35% auto;
	}
	.header-bottom__title {
		margin-top: 0;
    	margin-bottom: 20px;
	}
	.rooms-list {
		margin-top: 30px;
		margin-bottom: 30px;
		justify-content: center;
	}
	.rooms-list__item {
		margin-bottom: 15px;
	}
	.rooms-list__item_extended {
		width: 100%;
	}
	.rooms-list__item_extended:nth-child(even) {
		margin-left: 0;
	}
	.single-block {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.booking-block {
		padding: 40px 0;
	}
	.booking-block__wrapper {
		flex-direction: column;
	}
	.booking-block__text {
		width: 100%;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.booking-block__text span {
		display: block;
	}
	.booking-block__form {
		width: 100%;
		margin-left: 0;
	}
	.form-block_various-align {
		justify-content: center;
	}
	.services-list {
		margin-top: 30px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.services-list__item {
		width: 100%;
		max-width: 380px;
		position: relative;
    	overflow: hidden;
	}
	.services-list__item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.services-list__item_reversed {
		flex-direction: column;
	}
	.services-list__item-image {
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(-30%);
	}
	.services-list__text {
		margin-top: 300px;
		background: var(--white);
	}
	.services-list__text_reversed::after {
		bottom: auto;
		top: -30px;
	}
	.blog__image {
		width: 40%;
	}
	.blog__info {
		width: 55%;
	}
	.footer {
		padding: 80px 0;
	}
	.footer-address__wrapper {
		flex-direction: column;
    	justify-content: center;
	}
	.footer-address__text {
		margin-top: 0;
		margin-right: 0;
		text-align: center;
	}
}

@media (max-width: 680px) {
	.article-image {
		width: auto;
	    max-width: 100%;
	    float: none;
	    margin: 0 auto;
	}
	.title,
	.footer-contacts__title {
		font-size: 18px;
	}
	.subtitle,
	.header-bottom__title,
	.booking-block__text {
		font-size: 16px;
	}
	.subtitle-add,
	.rooms-list__capacity-item,
	.rooms-list__booking-link,
	.rooms-list__readmore-link {
		font-size: 12px;
	}
	.header-bottom__title span {
		font-size: 36px;
	}
	.header-bottom {
		background: none;
		text-align: center;
	}
	.booking-block__text {
		text-align: center;
	}
	.rooms-list__item {
		width: 100%;
	}
	.rooms-list__item:nth-child(even) {
		margin-left: 0;
	}
	.rooms-list__item:nth-last-child(2) {
		margin-bottom: 15px;
	}
	.rooms-list__info-section {
		padding: 10px 15px;
	}
	.rooms-list__info-section_readmore {
		background-position: 15px 45%;
		background-size: auto 45%;
	}
	.services-list__text {
		margin-top: 250px;
		padding: 25px;
	}
	.services-list__text::after {
		right: 30px;
	    top: -25px;
	    width: 50px;
	    height: 50px;
	}
	.blog__article {
		flex-direction: column;
	}
	.blog__image {
		width: 100%;
		margin-bottom: 30px;
	}
	.blog__image img {
		margin: 0 auto;
	}
	.blog__info {
		width: 100%;
    	margin-left: 0;
	}
	.subtitle_blog,
	.readmore {
		text-align: center;
	}
	.footer {
		padding: 40px 0;
    	background-position: 60% 50%;
	}
	.footer-copyright {
		flex-direction: column;
    	justify-content: center;
	}
	.footer-copyright__text {
		font-size: 14px;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 400px) {
	.navbar__phone-link {
		display: block;
		padding: 0;
		width: 25px;
		height: 25px;
	}
	.navbar__phone-link span {
		display: none;
	}
}