@media screen and (max-width: 1350px) {
	#promo__ads .info {
		max-width: 320px;
		padding-right: 0
	}

	#promo__ads .text h1 {
		font-size: 32px;
		line-height: 1.3
	}


	#promo__advantages .grid {
		grid-template-columns: repeat(2, 1fr);
	}

	#residence .full,
	#residence .thumbs {
		width: calc(50% - 8px)
	}


	.inn__consult {
		padding: 30px;
		gap: 30px
	}

	.inn__consult .image {
		width: 100%;
	}
}



@media screen and (max-width: 1300px) {

	html,
	body {
		overflow-x: hidden;
	}

	.container {
		width: 100%;
		padding: 0 40px;
		max-width: 100%;
	}


	header nav {
		display: none;
	}

	header .pull {
		display: block;
	}


	.slider-sw {
		padding: 0
	}

	.slider-sw .swiper-pagination {
		display: block;
		bottom: -40px !important
	}

	.slider-sw .swiper-pagination .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		background: #BBBBBB
	}

	.slider-sw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #000
	}

	footer .col:first-child {
		width: 100%;
		margin-bottom: 40px
	}

	footer .col img {
		margin: 0 auto
	}

	footer .bottom {
		padding: 50px 0 0;
	}

	footer .bottom nav {
		width: 100%;
	}

	footer .bottom ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 30px;
		flex-wrap: wrap;
	}

	footer .bottom li {
		margin: 0
	}
}


@media screen and (max-width: 767px) {

	html,
	body {
		overflow-x: hidden;
	}

	.bt {
		margin-bottom: 30px;
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 0.08em;
	}


	header.f-nav {
		padding: 15px 0
	}

	header {
		padding: 30px 0
	}

	header .logo {
		max-width: 180px
	}

	header .socials {
		display: none;
	}

	header .lang {
		font-size: 12px
	}

	header .data {
		gap: 20px
	}

	.burger {
		transform: scale(0.7);
		right: -10px
	}


	.promo__item {
		padding: 15px
	}

	.promo__item .text {
		font-size: 8px
	}


	.box__modal {
		padding: 60px 30px 30px
	}

	.form__title {
		font-size: 20px;
		margin-bottom: 30px
	}


	.page__title {
		margin-bottom: 30px;
		font-size: 32px;
		line-height: 110%;
	}


	footer {
		padding: 75px 0
	}

	footer .col img {
		max-width: 190px;
		margin: 0
	}

	footer .col:nth-child(2) {
		display: none;
	}

	footer .bottom ul {
		gap: 30px;
		justify-content: flex-start;
		font-size: 12px
	}



	#landing__page .container {
		padding: 0 20px
	}

	#landing__page .bt {
		margin-bottom: 25px;
		letter-spacing: normal;
	}

	#landing__page .bt__note {
		margin-bottom: 20px
	}

	header .phone {
		display: none;
	}

	header .data {
		gap: 10px
	}

	#promo__ads {
		padding-bottom: 60px;
		box-sizing: border-box;
	}

	#promo__ads .info {
		max-width: 100%;
		padding-right: 0;
		width: 100%
	}

	#promo__ads .info p {
		margin-bottom: 20px
	}

	#promo__ads .text {
		max-width: 100%;
		width: 100%
	}

	#promo__ads .text h1 {
		font-size: 32px;
		line-height: 1.3
	}


	#promo__image img {
		height: 400px
	}


	#promo__advantages {
		margin: 60px 0
	}

	#promo__advantages .grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px
	}


	#residence {
		margin: 60px 0;
	}

	#residence .full,
	#residence .thumbs {
		width: 100%;
	}

	#residence .full {
		margin-bottom: 8px
	}

	#residence img {
		border-radius: 15px !important
	}

	#residence .all__photos {
		position: relative;
		bottom: 0;
		right: 0;
		width: 100%;
		margin-top: 20px
	}

	#residence .video {
		height: auto
	}

	#residence .video video {
		min-height: 0;
		height: auto;
		width: 100%;
		min-width: 0
	}


	#promo__consult {
		width: 100%;
		margin-left: 0;
		border-radius: 0;
		max-width: 100%;
		margin: 60px 0;
		height: auto;
		min-height: 0;
		padding-bottom: 375px;
		background-position: 50% 100%;
		background-size: auto 350px
	}

	#promo__consult.transparent {
		padding-bottom: 0px
	}

	#promo__consult h2 {
		line-height: 1.2;
		font-size: 24px
	}


	#location {
		margin: 60px 0
	}

	#location iframe {
		height: 450px
	}


	#reviews {
		margin: 60px 0;
	}

	#reviews .swiper-slide {
		width: 100%;
		padding: 20px
	}


	#promo__consultation,
	#promo__consult__form {
		margin: 60px 0;
	}

	.video-block {
		height: 350px;
	}

	#faq .slot,
	.row-content .grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.plans-header {
		font-size: 12px;
	}

	.plans-data .row {
		font-size: 12px;
		padding: 10px 0;
		line-height: 1.2;
		align-items: center;
	}

	.table-data {
		padding: 20px;
		border-radius: 10px;
	}
	.slider-block img {
		height: 300px;
	}
	html .swiper-button-next:after, html .swiper-button-prev:after {
		font-size: 14px;
		min-width: 30px;
		height: 30px;
	}
	html .swiper-button-next {
		right: 15px;
	}
	html .swiper-button-prev {
		left: 15px;
	}
	#promo__advantages .item {
		justify-content: start;
	}
	#promo__advantages.full-width .grid {
		gap: 0;
		align-items: center
	}
}

@media screen and (max-width: 567px) { 
	#promo__advantages.full-width .grid {
		gap: 0;
		flex-direction: column;
	}
}