/*
@media screen and (min-width: 320px) {
.ui-dialog {width: 96% !important; max-width: 300px !important; margin: auto; padding: 2%;height: 200px !important;}
#newsletterModalDiv {position: realtive; float: left; height: auto; width: 300px !important;background-size: 100% 100%; height: 100%; padding: 0;}

}
*/
#newsletterModalDiv { position: relative; float: left; display:block; width: 768px !important; height: 500px !important; background-size: 100% 100%; padding: 0; }
#newsletterModalDiv { position: relative; float: left; width: 768px !important; height: 500px !important; background-size: 100% 100%; padding: 0; }
	.newsletterModal { width: 96% !important; width: 768px !important; /*margin: auto; padding: 0;*/ height: 532px !important; }
	#newsletterContainer { width: 375px !important; overflow: hidden; height: 440px; margin: 30px; position: absolute; left: 0; bottom: 0; }
	.stepDescriptionNewsletter { position: absolute; top: 0; left: 0; margin: 0; }
	.newsletterForm { position: absolute; bottom: 0; width: 340px; padding: 3px 8px 0px;}
	
	#subscribeMessage { /*width: 735px; padding: 15px; height: 20%; min-height: 85px;*/ }
	
	#newsletterModalSubmitFemale {width: 130px !important; margin-left: 15px;}
  #newsletterModalSubmitMale {width: 130px !important}
  #newsletterModalSubmitNotSet {margin-right: 0px;}
  #newsletterModalSubmit {padding: 6px 12px !important;}
  input.text {width: 150px !important}
  table td {padding: 11px 6px;}
  table .buttons td {padding: 10px 1px;}
  .btnNews {margin-top: 10px !important;}
  .reg_info {width: 280px; float: left;}
	.reg_input {float: left; margin: 10px 10px;}
	
	#errorMessages { position: absolute; bottom: 220px; background: #392f24; width: 375px; left:0 }
	#errorMessages h2 { padding: 0; margin: 8px; }
	#errorMessages ul { padding: 0; margin: 0px 12px !important; }
	#errorMessages .errors { background: none; padding: 0 !important; margin: 0; }
	#errorMessages .errors li { padding: 0; }

	.table { border-collapse: collapse; margin: 0 auto; }
	#loaderDiv { background: #fff; opacity: 0.8; position: absolute; z-index: 1009; height: 500px; width: 100%; text-align: center; }
	#loaderDiv img { margin: auto; margin-top: 250px; }

@media screen and (min-width: 480px) {
  .newsletterModal {width: 96% !important; width: 480px !important; /*margin: auto; padding: 2%;*/height: 300px !important;}
  #newsletterModalDiv {position: realtive; float: left; height: 280px !important; width: 480px !important;background-size: 100% 100%; padding: 0;}
  #newsletterContainer { width: 342px !important; overflow: hidden; height: 270px; margin: 5px; position: absolute; left: 0; bottom: 0; }
  #subscribeMessage { width: 342px;}
  .step2 {width: 464px; padding: 3px 8px; height: 40%;}
  /*.steps {height: 270px; padding: 10px;}*/
  .newsletterForm { width: 235px; padding: 3px 3px 10px; position: absolute; bottom: 0; left: 10px;} 
  #newsletterModalSubmitFemale {width: 100px !important; margin-left: 0px;}
  #newsletterModalSubmitMale {width: 100px !important; margin-right: 0px !important;}
  #newsletterModalSubmitNotSet {margin-right: 0px;}
  #newsletterModalSubmit {padding: 6px 12px !important;}
  input.text {width: 125px !important}
  table td {padding: 2px 6px;}
  table .buttons td {padding: 5px 1px;}
  .btnNews {margin-top: 2px !important;}
  .reg_info {width: 200px; float: left;}
	.reg_input {float: left; margin: 20px 5px;}

  #errorMessages { position: absolute; bottom: 125px; background: #392f24; width: 235px; left: 13px }
	#errorMessages h2 { padding: 0; margin: 8px; }
	#errorMessages ul { padding: 0; margin: 0px 12px !important; }
	#errorMessages .errors { background: none; padding: 0 !important; margin: 0; }
	#errorMessages .errors li { padding: 0; }
	.table { border-collapse: collapse; margin: 0 auto; }
	#loaderDiv { background: #fff; opacity: 0.8; position: absolute; z-index: 1009; height: 270px; width: 100%; text-align: center; }
	#loaderDiv img { margin: auto; margin-top: 130px; }

}

@media screen and (min-width: 768px) {

	#newsletterModalDiv { position: relative; float: left; width: 768px !important; height: 500px !important; background-size: 100% 100%; padding: 0; }
	.newsletterModal { width: 96% !important; width: 768px !important; /*margin: auto; padding: 0;*/ height: 532px !important; }
	#newsletterContainer { width: 375px !important; overflow: hidden; height: 440px; margin: 30px; position: absolute; left: 0; bottom: 0; }
	.stepDescriptionNewsletter { position: absolute; top: 0; left: 0; margin: 0; }
	.newsletterForm { position: absolute; bottom: 0; width: 340px; padding: 3px 8px 0px;}
	
	#subscribeMessage { /*width: 735px; padding: 15px; height: 20%; min-height: 85px;*/ }
	
	#newsletterModalSubmitFemale {width: 130px !important; margin-left: 15px;}
  #newsletterModalSubmitMale {width: 130px !important}
  #newsletterModalSubmitNotSet {margin-right: 0px;}
  #newsletterModalSubmit {padding: 6px 12px !important;}
  input.text {width: 150px !important}
  table td {padding: 11px 6px;}
  table .buttons td {padding: 10px 1px;}
  .btnNews {margin-top: 10px !important;}
  .reg_info {width: 280px; float: left;}
	.reg_input {float: left; margin: 10px 10px;}
	
	#errorMessages { position: absolute; bottom: 220px; background: #392f24; width: 375px; left:0 }
	#errorMessages h2 { padding: 0; margin: 8px; }
	#errorMessages ul { padding: 0; margin: 0px 12px !important; }
	#errorMessages .errors { background: none; padding: 0 !important; margin: 0; }
	#errorMessages .errors li { padding: 0; }

	.table { border-collapse: collapse; margin: 0 auto; }
	#loaderDiv { background: #fff; opacity: 0.8; position: absolute; z-index: 1009; height: 500px; width: 100%; text-align: center; }
	#loaderDiv img { margin: auto; margin-top: 250px; }
	
}

/*
#newsletterPopup {position: relative; float: left; height: auto; width: 768px !important;}
.ui-dialog {width: 96% !important; max-width: 768px !important; margin: auto; padding: 2%;}
*/

.btnNews {float: left; margin: 5px 10px 0px 0px; float: left !important; width: 100px !important;}
.btnCloseNews {margin: 430px 0px 0px 350px !important; width: 100px !important;}