@media (max-width: 768px)
{
    /* main layout page css */
        /* sub navbar css */

    body
    {
        padding-top:100px;
    }
    
    #outreach-register-form-container .page-header h2
    {
        margin-left:20px;
    }
    #owls-system-fixed-navbar .navbar-brand
    {
        margin-left:0px;
    }
    
    #owls-system-fixed-navbar
    {
        width:100%;
        background-color:#FFFEEA;
    }
    
    #user-login-pannel-container
    {
        margin-right:0%;
        width:100%;
        height:50px;
    }
    
    #login-user-pannel .btn-default
    {
        float:right;
        margin-right:15px;
    }
    
    /* sign in page css */
     #sign-in-panel
    {
        height:450px;
        margin-top:100px;
        width:60%;
        margin-left:20%;
    }
    .login-unauthroized-user-pannel
    {
        margin-right:15px;
    }
    
    /* Sign in  page css ends here  */
    /* ########################### */

    /* change password page css starts here */
    
    #account-settings-change-password-container
    {
        margin-top:100px;
        width:60%;
        margin-left:20%;
    }
    
    .editor-chnage-password-input-select-field .field-validation-error
    {
        margin-left:45%;
    }
    
    .editor-chnage-password-input-select-field label
    {
        width:45%;
    }

    .editor-chnage-password-input-select-field input[type="password"]
    {
        width:53%;
    }
    .editor-chnage-password-input-select-field input[type="text"]
    {
        width:53%;
    }
    
    .editor-change-password-forget-field a
    {
        margin-top:0px;
        margin-left:47%;
    }
    
    /* change password page css ends here */
    /*####################################*/
    
    #account-settings-reset-password-container
    {
        margin-top:100px;
        width:60%;
        margin-left:20%;
    }
    
     /* houseevent index page search form css starts here */
    
    #house-event-search-button
    {
        margin-left:23%;
        width:40%;
    }
    
    #house-event-search-panel-form .house-event-create-input-field label
    {
        width:23%;
    }

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

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

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