/*??????*/
@media (max-width: 1680px) {
}

@media (max-width: 980px) {
}

@media (max-width: 768px) {
	.ar_game .left {float:none;width:100%;min-width:392px;}
	.ar_game .right {position:relative;float:none;width:100%;}
	#modal-content {width: 100%;}

	.ar_game .left {
		max-width: 392px;
	}

	.ar_game .right {
	    position: absolute;
		width: calc(100% - 392px);
	}

	.the_wheel
	{
		width:392px;
		height:429px;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#canvas {
		width:345px;
		height:345px;
		margin:45px 0 0 26px;
	}

	#center_image {
		top:163px;
		left:145px;
		width:113px;
		height:115px;
	}

	.the_pin {
		top: 2px;
		left: 183px;
		width: 30px;
		height: 60px;
	}

	#modal-content .lady_img {
		position: absolute;
		top: 90px;
		left: 60px;
		padding-left:15px;
	}

	#modal-content .score {
		top: 170px;
		left: 190px;
		font-size: 35px;
		width: 200px;
	}


	.box_bg {
		width: 392px;
		height: 230px; /* Full height */
	}

	#myModal .giftbox_img {
		top: 230px;
		left: 350px;
		width: 80px;
		height: 80px;
	}

	.gift_box {
		max-width: 150px;
	}



}

@media (max-width: 639px) {

	.ar_game {
		min-height: 300px;
	}

	.ar_game .left {
		max-width: 322px;
	}

	.ar_game .right {
		width: calc(100% - 322px);
	}

	.the_wheel
	{
		width:322px;
		height:355px;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#canvas {
		width:275px;
		height:275px;
		margin:45px 0 0 26px;
	}

	#center_image {
		top:135px;
		left:118px;
		width:100px;
		height:100px;
	}

	.the_pin {
		top: 14px;
		left: 154px;
		width: 20px;
		height: 50px;
	}

	#modal-content .lady_img {
		position: absolute;
		top: 90px;
		left: 60px;
		padding-left:15px;
	}

	#modal-content .score {
		top: 170px;
		left: 190px;
		font-size: 35px;
		width: 200px;
	}


	.box_bg {
		width: 392px;
		height: 230px; /* Full height */
	}

	#myModal .giftbox_img {
		top: 230px;
		left: 350px;
		width: 80px;
		height: 80px;
	}

	.gift_box {
		max-width: 150px;
	}

	.ar_game .right #lady_wait {
		width: 180px;
		height: 180px;
		margin-bottom: 10px;
	}
	.auto-selcect {
		margin-top: 0px;
		font-size: 1.2em;
	}

	.ar_game .right #lady_wait.lazy_9 {
		width: 220px;
		height: 220px;
		margin-bottom:-30px;
	}


	.gift_box li {
		width: calc(100% / 4);
		padding: 0;
	}
	.gift_box li img {
		max-width:35px;
	}

	#modal-content {
		margin-top: 10px;
	}

	#modal-content {
		height: 330px;
	}

}

@media (max-width: 480px) {

#myModal .box_bg_img {
	position:absolute;
	width: 129%;
	height: 100%; /* Full height */
	margin-left: -49px;
	background-image: url(img/game_point.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border-radius:10px;
	z-index:1000;
}

	.ar_game .left {
		float:none;
		width:100%;
		max-width: 100%;
	}

	.ar_game .right {
		position:relative;
		margin-top: -40px;
		float:none;
		width: 91%;
		max-width: 100%;
	}

	.the_wheel
	{
		width: 339px;
		height:429px;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	#canvas {
		width: 295px;
		height: 297px;
		margin: 42px 0 0 23px;
	}

	#center_image {
		top: 138px;
		left: 118px;
		width:113px;
		height:115px;
	}

	.the_pin {
		top: 2px;
		left: 157px;
		width: 30px;
		height: 60px;
	}


	#modal-content {
		width: 100%;
		max-height: 300px;
	}


	#modal-content .lady_img {
		position: absolute;
		top: 90px;
		left: -15px;
		/* padding-left:15px; */
	}

	#modal-content .score {
		top: 170px;
		left: 124px;
		font-size: 21px;
		width: 200px;
	}


	.box_bg {
		width: 392px;
		height: 230px; 
	}

	#myModal .giftbox_img {
		top: 230px;
		left: 350px;
		width: 80px;
		height: 80px;
	}

	.gift_box {
		max-width: 150px;
	}

}