#modal {
	display:none;

	width:360px;
	height:auto;
	padding:20px;
	font-family:"leelawad"!important;

	background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%);
	border:solid 2px #0d4da0;

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:fixed !important;
	top:50% !important;
	left:50% !important;
	margin-top:-94px !important;
	margin-left:-180px !important;
	z-index:101;
	font-family:Arial, Helvetica, sans-serif;
}


#content2 {
	width:360px;
	height:auto;



}




.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; 
}
.plog{ width:100%;}
.popfld { float:left; width:90%; margin-bottom:5px; padding:1%; border: solid 1px #CCCCCC; height:40px; font-family:Arial, Helvetica, sans-serif; }

@media (min-width:0px) and (max-width:767px){
        
	#modal {
		width:284px;
			height:auto;
	
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}

   
.popfld { float:left; width:75%; margin-bottom:5px; padding:1%; border: solid 1px #CCCCCC; height:40px; font-family:Arial, Helvetica, sans-serif; }	
	
}