/*
 * Mobile layout for Elementor Nested Tabs.
 *
 * A 30% flex basis keeps up to three tabs in the first row. Tabs in an
 * incomplete row grow equally and fill the available width (for example,
 * five tabs become three in the first row and two in the second).
 */
@media (max-width: 767px) {
	.elementor-widget-n-tabs .e-n-tabs-heading {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: stretch;
		justify-content: stretch;
		overflow: visible !important;
		width: 100%;
		max-width: 100%;
	}

	.elementor-widget-n-tabs .e-n-tabs-heading > .e-n-tab-title {
		flex: 1 1 30% !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		box-sizing: border-box;
		white-space: normal !important;
	}

	.elementor-widget-n-tabs .e-n-tabs-heading > .e-n-tab-title .e-n-tab-title-text {
		width: 100%;
		white-space: normal;
		text-align: center;
	}
}