@media (max-width: 640px) {

	main {
		font-weight: 400;
		font-size: 18px;
	}

	.info-block.mtd .container .mini {
		font-weight: 400;
		font-size: 18px;
	}
	#logo {
		width: 273px;
		height: 40px;
		margin: 24px auto;
	}
	section.info-block {
		padding: 8px 0;
		margin-top: 28px;
	}
	.txt-title-1 {
		font-size: 24px;
	}
	header .img-container {
		margin-top: 24px;
		flex-direction: column;
	}
	header img {
		object-fit: cover;
		aspect-ratio: 2.4;
	}

	header .btn-container {
		position: relative;
		margin-top: 28px;
	}

	.btn {
		/*width: 300px;*/
		width: 100%;
		height: 56px;
		font-size: 14px;
		padding: 15px;
	}
	.popup-win {
		width: 100%;
		height: 450px;
	}

	.info-block.desc {
		/*margin-top: 110px;*/
	}

	.info-block.desc .sub-title-1 {
		font-size: 24px;
	}
	.info-block.desc .sub-desc {
		flex-direction: column;
		gap: 16px;
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 160%;
		letter-spacing: 0.02em;;
	}
	.info-block.desc .b-l {
		width: auto;
	}
	.info-block.desc .b-r {
		width: auto;
	}
	.info-block.mtd .container .big {

		font-size: 24px;
	}
	.info-block.mtd .container .mini {
		/*margin: 0 16px;*/
		gap: 16px;
		flex-direction: column;
	}
	.input-form-container {
		background: rgba(0, 0, 0, 0.52);
	}
	.txt-title-2 {
		font-style: normal;
		font-weight: 600;
		font-size: 32px;
		line-height: 140%;
		/* identical to box height, or 34px */

		letter-spacing: 0.02em;
	}

	.info-block.recommendations .btn-container .btn {
		margin: 32px auto auto auto;
	}

	.info-block.promotion .t-block {
		flex-direction: column;
	}
	.info-block.promotion .option {
		min-width: auto;
		width: auto;
		/*height: auto;*/
	}
	.info-block.bt {
		margin-top: 16px;
		height: 110px;
    	padding: 0;
	}
	.info-block.contacts .content {
		height: 400px;
	}
	.info-block.contacts .map {
			height: 350px;
	}
}