/* xs (<=543px) */
@media screen and (max-width: 576px) { 
	.wrapper {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header__inner {
		max-width: 100%;
		padding: 15px 15px;
	}
	.header__nav {
		display: none;
	}
	.header__btn, .header__btn__bron {
		font-size: 13px;
	}
	.flex-wrap {
		flex-wrap: wrap;
	}
	.tabs-img, .tabs-text {
		width: 100%;
		margin-bottom: 20px;
	}
	.title-slider h1 {
		font-size: 32px;
	}
	.text-block h2, .room-block h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.input-form-email {
		width: 100%;
	}
	.input-form-name {
		width: 100%;
	}
	.btn-detail {
		font-size: 16px;
	}
	.js-tabs-trigger {
		font-size: 16px;
		padding: 10px 20px;
		flex: 1 1 calc(50% - 20px);
	}
	.dolp-title {
		font-size: 32px;
	}
	.dolp-btn {
		font-size: 16px;
	}
	.dolp-text {
		font-size: 16px;
	}
	.photo-block {
		height: 450px;
		overflow: hidden;
		width: 100%;
	}
	.photo-block img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		border-radius: 20px;
	}
	.section-h2 h2 {
		font-size: 30px;
	}
	.about-item {
		margin-bottom: 30px;
	}
	.about-item:last-child {
		margin-bottom: 0px;
	}
	.photo img {
		width: 100%;
	}
	.f-32 {
		font-size: 28px;
	}
	.t_pref {
		margin-left: 15px;
	}
	.group-text {
		line-height: 1.5;
	}
	.group-item {
		max-width: 100%;
	}
	.price-item {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.price-item:last-child {
		max-width: 100%;
		margin-bottom: 0px;
	}
	.js-tabs-trigger {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.day-white .mr-15 {
		margin-right: 0px;
	}
	.w-204 {
		max-width:100%;
		width: 100%;
	}
	.about-item {
		max-width:100%;
		width: 100%;
	}
	.item--xs {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}
	.item-day-predmet {
		margin-bottom: 30px;
	}

}
@media screen and (min-width: 576px) and (max-width: 767px) { 
	.wrapper {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header__inner {
		max-width: 100%;
		padding: 15px 15px;
	}
	.header__nav {
		display: none;
	}
	/*.header__buttons {
		display: none;
	}*/
	.gallery-arrow {
		right: 15px;
		left: 15px;
	}
	.prev-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	.next-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	/*.header__right {
		gap: 70px;
	}*/
	.flex-wrap {
		flex-wrap: wrap;
	}
	.rest-text {
		/*max-width: 320px;*/
		width: 100%;
	}
	.tabs-img, .tabs-text {
		width: 100%;
	}
	.title-slider h1 {
		font-size: 48px;
	}
	.text-block h2, .room-block h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.input-form-email {
		width: 100%;
	}
	.input-form-name {
		width: 100%;
	}
	.btn-detail {
		font-size: 18px;
	}
	.js-tabs-trigger {
		font-size: 18px;
		padding: 5px 20px;
	}
	/*dolphin*/
	.about-item {
		margin-bottom: 30px;
	}
	.about-item {
		max-width:100%;
		width: 100%;
	}
	.dolp-title {
		font-size: 32px;
	}
	.dolp-btn {
		font-size: 16px;
	}
	.dolp-text {
		font-size: 16px;
	}
	.photo-block {
		height: 450px;
		overflow: hidden;
		width: 100%;
	}
	.photo-block img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		border-radius: 20px;
	}
	.section-h2 h2 {
		font-size: 30px;
	}
	.group-text {
		line-height: 1.5;
	}
	.group-item {
		max-width: 100%;
	}
	.item-day-predmet {
		margin-bottom: 30px;
	}
	.group-item {
		flex: 1 1 calc(50% - 30px);
	}
	.item--xs {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}
    .price-item {
        max-width: 100%;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.wrapper {
		width: 100%;
	}
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header__nav {
		display: none;
	}
	.header__inner {
		max-width: 100%;
		padding: 15px 15px;
	}
	.gallery-arrow {
		right: 15px;
		left: 15px;
	}
	.prev-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	.next-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	/*.header__right {
		gap: 70px;
	}*/
	.flex-wrap {
		flex-wrap: wrap;
	}
	.rest-text {
		/*max-width: 320px;*/
		width: 100%;
	}
	.tabs-img, .tabs-text {
		width: 100%;
	}
	.title-slider h1 {
		font-size: 48px;
	}
	.text-block h2, .room-block h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.mt-mobile-top {
		margin-top: 20px;
	}
	.room-title {
        margin-bottom: 20px;
        margin-top: 20px;
    }
	/**/
	.page__hero p {
		font-size: 28px;
	}
	.page__title {
		font-size: 32px;
		word-break: break-word;
	}
	.benef-room-item__text {
		text-align: center;
	}
	.benefits__text {
		font-size: 14px;
	}
	.benef-rooms {
		gap: 0;
	}
	.rules {
		font-size: 18px;
		text-align: center;
	}
	.tabs-form forma {
		padding-top: 64px;
		padding-bottom: 64px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.room-title {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.bx-breadcrumb {
		flex-wrap: wrap;
	}
	.h-641 {
		height: 380px;
	}
	.swiper-pagination {
		margin-bottom: 10px;
	}
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin-right: 10px !important;
	}
	.thumbswidth {
		max-width: 100px;
		height: 75px;
	}
	.ng-room-block {
		margin-bottom: 0px;
		padding: 20px;
	}
	.ng-item > div {
		gap: 0px;
		border: 2px solid #005E22;
		border-radius: 15px;
	}
	.room-title a {
		word-break: break-word;
	}
	.pagination--hotel-arrow {
		display:none;
	}
	.about-item {
		margin-bottom: 30px;
	}
	.about-item {
		max-width:100%;
		width: 100%;
	}
	.w-204 {
		max-width: 47%;
		width: 100%;
	}
    .price-item {
        max-width: 100%;
        margin-bottom: 30px;
    }
	.item-day-predmet {
		margin-bottom: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.wrapper {
		width: 960px;
	}
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header__inner {
		max-width: 100%;
		padding: 15px 15px;
	}
	/*.header__right {
        gap: 20px;
    }*/
	.flex-wrap {
		flex-wrap: wrap;
	}
	.gallery-arrow {
		right: 15px;
		left: 15px;
	}
	.prev-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	.next-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	/*.header__right {
		gap: 70px;
	}
	.navigation ul li:last-child {
		display: none;
	}*/
	.tabs-img, .tabs-text {
		width: 100%;
	}
	.rest-text {
		max-width: 100%;
		width: 100%;
	}
	.room-title {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.detail-text {
		max-width: 100%;
	}
	.detail-img {
		max-width: 100%;
		width: 100%;
	}
	.h-641 {
		height: 580px;
	}
	.pagination--hotel-arrow {
		display:none;
	}
	.ng-room-block {
		margin-bottom: 0px;
		padding: 20px;
	}
	.ng-item > div {
		gap: 0px;
		border: 2px solid #005E22;
		border-radius: 15px;
	}
	.w-204 {
		max-width: 47%;
		width: 100%;
	}
	.item-day-predmet {
		margin-bottom: 30px;
	}
	.about-item {
		margin-bottom: 30px;
	}
	.about-item {
		max-width:33%;
		width: 100%;
	}
	.photo, .ket-text {
		flex: 1 1 calc(50% - 40px);
		width: 50%;
	}
	.photo img {
		width: 100%;
	}
    .price-item {
        max-width: 100%;
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px)  and (max-width: 1259px) { 
	.wrapper {
		width: 1140px;
	}
	.row {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header__inner {
		max-width: 100%;
		padding: 15px 15px;
	}
	.gallery-arrow {
		right: 15px;
		left: 15px;
	}
	.prev-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	.next-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	/*.header__right {
		gap: 70px;
	}*/
	.detail-text {
		max-width: 420px;
	}
}
@media (min-width: 1199px)  and (max-width: 1259px) { 
	.detail-text {
		max-width: 420px;
	}
}
@media (max-width: 1450px) { 
	.gallery-arrow {
		right: 15px;
		left: 15px;
	}
	.prev-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
	.next-gallery {
		background-image: url(/bitrix/templates/main/img/arrow-white-bac.svg);
	}
}
/*@media (min-width: 768px) {
	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
}*/
@media (min-width: 1199px) {
	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
			order: 2;
	}
	.iframe-container img {
		height: 641px;
	}
}
@media (min-width: 1240px) {
	.rooms-item-xl {
		width: 820px;
		height: 450px;
	}
	.rooms-item-xs {
		width: 400px;
		height: 450px;
	}
	.special-item {
		width: 610px;
		height: 450px;
	}
	.ng-item {
		width: 610px;
	}
	.contact-item {
		width: 610px;
	}
	.text-block-w-715 {
		width: 715px;
	}
	.text-block-w-400 {
		width: 400px;
	}
}


/*оптимизация меню
@media (min-width: 991px)  and (max-width: 1180px) { 
	.navigation ul li:nth-last-child(-n+2) {
		display: none;
	}
}
@media (min-width: 1180px)  and (max-width: 1259px) { 
	.navigation ul li:last-child {
		display: none;
	}
}
*/

/*iphone fix gap*/

@media (max-width: 420px) { 
	.header__inner {
		gap: 0px;
	}
	.header__right {
		gap: 0px;
	}
	.header__buttons {
		margin-right: 20px;
	}
	.navigation ul {
		display: -webkit-flex;
		gap: 0px;
	}
	.gap-20 {
		gap: 0px;
	}
	.gap-60 {
		gap: 0px;
	}
	.gap-60 div {
		margin-bottom: 20px;
	}
	.footer-contact .flex {
		display: -webkit-flex;
		gap: 0px;
		justify-content: space-between;
	}
	.footer-contact .flex div {
		margin-bottom: 20px;
	}
	.footer-social .flex {
		display: -webkit-flex;
		gap: 0px;
	}
	.footer-social .flex div:not(:last-child) {
		margin-right: 20px;
	}
	.item-benef {
		gap: 0px;
	}
	.pagination-arrow {
		gap: 0px;
	}
	.pagination-arrow div:not(:last-child) {
		margin-right: 20px;
	}
	.js-tabs-list {
		gap: 0px;
	}
	.tabs-img-two {
		gap: 0px;
	}
	.tabs-img-two .tabs-img-cover:not(:last-child) {
		margin-right: 20px;
	}
	.gap-h-m {
		gap: 0px;
	}
	.gap-h-m div:not(:last-child) {
		margin-right: 35px;
	}
	.gap-20-center {
		gap: 0px;
	}
	.gap-20-center div:not(:last-child) {
		margin-right: 20px;
	}
	.gap-24 {
		gap: 0px;
	}
	.gap-24 a:not(:last-child) {
		margin-right: 24px;
	}
	.ng-item > div {
		gap: 0px;
	}
	.ng-item > div:not(:last-child) {
		margin-right: 20px;
	}
	.countdown {
		gap: 0px;    
	}
	.countdown div:not(:last-child) {
		margin-right: 20px;
	}
	.footer-menu {
		padding-bottom:0px;
	}
	.gap-20 .detail-img {
		margin-bottom: 20px;
	}
	.gap-20 .special-item {
		margin-bottom: 20px;
	}
	.gap-20 .photo {
		margin-bottom: 20px;
	}
	.gap-30-30 {
		gap: 0px 0px;
	}
	.gap-30-30 .group-item {
		margin-bottom: 30px;
	}
	.gap-30-30 .item--block {
		margin-bottom: 30px;
	}
	.gap-30-30 .item--block-notext {
		margin-bottom: 30px;
	}
	.gap-30-30 .item--block-notext:last-child {
		margin-bottom: 0px;
	}



}

/*dolphin*/
@media only screen and (min-width: 1199px) {
	.js-nav-toggle {
		display: none;
	}
}
@media only screen and (max-width: 1199px) {
	.media__buttons {
		display: none;
	}
	.header_block {
		margin: 0 15px;
		max-width: 100%;
	}
}