@media (max-width: 1200px) {
	header .navbar .nav-separator {
		width: 220px;
	}
	.head .search-form .form-field .btn {
		padding: 12px;
		width: 100%;
	}
	
	.head .search-form.search-form-advanced .form-field.form-field-button-advanced {
		position: static;
		order: 11;
	}
	
	.boats-catalog, hotels-catalog {
		flex-flow: column nowrap;
	}
	.mobile-filter {
		display: block;
	}
	.boats-filter {
		display: none;
		margin: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #ffffff;
		z-index: 100;
		overflow-y: scroll;
		min-width: auto;
		max-width: none;
	}
		.boats-filter .boat-filter-head {
			display: block;
		}
		.boats-filter form {
			border: 0;
			padding: 16px;
		}
			.boats-filter .filter-field .filter-line {
				justify-content: flex-start;
			}
				.boats-filter .filter-field .filter-line * {
					margin-right: 8px;
				}
	.boats-filter.active {
		display: block;
	}
	
	.hotels-filter {
		display: none;
		margin: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #ffffff;
		z-index: 100;
		overflow-y: scroll;
		min-width: auto;
		max-width: none;
	}
		.hotels-filter .hotel-filter-head {
			display: block;
		}
		.hotels-filter form {
			border: 0;
			padding: 16px;
		}
			.hotels-filter .filter-field .filter-line {
				justify-content: flex-start;
			}
				.hotels-filter .filter-field .filter-line * {
					margin-right: 8px;
				}
	.hotels-filter.active {
		display: block;
	}
	
	.SumoSelect > .filter-ss-big ~ .optWrapper {
		width: 100%;
	}
	#floatSubmit {
		display: none!important;
	}
}

@media (max-width: 1199px) {
	body.ms-nav-show {
		overflow: hidden;
	}
	h1, .h1, h2, .h2 {
		font-size: 80px;
	}
	header .navbar {
		padding: 16px;
	}
	header .navbar-nav {
		background: #ffffff;
	}
		header .navbar-nav .nav-link:hover {
			color: #0b5ed7;
		}
	
	header nav.navbar.ms-nav-show {
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 10;
		display: block;
	}
	
	header .navbar-collapse {
		padding-top: 96px;
	}
	
	header .contacts-data.ms-nav-show {
		display: flex;
		position: fixed;
		top: 16px;
		right: 16px;
		left: 32px;
		z-index: 11;
		justify-content: flex-start;
		flex-flow: row wrap;
		padding: 0px;
	}
		header .contacts-data.ms-nav-show .social {
			order: 2;
			flex-grow: 1;
			flex-basis: 50%;
			text-align: left;
		}
		header .contacts-data.ms-nav-show .general-search {
			margin-bottom: 8px;
			width: 100%;
			flex-basis: 100%;
		}
		header .contacts-data.ms-nav-show .contacts {
			font-size: 12px;
			margin-top: 8px;
			order: 3;
		}
	
	.head {
		min-height: auto;
	}
	.head h1 {
		font-size: 80px;
	}
	.head .intro-text {
		font-size: 18px;
	}
	
}

@media (max-width: 1023px) {
	header + .wrap > h1:first-child {
		margin-top: 32px;
		margin-bottom: 32px;
	}
	.row {
		--bs-gutter-x: 16px;
	}
	h1, .h1, h2, .h2 {
		font-size: 54px;
	}
	h1 + .subtitle, .h1 + .subtitle, h2 + .subtitle, .h2 + .subtitle {
		font-size: 14px;
		line-height: 20px;
	}
	.mb-128 {
		margin-bottom: 64px!important;
	}
	.mt-128 {
		margin-top: 64px!important;
	}
	.card {
		padding: 28px;
	}
	.wrap {
		padding: 0px 16px;
	}
	header {
		padding: 25px 0px 30px;
	}
		header .contacts-data {
			display: none;
		}
		header .logo {
			top: 10px;
			width: 100px;
		}
		header .navbar {
			box-shadow: none;
		}
		
		header .navbar.fixed-top {
			box-shadow: 0 1px 1px 0px #eeeeee;
			padding: 16px;
		}
	.head {
		padding: 40px 14px 14px;
		background-size: cover;
		margin-bottom: 16px;
	}
		.head.head-home {
			padding: 40px 14px 14px;
		}
	.head h1 {
		font-size: 54px;
		margin-bottom: 16px;
	}
	.head .intro-text {
		font-size: 14px;
		margin-bottom: 32px;
		line-height: 20px;
		padding: 0px;
	}
	.head .search-form .form-field {
		width: 100%;
		margin: 5px 0px;
	}
		.head .search-form .form-field.form-button {
			order: 3;
		}
		.head .search-form .form-field label {
			margin-bottom: 0px;
		}
		.head .search-form .form-field-full {
			flex-flow: row wrap;
			padding-bottom: 0px;
		}
			.head .search-form .form-field-full > div {
				flex-grow: 1;
				width: 100%;
			}
				.head .search-form .form-check {
					margin: 4px 0px;
				}
				
	.color-blocks {
		margin-bottom: 64px;
	}
		.color-blocks .card {
			margin-bottom: 16px;
		}
	.block-numbers {
		margin: 0px -8px;
	}
	
	.reviews-container {
		max-width: 90%;
		transform: none;
		flex-flow: row wrap;
	}
		.reviews-container .user {
			padding-right: 0px;
			widtH: 100%;
			text-align: center;
			margin-bottom: 32px;
		}
		.reviews-container .review {
			text-align: center;
			padding: 16px;
		}
	
	footer {
		flex-flow: column nowrap;
	}
		footer .logo {
			margin-left: 0px;
			align-self: center;
			margin-bottom: 16px;
		}
		footer .contacts {
			order: 2;
			margin-bottom: 32px;
		}
		footer .navigation {
			order: 1;
		}
			footer .navigation ul {
				flex-flow: row wrap;
			}
				footer .navigation ul li {
					flex-basis: 100%;
					margin-bottom: 16px;
				}
		footer .right {
			order: 3;
			margin-left: 0;
		}
			footer .awards {
				justify-content: center;
			}
				footer .awards img {
					max-width: 100%;
				}
			footer .copyright {
				text-align: center;
			}
		footer .subscribe .btn {
			width: 100%;
		}
	
	.slick-block {
		margin: 0px -8px;
	}
	.slick-block-item {
		padding: 0px 8px;
	}
	.ms-slick-nav {
		width: 32px;
		height: 32px;
	}
}

@media (max-width: 991px) {
	
}

@media (max-width: 575px) {
	.head h1 {
		font-size: 36px;
	}
	h1 + .subtitle, .h1 + .subtitle, h2 + .subtitle, .h2 + .subtitle {
		font-size: 12px;
		line-height: 16px;
	}
	.head .intro-text {
		font-size: 12px;
	}
	.head.head-home {
		padding: 20px 0px 0px;
	}
}