title: How can I make this form responsive for mobile?
body: <p>I am trying my popup form responsive but unsuccessfully.
  Any help will be appreciated!</p>
  
  <p>That's the landing page URL - yogavoga.com/2weekdiet</p>
  
  <pre><code>
  .modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    max-width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rga(0,0,0);
    background-color: rgba(0,0,0,0.85); 
        padding-top: 65px;
  
  }
  
  
  .modal-content {
    margin: 5px auto; 
    width: 95%; 
    background-color: #fefefe;
    border: 1px solid #888;border-width:3px;
  
  }
  </code></pre>
  
  <p>I'd like to make it responsive for mobile as well.
  Tried but couldn't get the right result.</p>