@media screen and (max-width: 1199.98px) {
	.container {
		max-width: 100%;
	}

	/*--------------------------------------ГЛАВНАЯ--------------------------------------*/
	.logo {
		width: 200px;
		height: auto;
		margin-left: -100px;
	}

	.info-item {
		margin-bottom: 10px;
		margin-right: 0;
	}

	.info__right .info-item {
		justify-content: flex-end;
	}

	.info {
		flex-direction: column;
    	flex-wrap: wrap;
	}

	.info__right .info-item:first-child {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}

	.info__right .info-item:last-child {
		-webkit-box-ordinal-group: 2;
  		-webkit-order: 1;
      	-ms-flex-order: 1;
		order: 1;
	}

	.reserve {
		margin: 0;
		margin-top: 20px;
	}

	.menu-collapse {
		display: none;
		position: absolute;
		background: rgba(62, 88, 136, 1);
		right: 0;
		z-index: 6;
	}

	.menu {
		margin-top: 25px;
	}

	.menu-item {
		margin: 0;
		margin-bottom: 15px;
	}

	.menu-item.active a:after, .menu-item a:after {
		display: none;
	}

	.dropdown-content__pre {
		position: static;
	}

	.dropdown-content {
		box-shadow: none;
		width: auto;
		padding: 0;
		padding-left: 25px;
	}

	.dropdown:hover .dropdown-content__pre {
		display: none;
	}

	.dropdown:hover .fa-chevron-down {
		transform: rotate(0deg);
	}

	.dropdown:hover a:after {
		display: none;
	}

	.open__menu {
		position: relative;
		width: 100%;
		height: 40px;
		margin-top: 20px;
	}

	/*========================================БУРГЕР========================================*/
	.c-hamburger {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
		z-index: 13;
		right: 0;
		top: 0;
		margin-right: 30px;
		margin-top: 18.5px;
	}
	 
	.c-hamburger:focus {
		outline: none;
	}

	.c-hamburger span {
		display: block;
		position: absolute;
		width: 30px;
		cursor: pointer;
		height: 3px;
		background: #fff;
	}
	 
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 3px;
		content: "";
		background: #fff;
		cursor: pointer;
	}
	 
	.c-hamburger span::before {
		top: 0px;
		cursor: pointer;
		top: -8px;
	}
	 
	.c-hamburger span::after {
		bottom: 0px;
		cursor: pointer;
		bottom: -8px;
	}

	.c-hamburger--htx {
		background-color: #000;
	}
	 
	.c-hamburger--htx span {
		transition: background 0s 0.3s;
	}
	 
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	 
	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}
	 
	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}
	 
	/* состояние active при открытом меню  */
	.c-hamburger--htx.is-active {
		background: #fff;
	}
	 
	.c-hamburger--htx.is-active span {
		background: none;
	}
	 
	.c-hamburger--htx.is-active span::before {
		top: 0px;
		transform: rotate(45deg);
	}
	 
	.c-hamburger--htx.is-active span::after {
		bottom: 0px;
		transform: rotate(-45deg);
	}
	 
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
		transition-delay: 0s, 0.3s;
		width: 30px;
		background: #fff;
	}

	.slider-big__one {
		height: 600px;
	}

	.slider-big__one img {
		width: auto;
		height: 120%;
	}

	h1 {
		width: 100%;
		margin-top: 70px;
		font-size: 45px;
	}

	.slider-block .arrow-down {
		margin-top: 219px;
	}

	.about .photo {
		position: relative;
		width: 80%;
		height: 450px;
		overflow: hidden;
		margin: 0 auto;
		margin-top: 35px;
		border-radius: 10px;
	}

	.about .foto {
		margin: 0;
		left: 0;
		width: 100%;
		height: auto;
		top: 50%;
	    left: 50%;
	    margin-right: -50%;
	    transform: translate(-50%, -50%);
	}

	.text-block {
		width: 100%;
		margin-top: 10px;
		padding: 35px;
	}

	.text-block .one {
		width: 100%;
	}

	.text-block .one.right {
		margin-left: 0;
		padding-left: 65px;
	}

	.gallery .one {
		height: 190px;
	}

	.gallery .two {
		height: 395px;
	}

	.gallery .foto {
		margin-bottom: 15px;
	}

	.gallery img {
		height: 125%;
	}

	.slider, .reviews-slider {
		width: 100%;
		padding: 0 15px;
	}

	.reviews-one {
		width: 100%;
	}

	.form {
		width: 100%;
	}

	.form-item, .form button {
		width: calc(93%/3);
	}

	.form__input {
		width: 100%;
	}

	.form button {
		font-size: 18px;
	}

	.all-contacts {
		flex-wrap:wrap;
		margin-bottom: 30px;
	}

	.contact .contacts-one:first-child {
		margin: 0;
		margin-bottom: 20px;
	}

	.contact .contacts-one {
		margin: 0;
		margin-bottom: 20px;
	}

	.contact .contacts-one:nth-child(1), .contact .contacts-one:nth-child(3) {
		width: 56%;
		margin-right: 15px;
	}

	.contact .social p {
		transform: rotate(0deg);
		margin-left: 0;
		text-align: center;
		margin-top: 54px;
	}

	.contact .social .line {
		margin: 0 auto;
		margin-top: 15px;
	}

	.contact .social a {
		margin: 0 auto;
		margin-top: 15px;
	}

	.footer .menu.three {
		margin-left: 0;
	}

	.slick-dots {
		position: static;
		margin-top: 22.5px;
		transform: translate(0%, 0%);
	}

	.reviews-slider {
		position: relative;
		padding: 0;
	}

	.reviews-slide {
		padding: 0 15px;
	}

	.slick-dots, .reviews-slider .slick-dots {
		margin-top: 22.5px;
	}

	.slider {
		padding: 0;
	}

	.awards {
		padding-bottom: 100px;
	}

	.box-modal.box-modal__video {
		width: 768px;
		height: 430px;
	}

	.slick-arrow {
		left: 50%;
	}

	.slick-next {
		margin-left: 125px;
	}

	.slick-prev {
		margin-left: -175px;
	}

	.reviews .but {
		margin-top: 40px;
	}

	/*--------------------------------------ЛЕЧЕБНИЦА--------------------------------------*/
	.after-header {
		padding-top: 70px;
		padding-bottom: 200px;
	}

	.dignity {
		padding: 10px;
		margin-top: -100px;
		height: 275px;
		background: rgba(62, 88, 136, 0.7);
	}

	.dignity.two {
		margin-top: -120px;
	}

	.dignity .text {
		word-wrap: break-word;
	}

	.dignity__number p {
		font-size: 55px;
	}

	.treatment-card .one {
		height: auto;
		padding: 0 15px;
		padding-bottom: 20px;
	}

	.treatment-card .one p {
		height: 69px;
	}

	.treatment-card .one .but {
		width: 100%;
	}

	.special-card {
		width: 725px;
	}

	.special-card .man {
		height: 275px;
		margin-right: -60px;
	}

	.special-card .lotus {
		margin-top: 75px;
	}

	.special-card .form {
		width: 100%;
		padding: 0 15px;
		margin-top: 60px;
	}

	.special-card .form__input {
		width: 100%;
	}

	.special-card .form button {
		width: calc(93%/3);
	}

	.doctor .specialist__one .name {
		width: 75%;
		margin: 0 auto;
		margin-top: 10px;
	}

	.rehabilitation .slider {
		position: relative;
	}

	.rehabilitation .spa-one .line {
		margin: 0;
		right: 0;
	}

	.platform h2 {
		width: 100%;
	}

	.platform-info__one {
		width: 100%;
		padding: 0px 25px;
	}

	.platform-info .title {
		width: 100%;
		padding-top: 25px;
	}

	.list {
		padding-bottom: 25px;
	}

	.platform-info .img-one, .platform-info .img-one.two {
		width: 100%;
		height: 300px;
		margin: 0;
		border-radius: 5px 5px 0px 0px;
	}

	.platform-info .img-one img {
		width: 100%;
		height: auto;
	}

	.platform-info__one, .platform-info__one.two {
		border-radius: 0;
		border-radius: 0px 0px 5px 5px;
		width: 100%;
		margin: 0;
		margin-bottom: 40px;
	}

	.platform-info__one.two {
		margin-bottom: 0;
	}

	.platform-info li {
		align-items: center;
	}

	.rehabilitation .slider .slick-prev {
		margin-left: -175px;
	}

	.treatment.two .special-card .man {
		margin-right: -170px;
	}

	.but.choise {
		margin-top: 40px;
	}

	.slider-room .info {
		width: 100%;
		left: 0;
		margin-left: 0;
		margin-top: 36px;
		padding: 0 15px;
	}

	.slider-room .photo {
		height: 400px;
	}

	.type-room a {
		text-align: center;
	}

	.slider-room .slick-arrow {
		left: auto;
		right: 15px;
	}

	.slider-room .slick-prev {
		margin-left: 0px;
		margin-right: 35px;
	}

	.treatment.two .special-card {
		overflow: hidden;
	}

	.box-modal.info__treatment {
		width: 700px;
		padding: 35px 15px;
	}

	.box-modal.info__treatment .box-modal_close {
    	margin-left: 655px;
	}

	.treatment-card .one img {
		width: 100%;
		height: auto;
	}

	.platform-info__one.two .list-name {
		padding-top: 25px;
	}

	.after-header.program {
		padding-bottom: 130px;
	}

	.after-header.program h1, .after-header.program p {
		width: 730px;
	}

	.spa-one.last {
		margin-bottom: 0;
	}

	.spa-one .day-one {
		margin-bottom: 10px;
	}

	.spa-one .day-one:last-child {
		margin-bottom: 0;
	}

	.about-program .spa-one a.down {
		padding-right: 20px;
	}

	.rehabilitation {
		padding-bottom: 0;
	}

	.danger {
		margin-top: 50px;
		padding: 20px;
	}

	.price-info .but {
		width: 500px;
		margin-top: 40px;
	}

	.reviews-page .reviews-one {
		width: 100%;
	}

	.reviews-page .reviews-one .dots {
		width: 20px;
		margin-top: 25px;
		margin-right: 20px;
	}

	.after-header.hotel-rooms {
		padding-bottom: 110px;
	}

	.rehabilitation.hotel-rooms {
		padding-bottom: 100px;
	}

	.rooms-info .text__info {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.rooms-info.hall .text__info {
		margin-bottom: 0;
	}

	.slider__nomer .slick-prev {
		margin-left: 0;
		left: 0;
	}

	.slider__nomer .slick-next {
		margin-left: 0;
		left: auto;
		right: 0;
	}

	.rooms-info .in-room {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.rooms-info .in-room__one {
		width: 123px;
		margin-bottom: 15px;
	}

	.reserve__rest .input__all {
		height: 400px;
		align-items: center;
		justify-content: flex-start;
	}

	.reserve__rest .one-input {
		width: auto;
		margin-right: 0;
	}

	.reserve__rest .form__input {
		margin-left: 10px;
		width: 245px;
	}

	.reserve__rest .one-input ul {
		width: 245px;
	}

	.rehabilitation .spa-one .cost {
		bottom: 0;
		top: auto;
		margin-top: 0;
		margin-bottom: -28px;
	}

	.rehabilitation .spa-one .info {
		margin-top: 40px;
	}

	.live-odessa {
		padding-top: 70px;
	}

	.procedures__photo img {
		width: auto;
		height: 100%;
	}

	.procedures__info .text__info {
		margin-bottom: 0;
	}

	.rehabilitation.program .spa-one .info {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767.98px) {
	.container {
		max-width: 100%;
	}

	/*--------------------------------------ГЛАВНАЯ--------------------------------------*/
	.logo {
		display: block;
		position: static;
		margin: 0 auto;
	}

	.menu-collapse {
		width: 100%;
		top: 176px;
	}

	h1 {
		font-size: 35px;
		margin: 0;
		padding-top: 50px;
	}

	.play {
		width: 60px;
		height: 60px;
		font-size: 25px;
		padding-left: 17px;
	}

	.slider-block__content, .slider-big__one {
		height: 550px;
	}

	.slider-block .arrow-down {
		position: absolute;
		margin: 0;
		bottom: 20px;
		left: 50%;
		margin-left: -15.5px;
	}

	.about {
		padding: 70px 0;
	}

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

	.title-after {
		font-size: 18px;
	}

	.about .photo {
		width: 100%;
		height: 250px;
		margin-top: 20px;
	}

	.about .foto {
		height: 100%;
		width: auto;
	}

	.text-block {
		padding: 15px;
	}

	.text-block .one.right {
		padding-left: 30px;
	}

	.about-one p {
		word-wrap: break-word;
	}

	.specialist__one {
		margin-bottom: 30px;
	}

	.specialists {
		padding-bottom: 20px;
	}

	.awards-one {
		position: relative;
		border-radius: 5px;
	}

	.gallery-slider .awards-one img {
		width: 100%;
		height: auto;
		position: relative;
	    top: 50%;
	    left: 50%;
		transform: translate(-50%, 0%);
	}

	.awards-one .diplom {
		width: 100%;
	}

	.gallery {
		padding: 70px 0;
	}

	.slick-dots {
		margin-top: 20px;
		transform: translate(0%, 0%);
	}

	.gallery-slider.awards {
		padding: 0;
	}

	.awards {
		padding-bottom: 70px;
	}

	.slider {
		padding: 0;
		position: relative;
	}

	.slick-dots li {
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}

	.question {
		padding-bottom: 35px;
	}
	.form-item, .form button {
		width: 100%;
		margin-bottom: 15px;
	}

	.title-after.no-one {
		width: 100%;
	}

	.reviews {
		padding-top: 70px;
	}

	.reviews .but {
		margin-top: 30px;
	}

	.reviews-one .reviews__photo {
		width: 50px;
		height: 50px;
	}

	.reviews-one .reviews__photo img {
		width: 60%;
	}

	.reviews-one .dots {
		width: 25px;
	}

	.contact {
		padding: 70px 0;
	}

	.contact .title-after.two {
		font-size: 25px;
	}

	.contact .contacts-one:nth-child(1), .contact .contacts-one:nth-child(3) {
		width: 100%;
	}

	.all-contacts {
		margin-bottom: 0;
	}

	.map {
		width: calc(100%+30px);
		margin-left: -15px;
	}

	.contact .social {
		width: 250px;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 40px;
	}

	.contact .social p, .contact .social a {
		margin: 0;
	}

	.contact .social .line {
		width: 35px;
		height: 2px;
		margin: 0;
	}

	.contact .contacts-one {
		font-size: 25px;
	}

	.contact .contacts-one .fa-map-marker-alt {
		width: 25px;
	}

	.transport {
		position: relative;
		width: 50px;
	}

	.contact .contacts-one p {
		font-size: 18px;
	}

	.transport img {
		display: block;
		width: 50px;
	}

	.footer img {
		display: block;
		margin: 0 auto;
	}

	.footer .social {
		justify-content: center;
	}

	.box-modal.box-modal__video {
		width: 290px;
		height: 160px;
	}

	.arcticmodal-container_i2 {
		padding: 15px;
	}

	.box-modal {
		width: 290px;
		padding: 25px 25px;
	}

	.box-modal_close {
		margin-top: -20px;
		margin-left: 235px;
	}

	/*--------------------------------------ЛЕЧЕБНИЦА--------------------------------------*/
	.after-header {
		padding-bottom: 170px;
	}

	.after-header h1 {
		padding-top: 0;
	}

	.dignity-block {
		margin-top: -100px;
	}

	.dignity, .dignity.two {
		margin-top: 0;
		height: auto;
		margin-bottom: 15px;
	}

	.treatment {
		padding-top: 70px;
	}

	.treatment-card .one {
		height: auto;
		padding-bottom: 20px;
	}

	.treatment-card .one p {
		height: 69px;
	}

	.special-card {
		width: 100%;
		margin: 70px 0;
		padding: 25px 15px;
	}

	.special-card .man {
		display: none;
	}

	.special-card .title, .special-card .text, .treatment.two .title, .treatment.two .text {
		width: 100%;
		margin: 0;
	}

	.special-card .text, .treatment.two .text {
		font-size: 16px;
		margin-top: 15px;
	}

	.special-card .form {
		padding: 0;
		margin-bottom: 0;
	}

	.special-card .form button {
		width: 100%;
		margin-bottom: 0;
	}

	.rehabilitation {
		padding: 70px 0;
	}

	.rehabilitation h2 {
		width: 100%;
	}

	.rehabilitation .spa-one .cost {
		margin-top: 50px;
	}

	.platform {
		padding: 70px 0;
	}

	.platform-info .img-one, .platform-info .img-one.two {
		height: 150px;
	}

	.special-card .lotus {
		width: 100%;
		margin: 0;
		margin-left: -15px;
		padding: 0 15px;
	}

	.type-room a {
		font-size: 16px;
		height: 40px;
	}

	.slider-room .photo img {
		height: 100%;
		width: auto;
	}

	.slider-room .info {
		width: 100%;
	}

	.slider-room .info h2 {
		font-size: 30px;
	}

	.slider-room .info .text {
		width: 100%;
		font-size: 16px;
		line-height: 20px;
		margin-top: 15px;
	}

	.slider-room .photo {
		height: 450px;
	}

	.slider-room .reserve .fa-concierge-bell {
		display: none;
	}

	.box-modal.info__treatment {
		width: 290px;
	}

	.box-modal.info__treatment .all-info img.icon {
		display: none;
	}

	.box-modal.info__treatment .choise__info a {
		width: 165px;
		margin: 0 auto;
		text-align: center;
	}

	.box-modal.info__treatment .text {
		margin-top: 25px;
	}

	.box-modal.info__treatment .box-modal_close {
		margin-left: 245px;
	}

	.after-header.program h1, .after-header.program p {
		width: 100%;
	}

	.after-header.program h1 {
		font-size: 35px;
		word-wrap: break-word;
	}

	#about-program.rehabilitation {
		padding: 0;
	}

	.rehabilitation.about-program .spa-one {
		margin-bottom: 30px;
	}

	.danger {
		margin-top: 20px;
	}

	.danger img {
		display: block;
		margin: 0 auto;
	}

	.danger p {
		margin: 0;
		margin-top: 20px;
	}

	.about-program .but {
		width: 290px;
	}

	.rehabilitation {
		padding-bottom: 0;
	}

	.live-odessa {
		padding-top: 70px;
	}

	.price-info {
		padding-top: 20px;
	}

	.price-info .but {
		width: 100%;
	}

	.reviews-page .reviews-one .text {
		width: 100%;
		margin-left: 0;
	}

	.gallery-page {
		padding-top: 70px;
		padding-bottom: 0;
	}

	.question.lech {
		margin: 70px 0;
	}

	.contact-page {
		padding-bottom: 0;
	}

	.rehabilitation.hotel-rooms .spa-one img {
		width: 100%;
		height: auto;
	}

	.rehabilitation.hotel-rooms {
		padding-bottom: 0;
	}

	.slider__nomer {
		height: auto;
	}

	.slider__nomer .photo {
		height: 250px;
	}

	.slider__nomer img {
		width: auto;
		height: 100%;
	}

	.rooms-info .in-room {
		margin-top: 30px;
		justify-content: center;
	}

	.rooms-info {
		padding: 70px 0;
	}

	.reserve__rest .input__all {
		height: auto;
	}

	.procedures__info {
		flex-flow: wrap;
	}

	.procedures__info .text__info {
		width: 100%;
		order: 2;
		margin-top: 20px;
		margin-bottom: 70px;
	}

	.procedures__photo {
		width: 100%;
		height: 300px;
	}

	.procedures__photo img {
		border-radius: 5px;
	}
}

@media screen and (max-width: 575.97px) {
	.container {
		width: 100%;
	}
	
	.rehabilitation .spa-one .photo {
		height: 200px;
	}

	.rooms-info .checkout {
		width: 100%;
		padding: 25px 15px;
	}

	.rooms-info .checkout .button {
		width: 100%;
	}

	.but.choise {
		width: 290px;
	}

	.rooms-info .checkout p {
		text-align: center;
	}

	.after-header.program, .after-header.procedures {
		padding-bottom: 70px;
	}

	.rehabilitation.list-program {
		margin-top: 0;
		padding-top: 70px;
	}

	.rehabilitation .spa-one img {
		height: auto;
		width: 100%;
	}
}

@media screen and (max-width: 384.97px) {
	.container {
		width: 100%;
	}

	.reserve__rest .form__input {
		width: 185px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.reserve__rest .form .but {
		width: 100%;
	}

	.actions {
		width: 100%;
	}

	.actions__remember_text {
		margin-left: 10px;
	}

	.reserve__rest .one-input ul {
		width: 185px;
	}

	.reserve__rest .one-input li {
		padding-left: 10px;
	}
}