@media (max-width: 750px) {
    :root {
        --px: calc(1rem / 14);
    }

    .solution-popup {
        overflow-y: scroll;
    }

    .solution-popup-top {
        min-height: 357px;
        padding: 30px 20px;
        background: #F7F8FA;
        width: 100%;
        background-image: url('../img/bg-fangan.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .solution-popup-bottom{
        height: 100%;
        padding: 20px;
    }

    .solution-popup-image{
        width: 100%;
        height: 160px;
    }

    .desc-contain{
        height: 100%;
        padding: 0 20px;
        padding-bottom: 40px;
    }
    .solution-popup-title{
        font-size: calc(16 * var(--px));
    }
    .solution-popup-text{
        font-size: calc(14 * var(--px));
    }
    .section-title {
        font-size: calc(20 * var(--px));
        text-align: center;
    }
    .solution-popup-container {
        padding: 0 54px;
    }

    .solution-popup-content {
        flex-direction: column;
        gap: 0;
    }

    .solution-popup-sidebar {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 0;
        margin-bottom: 10px;
    }

    .solution-popup-item {
        width: 100%;
        height: 38px;
        min-width: auto;
        padding: 9px 20px;
        font-size: calc(16 * var(--px));
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }

    .solution-popup-main {
        width: 100%;
    }

    .solution-popup-card {
        width: 100%;
        padding: 0;
        box-shadow: 4px 8px 16px 0px rgba(1, 91, 189, 0.04);
        border-radius: 0;
        background: #FFFFFF;
        position: relative;
    }
}