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

	.ball {
		width: 250px;
    	height: 250px;
		left: -75px;
    	top: 80px;
	}

	main {
		/* background-size: cover; */
		background-position: center -60px;
	}

	.main-wrapper {
		max-width: 768px;
		margin: 0 auto;
	}

	.title {
		font-size: 50px;
	}

	.iframe-desktop, .iframe-mobile {
    	display: none;
	}

	.iframe-tablet {
    	display: block;
	}

	.slick-box {
		height: 350px;
	}

}

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

	.ball {
        width: 250px;
        height: 250px;
        left: 0px;
		top: 100px;
		order: 1;
    }

	main {
		background-image: url(../img/bg-768.jpg);
		background-size: unset;
	}

	.main-wrapper {
		max-width: 600px;
		margin: 0 auto;
	}

	.iframe-desktop, .iframe-tablet {
    	display: none;
	}

	.iframe-mobile {
    	display: block;
	}

	.slick-box {
		margin: 0 auto;
		margin-top: 240px;
		width: 480px;
		order: 2;
	}

	iframe {
		margin: 0 auto;
	}

	.offer-1, .offer-2, .offer-3, .offer-4, .offer-5 {
		font-size: 37px;
	}

	body.bd .offer-1, body.bd .offer-2, body.bd .offer-3, body.bd .offer-4, body.bd .offer-5 {
		font-size: 25px;
	}

	body.jp .offer-1, body.jp .offer-2, body.jp .offer-3, body.jp .offer-4, body.jp .offer-5 {
    	font-size: 28px;
	}

	body.vn .offer-1, body.vn .offer-2, body.vn .offer-3, body.vn .offer-4, body.vn .offer-5 {
		font-size: 27px;
	}

	body.kr .offer-1, body.kr .offer-2, body.kr .offer-3, body.kr .offer-4, body.kr .offer-5 {
		font-size: 31px;
	}

	.main-wrapper-inner {
		flex-direction: column;
	}

	.form-container {
		width: 480px;
		padding: 0 0px;
	}

}

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

	.ball {
        top: 50px;
    }

	/* main {
		background-size: cover;
	} */

	.main-wrapper {
		max-width: 480px;
	}

	.slick-box {
		margin-top: 200px;
	}

}

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

	.ball {
        top: 45px;
		width: 210px;
    }

	main {
		background-image: url(../img/bg-480.jpg);
		background-position: center -60px;
		background-size: 480px;
	}

	.title {
        font-size: 42px;
    }

	.main-wrapper {
		max-width: 320px;
	}

	.slick-box {
        width: 320px;
    }

	.offer-1, .offer-2, .offer-3, .offer-4, .offer-5 {
        font-size: 25px;
    }

	body.bd .offer-1, body.bd .offer-2, body.bd .offer-3, body.bd .offer-4, body.bd .offer-5 {
		font-size: 16px;
	}

	body.jp .offer-1, body.jp .offer-2, body.jp .offer-3, body.jp .offer-4, body.jp .offer-5 {
    	font-size: 19px;
	}

	body.vn .offer-1, body.vn .offer-2, body.vn .offer-3, body.vn .offer-4, body.vn .offer-5 {
		font-size: 18px;
	}

	body.kr .offer-1, body.kr .offer-2, body.kr .offer-3, body.kr .offer-4, body.kr .offer-5 {
		font-size: 21px;
	}

	#join-now-1, #join-now-2, #join-now-3, #join-now-1-mobi, #join-now-2-mobi, #join-now-3-mobi {
		width: 180px;
    	height: 50px;
		font-size: 32px;
	}

	body.bd #join-now-1, body.bd #join-now-2, body.bd #join-now-3, body.jp #join-now-1, body.jp #join-now-2, body.jp #join-now-3, body.kr #join-now-1, body.kr #join-now-2, body.kr #join-now-3, body.bd #join-now-1-mobi, body.bd #join-now-2-mobi, body.bd #join-now-3-mobi, body.jp #join-now-1-mobi, body.jp #join-now-2-mobi, body.jp #join-now-3-mobi, body.kr #join-now-1-mobi, body.kr #join-now-2-mobi, body.kr #join-now-3-mobi {
    	font-size: 20px;
	}

	body.sc #join-now-1, body.sc #join-now-2, body.sc #join-now-3, body.sc #join-now-1-mobi, body.sc #join-now-2-mobi, body.sc #join-now-3-mobi, body.vn #join-now-1, body.vn #join-now-2, body.vn #join-now-3, body.vn #join-now-1-mobi, body.vn #join-now-2-mobi, body.vn #join-now-3-mobi {
        font-size: 24px;
    }

	.tpl-contacts span.tpl-social-media {
        display: inline-block!important;
        margin-top: 0px!important;
    }

	.form-container {
		width: 320px;
	}

	.regform-item > .item-element-wrapper input, .regform-item > .item-element-wrapper select, label.item-label.item-element-wrapper.regForm-document-type-label {
		font-size: 13px!important;
	}

	.slick-box {
		margin-top: 170px;
	}

}