.Clear {
	clear: both;
}

.ListIndexRight
{
	width:900px;
	float:left;
	margin-bottom:30px;
}

.ListIndexLeft
{
	width:50px;
	float:left;
}

#HowItWorks {
	border:1px solid black;

}

#HowItWorks p{
	font-size: 1.0em;
	line-height: 18px;

}
#HowItWorks h3{

}

iframe {
	min-height: 1650px;
}

#SmartPhoneDisplay {
	display: none;
	margin-top: 20px;
}

#SmartPhoneDisplay p {
	font-size: 2.0em;
	margin-top: 140px;
}

@media only screen and (max-device-width: 600px)
{
	#SmartPhoneDisplay
	{
		display: block;
	}
	
	#CoupFrame, #HowItWorks {
		display: none;
	}
}

/* Android HDPI */

@media screen and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 600px)
{
	#SmartPhoneDisplay
	{
		display: block;
	}
	
	#CoupFrame, #HowItWorks{
		display: none;
	}
}

/* iPhone 4 */

@media screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 600px)
{
	#SmartPhoneDisplay
	{
		display: none;
	}
	
	#CoupFrame, #HowItWorks{
		display: block;
	}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{  
	iframe {
			max-width: 720px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1)
{ 
	iframe {
			max-width: 720px;
	}
} 

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2)
{ 
	iframe {
			max-width: 720px;
	}
}