/*********************************************************************************************************
**********************************************************************************************************
RESPONSIVE
**********************************************************************************************************
**********************************************************************************************************/

/* MAX DEVICE WIDTH 368px */
@media only screen and (max-width:479px) {
	#eps_popup_left{
	float: initial !important;
	width: 100% !important;
	}

	#headline h1.epshone{
	font-size: 14px !important;
	text-shadow: 0px 0px 0px #808080, 0px 0px #ffffff !important;
	color: #000000 !important;
	font-weight: bold !important;
	}
	#short_desc span.shortdescr{
	font-size: 7pt !important;
	}
	
	div.lists{
	margin: 0 0 10px 0 !important;
	}
	
	div.lists ul li {
	font-family: Arial !important;
	 font-size: 12px !important;
	 height: 20px !important;
	}
	
	span.li_text{	 
	-webkit-background-size: 12px !important;
	-moz-background-size: 12px !important;
	background-size: 12px !important;
	font-weight: bold !important;
	padding-left: 20px !important;
	line-height: 1.78 !important;
	}
	
	div#email_form_container {
	bottom: 12.5% !important;
	}	
	
	div#call_to_act {
	width: auto !important;
	font-size: 12px !important;
	text-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff !important;
	line-height: 1.5em !important;
	
	}
	 
	.epsfront_image{
	display: none !important;
	/* margin: 10px !important; */
	}

	input#eps_user_name, input#eps_user_email {
	width: 100% !important;
	margin:2.5px 0 2.5px 0 !important;
	height: 30px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	box-shadow:0 0 2px 2px #eeeeee inset !important;
	-moz-box-shadow:0 0 2px 2px #eeeeee inset !important;
	-webkit-box-shadow:0 0 2px 2px #eeeeee inset !important;
	border: 1px solid #dddddd !important;
	padding: 0 0 0 10px !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-size: 12px !important;
	}

	#eps_popup_front input[type="submit"]{
	width: 100% !important;
	height:35px  !important;
	float: none !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
	}
	
	div.tiny_message {
	font-size: 9px !important;
	-webkit-background-size: 12px !important;
	-moz-background-size: 12px !important;
	background-size: 12px !important;
	margin: 0 0 10px 0 !important;
	padding: 5px 5px 5px 20px !important;
	text-align: justify !important;
	font-style: normal !important;
	}
	
	.eps_pop_close {
	-webkit-background-size: 20px !important;
	-moz-background-size: 20px !important;
	background-size: 20px !important;
	top: -10px;
	right: -16px;
	}
	div#timer_container {
	width: auto !important;	
	/* top: -30px !important; */
	}

} /* END */

@media only screen and (max-width: 300px) {
	#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: auto !important;
	}
	
	div#timer_container {
	left: -2px !important;
	font-size: 10px !important;
	}
	
} /* END */

@media only screen and (min-width: 301px) and (max-width: 320px) {
	#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: 80% !important;
	}
	div#timer_container {
	font-size: 10px !important;
	left: 0 !important; right: 0 !important;
	}
	
} /* END */

@media only screen and (min-width: 321px) and (max-width: 375px){
	#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: 70% !important;
	}
	div#timer_container {
	font-size: 10px !important;
	left: 0 !important; right: 0 !important;
	}
	
} /* END */

@media only screen and (min-width: 376px) and (max-width: 479px){
	#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: 70% !important;
	}
	div#timer_container {	
	font-size: 10px !important;
	left: 0 !important; right: 0 !important;
	margin: auto;
	}
	
} /* END */


@media only screen and (min-width: 480px) and (max-width: 539px){
	#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: auto !important;
	/* height: 360px !important; */
	}

	#headline h1.epshone{
	font-size: 16px !important;
