.ppfi-quiz .questions {
    width: 100%;
    display: grid;
    grid-template-columns: 60% repeat(7, 1fr); 
    grid-column-gap: 1px;
    grid-row-gap: 0px;
    }

.quiz-footer{
    width: 100%;
    text-align: right;
}

.quiz-header{
    width: 100%;
    text-align: left;
}

.quiz-header label{
    width: 190px;
    display: inline-block;
}

.quiz-header input{  
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.quiz-feedback{
    width: 100%;
    text-align: center;
}
.quiz-feedback .success{
    width: 100%;
    padding: 4px 9px;
    border: 1px solid #c3e6cb;
    color:#155724;
    background: #d4edda;
    text-align: center;
}
.quiz-feedback .error{
    width: 100%;
    padding: 4px 9px;
    border: 1px solid #f5c6cb;
    color:#721c24;
    background: #f8d7da;
    text-align: center;
}

    .ppfi-quiz .value span{
        display: none;
    }

@media screen and (max-width:767px){
    .ppfi-quiz .fr{
        display: none !important;
    }
    .ppfi-quiz .value span{
        display: inline-block !important;
    }
    .ppfi-quiz .questions{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
    }
    .ppfi-quiz .question{
        margin-top:1em;
        width: 100%;
    }

    .ppfi-quiz .value{
        width: 14%;
    }

    .quiz-footer{
        width: 100%;
        text-align: center;
    }
}