@media(max-width: 768px) {

    .fs_sm_16 {
        font-size: 16px;
    }

    .fs_sm_18 {
        font-size: 18px;
    }

    .fs_28,
    .fs_sm_20 {
        font-size: 20px;
    }

    .fs_36,
    .fs_sm_24 {
        font-size: 24px;
    }

    .fs_64 {
        font-size: 48px;
    }

    .fs_sm_32 {
        font-size: 32px;
    }

    .lh_sm_normal {
        line-height: normal;
    }

    .lh_sm_22 {
        line-height: 22px;
    }

    .lh_sm_24 {
        line-height: 24px;
    }

    .lh_sm_28 {
        line-height: 28px;
    }

    .fw_sm_300 {
        font-weight: 300;
    }

    .fw_sm_400 {
        font-weight: 400;
    }

    .fw_sm_500 {
        font-weight: 500;
    }

    .fw_sm_600 {
        font-weight: 600;
    }

    .fw_sm_700 {
        font-weight: 700;
    }

    .mt-sm-16 {
        margin-top: 16px;
    }

    .mt-sm-18 {
        margin-top: 18px !important;
    }

    .mt-sm-24 {
        margin-top: 24px;
    }

    .mt-40 {
        margin-top: 32px;
    }

    .sign-up-form.mt-40,
    .login-p.mt-40 {
        margin-top: 40px;
    }

    .question_container.px-24.py-40 {
        padding: 16px !important;
    }

    .ps_61,
    .ps_107 {
        padding-left: 20px;
    }

    .d_sm_block {
        display: block;
        text-indent: 60px;
        margin-top: 8px;
    }

    .exercise-box {
        padding: 16px;
        border-radius: 24px;
        gap: 16px;
    }

    .qr-code-img {
        width: 100px !important;
        height: 100px !important;
    }

    .exercise-section {
        padding: 40px 20px;
    }
}

@media(max-width: 520px) {

    #myVideo2,
    #myVideo {
        object-fit: cover;
    }

    .mobile_video {
        display: block !important;
    }

    .desktop_video {
        display: none;
    }

    .result-progress-bar {
        height: 10px;
    }

    .he__25 {
        height: 15px;
    }

    .he__25 img {
        height: 15px;
        object-fit: cover;
    }

    .slider-thumb {
        top: 50%;
    }

    .question_container,
    .mySwiper {
        padding: 20px 16px !important;
    }

    .logo {
        width: 240px !important;
        height: 32px !important;
    }

    .question-counter {
        top: 4px;
        right: 8px;
    }

    img.imog {
        width: 40px !important;
        height: 40px !important;
    }

}