/* CSS Document */
@media (max-width:1279px) {
	.container {
		max-width: 720px;
		padding: 0 20px;
	}
	.gradient-bg div:not(.top-bg) .container {
		padding: 20px 20px;
	}
}
@media (max-width:767px) {
	.kgNPC-right h4 {
		font-size: 3.5vw;
	}
	.body-wrapper h3 {
		font-size: 6vw;
	}
	.body-wrapper h4 {
		font-size: 4vw;
	}
	.bottom-wrapper h3 {
		padding-top: 20px;
	}
	#sprite-run-e {
		top: 65px;
	}
	.kg-popup-box-inner {
		display: block;
	}
	.kgNPC-left {
		float: left;
		width: 40%;
	}
	.kgNPC-right {
		float: right;
		width: 60%;
	}
}
@media (max-width:600px) {
	.kgNPC-left {width: 50%;max-width: 224px;margin-bottom: 10px;}
	.kgNPC-right {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		min-height: 240px;
	}
	.kgNPC-right h4 {
		font-size: 4vw;
	}
	div#kgNPC-text {font-size: 1em;}
	ul.kgNPC-options-wrapper {
		clear: left;
		margin-top: 0;
	}
}
@media (max-width:480px) {
	.body-wrapper h3 {
		font-size: 7vw;
	}
	.body-wrapper h4 {
		font-size: 5vw;
	}
	.bottom-wrapper h3 {
		padding-top: 1px;
	}
	#sprite-run-e {
		top: 85px;
	}
	.kg-popup-box-wrapper {
		padding: 20px;
	}
	.kg-popup-box {
		padding: 10px;
	}
	.kgNPC-left {
		float: none;
		width: 224px;
		margin-bottom: 10px;
	}
	.kgNPC-right {
		display: block;
		width: 100%;
	}
	.kgNPC-right h4 {
		font-size: 6.5vw;
		margin-bottom: 10px;
	}
	div#kgNPC-text {
		margin-bottom: 10px;
	}
	ul.kgNPC-options-wrapper {
		float: none;
	}
	.kgNPC-options-wrapper li {
		font-size: 1em;
	}
}