Untitled

                Never    
CSS
       
@media screen and (max-width:480px){
.checkbox, .radio {margin: 3px 0; min-width: 70px; } div#listContainer {background: #C9C8C8; } th {display: none; } td {float: left; margin: 6px 0 !important; display: block; min-height: none !important; box-sizing: border-box; } td:before {display: block } input[type=text], select, textarea {box-shadow: none; border-radius: 0; padding: 4px; } td[class*="col"]:before {width: 30%; float: left; font-weight: bold; } td {max-width: 620px; width: 100% !important; } td [name="input"], td > select, textarea {width: 68% !important; box-sizing: border-box; } img.calendarIcon {display: none; } .radio {width: 30%; float: left; } .buttonsColumn {min-height: 30px; } textarea {min-height: 120px; } .buttonsColumn {text-align: right; } table {border-collapse: collapse; } #list tbody > tr + tr + tr {margin-top: 22px; border-top: 1px solid #ccc; box-shadow: 1px 0 0 #ccc; } #list tbody tr td:first-child {padding-top: 20px !important; } input.stepper {width: 100% !important; }.radio-container {width: 70% !important; display: inline-block; } 

td.col1:before {
content: "Item (Please include description and/or Model Number)";
}
td.col2:before {
content: "Quantity";
}
td.col3:before {
content: "Store (Where we get items specifically)";
}
td.col4:before {
content: "Day needed";
}
td.col5:before {
content: "Calendar";
}
}

Raw Text