#hero {
	position: relative;
	overflow: hidden;
	height: calc(100vh - 140px);
	min-height: 600px;
}

@media screen and (max-width: 1280px) {
	#hero {
		#banner ul li .text h2 {
			font-size: 52px;
			line-height: 65px;
		}
	}
}

@media screen and (max-width: 1080px) {
	#hero {
		height: auto;

		#banner {
			height: calc(100vh - 105px);

			ul li .text .wrapper {
				max-width: none;
				left: 50px;
			}

			.owl-dots {
				top: auto;
				bottom: 25px;
				left: 0;
				width: 100%;
				padding-left: 50px;

				.owl-dot {
					display: inline-block;
					margin: 0 15px 0 0;
				}
			}
		}

		#pre-checkin {
			position: static;
			transform: none;
			width: 100%;
			border-radius: 0;
			max-width: none;
		}
	}
}

@media screen and (max-height: 800px) and (max-width: 1080px) {
	#hero {
		#banner ul li .text {
			.wrapper {
				margin-top: -50px;
			}
			.link {
				margin-top: 15px;
			}
		}
	}
}

@media screen and (max-width: 600px) {
	#hero #banner ul li .text h2 {
		font-size: 8.7vw;
		line-height: 10.9vw;
	}
}

@media screen and (max-width: 440px) {
	#hero #banner ul li .text h2 {
		font-size: 10vw;
		line-height: 12.8vw;
	}
	#hero #pre-checkin form .file {
		padding: 15px 70px 15px 20px;
		text-align: left;
	}
	#hero #pre-checkin form .file strong {
		letter-spacing: 0;
		font-size: 12px;
		line-height: 100%;
	}
}
