.mwtp-exercise {
    padding: 0.25em;
    border: 7px solid rgba(237, 237, 237, 0.25);
}

.mwtp-exercise-inner {
    margin: 0.25em auto;
    overflow: hidden;
}

.mwtp-img-wrap {
    display: inline-block;
    margin: 0 0 1em 0;
    float: left;
    width: 40%;
}

.mwtp-text-wrap {
    float: left;
    display: inline-block;
    margin: 3em 0 0 0;
    padding-left: 0.75em;
    width: 60%;
    min-height: 4em;
}

.mwtp-text-only-wrap {
    float: left;
    display: inline-block;
    margin: 3em 0 1em 1em;
    padding-left: 0.75em;
    width: 90%;
    min-height: 6em;
}

.mwtp-text {
    font-size: 2em !important;
    margin:0 0 0.3em 0;
}

.mwtp-btn-div {
    padding:0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mwtp-btn {
    position: relative;
    border-radius: 2px;
    padding: 5px 0 5px 3px;
    margin-right: 0.5%;
    cursor: pointer;
    transition: all 0.1s ease 0s;
    margin-bottom: 0.25em;
    font-size: 1.25em;
    min-width: 5em;
    text-align: right;
    display: inline-block;
}

.mwtp-btn:hover {
    color: #646a80;
}
.mwtp-btn-inside {
    float: right;
    margin: 0 5px 0 2px;
    border-bottom: 1px dotted #c8c8c8;
}

.mwtp-circle {
    width:18px !important;
    height:18px !important;
    margin-top: 3px;
    border: #d0cfcf solid 2px !important;
}

.mwtp-check {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 20px;
    background: #f8f5c4;
    border-radius: 100%;
    transition: all 0.2s ease 0s;
    z-index: 2;
}

.mwtp-check-done {
    background: #63ae2f;
}

.mwtp-btn:active {
/*    margin-top: calc(0px - 1px);
    box-shadow: 0 3px 6px rgb(177, 177, 177);*/
}

.mwtp-question-text {
    font-size: 2.15em !important;
    text-align: center;
    margin: 0;
}

.mwtp-img {
    max-height: 16em;
    margin: 0 auto;
}

.mwtp-image-option-wrapper {
    max-width: 8em;
}

.mwtp-image-option {
    max-height: 8em;
}

.mwtp-wrong-btn:active {
    background-color: #f2cac8;
}

.mwtp-correct-btn:active {

    background-color: rgba(199, 237, 189, 0.95);
}

@media (max-width: 500px) {

    .mwtp-exercise { padding: 0; }
    .mwtp-exercise-inner { width:100%; }

    .mwtp-img-wrap {
        width: 85%;
        margin: 0 0 0.5em 0;
    }

    .mwtp-question-text {
        font-size: 1.85em !important;
        text-align: left;
        margin-top:-1em;
        line-height: 1.15em;
    }

    .mwtp-text {
        font-size: 1.75em !important;
    }

    .mwtp-text-wrap {
        float:none;
        width:90%;
        padding:0 0.15em;
        min-height: 35px;
        margin:0 0 0.25em 0;
        display:inline-block;
    }

    .mwtp-text-only-wrap {
        margin: 3em 0 0.5em 0em;
        min-height: 9em;
    }

    .mwtp-btn-div {
        width: 100%;
        float: none;
        text-align: left;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .mwtp-btn {
        min-width:5em;
        display:inline-block;
    }

    .mwtp-img {
        max-width: 16em;
    }

    .mwtp-image-option-wrapper {
        max-width: 6em;
        margin-right: -24px;
    }



}