.contact-popup {width:100%; }
.contact-popup img {  width: 100% !important;}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:900px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 12px;
  text-align: center;
}
#boxes #dialog {
    width: 900px;
    height: auto;
    padding: 60px;
	background-color: #fff;
    background-image:url(https://www.gas-fix.com/images/contact-herobanner.png);
    background-repeat: no-repeat;
    background-position: top 0 right;
    background-size: cover;
}

#san {float: left; width: 100%; text-align: left;}
.contact-popup  {float: left; width: 100%; }
.contact-popup h2 { color: #ff0000; font-size: 30px; line-height: 40px;}
.contact-popup p  { color: #fff; margin:0px 0px 40px 0px;font-size: 21px; line-height: 30px;}
.contact-popup .popup-btn { float: left; width: 100%;}
.contact-popup .popup-btn a { background: #ff0000; color: #fff; font-size: 19px; line-height: 28px; padding: 15px 30px; border-radius: 12px;}
.contact-popup .popup-btn a:hover { background: #fff; color: #000;}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
}
@media (max-width:767px) {
	#san { text-align: center;}
	.contact-popup {
    float: none;
    width: 90%;
    padding: 50px;
    display: inline-block;
    margin: 0 5%;
}
	
}