.checkoutCancelPanel .reasonCheckboxList {
    margin-top: 15px;
}

    .checkoutCancelPanel .reasonCheckboxList.standardForm li label {
        float: none;
        width: 150px;
        margin-left: 10px;
    }

.checkoutCancelPanel .personcalInfo {
    margin-top: 20px;
}

    .checkoutCancelPanel .personcalInfo textarea {
        width: 100%;
    }

.checkoutCancelPanel .sendButton {
    margin-top: 25px;
}

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

    .checkoutCancelPanel .reasonCheckboxList li {
        width: 32%;
        float: left;
        clear: none;
    }

    .checkoutCancelPanel ul.standardForm li input[type="text"] {
        width: 565px;
    }

    .checkoutCancelPanel .personcalInfo textarea {
        width: 575px;
    }
}

@media screen and (min-width: 1024px) {
    .checkoutCancelPanel ul.standardForm li input[type="text"] {
        width: 640px;
    }

    .checkoutCancelPanel .personcalInfo textarea {
        width: 650px;
    }
}

@media screen and (min-width: 1250px) {
    .checkoutCancelPanel .reasonCheckboxList {
        width: 80%;
    }
}

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



    .checkoutCancelPanel > .standardForm {
        width: 70%;
    }

    .checkoutCancelPanel ul.standardForm li input[type="text"] {
        width: 710px;
    }

    .checkoutCancelPanel .personcalInfo textarea {
        width: 720px;
    }

    .checkoutCancelPanel .reasonCheckboxList li {
        width: 32%;
        float: left;
        clear: none;
    }
}