@media screen and (max-width: 1840px){
	.container{padding: 0 20px;}

	.bt{font-size: 48px; line-height: normal;}



	#about{padding-bottom: 300px;}
	#about .bg{bottom: -540px;}
	#about .instagram{bottom: -300px; left: calc(50% - 200px)}


	.section .image,#gallery img{height: 700px}


	#team .bt{width: 100%; max-width: calc(100% - 400px)}


	footer .text{max-width: 300px; font-size: 12px;}
}



@media screen and (max-width: 1300px){
	.bt{font-size: 32px; line-height: 44px; margin-bottom: 20px;}
	.bt img{margin-bottom: 20px; max-width: 50px;}

	.container{padding: 0 20px;}

	body{font-size: 14px; line-height: 26px;}

	header .container{position: relative;}
	header nav{display: none;}
	header .logo{max-width: 80px; gap: 0}
	header .pull{position: absolute; top: 0; right: 15px;}
	header .actions{padding-right: 50px;}
	header .actions .btn{height: 42px; font-size: 12px; padding: 0 12px; width: auto;}
	header .actions .btn-white-tr{display: none;}


	#promo .image{width: calc(100% - 16px); left: 8px; top: 8px;}
	#promo{height: calc(100vh - 16px); min-height: 560px}
	#promo .logo img{width: 166px;}
	.promo__title{font-size: 32px; line-height: normal;}
	.promo__title span{width: 6px; height: 6px; top: 2px;}


	#about .container{padding: 0 8px}
	#about{padding: 200px 0 245px;}
	#about .bt{position: absolute; top: -165px; left: 8px; max-width: 360px}
	#about .bt{background-size: 30px; text-indent: 40px}
	#about .image{width: 100%; order: 0}
	#about .text{width: 100%; order: 1; padding: 30px 0 0;}
	#about .text p{padding: 0}
	#about .instagram{width: 185px; bottom: -200px; left: calc(100% - 185px)}
	#about .bg{width: 160px; bottom: -290px; left: 8px;}


	#block1,#block2{background: #B7CBD0;}
	#block1.s__yellow,#block2.s__yellow{background: #E0D4CA}
	.section .image{width: 100%; order: 0!important; height: auto;}
	.section .text{width: 100%; padding: 0; order: 1!important; box-sizing: border-box; padding: 50px 20px;}


	#immerse{padding: 55px 0;}


	#gallery img{height: 500px;}


	#stories{padding: 55px 0;}
	#stories .swiper{padding-bottom: 40px}
	#stories .swiper-slide{width: 310px;}
	#stories .swiper-slide img{height: 360px;}
	#stories .swiper-pagination{display: block; top: 100%!important; height: 8px; background: rgba(255, 255, 255, 0.1);}
	#stories .swiper-pagination span{background: #fff;}


	#gallery__instagram{padding: 55px 0;}
	#gallery__instagram .grid{gap: 15px; grid-template-columns: repeat(2, 1fr);}


	#team{padding: 45px 0 130px; background-size: 200px; background-position: 0 calc(100% + 50px)}
	#team.team__center{padding-top: 115px}
	#team .container{justify-content: flex-end;}
	#team a img{width: 185px; position: relative; right: -20px}
	#team .bt{max-width: 100%; width: 100%;}


	#block1.blockshaped{background-image: url("../img/blockshapedm.svg"); background-position: 100% 105%;}
	#block1.blockshaped .text{padding-top: 90px; padding-bottom: 90px;}
	.section .ct{font-size: 14px; margin-bottom: 10px;}
	.section.section__right .b__instagram{position: relative; bottom: -40px; right: 0; width: 185px; float: right; margin-top: 50px}
	#block2.blockct{background-position: 0 calc(100% - 185px); background-size: 400px}


	footer{padding: 55px 0;}
	footer .col{width: 100%; margin-bottom: 30px;}
	footer .logo{max-width: 150px; margin: 0 0 18px;}
	footer .text{width: 100%; max-width: 100%;}
	footer .col ul{max-width: 100%; width: 100%;}
	footer .col li{margin-bottom: 20px;}
	footer .actions{width: 100%; padding: 20px 0 0;}
	footer .actions .btn{margin: 0; width: calc(50% - 3px); height: 40px; font-size: 14px; padding: 0}
	footer .socials{justify-content: center; padding: 50px 0 0;}
	footer .bottom{padding: 0; justify-content: center; font-size: 14px; gap: 0}
	footer .bottom ul{order: 0; display: block; text-align: center;}
	footer .bottom ul li{margin-bottom: 10px;}
	footer .bottom .copyright{order: 1; text-align: center; padding: 40px 0 0;}
}



@media screen and (max-width: 767px){
	#promo.home__page .image{background: url("https://awwa.love/wp-content/uploads/2026/06/chatgpt-image-29-ijunja-2026-g.-21_14_12.png") 50% 50% no-repeat; background-size: cover;}
	#promo.home__page .image img{display: none;}


	.box__modal{padding: 20px;}
	.form__item{margin-bottom: 20px;}
	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{height: 55px;}
	.box__modal .image .image__data{font-size: 20px;}
	.fancybox-close-small{width: 45px; height: 45px; background-size: 20px!important}


	#block1.s__come{background-position: 0 calc(100% - 30px); background-size: 260px}
	#block2.s__yellow.s__rest{background-position: calc(100% + 30px) calc(100% + 150px); background-size: 170px}


	#block1.contacts .image{order: 1!important}
	#block1.contacts .text{order: 0!important}


	#page .content{font-size: 12px; line-height: 20px;}


	#promo.text__page{height: auto; min-height: 0; padding: 100px 0 20px;}

	.section.contacts{text-align: center;}
	.section.contacts .btn{margin: 0 auto;}
	#block1.s__yellow.contacts{background-image: url("../img/block1y.svg"); background-size: 200px; background-repeat: no-repeat; background-position: 140% 30%}

	.flex.start a{width: 100%;}
	.contacts .text .data.small{text-align: left;}


	.s__yellow__right{background-position: 100% calc(100% + 100px)!important; background-size: 200px!important}
	.s__yellow__left{background-position: 0 calc(100% + 110px)!important; background-size: 200px!important}
}