Put the following Code in the Data Form “Header”

<!-- Responsive Code Begin -->
<style>
/* Change max-width to what size you want the form to change at */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
     * {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     #datapage-form table {
         width: 100% !important;
         margin: 0px !important;
    }
     #datapage-form td {
         display: block;
    }
     #datapage-form input, #datapage-form select, #datapage-form textarea {
         width: 100% !important;
    }
     #datapage-form input[type=radio], #datapage-form input[type=checkbox] {
         width: auto !important;
    }
     #datapage-form img[alt~="Calendar"] {
         position: relative;
         left: -19px;
         top: 4px;
    }
     #datapage-form img[alt~="Audio"] {
         position: relative;
         left: -19px;
         top: 4px;
    }
     #datapage-form img[alt~="Download"] {
         position: relative;
         left: -46px;
         top: 4px;
    }
     #datapage-form input + span > a {
         display: inline-block;
         width: 1px;
         overflow: visible;
         position: relative;
         left: -8px;
    }
     #datapage-form input + a[href="#"], #datapage-form input + a[href="#"] + a {
         display: inline-block;
         width: 1px;
         overflow: visible;
         position: relative;
         left: -8px;
    }
}
</style>
 
<div id="datapage-form">

In the footer put the ending </div>