/* 	text-shadow: 0px 0px 0px #808080, 0px 0px #ffffff !important;
	color: #000000 !important; */
	font-weight: bold !important;
	}
	#short_desc span.shortdescr{
	font-size: 9pt !important;
	}
	
	div.lists{
	margin: 10px 0 10px 5px !important;
	}
	
	div.lists ul li {
	/* font-family: Arial !important; */
	 font-size: 14px !important;
	 height: 20px !important;
	}
	
	span.li_text{	 
	-webkit-background-size: 14px !important;
	-moz-background-size: 14px !important;
	background-size: 14px !important;
	font-weight: bold !important;
	padding-left: 20px !important;
	line-height: 1.3 !important;
	}
	
	div#email_form_container {
	bottom: 15% !important;
	}	
	
	div#call_to_act {
	width: auto !important;
	font-size: 15px !important;
	text-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff !important;
	line-height: 1.5em !important;
	}
	 
	.epsfront_image{
	/* display: none !important; */
	/* margin: 10px !important; */
	}

	input#eps_user_name, input#eps_user_email {
	width: 33% !important;
	margin:0 5px 0 0 !important;
	height: 33px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	box-shadow:0 0 2px 2px #eeeeee inset !important;
	-moz-box-shadow:0 0 2px 2px #eeeeee inset !important;
	-webkit-box-shadow:0 0 2px 2px #eeeeee inset !important;
	border: 1px solid #dddddd !important;
	padding: 0 0 0 10px !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-size: 12px !important;
	}

	#eps_popup_front input[type="submit"]{
	width: 25% !important;
	height:33px  !important;
	/* float: none !important; */
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
	}
	
	div.tiny_message {
	font-size: 11px !important;
	-webkit-background-size: 12px !important;
	-moz-background-size: 12px !important;
	background-size: 12px !important;
	margin: 0 0 15px 0 !important;
	padding: 5px 5px 5px 20px !important;
	text-align: justify !important;
	font-style: normal !important;
	}
	
	.eps_pop_close {
	-webkit-background-size: 20px !important;
	-moz-background-size: 20px !important;
	background-size: 20px !important;
	top: -10px;
	right: -16px;
	}
	div#timer_container {
	width: auto !important;	
	font-size: 12px !important;
	left: 0 !important; right: 0 !important;
	}
	
} /* END */

/***********
************
***************
***********
**************
**********
************
************
*********/

@media only screen and (min-width: 540px) and (max-width: 713px){
	div#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: auto !important;
	}

	#headline h1.epshone{
	font-size: 18px !important;
/* 	text-shadow: 0px 0px 0px #808080, 0px 0px #ffffff !important;
	color: #000000 !important; */
	font-weight: bold !important;
	}
	#short_desc span.shortdescr{
	font-size: 10pt !important;
	}
	
	div.lists{
	margin: 10px 0 10px 5px !important;
	}
	
	div.lists ul li {
	/* font-family: Arial !important; */
	 font-size: 18px !important;
	 height: 24px !important;
	}
	
	span.li_text{	 
	-webkit-background-size: 14px !important;
	-moz-background-size: 14px !important;
	background-size: 14px !important;
	/* font-weight: bold !important; */
	padding-left: 20px !important;
	line-height: 1.04 !important;
	}
	
	div#email_form_container {
	bottom: 15% !important;
	}	
	
	div#call_to_act {
	width: auto !important;
	font-size: 16px !important;
	text-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffffff !important;
	line-height: 1.5em !important;
	}
	 
	.epsfront_image{
	/* display: none !important; */
	/* margin: 10px !important; */
	}

	input#eps_user_name, input#eps_user_email {
	width: 33% !important;
	margin:0 10px 0 0 !important;
	height: 33px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	box-shadow:0 0 2px 2px #eeeeee inset !important;
	-moz-box-shadow:0 0 2px 2px #eeeeee inset !important;
	-webkit-box-shadow:0 0 2px 2px #eeeeee inset !important;
	border: 1px solid #dddddd !important;
	padding: 0 0 0 10px !important;
	color: #000000 !important;
	font-family: Arial !important;
	font-size: 12px !important;
	}

	#eps_popup_front input[type="submit"]{
	width: 25% !important;
	height:33px  !important;
	/* float: none !important; */
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
	}
	
	div.tiny_message {
	font-size: 11px !important;
	-webkit-background-size: 12px !important;
	-moz-background-size: 12px !important;
	background-size: 12px !important;
	margin: 0 0 20px 0 !important;
	padding: 5px 5px 5px 20px !important;
	text-align: justify !important;
	font-style: normal !important;
	}
	
	.eps_pop_close {
	-webkit-background-size: 20px !important;
	-moz-background-size: 20px !important;
	background-size: 20px !important;
	top: -10px;
	right: -16px;
	}
	div#timer_container {
	width: auto !important;	
	font-size: 12px !important;
	left: 0 !important; right: 0 !important;
	}
}


