/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .show_verification {
    width: 100% !important;
}

.page-id-2858 .select2-container {
    float: left;
    width: 30% !important;
}

@media screen and (max-width: 1024px) {
form > .hf {
    display: flex;
    flex-wrap: wrap;
}
form > .hf > .clss-left {
    orphans: 1;
    width: 100%;
    float: none;
    clear: both;
}
form > .hf > .clss-right {
    order: 3;
    width: 100%;
    float: none;
    text-align: center;
}

.show_verification.hf > .clss-left p.form-row-wide {
    width: 100%;
    float: none;
    clear: none;
}
.clss-right a.check_verify {
    display: block;
    text-align: center;
}

}