#modal {
	visibility:hidden;
	width:60%;
	padding:8px;
	background-color:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	position:absolute !important;
	top:50% !important;
	left:20% !important;
	margin-top:-94px !important;
	z-index:101;
	display:none;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

@media only screen and (max-width: 768px) {        
#modal {
  display: block !important;
  left: 50% !important;
  margin-left: -220px;
  margin-top: -78px;
  max-width: 440px;
  padding: 8px;
  width: 70%;
}
}

@media only screen and (max-width: 640px) {        
#modal {
  left: 14% !important;
  margin-left: 0;
}
}

@media only screen and (max-width: 480px) {        
.form-group-half {
  float: left;
  margin: 10px 1% 8px !important;
  width: 98% !important;
}
.brand-popup {
  display: none;
}
.greenBtnpopup {
   margin-bottom: 0;
  margin-right: 1%;
  width: 98% !important;
}
	.remember-me-link {
  width: 98% !important;
}
}


@media only screen and (max-width: 320px) {        
#modal {
    left: 50% !important;
    margin-left: -110px !important;
	min-width:220px;
}
}