<style>
 @media( max-width:767px ){
.hipsdh.asmlzs.uqwupffp.mauticform-button {
    font-size: 13px !important;
}
}
@media( max-width:610px ){
input.kls.mauticform-input {
    width: 100% !important;
    float: none !important;
}
input.dfjh.mauticform-input {
    width: 100% !important;
    float: none !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}
}
@media( max-width:600px ){
.btn-bk {
    width: 60% !important;
}
}
@media( max-width:500px ){
    .btn-bk {
        width: 85% !important;
        margin: auto;
        float: none !important;
    }
    .custom-model-wrap {
    
    padding: 10px 15px 30px;
}
}
@media (max-width: 330px) {
    .btn-bk {
        width: 100% !important;
    }
}
.mauticform_wrapper {
    max-width: 600px ;
    margin: 10px auto;
}
.klopll {
    margin-top: 10px;
}
    input.kls.mauticform-input {
    width: 48%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 48%;
    float: left;
    margin-left: 19px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    padding: 0.5em 0.5em;
    border: 1px solid #CCC;
    background: #fff;
    box-shadow: 0px 0px 0px #fff inset;
    border-radius: 4px;
    box-sizing: border-box;
}
.mauticform-row {
    display: block;
    margin-bottom: 20px;
}
.mauticform-innerform {
    padding: 5px 15px;
}

.mauticform-row {
    margin-bottom: 10px !important;
}
p.hiei {
    text-align: right !important;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}
