@media screen and (max-width: 1200px) {
	.menu ul li {
		margin-right: 30px;
	}

	#map {
		width: 500px;
	}

	.modal-price {
		padding: 30px 15px;
	}

	.table-price {
		width: 1130px;
		margin-top: 30px;
	}

	.scroll-table {
		width: 100%;
		overflow-y: scroll;
	}

	.stock {
		margin-top: 30px;
	}
}

@media screen and (max-width: 1100px) {
	.women {
		display: none;
	}

	.center-vopros {
		margin: 0 auto;
	}

	h2 {
		background: none !important;
		text-align: center;
	}

	.spa-flex .items::before {
		margin: 0 auto 20px;
	}

	.service-item {
		width: 25%;
		min-height: auto;
		padding: 0 28px 15px 28px;
	}

	.service-item:nth-child(even) {
		background-size: cover;
	}
}

@media screen and (max-width: 1024px) {
	.footer-menu ul {
		margin-left: 25px;
	}

	.footer-menu ul li {
		margin-right: 20px;
	}
}

@media screen and (max-width: 910px) {
	.logo {
		margin: 0 auto;
	}

	header {
		padding: 15px 0 43px;
	}

	.info-right .phone {
		position: relative;
		top: -1px;
	}

	.menu {
		display: none;
		width: 300px;
		background: #dadad8;
		border-radius: 4px;
		border: 1px solid #fff;
		padding: 20px;

		position: absolute;
		top: 65px;
		left: 0;
		z-index: 1;
	}

	.menu ul {
		flex-wrap: wrap;
	}

	.menu ul li {
		width: 100%;
		margin: 0 0 15px;
	}

	.btn-mobile {
		display: block;
		width: 35px;
		height: 35px;
		background: url(../images/icon-menu.png) no-repeat center;
	}

	h1 {
		font-size: 50px;
	}

	h1::after {
		width: 50%;
	}

	/*	.logo {
	    margin: 0 auto;	
	}*/
	.first-block .btn {
		margin: 40px auto 0;
	}

	.slick-slide img {
		max-width: 100%;
		height: 550px;
		object-fit: cover;
	}

	.flex-block {
		max-width: 100%;
	}

	.second-block {
		padding: 35px 0;
	}

	.halls {
		padding: 35px 0;
		background: url(../images/bg-mobile.jpg) no-repeat center;
		background-size: cover;
	}

	.hall-flex {
		margin-top: 30px;
	}

	.hall-item {
		max-width: 100%;
		text-align: center;
	}

	.hall-title::after {
		left: 0 !important;
		right: 0;
		margin: auto;
	}

	.hidden-img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.wrapper-flex {
		margin: 30px 0;
	}

	.spa {
		padding: 35px 0;
	}

	.spa-flex {
		margin-top: 30px;
		grid-template-columns: 100%;
	}

	.spa-flex .items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.span-bottom {
		max-height: none;
		height: 100%;
		grid-row: span 2;
	}

	.spa-flex .items img {
		height: 100%;
	}

	.spa-flex p {
		margin-bottom: 0;
	}

	.flex-block {
		margin-top: 30px;
	}

	.form .container {
		min-height: auto;
	}

	.wrapper-bg {
		background: white;
		margin: 0;
	}

	.center-form {
		margin-top: 0;
	}

	.title-form {
		color: #111;
	}

	.title-form span {
		color: #111;
	}

	.txt-input {
		box-shadow: 0 13px 59px rgba(0, 0, 0, 0.1);
		border: 1px solid #ccc;
	}

	.submit-btn {
		margin: 30px auto 0;
	}

	.service {
		padding: 35px 0;
	}

	.service h2 span {
		background: none;
	}

	.text-info {
		margin-top: 30px;
	}

	.service-item {
		width: 33.3%;
	}

	.txt-input {
		width: 46%;
	}

	#block-form {
		margin-top: 30px;
	}

	.review {
		padding: 35px 0;
	}

	.form-vopros {
		min-height: auto;
		padding: 25px 0;
	}

	.slider-review {
		margin-top: 0;
	}

	.service-flex {
		margin-top: 30px;
	}

	.title-form span {
		font-size: 30px;
	}

	.custom_dots {
		position: absolute;
		top: 40px;
		right: 15px;
	}

	.custom_dots li {
		margin-bottom: 20px;
	}

	.form-vopros .btn {
		margin: 20px auto 0;
	}

	.spa-flex .items:nth-child(even) {
		flex-direction: row;
	}

	.spa-flex .items::before {
		margin: 0 auto 20px;
	}

	.spa-head {
		padding: 35px 15px 0;
	}

	.span-bottom {
		width: 100%;
	}

	.item-review .photo {
		width: 90px;
		height: 90px;
	}

	.btn-contact {
		padding: 15px 50px;
	}

	.list-stock {
		margin-top: 30px;
	}

	.spa-flex .items>div:nth-child(1)::before {
		margin: 0 auto 30px;
	}

	.touch {
		display: block;
	}
}

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

	.footer-menu {
		display: none;
	}

	.footer-social {
		margin-left: 25px;
	}

	#map {
		width: 300px;
	}

	.column-right {
		padding: 30px;
	}
}

