Email Subscription

<div class="main-email-container">
    <div class="c_approved-email-container">
      <div class="c_container-text">Thanks for signing up!</div>
      <div class="c_container-icon">
        <svg class="w-5 h-5"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icons-radio-checked-alt"></use></svg>
      </div>
    </div>
    <div class="c_approved-email-confirmation">
      <div class="c_confirmation-text">drew.dipasquale@itsacinch.com<br>has been subscribed</div>
    </div>
  </div>
   

<div class="c_email-subscribe-horiz">
  <p class="md:block sm:hidden md:text-center md:text-mediumscreen">Get Berxi resources delivered right to your inbox.</p>
  <p class="md:hidden sm:visble sm:text-left sm:text-smallscreen">Get articles from Berxi right in your inbox.</p>
  <div>
    <form action="" class="validate md:w-12xl sm:w-full">
      <div class="mb-0 form-group">
        <label for="email" class="screen-reader">Enter your email address</label>
        <input class="md:mr-3 sm:mb-3" type="email" aria-label="Input Label" pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" name="email_address" id="email_address" required aria-required="true" placeholder="Enter your email address">
        <button class="btn btn-submit sm:w-full md:w-auto" type="submit">
          <span class="md:block sm:hidden md:text-mediumscreen">Subscribe</span>
          <span class="md:hidden sm:visble sm:text-smallscreen">Sign Up</span>
        </button>
      </div>
    </form>
  </div>
  <div class="mx-auto leading-normal disclaimer sm:w-full md:w-12xl">
    <span data-toggle-trigger="horizontal-email">How we use your email address</span>
    <span data-toggle-content="horizontal-email" hidden="">
      Berxi will not sell of rent your email address to third parties unless otherwise notified. Other than where necessary to administer your insurance policy or where required by law, Berxi will not disclose your email address to third parties. Your email address is required to identify for access to the Berxi website. You may also receive newsletters, product updates, and communications about quotes and policies.
    </span>
  </div>
</div> 

<div class="c_email-subscribe-vert">
  <p class="md:block md:text-sm sm:hidden">Get Berxi resources delivered right to your inbox.</p>
  <p class="md:hidden sm:visble sm:text-smallscreen">Get articles from Berxi right in your inbox.</p>
  <form action="" class="validate">
    <div class="mb-2 form-group">
      <label for="email" class="screen-reader">Enter your email address</label>
      <input type="email" aria-label="Input label" pattern="^([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x22([^\x0d\x22\x5c\x80-\xff]|\x5c[\x00-\x7f])*\x22))*\x40([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d)(\x2e([^\x00-\x20\x22\x28\x29\x2c\x2e\x3a-\x3c\x3e\x40\x5b-\x5d\x7f-\xff]+|\x5b([^\x0d\x5b-\x5d\x80-\xff]|\x5c[\x00-\x7f])*\x5d))*(\.\w{2,})+$" name="email_address" id="email_address" required aria-required="true" placeholder="Enter your email address">
      <button class="btn btn-submit" type="submit">
        <span class="md:block sm:hidden">Subscribe</span>
        <span class="md:hidden sm:visble">Sign Up</span>
      </button>
    </div>
  </form>
  <div class="leading-normal disclaimer">
    <span data-toggle-trigger="vertical-email">How we use your email address</span>
    <span data-toggle-content="vertical-email" hidden="">
      Berxi will not sell of rent your email address to third parties unless otherwise notified. Other than where necessary to administer your insurance policy or where required by law, Berxi will not disclose your email address to third parties. Your email address is required to identify for access to the Berxi website. You may also receive newsletters, product updates, and communications about quotes and policies.
    </span>
  </div>
</div>
 
	
	
To make visible in Desktop and hidden in Mobile:

<div class="c_email-subscribe-vert sm:hidden md:block">
  ...
</div>

To make visible in Mobile and hidden in Desktop:

<div class="c_email-subscribe-vert sm:visible md:hidden">
  ...
</div>