@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 1024px) {
 .wrapper {width:100%;}
 #content {width: 100%;}
 .container {width: 100%;}
 .form {margin-left: 12px;width: 95%; }
 .reset_btn.submit_right {width:215px !important;  margin-right: 11px !important;}
.reset_btn.retry_left {width:215px !important;  margin-right: 11px !important;}
 .reset_btn { width: 510px !important; margin-right: 0px;}
 
}
@media only screen and (max-width : 800px) {
 .form {margin-left: 6px;}
}
@media only screen and (max-width : 768px) {
 .container_header {margin: 0 auto;width: 100%;}
 .form {border: 1px solid #ccc;box-shadow: none;width: 95%;box-shadow: 2px 2px 7px rgba(129, 129, 129, 0.53);}
 hr {width: 100%;}
 .reset_btn.submit_right {width:215px !important;  margin-right: 8px !important;}
.reset_btn.retry_left {width:215px !important;  margin-right: 8px !important;}
 .reset_btn { width: 500px !important; margin-right: 0px;}
}
@media only screen and (max-width : 640px) {
 .formelement label {padding-left: 0px;}
 body {background:#FFF;}
 .form {border: medium none;box-shadow: none;width: 94%; margin-top: 0;}
 .reset_btn.submit_right {          margin-right: 0px;        width: 150px !important;}
 .reset_btn.retry_left{width: 150px !important; margin-right: 0px}
 .draw_btn { width:74%; }
 .formelement.form-full{padding-left:20px;}
 .draw-panel{padding:0px !important;}
 .reset_btn { width: 150px !important; margin-right: 0px;}
 .signature-pad, .signature-pad--body
canvas {
		height: 125px;
		width: 312.5px;
	}
}
@media only screen and (max-width : 568px) {
 .sign_area {width: 90%;} 
 #elqForm_submit {width: 100%;}
 .form {width: 93%; margin-left: 2px;}
 .formelement input[type="text"] , .formelement input[type="tel"] {width: 56%;}
}
@media only screen and (max-width : 480px) {
 .formelement input[type="text"], .formelement input[type="tel"] {width: 50%}
 .sign_area {margin-bottom: 10px;}
 .left_retry > input {padding: 0 8px 0 13px;}
 .reset_btn {width:25% !important;}
 .reset_btn.submit_right {width:25% !important;}
 .reset_btn.retry_left {width:25% !important;}
 .formelement.form-full{padding-left:5%;}
   .resetAll{margin-right: 0px;}
   .draw-panel{padding:0px !important;}
    .draw_btn {  	width:90% !important;  }
    
}
@media only screen and (max-width : 360px) {
 .formelement label {padding-left: 0px;}
 .formelement input[type="text"] , .formelement input[type="tel"]{margin: 0;width: 84%;}
 /*.greentop img {width:100%;}*/ /*Commented for PR 1040*/
 .form {width: 90%;margin-left: 1px;}
 .reset_btn.submit_right {width:38% !important;  margin-right: 5px !important;}
 .reset_btn.retry_left {width:38% !important;  margin-right: 5px !important;}
  .reset_btn { width: 92% !important; margin-right: 0px;}
  .formelement.form-full{padding-left:8%;}
  .draw-panel{padding:0px !important;}
  .left_retry {margin: 0px 0px 0px 0px !important;   }
   .draw_btn {width:80% !important; }
}
@media only screen and (max-width : 320px) {
 .form {width: 90%; margin-left:0;}
  .formelement.form-full{padding-left:9%;}
  .reset_btn {width: 91% !important;}
  .left_retry {    margin: 0px 0px 0px 0px !important;  }
  .draw-panel{padding:0px !important;}
  .draw_btn {  	width:80% !important;  }
  
}