button.uqwupffp {
    width: 48% !important;
    float: right;
    font-size: 16px !important;
    padding: 3px 10px !important;
    height: 40px !important;
}
.btn-bk{
    width:48%;
    float:right;
}
@media (max-width: 500px) {
    input.kls.mauticform-input {
    width: 100%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    
}
.btn-bk{
    width:100%;
    float:right;
}
p.hiei {
    text-align: center !important;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
}
@media (min-width: 500px and max-width:600px) {
    input.kls.mauticform-input {
    width: 100%;
    float: left;
    }
    input.dfjh.mauticform-input {
    width: 100%;
    float: left;
    margin-left: 0px;
    margin-bottom: 4px;
}
.mauticform-input, .mauticform-textarea {
    width: 100%;
    
}
.btn-bk{
    width:100%;
    float:right;
}
p.hiei {
    text-align: center !important;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}
}
</style>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script src="https://apis.google.com/js/api.js"></script>
<div id="mauticform_wrapper_book20minpimolding" class="mauticform_wrapper">
    <form autocomplete="false" role="form" method="post" action="https://sas.emuaj.in/form/submit?formId=256" id="mauticform_book20minpimolding" data-mautic-form="book20minpimolding" enctype="multipart/form-data">
        <div class="mauticform-error" id="mauticform_book20minpimolding_error"></div>
        <div class="mauticform-message" id="mauticform_book20minpimolding_message"></div>
        <div class="mauticform-innerform">

            
          <div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1">

            <div id="mauticform_book20minpimolding_f_name" data-validate="f_name" data-validation-type="text" class="mauticform-row mauticform-text mauticform-field-1 mauticform-required">
                <input id="mauticform_input_book20minpimolding_f_name" name="mauticform[f_name]" value="" placeholder="Name" class="klopll kls mauticform-input" type="text">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minpimolding_phone" data-validate="phone" data-validation-type="tel" class="mauticform-row mauticform-tel mauticform-field-2 mauticform-required">
                <input id="mauticform_input_book20minpimolding_phone" name="mauticform[phone]" value="" placeholder="Phone" class="klopll dfjh mauticform-input" type="tel">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minpimolding_email" data-validate="email" data-validation-type="email" class="mauticform-row mauticform-email mauticform-field-3 mauticform-required">
                <input id="mauticform_input_book20minpimolding_email" name="mauticform[email]" value="" placeholder="Email" class="klopll mauticform-input" type="email">
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

            <div id="mauticform_book20minpimolding_f_message" data-validate="f_message" data-validation-type="textarea" class="mauticform-row mauticform-text mauticform-field-4 mauticform-required">
                <textarea id="mauticform_input_book20minpimolding_f_message" name="mauticform[f_message]" placeholder="Message" class="klopll mauticform-textarea"></textarea>
                <span class="mauticform-errormsg" style="display: none;">This is required</span>
            </div>

                <input id="mauticform_input_book20minpimolding_lead_source" name="mauticform[lead_source]" value="https://www.plastic-injectionmolding.com" class="mauticform-hidden" type="hidden">
              <div id="mauticform_book20minpimolding_captcha" style="display: none;" class="mauticform-row mauticform-text mauticform-field-6">
                <label id="mauticform_label_book20minpimolding_captcha" for="mauticform_input_book20minpimolding_captcha" class="mauticform-label">Captcha</label>
                <input id="mauticform_input_book20minpimolding_captcha" name="mauticform[captcha]" value="" class="mauticform-input" type="text">
                <span class="mauticform-errormsg" style="display: none;"></span>
            </div>
                <div class="main-kl">
                 <p class="hiei">Get Ready to change your Product Vision into Realty...</p>
            <div id="mauticform_book20minpimolding_yes_i_am_interested_to_di" class="btn-bk mauticform-row mauticform-button-wrapper mauticform-field-7">
                <button type="submit" name="mauticform[yes_i_am_interested_to_di]" id="mauticform_input_book20minpimolding_yes_i_am_interested_to_di" value="" style="width:100% !important;border-radius: 4px;background-color: rgb(255, 172, 0);  border: none;   color: white;text-align: center; font-size: 20px; margin: 0px; margin-top:5pxpadding-left:25px;padding-right:25px;" class="jid hipsdh asmlzs uqwupffp mauticform-button">Yes, Let's Connect for Zoom Call</button>
            </div>
            </div>
            </div>
        </div>

        <input type="hidden" name="mauticform[formId]" id="mauticform_book20minpimolding_id" value="256">
        <input type="hidden" name="mauticform[return]" id="mauticform_book20minpimolding_return" value="">
        <input type="hidden" name="mauticform[formName]" id="mauticform_book20minpimolding_name" value="book20minpimolding">

        </form>
</div>
<script>
    var url = window.location.href; 
      $(document).ready(function(){
          $('#mauticform_input_book20minpimolding_yes_i_am_interested_to_di').click(function(){
             bookMeeting();
		
          });
      }); 
</script>

<script>
function bookMeeting()
    {
        var url = window.location.href.split('#')[0];
        var field1 = $("#mauticform_input_book20minpimolding_f_name").val();
        var field2 = $("#mauticform_input_book20minpimolding_phone").val();
        var field3 = $("#mauticform_input_book20minpimolding_email").val();
        var field4 = $("#mauticform_input_book20minpimolding_f_message").val();
	//	var field5 = $("#mauticform_input_getaquote_lead_source").val();
		var field5 =url + ' + Book 20 meeting';
	  if (!field1 || !field2 || !field3 || !field4) {
        // Show error message if any field is empty
       alert("All fields are required.");
        return false;  // Prevent form submission
    }
    else{
		

        $.ajax({
  //  url: "https://docs.google.com/forms/u/0/d/e/1FAIpQLSdP-DZd5DGZM38TZtUKrFRBuh5vDmVsXZAudx51wtLlNXI-5g/formResponse",
//    data: {"entry.1251720729": field1, "entry.746654238": field2, "entry.574360142": field3, "entry.634609468": field4, "entry.1533748469": field5},
            
  url: "https://docs.google.com/forms/d/e/1FAIpQLScDCOdedydrCv-09srV15lAqR1-InsY5Eaogz-Lt4yWqATrgQ/formResponse",
  data: {"entry.1902069042": field1, "entry.941969064": field2, "entry.1510698678": field3, "entry.751273144": field4,"entry.1588330093": field5},
          

            type: "POST",
            dataType: "xml",
            success: function(d)
            {
            },
            error: function(x, y, z)
                {
                    $('#success-msg').show();
                    $('#formfield').hide();
                }
          });
        }
    }
  

</script>