@media only screen and (min-width: 714px) and (max-width: 800px){
	div#eps_popup_front{
	left: 0 !important; right: 0 !important;
	width: 90% !important;
	margin: auto;
	}
	
}

@media only screen and (min-width: 714px) and (max-width: 850px){

	#headline h1.epshone{
	font-size: 18px !important;
/* 	text-shadow: 0px 0px 0px #808080, 0px 0px #ffffff !important;
	color: #000000 !important; */
	font-weight: bold !important;
	}
	
	#short_desc span.shortdescr{
	font-size: 10pt !important;
	}
	
	div.lists{
	margin: 10px 0 10px 5px !important;
	}
	
	div.lists ul li {
	/* font-family: Arial !important; */
	 font-size: 18px !important;
	 height: 24px !important;
	}
	
	span.li_text{	 
	-webkit-background-size: 14px !important;
	-moz-background-size: 14px !important;
	background-size: 14px !important;
	/* font-weight: bold !important; */
	padding-left: 20px !important;
	line-height: 1.04 !important;
	}
}

@media only screen and (min-width: 801px) and (max-width: 900px){
	div#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: 80% !important;	
	}
}

@media only screen and (min-width: 901px) and (max-width: 930px){
	div#eps_popup_front{
	left: 0 !important; right: 0 !important;
	margin: auto;
	width: 75% !important;	
	}
}

@media only screen and (min-width: 801px) and (max-width: 997px){
	#headline h1.epshone{
	font-size: 22px !important;
/* 	text-shadow: 0px 0px 0px #808080, 0px 0px #ffffff !important;
	color: #000000 !important; */
	font-weight: bold !important;
	}
}

/**********************************************************************************************************/
@media only screen and (min-height: 600px) and (max-height: 640px) {
	#eps_popup_front{
	top: 80px !important;
	}
} /* END */ 


@media only screen and (min-height: 481px) and (max-height: 599px) {
	#eps_popup_front{
	top: 60px !important;
	}
} /* END */ 

@media only screen and (max-height: 480px) {
	#eps_popup_front{
	top: 25px !important;
	}
	
} /* END */
/**********************************************************************************************************/


/* MAX DEVICE WIDTH 479px */
@media only screen and (max-width: 479px) {
} /*END*/


/* DEVICE WIDTH BETWEEN 480px and 543px*/
@media only screen and (min-width: 480px) and (max-width: 543px) {
}

} /* END */

/* DEVICE WIDTH BETWEEN 480px and 575px */
@media only screen and (min-width: 480px) and (max-width: 575px) {

} /* END */

/* DEVICE WIDTH BETWEEN 544px and 708px*/
@media only screen and (min-width: 544px) and (max-width: 708px) {
} /* END */

/* DEVICE WIDTH BETWEEN 576px and 771px */
@media only screen and (min-width: 576px) and (max-width: 771px) {
} /* END */


/* DEVICE WIDTH BETWEEN 772px and 1023px */
@media only screen and (min-width: 772px) and (max-width: 1023px) {
} /* END */

/* MIN DEVICE WIDTH 1024px */
@media only screen and (min-width: 1024px){
} /* END */
 
/*********************************************************************************************************
**********************************************************************************************************
END RESPONSIVE
**********************************************************************************************************
**********************************************************************************************************/