@media screen and (max-width: 768px) {
	.service-item {
		width: 50%;
	}

	.item-stock {
		flex-wrap: wrap;
		padding: 90px 15px 20px;
		background: url(../images/icon-stock.png) no-repeat center top 15px, url(../images/bg-stock.jpg);
	}

	.item-stock p {
		margin-bottom: 5px;
	}

	.spa-flex .items {
		grid-template-columns: 100%;
		gap: 20px;
	}

	.span-bottom {
		grid-row: auto;
	}

	.spa-flex .btn-more {
		margin-top: 0;
	}
}

@media screen and (max-width: 600px) {
	.spa-flex .items {
		width: 100%;
		box-shadow: -0.6px 2px 18px rgba(51, 59, 69, 0.2);
	}

	.spa-flex .items img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.spa-flex p {
		margin-bottom: 15px;
	}

	.span-bottom {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.flex-block .item {
		width: 100%;
		text-align: center;
		box-shadow: -0.6px 2px 18px rgba(51, 59, 69, 0.2);
		margin-bottom: 20px;
		padding: 30px;
	}

	.flex-block .item:nth-child(2),
	.flex-block .item:nth-child(3n),
	.flex-block .iteml:nth-child(4n) {
		box-shadow: -0.6px 2px 18px rgba(51, 59, 69, 0.2);
		background: none;
		color: #111;
	}

	.flex-block .item:nth-child(2)::before,
	.flex-block .item:nth-child(3n)::before,
	.flex-block .iteml:nth-child(4n)::before {
		background: url(../images/icon-circle.png) no-repeat center;
	}

	.flex-block .item::before {
		margin: 0 auto 20px;
	}

	h1 {
		font-size: 30px;
		margin-top: 15px;
	}

	.second-title {
		font-size: 25px;
	}

	.first-block .btn {
		margin: 25px auto 0;
	}

	.contact-flex {
		flex-wrap: wrap;
	}

	.column-left {
		width: 100%;
		height: 375px;
	}

	#map,
	.column-left {
		width: 100%;
		height: 320px;
	}

	.info-list li:last-child {
		margin-bottom: 0;
	}

	.form-vopros h3 {
		font-size: 30px;
	}

	h2 span {
		font-size: 19px;
		line-height: 20px;
	}

	.title-form span {
		font-size: 20px;
	}

	.btn {
		padding: 18px 40px;
	}

	.submit-btn {
		width: 210px;
		height: 55px;
	}

	.info-list li {
		margin-bottom: 20px;
	}

	.slick-slide img {
		max-width: none;
		height: 480px;
		position: relative;
		left: -670px;
	}

	.hall-title {
		margin-bottom: 0;
	}

	.hall-item p {
		line-height: 20px;
	}

	.btn-more {
		margin: 25px auto 0;
		padding: 15px 90px 15px 30px;
	}

	.item-stock strong {
		font-size: 15px;
	}

	thead tr td {
		padding: 10px 0;
		font-size: 16px;
		width: auto !important;
	}

	tbody tr td {
		font-size: 16px !important;
		height: auto;
		padding: 10px 0;
	}

	.price {
		font-size: 16px;
	}

	.popup-call-head {
		font-size: 23px;
	}

	.contacts .container {
		padding: 0;
	}
}

@media screen and (max-width: 525px) {
	.info-right .time {
		display: none;
	}

	.service-item {
		width: 100%;
	}

	footer {
		background-size: cover;
	}

	.slider-review .slick-list {
		margin: 0;
	}

	.slider-review .slick-arrow {
		z-index: 4;
		top: auto;
		bottom: 0;
	}

	.item-review {
		padding: 30px 15px 80px;
	}

	h1 {
		font-size: 30px;
	}

	.second-title {
		font-size: 23px;
	}

	.popup-form,
	.modal-message {
		padding: 35px 10px;
	}

	.content-top {
		padding-bottom: 20px;
	}

	.form-vopros h3 {
		font-size: 28px;
	}
}

@media screen and (max-width: 440px) {
	.txt-input {
		width: 100%;
		margin: 0 auto 15px;
	}

	.custom_dots {
		display: none !important;
	}

	.popup-form .txt-input {
		width: 100%;
		margin: 0 0 10px 0 !important;
	}

	.popup-form .submit-btn {
		margin: 5px auto 0;
		height: 50px;
	}

	.info-agree {
		display: none;
	}

	.popup-form,
	.modal-message {
		padding: 50px 10px;
	}
}

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

	.content-top,
	.first-flex {
		width: 100%;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}

	.second-logo {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}

	.footer-social {
		margin: 0px 0 10px;
	}

	.copy {
		flex-wrap: wrap;
		justify-content: center;
	}

	.politics {
		text-align: center;
		margin: 5px 0;
	}

}