@media only screen and (max-width: 1024px) {
    .registration-form {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media only screen and (max-width: 600px) {
    .registration-form {
        padding: 10px 30px 30px 15px;
    }
    .regform-item > .item-label {
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .regform-item > .item-element-wrapper {
        width: 100%;
        margin-bottom: 10px;
    }
    .registration-form hr {
        margin-top: 5px;
    }
    .rf-main-wrapper .action-container {
        width: 100%;
    }
    .rf-main-wrapper .action-container > div {
        display: block;
        text-align: center;
    }
    .rf-main-wrapper .action-container > .terms-and-conds {
        text-align: center;
        width: 80%;
        margin: 10px auto 20px;
    }
    .rf-main-wrapper .action-container > .button-wrapper {
        width: 100%;
    }
}
@media only screen and (max-width: 380px) {
    .rf-main-wrapper button.rf-submit-button {
        font-size: 25px;
    }
}
@media only screen and (max-width: 340px) {
    .rf-main-wrapper .action-container > .terms-and-conds {
        width: 100%;
    }
    .rf-main-wrapper button.rf-submit-button {
        font-size: 20px;
    }
}