#q3 .quote-answer__list .q-btn {
    width: 49%;
}

#q5 .quote-answer__list .q-btn {
    width: 49%;
}
#q11 .quote-answer__list .q-btn {
    width: 49%;
}
#q12 .quote-answer__list .q-btn {
    width: 49%;
}

@media (min-width: 600px) {
    #q1 .quote-answer__list .q-btn {
        width: 49%;
    }

    #q3 .quote-answer__list .q-btn {
        width: 24%;
    }

    #q3 .quote-answer__list:after {
        width: 24%;
        content: "";
    }

    #q4 .quote-answer__list .q-btn {
        width: 49%;
    }

    #q5 .quote-answer__list .q-btn {
        width: 24%;
    }

    #q6 .quote-answer__list .q-btn {
        width: 49%;
    }

    #q7 .quote-answer__list .q-btn {
        width: 49%;
    }

    #q8 .quote-answer__list .q-btn {
        width: 49%;
    }
    #q9 .quote-answer__list .q-btn {
        width: 49%;
    }

    #q11 .quote-answer__list .q-btn {
        width: 24%;
    }
    #q12 .quote-answer__list .q-btn {
        width: 24%;
    }

    .q-tag input[type="number"],
    .q-tag input[type="text"] {
        text-align: center;
        width: 100px;
        padding: 10px;
        border-radius: 5px;
        display: inline-block;
        margin: 0 20px;
        transform: scale(1.2);
        font-size: 20px;
        border: 2px solid #eee;
    }
}