@media (max-width: 768px) {

	.two-column-slider__img {
		padding: 30px 10px;
	}

	.two-column-slider__content {
		padding: 0 20px 30px 20px;
	}

	.two-column-slider__content {
		padding-right: 40px;
	}

	.two-column-slider__title span {
		font-size: 36px;
	}

	.two-column-slider__title {
		position: relative;
	}

}

@media (max-width: 1023px) {

	.two-column-slider {
		flex-direction: column;
	}

	.two-column-slider__slide {
		flex-direction: column-reverse;
	}

	.two-column-slider__vertical-nav {
		display: none;
	}

	.two-column-slider__slides,
	.two-column-slider__slide {
		z-index: 25;
		height: 105vh;
	}

	.two-column-slider__nav-item {
		border-bottom: 2px solid transparent;
	}

	.two-column-slider__nav-item.active {
		border-bottom-color: #4ecdc4;
	}

	.two-column-slider__scroll-indicator {
		position: relative;
		z-index: 5;
		right: 0;
	}

	.two-column-slider__title .slider-position-indicator {
		position: absolute;
		top: 0;
		display: inline-block;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		opacity: 0.3;
		margin-left: 15px;
	}

}

@media (min-width: 1024px) {

	/* Nav */

	.two-column-slider__vertical-nav-container {
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1 0 10%;
	}

	.two-column-slider__vertical-nav {
		position: absolute;
		z-index: 10;
		top: 53%;
		left: 50%;
		transform: translate(-50%, -50%);
		flex-direction: column;
	}

	/*Slides*/

	.two-column-slider__slides,
	.two-column-slider__slide {
		height: 80vh;
	}

	.two-column-slider__nav-item.active {
		border-left-color: #4ecdc4;
		padding-left: 25px;
	}

}

@media (min-width: 1200px) {

	.two-column-slider__scroll-indicator {
		display: none;
	}

}

@media (min-width: 1366px) {

	/* Section contenu (droite) */

	.two-column-slider__content {
		padding: 60px 80px;
	}

}

@media (min-width: 1600px) {

	.two-column-slider__vertical-nav {
		left: 10%;
	}

}