/* large screens */
@media (min-width: 1600px) {

}


@media (max-width: 1500px) {
    main {
        padding: 0 50px;
    }

    .quiz-question {
        font-size: 35px;
    }
}


/* Desktops/Laptops */
@media (max-width: 1200px) {
    main {
        padding: 0 30px 0 0;
    }

    .wrapper {
        width: 90%;
    }

    .radio-field label {
        font-size: 24px;
    }

    .radio-field label::before {
        font-size: 30px;
    }

    #section-quiz .radio-field input:checked::before, .radio-field input:checked::after {
        display: none;
    }
}

/* Laptops */
@media (max-width: 1024px) {

}

/* Tablets */
@media (max-width: 768px) {
    .tab-50 {
        width: 50%;
    }

    .tab-100 {
        width: 100%;
    }

    .tab-none {
        display: none;
    }

    .order-tab {
        order: 2;
    }
}

/* mobile */
@media (max-width: 576px) {
    .loadingresult {
        position: fixed;
    }

    .result_page_show {
        position: fixed;
        max-height: 90vh;
        overflow: auto;
        min-height: unset;
    }

    #section-quiz main {
        padding-top: 25px;
        background-size: cover;
        background-position: unset;
    }

    #section-quiz .section-title {
        padding: 15px;
    }

    #section-quiz main {
        padding: 0;
    }

    #section-quiz .wrapper {
        width: 90%;
        margin-top: 20px;
    }

    #section-quiz .quiz-question {
        font-size: 20px;
    }

    #section-quiz fieldset {
        margin-top: 40px;
    }

    #section-quiz .radio-field {
        min-height: 85px;
    }

    #section-quiz .radio-field label {
        font-size: 15px;
        line-height: 30px;
        height: 100%;
    }

    #section-quiz .radio-field label::before {
        line-height: 20px;
    }

    #section-quiz .radio-field label::before {
        font-size: 20px;
    }

    #section-quiz .next-prev button {
        width: 100%;
    }

}