@charset "utf-8";
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
		.container {
				padding-left: 30px;
				padding-right: 30px;
		}
		.head-menu {
				font-size: 14px;
		}
		.consult {
				padding: 30px;
				gap: 0 30px;
		}
		.consult ul {
				gap: 30px 0;
		}
		.benefits {
				padding: 40px 0;
				gap: 30px;
		}
		.item-vert .price {
				flex-direction: column;
		}
		.catalog-grid {
				gap: 30px;
		}
		.comp .text {
				padding-left: 35px;
		}
		.footer .container {
				gap: 25px;
		}
}
@media only screen and (max-width: 1199px) {
		.modal, .modal-text {
				max-width: 700px;
		}
		.order-form {
				flex-direction: column;
		}
		.order-form .text, .order-form .inputs {
				width: 100%;
		}
		.order-form .inputs {
				margin-top: 40px;
		}
}