/** 
 *  
 * Author: Erico 
 * File Name: BDSM NewForm 2
 */

#regform {
    height: 182px;
    width: 600%!important
}

.steps {
    width: 16.6666667% !important;
    margin-left: 0;
    margin-right: 0
}

.steps-ind {
    margin-top: 13px;
    height: 14px
}

.steps-ind div {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -9999px
}

.terms {
    margin-top: 8px
}

.gender-options-container span,
.lookingfor-options-container span {
    width: 152px;
    background: #e6e6e6;
    color: #000;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
    padding: 13px 0 12px;
    cursor: pointer;
    text-transform: uppercase
}

.gender-options-container span.selected,
.lookingfor-options-container span.selected {
    background: #fed55c
}

.submit .myButton {
    padding-top: 4px;
    height: 55px
}


@media (max-width:1279px) {
    .regform {
        background-size: 100% 100%;
        height: 390px
    }
    .error {
        position: relative;
        top: -13px
    }
}

@media (max-width:991px) {
    .regform {
        height: 380px
    }
}

@media (max-width:767px) {
    .regform {
        margin: 390px auto 0;
        height: 370px
    }
    #regform select[name=dobday],
    #regform select[name=dobmonth],
    #regform select[name=dobyear] {
        width: 28%
    }
    .form-corner {
        height: auto
    }
    #regform {
        height: 150px
    }
}

@media (max-width:640px) {
    #splash-section h1,
    .regform {
        padding-top: 0
    }
    #regform {
        height: 145px!important
    }
    .regform {
        width: 356px;
        position: static
    }
    .error {
        width: 360px
    }
    .form-corner {
        position: static;
        padding-left: 0;
        width: 90%;
        margin: 0 auto;
        display: block;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:480px) {
    .regform {
        width: 300px;
        height: 360px;
        margin: 450px auto 0
    }
    .gender-options-container span,
    .lookingfor-options-container span {
        width: 125px
    }
    .error {
        width: 300px
    }
    .form-corner {
        padding-top: 22px
    }
}

@media (max-width:399px) {
    .regform {
        width: 290px
    }
}