@media /* iPhone X */
only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
/* iPhone 6,7,8 */
,only screen
and (min-device-width : 375px) 
and (max-device-width : 667px)
/* iPhone 6+,7+,8+  */
,only screen
and (min-device-width : 414px) 
and (max-device-width : 736px)
{
	body {
		font-size	:	32px;
	}

	.Popup .content {
		width	:	93% !important;
	}
	.Popup .content table {
		width	:	100%;
	}


	button {
		height		:	60px;
		line-height	:	40px;
	}

/*	----------
	Cards Size
	----------	*/
	.Player .cards_in_play {
		height	:	200px;
	}
	.Player .cards_in_play .Card:not(:first-child),
	.Cards .Card:not(:first-child) {
		margin-left	:	-108px;
	}
	.Cards {
		height		:	200px;
	}
	.Card {
		max-height	:	200px;
		max-width	:	150px;
	}

/*	----------
	Table Felt
	----------	*/
	.table_felt_text {
		max-width	:	none;
		position	:	relative;
			right	:	0px;
			left	:	auto;
	}

/*	------------------
	Player Position(s)
	------------------	*/
	.player.top,
	.player.right,
	.player.bottom,
	.player.left {
		padding		:	10px 0px;
		position	:	relative;
			top		:	auto;
			right	:	auto;
			bottom	:	auto;
			left	:	auto;
		text-align	:	left;
	}

/*	---------------
	Player Inlining
	---------------	*/
	.player .details {
		margin		:	auto auto auto 0px;
		max-width	:	210px;
	}
	.Player {
		white-space	:	nowrap;
	}
	.Player .details {
		display		:	inline-block;
	}
	.Player .cards_in_play {
		display		:	inline-block;
	}
	
/*	--------------
	Deck / Discard
	--------------	*/
	.draw_cards {
		margin		:	auto 75px;
		position	:	relative;
			top		:	0px;
		transform	:	none;
		width		:	auto;
	}
	.the_deck,
	.discard_pile {
		min-height	:	200px;
	}

/*	--------
	My Cards
	--------	*/
	.my_cards {
		border-top-left-radius	:	0px;
	     border-top-right-radius:	0px;
		box-shadow	:	inset 1px 7px 15px -3px #333;
		height		:	220px;
	    margin		:	100px auto 25px auto;
		max-width	:	100%;
		padding		:	10px 0px;
		position	:	relative;
	}
	.my_cards .Card:not(:first-child) {
		margin-left	:	-40px;
	}

/*	-------
	Actions
	-------	*/
	.actions.turn {
		position	:	relative;
	}
	.actions.game .player li {
		padding		:	10px 0px;
	}
	.actions.turn {
	    padding-bottom	:	20px;
	}
	.actions.turn .player {
		white-space	:	nowrap;
	}
	body.is_my_turn .actions.turn .player li {
		display		:	inline-block;
		width		:	50%;
	}
	.game_history.icon {
		display	:	none !important;
	}
}