@media (max-width: 1140px)
{
    #sign-in-panel
    {
        height:450px;
        margin-top:100px;
        width:45%;
        margin-left:27.5%;
    }
    
     /* Sign in  page css ends here  */
    /* ########################### */

    /* change password page css starts here */
    
    #account-settings-change-password-container
    {
        width:45%;
        margin-left:27.5%;
    }
    
    /* change password page css ends here */
    /*####################################*/
    
    /*reset password page starts here */
    #account-settings-reset-password-container
    {
        width:45%;
        margin-left:27.5%;
    }
    
    /* houseevent index page search form css starts here */

    #house-event-search-panel-form .house-event-create-input-field label
    {
        width:13%;
    }
    
    #house-event-search-button
    {
        margin-left:13%;
        width:25%;
    }
    
    #house-event-search-panel-form .house-event-create-input-field label
    {
        width:13%;
    }
    
    /* houseevent index page search form css ends here */
    /*#################################################*/   
}

@media (max-width: 960px)
{
     /* houseevent index page search form css starts here */
    
    #house-event-search-button
    {
        margin-left:17%;
        width:30%;
    }
    
    #house-event-search-panel-form .house-event-create-input-field label
    {
        width:17%;
    }

    #house-event-search-panel-form .house-event-create-input-field input[type="text"]
    {
        width:30%;
    }

    #house-event-search-panel-form .house-event-search-input
    {
        width:30%;
    }
    #house-event-search-panel-form .house-event-create-input-field .prettycheckbox
    {
        width:30%;
    }

    #house-event-search-panel-form .house-event-create-input-field .prettycheckbox label
    {
        width:40%;
    }
    
    /* houseevent index page search form css ends here */
    /*#################################################*/   
}