@media screen and (max-width: 400px) {
    span{
        display:none;
    }
    form{
        width:90%;
    }
    #contact-form {
        width: 100%;
    }
    #location{
        width:100%;
        margin-bottom:5%;
    }
    tr {
        width: 100%;
    }
    input {
        width: 100%;
    }
    #contact-service li input{
        width:10%;
    }
    img.ui-datepicker-trigger {
        width: 10%;
        height: auto;
    }
    #titles{
        vertical-align:top;
    }
    td#serviceDate img {
        width: 7%;
    }
    input[type="checkbox"] {
        float: none;
    }
    input#SnapHost_Calendar {
        float: right;
        width: 95%;
    }
    td#myCity {
        width: 40%;
    }
    input#City {
        width: 96%;
    }
    td#myState {
        width: 10%;
    }
    input#State {
        width: 90%;
    }
    td#myZipCode {
        width: 20%;
    }
    input#ZipCode {
        width: 100%;
    }
    #description{
        margin-top:5%;
    }
    input[type="image"] {
        margin-left: 140%;
        width: 200%;
    }
}

@media screen and (min-width: 401px) and (max-width:500px) {
    span {
        display: none;
    }

    form {
        width: 90%;
    }

    #contact-form {
        width: 100%;
    }

    #location {
        width: 100%;
        margin-bottom: 5%;
    }

    tr {
        width: 100%;
    }

    input {
        width: 100%;
    }

    #contact-service li input {
        width: 10%;
    }

    img.ui-datepicker-trigger {
        width: 10%;
        height: auto;
    }

    #titles {
        vertical-align: top;
    }

    td#serviceDate img {
        width: 7%;
    }

    input[type="checkbox"] {
        float: none;
    }

    input#SnapHost_Calendar {
        float: right;
        width: 95%;
    }

    td#myCity {
        width: 40%;
    }

    input#City {
        width: 96%;
    }

    td#myState {
        width: 10%;
    }

    input#State {
        width: 90%;
    }

    td#myZipCode {
        width: 20%;
    }

    input#ZipCode {
        width: 100%;
    }

    #description {
        margin-top: 5%;
    }

    input[type="image"] {
        margin-left: 140%;
        width: 200%;
    }
}

@media screen and (min-width: 601px) and (max-width: 725px) {
    #location{
        width:100%;
    }
    td#myCity {
        width: 46%;
    }

    input#City {
        margin-left: 37%;
        width: 45%;
    }

    td#myState {
        width: 13%;
    }

    input#State {
        width: 20%;
    }

    td#myZipCode {
        width: 15%;
    }

    input#ZipCode {
        width: 55%;
    }

    #description {
        margin-top: 5%;
    }
    td{
        vertical-align:top;
    }
    textarea.text.vert {
        width: 100%;
    }
    td#snapHostForm {
        padding-left: 18%;
    }
    input[type="image"] {
        margin-left: 130%;
    }
}
@media screen and (min-width: 601px) and (max-width: 675px) {
    #location {
        width: 100%;
    }

    td#myCity {
        width: 45%;
    }

    input#City {
        margin-left: 37.5%;
        width: 45%;
    }

    td#myState {
        width: 13%;
    }

    input#State {
        width: 30%;
    }

    td#myZipCode {
        width: 15%;
    }

    input#ZipCode {
        width: 55%;
    }

    #description {
        margin-top: 5%;
    }

    td {
        vertical-align: top;
    }

    textarea.text.vert {
        width: 100%;
    }

    td#snapHostForm {
        padding-left: 19%;
        text-align: center;
    }

    input[type="image"] {
        margin-left: 135%;
    }
}
@media screen and (min-width: 676px) and (max-width: 750px) {
    #location {
        width: 100%;
    }

    td#myCity {
        width: 50%;
    }

    input#City {
        margin-left: 42.5%;
        width: 42%;
    }

    td#myState {
        width: 13%;
    }

    input#State {
        width: 30%;
    }

    td#myZipCode {
        width: 15%;
    }

    input#ZipCode {
        width: 55%;
    }

    #description {
        margin-top: 5%;
    }

    td {
        vertical-align: top;
    }

    textarea.text.vert {
        width: 100%;
    }

    td#snapHostForm {
        padding-left: 22%;
        text-align: center;
    }

    input[type="image"] {
        margin-left: 125%;
    }
}

@media screen and (min-width: 751px) and (max-width: 825px) {
    td{
        height:45px;
    }
    #location {
        width: 100%;
    }

    td#myCity {
        width: 40%;
    }

    input#City {
        margin-left: 46%;
        width: 37%;
    }

    td#myState {
        width: 13%;
    }

    input#State {
        width: 30%;
    }

    td#myZipCode {
        width: 15%;
    }

    input#ZipCode {
        margin-left: 4%;
        width: 57%;
    }

    #description {
        margin-top: 5%;
    }

    textarea.text.vert {
        width: 100%;
    }

    td#snapHostForm {
        padding-left: 25%;
        text-align: center;
    }

    input[type="image"] {
        margin-left: 135%;
    }
}

@media screen and (min-width:826px){

    input#City {
        width: 147px;
        margin-left: 47px;
    }
    td#myState {
        padding-left: 15px;
    }
    input#State {
        width: 27px;
    }
    td#myZipCode {
        padding-left: 15px;
    }
    input#ZipCode {
        width: 51px;
    }
}