/***************************************************************
/* 
/* STYLE FOR PHONES!!!
/*
/***************************************************************/

/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
*/

@media only screen and (max-width: 768px) {

	body {min-width:0px !important; text-align:center;}

	html body #wrapper {text-align:left; margin:0 auto !important; min-height:0px;}

	#clearfooter {height:0px !important; display:none !important;}

	#wrapper * {box-sizing:border-box;}

	.lh-box, .module, dl, dt, dd, .content, .w740 {width:100% !important;}

	.content h1 {width:calc(100% + 2px) !important;}

	body #languageholder {position:relative !important; bottom:auto !important; right:auto !important; top:auto !important; left:auto !important; clear:both; display:inline-block;}
	ul#nav li a {height:35px !important; line-height:33px !important;}

	dl, dt, dd {margin:0 !important;}
	dt label {font-size:13px; font-weight:bold; padding:10px 0; color:#666;}
	input[type="text"], 
	input[type="email"], 
	input[type="number"], 
	input[type="tel"], 
	input[type="password"] {padding:10px !important; font-size:16px !important; background:#f6f6f6 !important; width:90% !important;}

	dd select {padding:10px; width:100%; background:#f6f6f6; font-size:16px;}
	dd select option {padding:0px;}

	.tabs_loginmethod {margin:5px 0;}
	.tabs_loginmethod li a {font-size:12px;}

	.awesome {font-size:14px !important; padding:10px 20px !important;}
	.forgotpasswordx {font-size:13px; margin-left:5px;}

	p.info {margin:10px 0 !important;}

	.ui-tooltip {margin-left:0 !Important; right:-16px; margin-top:0px !important; top:-10px; z-index: 99999; border-radius:5px;}
	.ui-tooltip-arrow {top:20px !important;}
	#strength span.password_strength {width:200px;}

	.module h1 {font-weight:bold; font-size:1.6em;}
	.module.autocomplete {display:none;}

	#signupform .awesome, /* FORGOT PASSWORD / SECURITY CODE BUTTON */
	.renew-box .awesome, /* LOGIN PAGE RENEW BUTTON */
	#changeform .awesome, /* REG CONFIRM CONFIRM BUTTON */
	#page_default .module.left.norightmargin .awesome {width:100%; text-align:center; display:block; margin:0 0 15px;} /* LOGIN PAGE CREATE ACCOUNT BUTTON*/

	.awesome, input.awesome {background:#81a32c !important; color:#fff !important; box-shadow: 0 10px 10px rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); border:none;}
	.awesome:hover, input.awesome:hover {background:#91B33D !important;}

	p.info {font-size:12px !important; padding:10px 0 10px 32px; background-position: 9px 11px;}

	#strength {height: auto !important; line-height:1.2 !important; padding: 8px; margin:0 0 15px; border-radius:0 0 4px 4px;}
		#strength span {position: relative; top:1px; margin:0; padding:0; text-indent:75px;}

	.star {display:none;}

	.whyaccount .inner {max-width:100%;}

}