@media screen and (max-width: 800px) {
    .background-box {
        min-height: auto !important;
    }
    .background-box .col-xs-8,
    .background-box .col-xs-4 {
        width: 100%;
    }
    .wc {
        padding-bottom: 3rem;
    }
    .background-box .col-xs-4 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap; 
    }
    .img-q {
        width: calc(50% - 1rem);
        margin-bottom: 2rem;
    }
    .zju-panel {
        margin-bottom: 2rem;
    }
    .zju-panel__hd strong {
        font-size: 2rem !important;
    }
    .zju-panel__bd .inner {
        padding: 2rem !important;
    }
    .zju-panel__bd .inner * {
        font-size: 1.6rem !important;
        line-height: 1.5 !important;
    }
}

@media screen and (max-width: 500px) {
    .background-box .col-xs-4 {
        flex-direction: column;
    }
    .img-q {
        width: 100%;
    }
}