/* Responsive forms */

.contentform {
}

    .contentform .inner-form > .field {
        clear: both;
        overflow: hidden;
        padding: 1px;
        margin: 0 0 10px 0;
    }

        .contentform .inner-form > .field > div {
        
        }

    .contentform .inner-form > .field > .input-label {
        width: 30%;
        float: left;
    }

        .contentform .inner-form > .field > div:nth-child(2) {
            width: 70%;
            float: right;
        }

input[type=text],
input[type=password] {
    width: 50%;
}

select {
    max-width: 95%;
}

.form-buttonarea {
    padding: 1em 0 1em 0;
}

.hide-form-field {
    display: none;
}

@media handheld and (max-width: 780px), screen and (max-device-width: 730px), screen and (max-width: 700px) {
    .contentform .inner-form > .field {
        margin: 0 0 15px 0;
    }

        .contentform .inner-form > .field > .input-label {
            width: 100%;
            float: none;
            margin: 0 0 5px 0;
        }

        .contentform .inner-form > .field > div:nth-child(2) {
            width: 95%;
            float: none;
        }

        input[type=text],
        input[type=password] {
            width: 100%;
        }
}