/* Мобильная версия - расположение элементов на главной странице */
@media (max-width: 500px) {
	/* Фиксированный фон для мобильных устройств */
	.c121 .body_slides {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	
	.c121 {
		/* Фон как у калькулятора для мобильных устройств */
		background: #0b2a4a !important;
		background-image: none !important;
		position: relative !important;
		min-height: 100vh !important; /* Минимальная высота на весь экран */
	}
	
	/* Переопределяем все возможные фоновые стили слайдера */
	.c121 .body_slides li {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		width: 0 !important;
		background-image: none !important;
	}
	
	.c121::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 125, 186, 0.4) 50%, rgba(142, 0, 28, 0.4) 100%);
		z-index: 1;
		pointer-events: none;
	}
	
	.c121 .wrapp {
		position: relative;
		z-index: 2;
	}
	/* Контейнер для логотипа и телефона - горизонтальное расположение */
	.c121 .cl21 {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		width: 100% !important;
		padding: 10px 0 !important;
		margin: 0 !important;
	}
	
	/* Логотип слева */
	.c121 .cl21 .logo {
		width: 100px !important;
		height: 100px !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		align-self: center !important;
		flex-shrink: 0 !important;
		order: 1 !important;
		position: relative !important;
	}
	
	.c121 .cl21 .logo img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		display: block !important;
	}
	
	/* Телефон и кнопка справа */
	.c121 .cl21 .phone_wrapp {
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 120px) !important;
		text-align: right !important;
		float: none !important;
		flex: 1 1 auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-end !important;
		justify-content: center !important;
		order: 2 !important;
	}
	
	.c121 .cl21 .phone_wrapp .num {
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
		font-size: 16px !important;
		white-space: nowrap !important;
		text-align: right !important;
		display: block !important;
	}
	
	.c121 .cl21 .phone_wrapp .btn {
		float: none !important;
		width: auto !important;
		max-width: 100% !important;
		margin: 5px 0 0 0 !important;
		padding: 8px 15px !important;
		font-size: 14px !important;
		white-space: nowrap !important;
		display: inline-block !important;
	}
}