/**
 * wrapper width break point
 */
@media screen and (max-width: 1200px) {

}

/**
 * medium break point
 */
@media screen and (max-width: 56.250em) { /** 900px **/
    form .label-holder {
        float: left;
        width: 100%;
    }
    
    form .label-holder label {
        text-align: left;
    }
    
    form .input-holder {
        float: left;
        width: 100%;
        clear: left;
    }
}

/**
 * horizontal medium break point
 */
@media screen and (max-width: 56.250em) and (orientation:landscape) {

}

/**
 * medium-small break point
 */
@media screen and (max-width: 42em) {
    
}

/**
 * small break point
 */
@media screen and (max-width: 31.250em) { /** 500px **/
    
}