/* Template-2 — templates/Template-2/mobile/mobile-*.html */

.t2-mobile-apps-block {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--t2-container-width, 1260px);
	width: 100%;
}

.t2-mobile-apps-block .app-container {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
}

.t2-mobile-apps-block .app-container img {
	width: 150px;
	height: auto;
	max-width: 100%;
}

@media (max-width: 767px) {
	.t2-mobile-apps-block .app-container {
		flex-wrap: wrap;
		gap: 12px;
		padding-inline: 12px;
	}

	.t2-mobile-apps-block .app-container img {
		width: auto;
		max-width: min(150px, 42vw);
	}
}
