/* Responsive design */
/* for sdcree < 576 */
@media (max-width: 576px) {

    /* Header styles */

    .head-content {
        padding: 8px 16px 8px 16px;
        flex-wrap: wrap;
    }

    .main-content{
        padding: 0px 16px 0px 16px;
        gap: 8px;
    }

    .main-content-card{

    }

    .wizard-form-question{
        font-size: 32px;
    }



    .wizard-form-progress-bar-container {
        order: 3;
    }

    .save-exit-btn-container {
        order: 2;
    }   

    .title-container {
        order: 1;
    }


    .wizard-form-response-container-2{
        flex-direction: row;
        /* flex-wrap: wrap; */
    }

    .wizard-form-response-container-2.multiple-choice{
        flex-direction: column;
        /* flex-wrap: wrap; */
    }

    .wizard-form-response-container-2.single-input{
        flex-direction: column;
        width: 100%;
    }

    .wizard-form-response-container-2.input-dropdown-group {
        flex-direction: column;
        width: 100%;
    }

    .input-dropdown-container {
        width: 100%;
    }

    .input-dropdown-container .viedial-text-input {
        width: calc(100% - 80px);
    }

}