@media (max-width: 768px) {
	.counter-element {
		border-left: none;
		line-height: 1;
		padding: 0;
	}
}

@media (min-width: 1200px) {

	.counter-container > * {
		position: relative;
		display: flex;
		flex-direction: column;
		letter-spacing: 0.025em;
	}

	.counter-container > *:not(:first-child):after {
		content: '';
		position: absolute;
		top: 30%;
		left: 0;
		width: 2px;
		height: 50px;
		background: var(--e-global-color-secondary);
	}

}

@media (min-width: 1480px) {

	.counter-container {
		display: flex;
		justify-content: space-evenly;
		margin: 5rem auto;
	}

	.counter-element {
		line-height: 1;
		padding-left: 100px;
	}

}

/*fake slider*/

@media (max-width: 768px) {
	.counter-container {
		overflow: hidden;
		position: relative;
		display: flex;
		flex-wrap: nowrap;
	}

	.counter-element {
		min-width: 100%;
		transition: transform 0.5s ease-in-out;
	}
}