#cardPile .questionOptionsMch1 {
    word-wrap: break-word;
    padding: 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.mchreload {
    font-size: 22px !important;
    padding: 10px 50px;
    border-radius: 9px !important;
}

.submit-ans {
    font-size: 22px !important;
    padding: 10px 50px;
    border-radius: 9px !important;
}

.quesItemMch img {
    max-width: 32px !important;
    max-height: 32px !important;
}

.questionOptionsMch1 img {
    max-width: 26px !important;
    max-height: 26px !important;
}

.questionOptionsMch1 img:hover {
    scale: 6;
    background: #fff;
    border: 1px solid #00000045;
    z-index: 999;
    position: relative;
}

#cardPile {
    display: -webkit-flex;
    display: flex;
}

#cardPile {
    /* background: url(img/vidbg.png); */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 5px;
    border: 1px dotted #a69bde;
}

.mch1p {
    padding: 0.7rem 0 !important;
    margin-bottom: 8px;
}

.questionOptionsMch1 p {
    text-align: center;
    min-height: 36px;
    line-height: 22px;
}

.draggable-active {
    width: 100%;
    padding: calc(0.28vw + 0.28vh);
    display: inline-block;
    position: relative;
    border-radius: 5px 5px 5px 5px;
}

.quesItemMch {
    background-color: #fdfbfb;
    font-weight: 600;
    /* font-size: calc(1.8vh + 0.2vw); */
    font-size: 16px;
    max-width: 100%;
    margin: 10px 0 10px;
    min-width: calc(10vh + 0.6vw);
    box-shadow: 0px 0px 1px 1px #464646;
    text-align: center;
}

.draggable,
.droppable {
    width: 100%;
    padding: calc(0.28vw + 0.28vh);
    display: inline-block;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    word-wrap: break-word;
}

.mchClr {
    background-color: #fdfbfb;
    padding: calc(0.28vw + 0.28vh);
    width: 100%;
    display: inline-block;
    position: relative;
    border-radius: 5px 5px 5px 5px;
}

#buttons {
    text-align: center;
    padding: 20px;
}

#buttons a {
    margin: 10px;
}

.mch-img {
    width: 32px !important;
}

.mch-img:hover {
    scale: 6;
    background: #fff;
    border: 1px solid #00000045;
    z-index: 999;
    position: relative;
}

@media screen and (min-width: 768px) {
    #mchright p {
        font-size: 18px !important;
        font-weight: 400 !important;
        min-height: 45px;
    }
    #cardPile {
        padding: 20px;
    }
    #mchleft p {
        font-size: 18px !important;
        font-weight: 400 !important;
        min-height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .mch-img {
        max-width: 100px;
        width: 100%;
    }
    #mchright p {
        font-size: 12px !important;
        font-weight: 400 !important;
        min-height: 36px;
    }
    #mchleft p {
        font-size: 12px !important;
        font-weight: 400 !important;
        min-height: 36px;
    }
    #cardPile {
        padding: 5px;
    }
    .questionOptionsMch1 p {
        font-size: 12px !important;
        font-weight: 400 !important;
        min-height: 30px;
    }
    .questionOptionsMch1 {
        padding: 6px 4px !important;
        margin-bottom: 5px
    }
    .no-padding {
        padding: 4px;
    }
}

.mchview {
    margin-top: 15px;
}