@charset "utf-8";

#PageContainer {
	overflow: hidden;
	width: 98%;
	max-width: 1190px;
}

#LogoContainer {
	position: relative;
	float: left;
	width: 7.14285714285714%; /*85/1190*/
}

#MediumLogo,
#SmallLogo {
	display: none;
}

#MainImage {
	float: left;
	width: 84.45378151260504%;
}

#IndexMainImageMedium,
#IndexMainImageSmall {
	display: none;
}

#FreeTour {
	float: left;
	width: 4.53781512605042%; /*54/1190*/
}

#freeTourHorizontal {
	display: none;
}

#WarningContainer {
	overflow: hidden;
	width: 84.45378151260504%; /*1005/1190*/
	margin-bottom: 10px;
}

.warningMessage {
	float: left;
	width: 95.82089552238806%; /*963/1005*/
}

.here {
	float: left;
	width: 4.17910447761194%; /*42/1005*/
}

.WarningMedium {
	display: none;
	width: 100%;
}

.WarningSmall {
	display: none !important;
	width: 100%;
}

#SupportedDevices,
#SupportedDevicesM {
	margin: 0 auto;
	width: 84.45378151260504%;
}

#SupportedDevicesM {
	display: none;
}

#SupportedDevices img,
#SupportedDevicesM img {
	float: left;
}

#Support1,
#Support1M {
	width: 32.70499528746466%;
}

#Support2,
#Support2M {
	width: 32.79924599434496%;
}

#Support3,
#Support3M {
	width: 34.49575871819039%;
}

@media screen and (max-width: 960px) {
	#LogoContainer {
		float: none;
		margin: 0 auto;
	}
	#LogoContainer {
		width: 100%;
	}
	#VerticalLogo {
		display: none;
	}
	#MediumLogo,
	#SmallLogo {
		display: block;
		margin: 0 auto;
	}
	#MainImage {
		float: none;
		margin: 20px auto 0;
		width: 100%;
	}
	#FreeTour {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	#freeTourVertical {
		display: none;
	}
	#freeTourHorizontal {
		display: block;
		margin: 20px auto;
		width: 60%;
	}
	#WarningContainer {
		float: none;
		width: 100%;
	}
	.Warning {
		font-size: 10px;
	}
	.warningMessage,
	.here {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.warningMessage img,
	.here img {
		display: block;
		margin: 0 auto;
	}
	.WarningBig {
		display: none !important;
	}
	.WarningMedium {
		display: block;
	}
	.here img {
		width: 10%;
	}
	#SupportedDevices {
		display: none;
	}
	#SupportedDevicesM {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	#SupportedDevicesM {
		float: none;
		width: 100%;
	}
	#Support1M {
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#Support2M {
		width: 50%;
	}
	#Support3M {
		width: 50%;
	}
	#IndexMainImage {
		display: none;
	}
	#IndexMainImageMedium {
		display: block;
	}
	#freeTourHorizontal {
		width: 80%;
	}
}

@media screen and (max-width: 320px) {
	#MediumLogo {
		display: none;
	}
	#IndexMainImageMedium {
		display: none;
	}
	#IndexMainImageSmall {
		display: block;
	}
	#Support2M {
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#Support3M {
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#freeTourHorizontal {
		width: 90%;
	}
	.WarningMedium {
		display: none !important;
	}
	.WarningSmall {
		display: block !important;
	}
	.here img {
		width: 15%;
	}
}