.norebro-splitscreen {
	width: 100%;
	min-height: 500px;
	position: relative;
	z-index: 10;
	overflow: hidden;

	.ms-section {
		position: relative;
		height: 100%;
		
		&.ms-table {
			display: table;
			width: 100%;
		}
	}

	.ms-left,
	.ms-right {
		width: 50%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.ms-right {
		left: 50%;
	}

	.ms-tableCell {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: auto !important;
	}

	.ms-easing {
		transition: all .6s ease-in-out;
	}

	&.no-transition .ms-easing {
		transition: none;
	}

	.splitscreen-dots {
		margin-right: 40px;
		top: 0;
		right: 50%;

		li {
			color: $color_dark;

			&:before {
				background: $color_dark;
			}

			a {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}

	.splitscreen-nav {
		div {
			bottom: 40px;
			right: 40px;
			z-index: 20;
		}

		.move-up {
			bottom: 100px;
		}
	}
}

#multiscroll-nav {
	display: none;
}

@media screen and (max-width: 1000px) and (max-height: 450px) {
	
	.norebro-splitscreen {
		height: auto !important;
		overflow: visible;
		transform: none;

		.ms-section {
			padding: 0px !important;
		}

		.ms-left,
		.ms-right {
			width: 100%;
			height: auto;
			position: static;
		}
	}

	.ms-left, 
	.ms-right {
		width: 100%;
		position: static;
	}

	.ms-section {
		min-height: 100px;
	}
}

@media screen and (max-width: 768px) {

	.norebro-splitscreen {
		height: auto !important;
		overflow: visible;
		transform: none;

		.ms-section {
			padding: 0px !important;

			&.prev {
				.category,
				.title,
				.text-description,
				.more {
					transform: none !important;
				}
				
			}
			
		}

		.ms-left,
		.ms-right {
			width: 100% !important;
			height: auto !important;
			position: static !important;
			transform: none !important;
		}

		.ms-right,
		.splitscreen-dots,
		.splitscreen-nav {
			display: none;
		}
	}

	.ms-left, 
	.ms-right {
		width: 100%;
		position: static;
	}

	.ms-section {
		min-height: 100px;
	}
}