:root {
    /* GRID 1 VIEW */
    --grid-1-mcnhead-h4-size: 12px;
    --grid-1-mcnhead-h4-line: 12px;
    --grid-1-mcnhead-img-width: 10px;
    --grid-1-mcnhead-img-height: 10px;
    --grid-1-mcniconnum-h5-img-width: 20px;
    --grid-1-mcniconnum-h5-img-height: 20px;
    --grid-1-mcniconnum-h5-size: 12px;
    --grid-1-mcniconnum-h5-line: 12px;
    --grid-1-mcniconnum-h6-size: 12px;
    --grid-1-mcniconnum-h6-line: 12px;
    --grid-1-mcnuser-h5-size: 12px;
    --grid-1-mcnuser-h5-line: 12px;
    --grid-1-mcnrunstop-h4-img-width: 10px;
    --grid-1-mcnrunstop-h4-img-height: 10px;
    --grid-1-mcnrunstop-h4-size: 12px;
    --grid-1-mcnrunstop-h4-line: 12px;
    --grid-1-mcnrunstop-h4-span-size: 10px;
    --grid-1-mcnrunstop-h4-span-line: 10px;


    /* GRID 1 VIEW (2560) * (1440) */
    --grid-1-mcnbody-2560: 240px;
    --grid-1-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-1-mcnbody-2560));
    --grid-1-mcnhead-h4-size-2560: 100px;
    --grid-1-mcnhead-h4-line-2560: 100px;
    --grid-1-mcnhead-img-width-2560: 90px;
    --grid-1-mcnhead-img-height-2560: 90px;
    --grid-1-mcniconnum-h5-img-width-2560: 144px;
    --grid-1-mcniconnum-h5-img-height-2560: 144px;
    --grid-1-mcniconnum-h5-size-2560: 110px;
    --grid-1-mcniconnum-h5-line-2560: 110px;
    --grid-1-mcniconnum-h6-size-2560: 110px;
    --grid-1-mcniconnum-h6-line-2560: 110px;
    --grid-1-mcnuser-h5-size-2560: 110px;
    --grid-1-mcnuser-h5-line-2560: 110px;
    --grid-1-timechart-progress-hight-2560: 80px;
    --grid-1-timechart-progress-font-2560: 40px;
    --grid-1-mcnrunstop-h4-img-width-2560: 70px;
    --grid-1-mcnrunstop-h4-img-height-2560: 70px;
    --grid-1-mcnrunstop-h4-size-2560: 70px;
    --grid-1-mcnrunstop-h4-line-2560: 70px;
    --grid-1-mcnrunstop-h4-span-size-2560: 70px;
    --grid-1-mcnrunstop-h4-span-line-2560: 70px;


    /* GRID 1 VIEW (2160) */
    --grid-1-mcnbody-2160: 245px;
    --grid-1-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-1-mcnbody-2160));
    --grid-1-mcnhead-h4-size-2160: 85px;
    --grid-1-mcnhead-h4-line-2160: 85px;
    --grid-1-mcnhead-img-width-2160: 60px;
    --grid-1-mcnhead-img-height-2160: 60px;
    --grid-1-mcniconnum-h5-img-width-2160: 85px;
    --grid-1-mcniconnum-h5-img-height-2160: 85px;
    --grid-1-mcniconnum-h5-size-2160: 60px;
    --grid-1-mcniconnum-h5-line-2160: 60px;
    --grid-1-mcniconnum-h6-size-2160: 60px;
    --grid-1-mcniconnum-h6-line-2160: 60px;
    --grid-1-mcnuser-h5-size-2160: 60px;
    --grid-1-mcnuser-h5-line-2160: 60px;
    --grid-1-mcnrunstop-h4-img-width-2160: 45px;
    --grid-1-mcnrunstop-h4-img-height-2160: 45px;
    --grid-1-mcnrunstop-h4-size-2160: 80px;
    --grid-1-mcnrunstop-h4-line-2160: 80px;
    --grid-1-mcnrunstop-h4-span-size-2160: 45px;
    --grid-1-mcnrunstop-h4-span-line-2160: 45px;


    /* GRID 1 VIEW (1920) * (1080) */
    --grid-1-mcnbody-1920: 216px;
    --grid-1-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-1-mcnbody-1920));
    --grid-1-mcnhead-h4-size-1920: 80px;
    --grid-1-mcnhead-h4-line-1920: 80px;
    --grid-1-mcnhead-img-width-1920: 60px;
    --grid-1-mcnhead-img-height-1920: 60px;
    --grid-1-mcniconnum-h5-img-width-1920: 102px;
    --grid-1-mcniconnum-h5-img-height-1920: 102px;
    --grid-1-mcniconnum-h5-size-1920: 80px;
    --grid-1-mcniconnum-h5-line-1920: 80px;
    --grid-1-mcniconnum-h6-size-1920: 80px;
    --grid-1-mcniconnum-h6-line-1920: 80px;
    --grid-1-mcnuser-h5-size-1920: 80px;
    --grid-1-mcnuser-h5-line-1920: 80px;
    --grid-1-timechart-progress-hight-1920: 80px;
    --grid-1-timechart-progress-font-1920: 42px;
    --grid-1-mcnrunstop-h4-img-width-1920: 45px;
    --grid-1-mcnrunstop-h4-img-height-1920: 45px;
    --grid-1-mcnrunstop-h4-size-1920: 45px;
    --grid-1-mcnrunstop-h4-line-1920: 45px;
    --grid-1-mcnrunstop-h4-span-size-1920: 45px;
    --grid-1-mcnrunstop-h4-span-line-1920: 45px;


    /* GRID 1 VIEW (1768) * (1000) */
    --grid-1-mcnbody-1768: 215px;
    --grid-1-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-1-mcnbody-1768));
    --grid-1-mcnhead-h4-size-1768: 65px;
    --grid-1-mcnhead-h4-line-1768: 65px;
    --grid-1-mcnhead-img-width-1768: 60px;
    --grid-1-mcnhead-img-height-1768: 60px;
    --grid-1-mcniconnum-h5-img-width-1768: 93px;
    --grid-1-mcniconnum-h5-img-height-1768: 93px;
    --grid-1-mcniconnum-h5-size-1768: 68px;
    --grid-1-mcniconnum-h5-line-1768: 68px;
    --grid-1-mcniconnum-h6-size-1768: 68px;
    --grid-1-mcniconnum-h6-line-1768: 68px;
    --grid-1-mcnuser-h5-size-1768: 68px;
    --grid-1-mcnuser-h5-line-1768: 68px;
    --grid-1-timechart-progress-hight-1768: 50px;
    --grid-1-timechart-progress-font-1768: 30px;
    --grid-1-mcnrunstop-h4-img-width-1768: 35px;
    --grid-1-mcnrunstop-h4-img-height-1768: 35px;
    --grid-1-mcnrunstop-h4-size-1768: 35px;
    --grid-1-mcnrunstop-h4-line-1768: 35px;
    --grid-1-mcnrunstop-h4-span-size-1768: 35px;
    --grid-1-mcnrunstop-h4-span-line-1768: 35px;


    /* GRID 1 VIEW (1680) * (1044) */
    --grid-1-mcnbody-1680: 216px;
    --grid-1-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-1-mcnbody-1680));
    --grid-1-mcnhead-h4-size-1680: 70px;
    --grid-1-mcnhead-h4-line-1680: 70px;
    --grid-1-mcnhead-img-width-1680: 50px;
    --grid-1-mcnhead-img-height-1680: 50px;
    --grid-1-mcniconnum-h5-img-width-1680: 98px;
    --grid-1-mcniconnum-h5-img-height-1680: 98px;
    --grid-1-mcniconnum-h5-size-1680: 68px;
    --grid-1-mcniconnum-h5-line-1680: 68px;
    --grid-1-mcniconnum-h6-size-1680: 68px;
    --grid-1-mcniconnum-h6-line-1680: 68px;
    --grid-1-mcnuser-h5-size-1680: 68px;
    --grid-1-mcnuser-h5-line-1680: 68px;
    --grid-1-timechart-progress-hight-1680: 80px;
    --grid-1-timechart-progress-font-1680: 40px;
    --grid-1-mcnrunstop-h4-img-width-1680: 43px;
    --grid-1-mcnrunstop-h4-img-height-1680: 43px;
    --grid-1-mcnrunstop-h4-size-1680: 43px;
    --grid-1-mcnrunstop-h4-line-1680: 43px;
    --grid-1-mcnrunstop-h4-span-size-1680: 43px;
    --grid-1-mcnrunstop-h4-span-line-1680: 43px;


    /* GRID 1 VIEW (1440) * (900) */
    --grid-1-mcnbody-1440: 200px;
    --grid-1-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-1-mcnbody-1440));
    --grid-1-mcnhead-h4-size-1440: 58px;
    --grid-1-mcnhead-h4-line-1440: 58px;
    --grid-1-mcnhead-img-width-1440: 50px;
    --grid-1-mcnhead-img-height-1440: 50px;
    --grid-1-mcniconnum-h5-img-width-1440: 82px;
    --grid-1-mcniconnum-h5-img-height-1440: 82px;
    --grid-1-mcniconnum-h5-size-1440: 60px;
    --grid-1-mcniconnum-h5-line-1440: 60px;
    --grid-1-mcniconnum-h6-size-1440: 60px;
    --grid-1-mcniconnum-h6-line-1440: 60px;
    --grid-1-mcnuser-h5-size-1440: 60px;
    --grid-1-mcnuser-h5-line-1440: 60px;
    --grid-1-timechart-progress-hight-1440: 75px;
    --grid-1-timechart-progress-font-1440: 42px;
    --grid-1-mcnrunstop-h4-img-width-1440: 35px;
    --grid-1-mcnrunstop-h4-img-height-1440: 35px;
    --grid-1-mcnrunstop-h4-size-1440: 35px;
    --grid-1-mcnrunstop-h4-line-1440: 35px;
    --grid-1-mcnrunstop-h4-span-size-1440: 35px;
    --grid-1-mcnrunstop-h4-span-line-1440: 35px;


    /* GRID 1 VIEW (1366) */
    --grid-1-mcnbody-1366: 170px;
    --grid-1-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-1-mcnbody-1366));
    --grid-1-mcnhead-h4-size-1366: 53px;
    --grid-1-mcnhead-h4-line-1366: 53px;
    --grid-1-mcnhead-img-width-1366: 40px;
    --grid-1-mcnhead-img-height-1366: 40px;
    --grid-1-mcniconnum-h5-img-width-1366: 69px;
    --grid-1-mcniconnum-h5-img-height-1366: 69px;
    --grid-1-mcniconnum-h5-size-1366: 63px;
    --grid-1-mcniconnum-h5-line-1366: 63px;
    --grid-1-mcniconnum-h6-size-1366: 63px;
    --grid-1-mcniconnum-h6-line-1366: 63px;
    --grid-1-mcnuser-h5-size-1366: 40px;
    --grid-1-mcnuser-h5-line-1366: 40px;
    --grid-1-timechart-progress-hight-1366: 55px;
    --grid-1-timechart-progress-font-1366: 20px;
    --grid-1-mcnrunstop-h4-img-width-1366: 30px;
    --grid-1-mcnrunstop-h4-img-height-1366: 30px;
    --grid-1-mcnrunstop-h4-size-1366: 30px;
    --grid-1-mcnrunstop-h4-line-1366: 30px;
    --grid-1-mcnrunstop-h4-span-size-1366: 30px;
    --grid-1-mcnrunstop-h4-span-line-1366: 30px;


    /* GRID 1 VIEW (1280) * (714) */
    --grid-1-mcnbody-1280: 200px;
    --grid-1-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-1-mcnbody-1280));
    --grid-1-mcnhead-h4-size-1280: 68px;
    --grid-1-mcnhead-h4-line-1280: 68px;
    --grid-1-mcnhead-img-width-1280: 62px;
    --grid-1-mcnhead-img-height-1280: 62px;
    --grid-1-mcniconnum-h5-img-width-1280: 59px;
    --grid-1-mcniconnum-h5-img-height-1280: 59px;
    --grid-1-mcniconnum-h5-size-1280: 55px;
    --grid-1-mcniconnum-h5-line-1280: 55px;
    --grid-1-mcniconnum-h6-size-1280: 55px;
    --grid-1-mcniconnum-h6-line-1280: 55px;
    --grid-1-mcnuser-h5-size-1280: 55px;
    --grid-1-mcnuser-h5-line-1280: 55px;
    --grid-1-timechart-progress-hight-1280: 52px;
    --grid-1-timechart-progress-font-1280: 26px;
    --grid-1-mcnrunstop-h4-img-width-1280: 40px;
    --grid-1-mcnrunstop-h4-img-height-1280: 40px;
    --grid-1-mcnrunstop-h4-size-1280: 40px;
    --grid-1-mcnrunstop-h4-line-1280: 40px;
    --grid-1-mcnrunstop-h4-span-size-1280: 40px;
    --grid-1-mcnrunstop-h4-span-line-1280: 40px;


    /* GRID 1 VIEW (1199) */
    --grid-1-mcnboxes-mcnbody-1199: auto;
    --grid-1-mcnhead-h4-size-1199: 14px;
    --grid-1-mcnhead-h4-line-1199: 14px;
    --grid-1-mcnhead-img-width-1199: 12px;
    --grid-1-mcnhead-img-height-1199: 12px;
    --grid-1-mcniconnum-h5-img-width-1199: 20px;
    --grid-1-mcniconnum-h5-img-height-1199: 20px;
    --grid-1-mcniconnum-h5-size-1199: 14px;
    --grid-1-mcniconnum-h5-line-1199: 14px;
    --grid-1-mcniconnum-h6-size-1199: 14px;
    --grid-1-mcniconnum-h6-line-1199: 14px;
    --grid-1-mcnuser-h5-size-1199: 14px;
    --grid-1-mcnuser-h5-line-1199: 14px;
    --grid-1-mcnrunstop-h4-img-width-1199: 12px;
    --grid-1-mcnrunstop-h4-img-height-1199: 12px;
    --grid-1-mcnrunstop-h4-size-1199: 14px;
    --grid-1-mcnrunstop-h4-line-1199: 14px;
    --grid-1-mcnrunstop-h4-span-size-1199: 12px;
    --grid-1-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 1 VIEW (960) * (540) */
    --grid-1-mcnbody-960: 190px;
    --grid-1-mcnboxes-mcnbody-960: calc(100vh - var(--grid-1-mcnbody-960));
    --grid-1-mcnhead-h4-size-960: 30px;
    --grid-1-mcnhead-h4-line-960: 30px;
    --grid-1-mcnhead-img-width-960: 30px;
    --grid-1-mcnhead-img-height-960: 30px;
    --grid-1-mcniconnum-h5-img-width-960: 38px;
    --grid-1-mcniconnum-h5-img-height-960: 38px;
    --grid-1-mcniconnum-h5-size-960: 32px;
    --grid-1-mcniconnum-h5-line-960: 32px;
    --grid-1-mcniconnum-h6-size-960: 32px;
    --grid-1-mcniconnum-h6-line-960: 32px;
    --grid-1-mcnuser-h5-size-960: 32px;
    --grid-1-mcnuser-h5-line-960: 32px;
    --grid-1-timechart-progress-hight-960: 30px;
    --grid-1-timechart-progress-font-960: 20px;
    --grid-1-mcnrunstop-h4-img-width-960: 30px;
    --grid-1-mcnrunstop-h4-img-height-960: 30px;
    --grid-1-mcnrunstop-h4-size-960: 30px;
    --grid-1-mcnrunstop-h4-line-960: 30px;
    --grid-1-mcnrunstop-h4-span-size-960: 30px;
    --grid-1-mcnrunstop-h4-span-line-960: 30px;


    /* GRID 2 VIEW */
    --grid-2-mcnhead-h4-size: 12px;
    --grid-2-mcnhead-h4-line: 12px;
    --grid-2-mcnhead-img-width: 10px;
    --grid-2-mcnhead-img-height: 10px;
    --grid-2-mcniconnum-h5-img-width: 20px;
    --grid-2-mcniconnum-h5-img-height: 20px;
    --grid-2-mcniconnum-h5-size: 12px;
    --grid-2-mcniconnum-h5-line: 12px;
    --grid-2-mcniconnum-h6-size: 12px;
    --grid-2-mcniconnum-h6-line: 12px;
    --grid-2-mcnuser-h5-size: 12px;
    --grid-2-mcnuser-h5-line: 12px;
    --grid-2-mcnrunstop-h4-img-width: 10px;
    --grid-2-mcnrunstop-h4-img-height: 10px;
    --grid-2-mcnrunstop-h4-size: 12px;
    --grid-2-mcnrunstop-h4-line: 12px;
    --grid-2-mcnrunstop-h4-span-size: 10px;
    --grid-2-mcnrunstop-h4-span-line: 10px;


    /* GRID 2 VIEW (2560) * (1440) */
    --grid-2-mcnbody-2560: 58.8vh;
    --grid-2-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-2-mcnbody-2560));
    --grid-2-mcnhead-h4-size-2560: 45px;
    --grid-2-mcnhead-h4-line-2560: 45px;
    --grid-2-mcnhead-img-width-2560: 35px;
    --grid-2-mcnhead-img-height-2560: 35px;
    --grid-2-mcniconnum-h5-img-width-2560: 69px;
    --grid-2-mcniconnum-h5-img-height-2560: 69px;
    --grid-2-mcniconnum-h5-size-2560: 50px;
    --grid-2-mcniconnum-h5-line-2560: 50px;
    --grid-2-mcniconnum-h6-size-2560: 50px;
    --grid-2-mcniconnum-h6-line-2560: 50px;
    --grid-2-mcnuser-h5-size-2560: 50px;
    --grid-2-mcnuser-h5-line-2560: 50px;
    --grid-2-timechart-progress-hight-2560: 55px;
    --grid-2-timechart-progress-font-2560: 30px;
    --grid-2-mcnrunstop-h4-img-width-2560: 40px;
    --grid-2-mcnrunstop-h4-img-height-2560: 40px;
    --grid-2-mcnrunstop-h4-size-2560: 40px;
    --grid-2-mcnrunstop-h4-line-2560: 40px;
    --grid-2-mcnrunstop-h4-span-size-2560: 40px;
    --grid-2-mcnrunstop-h4-span-line-2560: 40px;


    /* GRID 2 VIEW (2160) */
    --grid-2-mcnbody-2160: 62.5vh;
    --grid-2-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-2-mcnbody-2160));
    --grid-2-mcnhead-h4-size-2160: 33px;
    --grid-2-mcnhead-h4-line-2160: 33px;
    --grid-2-mcnhead-img-width-2160: 27px;
    --grid-2-mcnhead-img-height-2160: 27px;
    --grid-2-mcniconnum-h5-img-width-2160: 36px;
    --grid-2-mcniconnum-h5-img-height-2160: 36px;
    --grid-2-mcniconnum-h5-size-2160: 27px;
    --grid-2-mcniconnum-h5-line-2160: 27px;
    --grid-2-mcniconnum-h6-size-2160: 27px;
    --grid-2-mcniconnum-h6-line-2160: 27px;
    --grid-2-mcnuser-h5-size-2160: 27px;
    --grid-2-mcnuser-h5-line-2160: 27px;
    --grid-2-mcnrunstop-h4-img-width-2160: 22px;
    --grid-2-mcnrunstop-h4-img-height-2160: 22px;
    --grid-2-mcnrunstop-h4-size-2160: 27px;
    --grid-2-mcnrunstop-h4-line-2160: 27px;
    --grid-2-mcnrunstop-h4-span-size-2160: 22px;
    --grid-2-mcnrunstop-h4-span-line-2160: 22px;


    /* GRID 2 VIEW (1920) * (1080) */
    --grid-2-mcnbody-1920: 60vh;
    --grid-2-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-2-mcnbody-1920));
    --grid-2-mcnhead-h4-size-1920: 34px;
    --grid-2-mcnhead-h4-line-1920: 34px;
    --grid-2-mcnhead-img-width-1920: 34px;
    --grid-2-mcnhead-img-height-1920: 34px;
    --grid-2-mcniconnum-h5-img-width-1920: 49px;
    --grid-2-mcniconnum-h5-img-height-1920: 49px;
    --grid-2-mcniconnum-h5-size-1920: 37px;
    --grid-2-mcniconnum-h5-line-1920: 37px;
    --grid-2-mcniconnum-h6-size-1920: 37px;
    --grid-2-mcniconnum-h6-line-1920: 37px;
    --grid-2-mcnuser-h5-size-1920: 37px;
    --grid-2-mcnuser-h5-line-1920: 37px;
    --grid-2-timechart-progress-hight-1920: 30px;
    --grid-2-timechart-progress-font-1920: 18px;
    --grid-2-mcnrunstop-h4-img-width-1920: 30px;
    --grid-2-mcnrunstop-h4-img-height-1920: 30px;
    --grid-2-mcnrunstop-h4-size-1920: 30px;
    --grid-2-mcnrunstop-h4-line-1920: 30px;
    --grid-2-mcnrunstop-h4-span-size-1920: 30px;
    --grid-2-mcnrunstop-h4-span-line-1920: 30px;


    /* GRID 2 VIEW (1768) * (1000) */
    --grid-2-mcnbody-1768: 60vh;
    --grid-2-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-2-mcnbody-1768));
    --grid-2-mcnhead-h4-size-1768: 31px;
    --grid-2-mcnhead-h4-line-1768: 31px;
    --grid-2-mcnhead-img-width-1768: 25px;
    --grid-2-mcnhead-img-height-1768: 25px;
    --grid-2-mcniconnum-h5-img-width-1768: 45px;
    --grid-2-mcniconnum-h5-img-height-1768: 45px;
    --grid-2-mcniconnum-h5-size-1768: 35px;
    --grid-2-mcniconnum-h5-line-1768: 35px;
    --grid-2-mcniconnum-h6-size-1768: 35px;
    --grid-2-mcniconnum-h6-line-1768: 35px;
    --grid-2-mcnuser-h5-size-1768: 35px;
    --grid-2-mcnuser-h5-line-1768: 35px;
    --grid-2-timechart-progress-hight-1768: 40px;
    --grid-2-timechart-progress-font-1768: 18px;
    --grid-2-mcnrunstop-h4-img-width-1768: 20px;
    --grid-2-mcnrunstop-h4-img-height-1768: 20px;
    --grid-2-mcnrunstop-h4-size-1768: 20px;
    --grid-2-mcnrunstop-h4-line-1768: 20px;
    --grid-2-mcnrunstop-h4-span-size-1768: 20px;
    --grid-2-mcnrunstop-h4-span-line-1768: 20px;


    /* GRID 2 VIEW (1680) * (1044) */
    --grid-2-mcnbody-1680: 60vh;
    --grid-2-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-2-mcnbody-1680));
    --grid-2-mcnhead-h4-size-1680: 32px;
    --grid-2-mcnhead-h4-line-1680: 32px;
    --grid-2-mcnhead-img-width-1680: 30px;
    --grid-2-mcnhead-img-height-1680: 30px;
    --grid-2-mcniconnum-h5-img-width-1680: 47px;
    --grid-2-mcniconnum-h5-img-height-1680: 47px;
    --grid-2-mcniconnum-h5-size-1680: 35px;
    --grid-2-mcniconnum-h5-line-1680: 35px;
    --grid-2-mcniconnum-h6-size-1680: 35px;
    --grid-2-mcniconnum-h6-line-1680: 35px;
    --grid-2-mcnuser-h5-size-1680: 35px;
    --grid-2-mcnuser-h5-line-1680: 35px;
    --grid-2-timechart-progress-hight-1680: 30px;
    --grid-2-timechart-progress-font-1680: 18px;
    --grid-2-mcnrunstop-h4-img-width-1680: 25px;
    --grid-2-mcnrunstop-h4-img-height-1680: 25px;
    --grid-2-mcnrunstop-h4-size-1680: 25px;
    --grid-2-mcnrunstop-h4-line-1680: 25px;
    --grid-2-mcnrunstop-h4-span-size-1680: 25px;
    --grid-2-mcnrunstop-h4-span-line-1680: 25px;


    /* GRID 2 VIEW (1440) * (900) */
    --grid-2-mcnbody-1440: 61vh;
    --grid-2-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-2-mcnbody-1440));
    --grid-2-mcnhead-h4-size-1440: 27px;
    --grid-2-mcnhead-h4-line-1440: 27px;
    --grid-2-mcnhead-img-width-1440: 27px;
    --grid-2-mcnhead-img-height-1440: 27px;
    --grid-2-mcniconnum-h5-img-width-1440: 39px;
    --grid-2-mcniconnum-h5-img-height-1440: 39px;
    --grid-2-mcniconnum-h5-size-1440: 30px;
    --grid-2-mcniconnum-h5-line-1440: 30px;
    --grid-2-mcniconnum-h6-size-1440: 30px;
    --grid-2-mcniconnum-h6-line-1440: 30px;
    --grid-2-mcnuser-h5-size-1440: 30px;
    --grid-2-mcnuser-h5-line-1440: 30px;
    --grid-2-timechart-progress-hight-1440: 35px;
    --grid-2-timechart-progress-font-1440: 22px;
    --grid-2-mcnrunstop-h4-img-width-1440: 20px;
    --grid-2-mcnrunstop-h4-img-height-1440: 20px;
    --grid-2-mcnrunstop-h4-size-1440: 20px;
    --grid-2-mcnrunstop-h4-line-1440: 20px;
    --grid-2-mcnrunstop-h4-span-size-1440: 20px;
    --grid-2-mcnrunstop-h4-span-line-1440: 20px;


    /* GRID 2 VIEW (1366) */
    --grid-2-mcnbody-1366: 60.7vh;
    --grid-2-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-2-mcnbody-1366));
    --grid-2-mcnhead-h4-size-1366: 18px;
    --grid-2-mcnhead-h4-line-1366: 18px;
    --grid-2-mcnhead-img-width-1366: 15px;
    --grid-2-mcnhead-img-height-1366: 15px;
    --grid-2-mcniconnum-h5-img-width-1366: 32px;
    --grid-2-mcniconnum-h5-img-height-1366: 32px;
    --grid-2-mcniconnum-h5-size-1366: 25px;
    --grid-2-mcniconnum-h5-line-1366: 25px;
    --grid-2-mcniconnum-h6-size-1366: 25px;
    --grid-2-mcniconnum-h6-line-1366: 25px;
    --grid-2-mcnuser-h5-size-1366: 25px;
    --grid-2-mcnuser-h5-line-1366: 25px;
    --grid-2-timechart-progress-hight-1366: 25px;
    --grid-2-timechart-progress-font-1366: 15px;
    --grid-2-mcnrunstop-h4-img-width-1366: 17px;
    --grid-2-mcnrunstop-h4-img-height-1366: 17px;
    --grid-2-mcnrunstop-h4-size-1366: 17px;
    --grid-2-mcnrunstop-h4-line-1366: 17px;
    --grid-2-mcnrunstop-h4-span-size-1366: 17px;
    --grid-2-mcnrunstop-h4-span-line-1366: 17px;


    /* GRID 2 VIEW (1280) * (714) */
    --grid-2-mcnbody-1280: 61.6vh;
    --grid-2-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-2-mcnbody-1280));
    --grid-2-mcnhead-h4-size-1280: 20px;
    --grid-2-mcnhead-h4-line-1280: 20px;
    --grid-2-mcnhead-img-width-1280: 20px;
    --grid-2-mcnhead-img-height-1280: 20px;
    --grid-2-mcniconnum-h5-img-width-1280: 29px;
    --grid-2-mcniconnum-h5-img-height-1280: 29px;
    --grid-2-mcniconnum-h5-size-1280: 25px;
    --grid-2-mcniconnum-h5-line-1280: 25px;
    --grid-2-mcniconnum-h6-size-1280: 25px;
    --grid-2-mcniconnum-h6-line-1280: 25px;
    --grid-2-mcnuser-h5-size-1280: 25px;
    --grid-2-mcnuser-h5-line-1280: 25px;
    --grid-2-timechart-progress-hight-1280: 25px;
    --grid-2-timechart-progress-font-1280: 15px;
    --grid-2-mcnrunstop-h4-img-width-1280: 16px;
    --grid-2-mcnrunstop-h4-img-height-1280: 16px;
    --grid-2-mcnrunstop-h4-size-1280: 16px;
    --grid-2-mcnrunstop-h4-line-1280: 16px;
    --grid-2-mcnrunstop-h4-span-size-1280: 16px;
    --grid-2-mcnrunstop-h4-span-line-1280: 16px;


    /* GRID 2 VIEW (1199) */
    --grid-2-mcnboxes-mcnbody-1199: auto;
    --grid-2-mcnhead-h4-size-1199: 14px;
    --grid-2-mcnhead-h4-line-1199: 14px;
    --grid-2-mcnhead-img-width-1199: 12px;
    --grid-2-mcnhead-img-height-1199: 12px;
    --grid-2-mcniconnum-h5-img-width-1199: 20px;
    --grid-2-mcniconnum-h5-img-height-1199: 20px;
    --grid-2-mcniconnum-h5-size-1199: 14px;
    --grid-2-mcniconnum-h5-line-1199: 14px;
    --grid-2-mcniconnum-h6-size-1199: 14px;
    --grid-2-mcniconnum-h6-line-1199: 14px;
    --grid-2-mcnuser-h5-size-1199: 14px;
    --grid-2-mcnuser-h5-line-1199: 14px;
    --grid-2-mcnrunstop-h4-img-width-1199: 12px;
    --grid-2-mcnrunstop-h4-img-height-1199: 12px;
    --grid-2-mcnrunstop-h4-size-1199: 14px;
    --grid-2-mcnrunstop-h4-line-1199: 14px;
    --grid-2-mcnrunstop-h4-span-size-1199: 12px;
    --grid-2-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 2 VIEW (960) * (540) */
    --grid-2-mcnbody-960: 68vh;
    --grid-2-mcnboxes-mcnbody-960: calc(100vh - var(--grid-2-mcnbody-960));
    --grid-2-mcnhead-h4-size-960: 12px;
    --grid-2-mcnhead-h4-line-960: 12px;
    --grid-2-mcnhead-img-width-960: 12px;
    --grid-2-mcnhead-img-height-960: 12px;
    --grid-2-mcniconnum-h5-img-width-960: 16.5px;
    --grid-2-mcniconnum-h5-img-height-960: 16.5px;
    --grid-2-mcniconnum-h5-size-960: 14px;
    --grid-2-mcniconnum-h5-line-960: 14px;
    --grid-2-mcniconnum-h6-size-960: 14px;
    --grid-2-mcniconnum-h6-line-960: 14px;
    --grid-2-mcnuser-h5-size-960: 14px;
    --grid-2-mcnuser-h5-line-960: 14px;
    --grid-2-timechart-progress-hight-960: 13px;
    --grid-2-timechart-progress-font-960: 10px;
    --grid-2-mcnrunstop-h4-img-width-960: 12px;
    --grid-2-mcnrunstop-h4-img-height-960: 12px;
    --grid-2-mcnrunstop-h4-size-960: 12px;
    --grid-2-mcnrunstop-h4-line-960: 12px;
    --grid-2-mcnrunstop-h4-span-size-960: 12px;
    --grid-2-mcnrunstop-h4-span-line-960: 12px;



    /* GRID 3 VIEW */
    --grid-3-mcnhead-h4-size: 12px;
    --grid-3-mcnhead-h4-line: 12px;
    --grid-3-mcnhead-img-width: 10px;
    --grid-3-mcnhead-img-height: 10px;
    --grid-3-mcniconnum-h5-img-width: 20px;
    --grid-3-mcniconnum-h5-img-height: 20px;
    --grid-3-mcniconnum-h5-size: 12px;
    --grid-3-mcniconnum-h5-line: 12px;
    --grid-3-mcniconnum-h6-size: 12px;
    --grid-3-mcniconnum-h6-line: 12px;
    --grid-3-mcnuser-h5-size: 12px;
    --grid-3-mcnuser-h5-line: 12px;
    --grid-3-mcnrunstop-h4-img-width: 10px;
    --grid-3-mcnrunstop-h4-img-height: 10px;
    --grid-3-mcnrunstop-h4-size: 12px;
    --grid-3-mcnrunstop-h4-line: 12px;
    --grid-3-mcnrunstop-h4-span-size: 10px;
    --grid-3-mcnrunstop-h4-span-line: 10px;


    /* GRID 3 VIEW (2560) * (1440) */
    --grid-3-mcnbody-2560: 59vh;
    --grid-3-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-3-mcnbody-2560));
    --grid-3-mcnhead-h4-size-2560: 45px;
    --grid-3-mcnhead-h4-line-2560: 45px;
    --grid-3-mcnhead-img-width-2560: 30px;
    --grid-3-mcnhead-img-height-2560: 30px;
    --grid-3-mcniconnum-h5-img-width-2560: 68px;
    --grid-3-mcniconnum-h5-img-height-2560: 68px;
    --grid-3-mcniconnum-h5-size-2560: 46px;
    --grid-3-mcniconnum-h5-line-2560: 46px;
    --grid-3-mcniconnum-h6-size-2560: 46px;
    --grid-3-mcniconnum-h6-line-2560: 46px;
    --grid-3-mcnuser-h5-size-2560: 46px;
    --grid-3-mcnuser-h5-line-2560: 46px;
    --grid-3-timechart-progress-hight-2560: 50px;
    --grid-3-timechart-progress-font-2560: 25px;
    --grid-3-mcnrunstop-h4-img-width-2560: 35px;
    --grid-3-mcnrunstop-h4-img-height-2560: 35px;
    --grid-3-mcnrunstop-h4-size-2560: 35px;
    --grid-3-mcnrunstop-h4-line-2560: 35px;
    --grid-3-mcnrunstop-h4-span-size-2560: 35px;
    --grid-3-mcnrunstop-h4-span-line-2560: 35px;


    /* GRID 3 VIEW (2160) */
    --grid-3-mcnbody-2160: 62vh;
    --grid-3-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-3-mcnbody-2160));
    --grid-3-mcnhead-h4-size-2160: 35px;
    --grid-3-mcnhead-h4-line-2160: 35px;
    --grid-3-mcnhead-img-width-2160: 30px;
    --grid-3-mcnhead-img-height-2160: 30px;
    --grid-3-mcniconnum-h5-img-width-2160: 42px;
    --grid-3-mcniconnum-h5-img-height-2160: 42px;
    --grid-3-mcniconnum-h5-size-2160: 30px;
    --grid-3-mcniconnum-h5-line-2160: 30px;
    --grid-3-mcniconnum-h6-size-2160: 30px;
    --grid-3-mcniconnum-h6-line-2160: 30px;
    --grid-3-mcnuser-h5-size-2160: 30px;
    --grid-3-mcnuser-h5-line-2160: 30px;
    --grid-3-mcnrunstop-h4-img-width-2160: 25px;
    --grid-3-mcnrunstop-h4-img-height-2160: 25px;
    --grid-3-mcnrunstop-h4-size-2160: 30px;
    --grid-3-mcnrunstop-h4-line-2160: 30px;
    --grid-3-mcnrunstop-h4-span-size-2160: 25px;
    --grid-3-mcnrunstop-h4-span-line-2160: 25px;


    /* GRID 3 VIEW (1920) * (1080) */
    --grid-3-mcnbody-1920: 60.2vh;
    --grid-3-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-3-mcnbody-1920));
    --grid-3-mcnhead-h4-size-1920: 35px;
    --grid-3-mcnhead-h4-line-1920: 35px;
    --grid-3-mcnhead-img-width-1920: 30px;
    --grid-3-mcnhead-img-height-1920: 30px;
    --grid-3-mcniconnum-h5-img-width-1920: 48px;
    --grid-3-mcniconnum-h5-img-height-1920: 48px;
    --grid-3-mcniconnum-h5-size-1920: 35px;
    --grid-3-mcniconnum-h5-line-1920: 35px;
    --grid-3-mcniconnum-h6-size-1920: 35px;
    --grid-3-mcniconnum-h6-line-1920: 35px;
    --grid-3-mcnuser-h5-size-1920: 35px;
    --grid-3-mcnuser-h5-line-1920: 35px;
    --grid-3-timechart-progress-hight-1920: 32px;
    --grid-3-timechart-progress-font-1920: 18px;
    --grid-3-mcnrunstop-h4-img-width-1920: 28px;
    --grid-3-mcnrunstop-h4-img-height-1920: 28px;
    --grid-3-mcnrunstop-h4-size-1920: 28px;
    --grid-3-mcnrunstop-h4-line-1920: 28px;
    --grid-3-mcnrunstop-h4-span-size-1920: 28px;
    --grid-3-mcnrunstop-h4-span-line-1920: 28px;


    /* GRID 3 VIEW (1768) * (1000) */
    --grid-3-mcnbody-1768: 60.2vh;
    --grid-3-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-3-mcnbody-1768));
    --grid-3-mcnhead-h4-size-1768: 30px;
    --grid-3-mcnhead-h4-line-1768: 30px;
    --grid-3-mcnhead-img-width-1768: 25px;
    --grid-3-mcnhead-img-height-1768: 25px;
    --grid-3-mcniconnum-h5-img-width-1768: 44px;
    --grid-3-mcniconnum-h5-img-height-1768: 44px;
    --grid-3-mcniconnum-h5-size-1768: 32px;
    --grid-3-mcniconnum-h5-line-1768: 32px;
    --grid-3-mcniconnum-h6-size-1768: 32px;
    --grid-3-mcniconnum-h6-line-1768: 32px;
    --grid-3-mcnuser-h5-size-1768: 32px;
    --grid-3-mcnuser-h5-line-1768: 32px;
    --grid-3-timechart-progress-hight-1768: 35px;
    --grid-3-timechart-progress-font-1768: 18px;
    --grid-3-mcnrunstop-h4-img-width-1768: 25px;
    --grid-3-mcnrunstop-h4-img-height-1768: 25px;
    --grid-3-mcnrunstop-h4-size-1768: 25px;
    --grid-3-mcnrunstop-h4-line-1768: 25px;
    --grid-3-mcnrunstop-h4-span-size-1768: 25px;
    --grid-3-mcnrunstop-h4-span-line-1768: 25px;


    /* GRID 3 VIEW (1680) * (1044) */
    --grid-3-mcnbody-1680: 59.5vh;
    --grid-3-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-3-mcnbody-1680));
    --grid-3-mcnhead-h4-size-1680: 30px;
    --grid-3-mcnhead-h4-line-1680: 30px;
    --grid-3-mcnhead-img-width-1680: 25px;
    --grid-3-mcnhead-img-height-1680: 25px;
    --grid-3-mcniconnum-h5-img-width-1680: 48px;
    --grid-3-mcniconnum-h5-img-height-1680: 48px;
    --grid-3-mcniconnum-h5-size-1680: 34px;
    --grid-3-mcniconnum-h5-line-1680: 34px;
    --grid-3-mcniconnum-h6-size-1680: 34px;
    --grid-3-mcniconnum-h6-line-1680: 34px;
    --grid-3-mcnuser-h5-size-1680: 34px;
    --grid-3-mcnuser-h5-line-1680: 34px;
    --grid-3-timechart-progress-hight-1680: 30px;
    --grid-3-timechart-progress-font-1680: 18px;
    --grid-3-mcnrunstop-h4-img-width-1680: 25px;
    --grid-3-mcnrunstop-h4-img-height-1680: 25px;
    --grid-3-mcnrunstop-h4-size-1680: 25px;
    --grid-3-mcnrunstop-h4-line-1680: 25px;
    --grid-3-mcnrunstop-h4-span-size-1680: 25px;
    --grid-3-mcnrunstop-h4-span-line-1680: 25px;


    /* GRID 3 VIEW (1440) * (900) */
    --grid-3-mcnbody-1440: 61.2vh;
    --grid-3-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-3-mcnbody-1440));
    --grid-3-mcnhead-h4-size-1440: 25px;
    --grid-3-mcnhead-h4-line-1440: 25px;
    --grid-3-mcnhead-img-width-1440: 20px;
    --grid-3-mcnhead-img-height-1440: 20px;
    --grid-3-mcniconnum-h5-img-width-1440: 38px;
    --grid-3-mcniconnum-h5-img-height-1440: 38px;
    --grid-3-mcniconnum-h5-size-1440: 28px;
    --grid-3-mcniconnum-h5-line-1440: 28px;
    --grid-3-mcniconnum-h6-size-1440: 28px;
    --grid-3-mcniconnum-h6-line-1440: 28px;
    --grid-3-mcnuser-h5-size-1440: 28px;
    --grid-3-mcnuser-h5-line-1440: 28px;
    --grid-3-timechart-progress-hight-1440: 28px;
    --grid-3-timechart-progress-font-1440: 16px;
    --grid-3-mcnrunstop-h4-img-width-1440: 22px;
    --grid-3-mcnrunstop-h4-img-height-1440: 22px;
    --grid-3-mcnrunstop-h4-size-1440: 22px;
    --grid-3-mcnrunstop-h4-line-1440: 22px;
    --grid-3-mcnrunstop-h4-span-size-1440: 22px;
    --grid-3-mcnrunstop-h4-span-line-1440: 22px;


    /* GRID 3 VIEW (1366) */
    --grid-3-mcnbody-1366: 61vh;
    --grid-3-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-3-mcnbody-1366));
    --grid-3-mcnhead-h4-size-1366: 18px;
    --grid-3-mcnhead-h4-line-1366: 18px;
    --grid-3-mcnhead-img-width-1366: 18px;
    --grid-3-mcnhead-img-height-1366: 18px;
    --grid-3-mcniconnum-h5-img-width-1366: 32px;
    --grid-3-mcniconnum-h5-img-height-1366: 32px;
    --grid-3-mcniconnum-h5-size-1366: 22px;
    --grid-3-mcniconnum-h5-line-1366: 22px;
    --grid-3-mcniconnum-h6-size-1366: 22px;
    --grid-3-mcniconnum-h6-line-1366: 22px;
    --grid-3-mcnuser-h5-size-1366: 22px;
    --grid-3-mcnuser-h5-line-1366: 22px;
    --grid-3-timechart-progress-hight-1366: 25px;
    --grid-3-timechart-progress-font-1366: 14px;
    --grid-3-mcnrunstop-h4-img-width-1366: 15px;
    --grid-3-mcnrunstop-h4-img-height-1366: 15px;
    --grid-3-mcnrunstop-h4-size-1366: 15px;
    --grid-3-mcnrunstop-h4-line-1366: 15px;
    --grid-3-mcnrunstop-h4-span-size-1366: 15px;
    --grid-3-mcnrunstop-h4-span-line-1366: 15px;


    /* GRID 3 VIEW (1280) * (714) */
    --grid-3-mcnbody-1280: 62vh;
    --grid-3-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-3-mcnbody-1280));
    --grid-3-mcnhead-h4-size-1280: 21px;
    --grid-3-mcnhead-h4-line-1280: 21px;
    --grid-3-mcnhead-img-width-1280: 21px;
    --grid-3-mcnhead-img-height-1280: 21px;
    --grid-3-mcniconnum-h5-img-width-1280: 29px;
    --grid-3-mcniconnum-h5-img-height-1280: 29px;
    --grid-3-mcniconnum-h5-size-1280: 23px;
    --grid-3-mcniconnum-h5-line-1280: 23px;
    --grid-3-mcniconnum-h6-size-1280: 23px;
    --grid-3-mcniconnum-h6-line-1280: 23px;
    --grid-3-mcnuser-h5-size-1280: 23px;
    --grid-3-mcnuser-h5-line-1280: 23px;
    --grid-3-timechart-progress-hight-1280: 24px;
    --grid-3-timechart-progress-font-1280: 14px;
    --grid-3-mcnrunstop-h4-img-width-1280: 16px;
    --grid-3-mcnrunstop-h4-img-height-1280: 16px;
    --grid-3-mcnrunstop-h4-size-1280: 16px;
    --grid-3-mcnrunstop-h4-line-1280: 16px;
    --grid-3-mcnrunstop-h4-span-size-1280: 16px;
    --grid-3-mcnrunstop-h4-span-line-1280: 16px;


    /* GRID 3 VIEW (1199) */
    --grid-3-mcnboxes-mcnbody-1199: auto;
    --grid-3-mcnhead-h4-size-1199: 14px;
    --grid-3-mcnhead-h4-line-1199: 14px;
    --grid-3-mcnhead-img-width-1199: 12px;
    --grid-3-mcnhead-img-height-1199: 12px;
    --grid-3-mcniconnum-h5-img-width-1199: 20px;
    --grid-3-mcniconnum-h5-img-height-1199: 20px;
    --grid-3-mcniconnum-h5-size-1199: 14px;
    --grid-3-mcniconnum-h5-line-1199: 14px;
    --grid-3-mcniconnum-h6-size-1199: 14px;
    --grid-3-mcniconnum-h6-line-1199: 14px;
    --grid-3-mcnuser-h5-size-1199: 14px;
    --grid-3-mcnuser-h5-line-1199: 14px;
    --grid-3-mcnrunstop-h4-img-width-1199: 12px;
    --grid-3-mcnrunstop-h4-img-height-1199: 12px;
    --grid-3-mcnrunstop-h4-size-1199: 14px;
    --grid-3-mcnrunstop-h4-line-1199: 14px;
    --grid-3-mcnrunstop-h4-span-size-1199: 12px;
    --grid-3-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 3 VIEW (960) * (540) */
    --grid-3-mcnbody-960: 68vh;
    --grid-3-mcnboxes-mcnbody-960: calc(100vh - var(--grid-3-mcnbody-960));
    --grid-3-mcnhead-h4-size-960: 12px;
    --grid-3-mcnhead-h4-line-960: 12px;
    --grid-3-mcnhead-img-width-960: 12px;
    --grid-3-mcnhead-img-height-960: 12px;
    --grid-3-mcniconnum-h5-img-width-960: 16.5px;
    --grid-3-mcniconnum-h5-img-height-960: 16.5px;
    --grid-3-mcniconnum-h5-size-960: 14px;
    --grid-3-mcniconnum-h5-line-960: 14px;
    --grid-3-mcniconnum-h6-size-960: 14px;
    --grid-3-mcniconnum-h6-line-960: 14px;
    --grid-3-mcnuser-h5-size-960: 14px;
    --grid-3-mcnuser-h5-line-960: 14px;
    --grid-3-timechart-progress-hight-960: 12px;
    --grid-3-timechart-progress-font-960: 9px;
    --grid-3-mcnrunstop-h4-img-width-960: 12px;
    --grid-3-mcnrunstop-h4-img-height-960: 12px;
    --grid-3-mcnrunstop-h4-size-960: 12px;
    --grid-3-mcnrunstop-h4-line-960: 12px;
    --grid-3-mcnrunstop-h4-span-size-960: 12px;
    --grid-3-mcnrunstop-h4-span-line-960: 12px;

    
    /* GRID 4-2 VIEW */
    --grid-4-2-mcnhead-h4-size: 12px;
    --grid-4-2-mcnhead-h4-line: 12px;
    --grid-4-2-mcnhead-img-width: 10px;
    --grid-4-2-mcnhead-img-height: 10px;
    --grid-4-2-mcniconnum-h5-img-width: 20px;
    --grid-4-2-mcniconnum-h5-img-height: 20px;
    --grid-4-2-mcniconnum-h5-size: 12px;
    --grid-4-2-mcniconnum-h5-line: 12px;
    --grid-4-2-mcniconnum-h6-size: 12px;
    --grid-4-2-mcniconnum-h6-line: 12px;
    --grid-4-2-mcnuser-h5-size: 12px;
    --grid-4-2-mcnuser-h5-line: 12px;
    --grid-4-2-mcnrunstop-h4-img-width: 10px;
    --grid-4-2-mcnrunstop-h4-img-height: 10px;
    --grid-4-2-mcnrunstop-h4-size: 12px;
    --grid-4-2-mcnrunstop-h4-line: 12px;
    --grid-4-2-mcnrunstop-h4-span-size: 10px;
    --grid-4-2-mcnrunstop-h4-span-line: 10px;


    /* GRID 4-2 VIEW (2560) * (1440) */
    --grid-4-2-mcnbody-2560: 58vh;
    --grid-4-2-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-4-2-mcnbody-2560));
    --grid-4-2-mcnhead-h4-size-2560: 40px;
    --grid-4-2-mcnhead-h4-line-2560: 40px;
    --grid-4-2-mcnhead-img-width-2560: 35px;
    --grid-4-2-mcnhead-img-height-2560: 35px;
    --grid-4-2-mcniconnum-h5-img-width-2560: 69px;
    --grid-4-2-mcniconnum-h5-img-height-2560: 69px;
    --grid-4-2-mcniconnum-h5-size-2560: 38px;
    --grid-4-2-mcniconnum-h5-line-2560: 38px;
    --grid-4-2-mcniconnum-h6-size-2560: 38px;
    --grid-4-2-mcniconnum-h6-line-2560: 38px;
    --grid-4-2-mcnuser-h5-size-2560: 38px;
    --grid-4-2-mcnuser-h5-line-2560: 38px;
    --grid-4-2-timechart-progress-hight-2560: 55px;
    --grid-4-2-timechart-progress-font-2560: 25px;
    --grid-4-2-mcnrunstop-h4-img-width-2560: 35px;
    --grid-4-2-mcnrunstop-h4-img-height-2560: 35px;
    --grid-4-2-mcnrunstop-h4-size-2560: 35px;
    --grid-4-2-mcnrunstop-h4-line-2560: 35px;
    --grid-4-2-mcnrunstop-h4-span-size-2560: 35px;
    --grid-4-2-mcnrunstop-h4-span-line-2560: 35px;


    /* GRID 4-2 VIEW (2160) */
    --grid-4-2-mcnbody-2160: 62vh;
    --grid-4-2-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-4-2-mcnbody-2160));
    --grid-4-2-mcnhead-h4-size-2160: 35px;
    --grid-4-2-mcnhead-h4-line-2160: 35px;
    --grid-4-2-mcnhead-img-width-2160: 30px;
    --grid-4-2-mcnhead-img-height-2160: 30px;
    --grid-4-2-mcniconnum-h5-img-width-2160: 42px;
    --grid-4-2-mcniconnum-h5-img-height-2160: 42px;
    --grid-4-2-mcniconnum-h5-size-2160: 30px;
    --grid-4-2-mcniconnum-h5-line-2160: 30px;
    --grid-4-2-mcniconnum-h6-size-2160: 30px;
    --grid-4-2-mcniconnum-h6-line-2160: 30px;
    --grid-4-2-mcnuser-h5-size-2160: 30px;
    --grid-4-2-mcnuser-h5-line-2160: 30px;
    --grid-4-2-mcnrunstop-h4-img-width-2160: 25px;
    --grid-4-2-mcnrunstop-h4-img-height-2160: 25px;
    --grid-4-2-mcnrunstop-h4-size-2160: 30px;
    --grid-4-2-mcnrunstop-h4-line-2160: 30px;
    --grid-4-2-mcnrunstop-h4-span-size-2160: 25px;
    --grid-4-2-mcnrunstop-h4-span-line-2160: 25px;


    /* GRID 4-2 VIEW (1920) * (1080) */
    --grid-4-2-mcnbody-1920: 59vh;
    --grid-4-2-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-4-2-mcnbody-1920));
    --grid-4-2-mcnhead-h4-size-1920: 30px;
    --grid-4-2-mcnhead-h4-line-1920: 30px;
    --grid-4-2-mcnhead-img-width-1920: 25px;
    --grid-4-2-mcnhead-img-height-1920: 25px;
    --grid-4-2-mcniconnum-h5-img-width-1920: 50px;
    --grid-4-2-mcniconnum-h5-img-height-1920: 50px;
    --grid-4-2-mcniconnum-h5-size-1920: 29px;
    --grid-4-2-mcniconnum-h5-line-1920: 29px;
    --grid-4-2-mcniconnum-h6-size-1920: 29px;
    --grid-4-2-mcniconnum-h6-line-1920: 29px;
    --grid-4-2-mcnuser-h5-size-1920: 29px;
    --grid-4-2-mcnuser-h5-line-1920: 29px;
    --grid-4-2-timechart-progress-hight-1920: 35px;
    --grid-4-2-timechart-progress-font-1920: 20px;
    --grid-4-2-mcnrunstop-h4-img-width-1920: 25px;
    --grid-4-2-mcnrunstop-h4-img-height-1920: 25px;
    --grid-4-2-mcnrunstop-h4-size-1920: 25px;
    --grid-4-2-mcnrunstop-h4-line-1920: 25px;
    --grid-4-2-mcnrunstop-h4-span-size-1920: 25px;
    --grid-4-2-mcnrunstop-h4-span-line-1920: 25px;


    /* GRID 4-2 VIEW (1768) * (1000) */
    --grid-4-2-mcnbody-1768: 59.8vh;
    --grid-4-2-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-4-2-mcnbody-1768));
    --grid-4-2-mcnhead-h4-size-1768: 30px;
    --grid-4-2-mcnhead-h4-line-1768: 30px;
    --grid-4-2-mcnhead-img-width-1768: 25px;
    --grid-4-2-mcnhead-img-height-1768: 25px;
    --grid-4-2-mcniconnum-h5-img-width-1768: 45px;
    --grid-4-2-mcniconnum-h5-img-height-1768: 45px;
    --grid-4-2-mcniconnum-h5-size-1768: 26px;
    --grid-4-2-mcniconnum-h5-line-1768: 26px;
    --grid-4-2-mcniconnum-h6-size-1768: 26px;
    --grid-4-2-mcniconnum-h6-line-1768: 26px;
    --grid-4-2-mcnuser-h5-size-1768: 26px;
    --grid-4-2-mcnuser-h5-line-1768: 26px;
    --grid-4-2-timechart-progress-hight-1768: 30px;
    --grid-4-2-timechart-progress-font-1768: 17px;
    --grid-4-2-mcnrunstop-h4-img-width-1768: 20px;
    --grid-4-2-mcnrunstop-h4-img-height-1768: 20px;
    --grid-4-2-mcnrunstop-h4-size-1768: 20px;
    --grid-4-2-mcnrunstop-h4-line-1768: 20px;
    --grid-4-2-mcnrunstop-h4-span-size-1768: 20px;
    --grid-4-2-mcnrunstop-h4-span-line-1768: 20px;


    /* GRID 4-2 VIEW (1680) * (1044) */
    --grid-4-2-mcnbody-1680: 59.5vh;
    --grid-4-2-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-4-2-mcnbody-1680));
    --grid-4-2-mcnhead-h4-size-1680: 30px;
    --grid-4-2-mcnhead-h4-line-1680: 30px;
    --grid-4-2-mcnhead-img-width-1680: 25px;
    --grid-4-2-mcnhead-img-height-1680: 25px;
    --grid-4-2-mcniconnum-h5-img-width-1680: 48px;
    --grid-4-2-mcniconnum-h5-img-height-1680: 48px;
    --grid-4-2-mcniconnum-h5-size-1680: 25px;
    --grid-4-2-mcniconnum-h5-line-1680: 25px;
    --grid-4-2-mcniconnum-h6-size-1680: 25px;
    --grid-4-2-mcniconnum-h6-line-1680: 25px;
    --grid-4-2-mcnuser-h5-size-1680: 25px;
    --grid-4-2-mcnuser-h5-line-1680: 25px;
    --grid-4-2-timechart-progress-hight-1680: 30px;
    --grid-4-2-timechart-progress-font-1680: 17px;
    --grid-4-2-mcnrunstop-h4-img-width-1680: 20px;
    --grid-4-2-mcnrunstop-h4-img-height-1680: 20px;
    --grid-4-2-mcnrunstop-h4-size-1680: 20px;
    --grid-4-2-mcnrunstop-h4-line-1680: 20px;
    --grid-4-2-mcnrunstop-h4-span-size-1680: 20px;
    --grid-4-2-mcnrunstop-h4-span-line-1680: 20px;


    /* GRID 4-2 VIEW (1440) * (900) */
    --grid-4-2-mcnbody-1440: 59.5vh;
    --grid-4-2-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-4-2-mcnbody-1440));
    --grid-4-2-mcnhead-h4-size-1440: 25px;
    --grid-4-2-mcnhead-h4-line-1440: 25px;
    --grid-4-2-mcnhead-img-width-1440: 20px;
    --grid-4-2-mcnhead-img-height-1440: 20px;
    --grid-4-2-mcniconnum-h5-img-width-1440: 40px;
    --grid-4-2-mcniconnum-h5-img-height-1440: 40px;
    --grid-4-2-mcniconnum-h5-size-1440: 21px;
    --grid-4-2-mcniconnum-h5-line-1440: 21px;
    --grid-4-2-mcniconnum-h6-size-1440: 21px;
    --grid-4-2-mcniconnum-h6-line-1440: 21px;
    --grid-4-2-mcnuser-h5-size-1440: 21px;
    --grid-4-2-mcnuser-h5-line-1440: 21px;
    --grid-4-2-timechart-progress-hight-1440: 23px;
    --grid-4-2-timechart-progress-font-1440: 15px;
    --grid-4-2-mcnrunstop-h4-img-width-1440: 20px;
    --grid-4-2-mcnrunstop-h4-img-height-1440: 20px;
    --grid-4-2-mcnrunstop-h4-size-1440: 20px;
    --grid-4-2-mcnrunstop-h4-line-1440: 20px;
    --grid-4-2-mcnrunstop-h4-span-size-1440: 20px;
    --grid-4-2-mcnrunstop-h4-span-line-1440: 20px;


    /* GRID 4-2 VIEW (1366) */
    --grid-4-2-mcnbody-1366: 61vh;
    --grid-4-2-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-4-2-mcnbody-1366));
    --grid-4-2-mcnhead-h4-size-1366: 18px;
    --grid-4-2-mcnhead-h4-line-1366: 18px;
    --grid-4-2-mcnhead-img-width-1366: 18px;
    --grid-4-2-mcnhead-img-height-1366: 18px;
    --grid-4-2-mcniconnum-h5-img-width-1366: 32px;
    --grid-4-2-mcniconnum-h5-img-height-1366: 32px;
    --grid-4-2-mcniconnum-h5-size-1366: 20px;
    --grid-4-2-mcniconnum-h5-line-1366: 20px;
    --grid-4-2-mcniconnum-h6-size-1366: 20px;
    --grid-4-2-mcniconnum-h6-line-1366: 20px;
    --grid-4-2-mcnuser-h5-size-1366: 20px;
    --grid-4-2-mcnuser-h5-line-1366: 20px;
    --grid-4-2-timechart-progress-hight-1366: 25px;
    --grid-4-2-timechart-progress-font-1366: 14px;
    --grid-4-2-mcnrunstop-h4-img-width-1366: 15px;
    --grid-4-2-mcnrunstop-h4-img-height-1366: 15px;
    --grid-4-2-mcnrunstop-h4-size-1366: 15px;
    --grid-4-2-mcnrunstop-h4-line-1366: 15px;
    --grid-4-2-mcnrunstop-h4-span-size-1366: 15px;
    --grid-4-2-mcnrunstop-h4-span-line-1366: 15px;


    /* GRID 4-2 VIEW (1280) * (714) */
    --grid-4-2-mcnbody-1280: 61.5vh;
    --grid-4-2-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-4-2-mcnbody-1280));
    --grid-4-2-mcnhead-h4-size-1280: 21px;
    --grid-4-2-mcnhead-h4-line-1280: 21px;
    --grid-4-2-mcnhead-img-width-1280: 20px;
    --grid-4-2-mcnhead-img-height-1280: 20px;
    --grid-4-2-mcniconnum-h5-img-width-1280: 29px;
    --grid-4-2-mcniconnum-h5-img-height-1280: 29px;
    --grid-4-2-mcniconnum-h5-size-1280: 19px;
    --grid-4-2-mcniconnum-h5-line-1280: 19px;
    --grid-4-2-mcniconnum-h6-size-1280: 19px;
    --grid-4-2-mcniconnum-h6-line-1280: 19px;
    --grid-4-2-mcnuser-h5-size-1280: 19px;
    --grid-4-2-mcnuser-h5-line-1280: 19px;
    --grid-4-2-timechart-progress-hight-1280: 20px;
    --grid-4-2-timechart-progress-font-1280: 14px;
    --grid-4-2-mcnrunstop-h4-img-width-1280: 16px;
    --grid-4-2-mcnrunstop-h4-img-height-1280: 16px;
    --grid-4-2-mcnrunstop-h4-size-1280: 16px;
    --grid-4-2-mcnrunstop-h4-line-1280: 16px;
    --grid-4-2-mcnrunstop-h4-span-size-1280: 16px;
    --grid-4-2-mcnrunstop-h4-span-line-1280: 16px;


    /* GRID 4-2 VIEW (1199) */
    --grid-4-2-mcnboxes-mcnbody-1199: auto;
    --grid-4-2-mcnhead-h4-size-1199: 14px;
    --grid-4-2-mcnhead-h4-line-1199: 14px;
    --grid-4-2-mcnhead-img-width-1199: 12px;
    --grid-4-2-mcnhead-img-height-1199: 12px;
    --grid-4-2-mcniconnum-h5-img-width-1199: 20px;
    --grid-4-2-mcniconnum-h5-img-height-1199: 20px;
    --grid-4-2-mcniconnum-h5-size-1199: 14px;
    --grid-4-2-mcniconnum-h5-line-1199: 14px;
    --grid-4-2-mcniconnum-h6-size-1199: 14px;
    --grid-4-2-mcniconnum-h6-line-1199: 14px;
    --grid-4-2-mcnuser-h5-size-1199: 14px;
    --grid-4-2-mcnuser-h5-line-1199: 14px;
    --grid-4-2-mcnrunstop-h4-img-width-1199: 12px;
    --grid-4-2-mcnrunstop-h4-img-height-1199: 12px;
    --grid-4-2-mcnrunstop-h4-size-1199: 14px;
    --grid-4-2-mcnrunstop-h4-line-1199: 14px;
    --grid-4-2-mcnrunstop-h4-span-size-1199: 12px;
    --grid-4-2-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 4-2 VIEW (960) * (540) */
    --grid-4-2-mcnbody-960: 67.6vh;
    --grid-4-2-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-4-2-mcnbody-960));
    --grid-4-2-mcnhead-h4-size-960: 11px;
    --grid-4-2-mcnhead-h4-line-960: 11px;
    --grid-4-2-mcnhead-img-width-960: 11px;
    --grid-4-2-mcnhead-img-height-960: 11px;
    --grid-4-2-mcniconnum-h5-img-width-960: 17px;
    --grid-4-2-mcniconnum-h5-img-height-960: 17px;
    --grid-4-2-mcniconnum-h5-size-960: 13px;
    --grid-4-2-mcniconnum-h5-line-960: 13px;
    --grid-4-2-mcniconnum-h6-size-960: 13px;
    --grid-4-2-mcniconnum-h6-line-960: 13px;
    --grid-4-2-mcnuser-h5-size-960: 13px;
    --grid-4-2-mcnuser-h5-line-960: 13px;
    --grid-4-2-timechart-progress-hight-960: 17px;
    --grid-4-2-timechart-progress-font-960: 11px;
    --grid-4-2-mcnrunstop-h4-img-width-960: 12px;
    --grid-4-2-mcnrunstop-h4-img-height-960: 12px;
    --grid-4-2-mcnrunstop-h4-size-960: 12px;
    --grid-4-2-mcnrunstop-h4-line-960: 12px;
    --grid-4-2-mcnrunstop-h4-span-size-960: 12px;
    --grid-4-2-mcnrunstop-h4-span-line-960: 12px;


    /* GRID 4-3 VIEW */
    --grid-4-3-mcnhead-h4-size: 12px;
    --grid-4-3-mcnhead-h4-line: 12px;
    --grid-4-3-mcnhead-img-width: 10px;
    --grid-4-3-mcnhead-img-height: 10px;
    --grid-4-3-mcniconnum-h5-img-width: 20px;
    --grid-4-3-mcniconnum-h5-img-height: 20px;
    --grid-4-3-mcniconnum-h5-size: 12px;
    --grid-4-3-mcniconnum-h5-line: 12px;
    --grid-4-3-mcniconnum-h6-size: 12px;
    --grid-4-3-mcniconnum-h6-line: 12px;
    --grid-4-3-mcnuser-h5-size: 12px;
    --grid-4-3-mcnuser-h5-line: 12px;
    --grid-4-3-mcnrunstop-h4-img-width: 10px;
    --grid-4-3-mcnrunstop-h4-img-height: 10px;
    --grid-4-3-mcnrunstop-h4-size: 12px;
    --grid-4-3-mcnrunstop-h4-line: 12px;
    --grid-4-3-mcnrunstop-h4-span-size: 10px;
    --grid-4-3-mcnrunstop-h4-span-line: 10px;


    /* GRID 4-3 VIEW (2560) * (1440) */
    --grid-4-3-mcnbody-2560: 72.5vh;
    --grid-4-3-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-4-3-mcnbody-2560));
    --grid-4-3-mcnhead-h4-size-2560: 28px;
    --grid-4-3-mcnhead-h4-line-2560: 28px;
    --grid-4-3-mcnhead-img-width-2560: 28px;
    --grid-4-3-mcnhead-img-height-2560: 28px;
    --grid-4-3-mcniconnum-h5-img-width-2560: 44px;
    --grid-4-3-mcniconnum-h5-img-height-2560: 44px;
    --grid-4-3-mcniconnum-h5-size-2560: 30px;
    --grid-4-3-mcniconnum-h5-line-2560: 30px;
    --grid-4-3-mcniconnum-h6-size-2560: 30px;
    --grid-4-3-mcniconnum-h6-line-2560: 30px;
    --grid-4-3-mcnuser-h5-size-2560: 30px;
    --grid-4-3-mcnuser-h5-line-2560: 30px;
    --grid-4-3-timechart-progress-hight-2560: 35px;
    --grid-4-3-timechart-progress-font-2560: 22px;
    --grid-4-3-mcnrunstop-h4-img-width-2560: 25px;
    --grid-4-3-mcnrunstop-h4-img-height-2560: 25px;
    --grid-4-3-mcnrunstop-h4-size-2560: 25px;
    --grid-4-3-mcnrunstop-h4-line-2560: 25px;
    --grid-4-3-mcnrunstop-h4-span-size-2560: 25px;
    --grid-4-3-mcnrunstop-h4-span-line-2560: 25px;


    /* GRID 4-3 VIEW (2160) */
    --grid-4-3-mcnbody-2160: 74.5vh;
    --grid-4-3-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-4-3-mcnbody-2160));
    --grid-4-3-mcnhead-h4-size-2160: 20px;
    --grid-4-3-mcnhead-h4-line-2160: 20px;
    --grid-4-3-mcnhead-img-width-2160: 18px;
    --grid-4-3-mcnhead-img-height-2160: 18px;
    --grid-4-3-mcniconnum-h5-img-width-2160: 26px;
    --grid-4-3-mcniconnum-h5-img-height-2160: 26px;
    --grid-4-3-mcniconnum-h5-size-2160: 20px;
    --grid-4-3-mcniconnum-h5-line-2160: 20px;
    --grid-4-3-mcniconnum-h6-size-2160: 20px;
    --grid-4-3-mcniconnum-h6-line-2160: 20px;
    --grid-4-3-mcnuser-h5-size-2160: 20px;
    --grid-4-3-mcnuser-h5-line-2160: 20px;
    --grid-4-3-mcnrunstop-h4-img-width-2160: 12px;
    --grid-4-3-mcnrunstop-h4-img-height-2160: 12px;
    --grid-4-3-mcnrunstop-h4-size-2160: 15px;
    --grid-4-3-mcnrunstop-h4-line-2160: 15px;
    --grid-4-3-mcnrunstop-h4-span-size-2160: 12px;
    --grid-4-3-mcnrunstop-h4-span-line-2160: 12px;


    /* GRID 4-3 VIEW (1920) * (1080) */
    --grid-4-3-mcnbody-1920: 73.3vh;
    --grid-4-3-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-4-3-mcnbody-1920));
    --grid-4-3-mcnhead-h4-size-1920: 20px;
    --grid-4-3-mcnhead-h4-line-1920: 20px;
    --grid-4-3-mcnhead-img-width-1920: 20px;
    --grid-4-3-mcnhead-img-height-1920: 20px;
    --grid-4-3-mcniconnum-h5-img-width-1920: 31px;
    --grid-4-3-mcniconnum-h5-img-height-1920: 31px;
    --grid-4-3-mcniconnum-h5-size-1920: 27px;
    --grid-4-3-mcniconnum-h5-line-1920: 27px;
    --grid-4-3-mcniconnum-h6-size-1920: 27px;
    --grid-4-3-mcniconnum-h6-line-1920: 27px;
    --grid-4-3-mcnuser-h5-size-1920: 27px;
    --grid-4-3-mcnuser-h5-line-1920: 27px;
    --grid-4-3-timechart-progress-hight-1920: 25px;
    --grid-4-3-timechart-progress-font-1920: 16px;
    --grid-4-3-mcnrunstop-h4-img-width-1920: 18px;
    --grid-4-3-mcnrunstop-h4-img-height-1920: 18px;
    --grid-4-3-mcnrunstop-h4-size-1920: 18px;
    --grid-4-3-mcnrunstop-h4-line-1920: 18px;
    --grid-4-3-mcnrunstop-h4-span-size-1920: 18px;
    --grid-4-3-mcnrunstop-h4-span-line-1920: 18px;


    /* GRID 4-3 VIEW (1768) * (1000) */
    --grid-4-3-mcnbody-1768: 74.2vh;
    --grid-4-3-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-4-3-mcnbody-1768));
    --grid-4-3-mcnhead-h4-size-1768: 18px;
    --grid-4-3-mcnhead-h4-line-1768: 18px;
    --grid-4-3-mcnhead-img-width-1768: 18px;
    --grid-4-3-mcnhead-img-height-1768: 18px;
    --grid-4-3-mcniconnum-h5-img-width-1768: 27px;
    --grid-4-3-mcniconnum-h5-img-height-1768: 27px;
    --grid-4-3-mcniconnum-h5-size-1768: 22px;
    --grid-4-3-mcniconnum-h5-line-1768: 22px;
    --grid-4-3-mcniconnum-h6-size-1768: 22px;
    --grid-4-3-mcniconnum-h6-line-1768: 22px;
    --grid-4-3-mcnuser-h5-size-1768: 22px;
    --grid-4-3-mcnuser-h5-line-1768: 22px;
    --grid-4-3-timechart-progress-hight-1768: 20px;
    --grid-4-3-timechart-progress-font-1768: 15px;
    --grid-4-3-mcnrunstop-h4-img-width-1768: 15px;
    --grid-4-3-mcnrunstop-h4-img-height-1768: 15px;
    --grid-4-3-mcnrunstop-h4-size-1768: 15px;
    --grid-4-3-mcnrunstop-h4-line-1768: 15px;
    --grid-4-3-mcnrunstop-h4-span-size-1768: 15px;
    --grid-4-3-mcnrunstop-h4-span-line-1768: 15px;


    /* GRID 4-3 VIEW (1680) * (1044) */
    --grid-4-3-mcnbody-1680: 73.8vh;
    --grid-4-3-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-4-3-mcnbody-1680));
    --grid-4-3-mcnhead-h4-size-1680: 18px;
    --grid-4-3-mcnhead-h4-line-1680: 18px;
    --grid-4-3-mcnhead-img-width-1680: 18px;
    --grid-4-3-mcnhead-img-height-1680: 18px;
    --grid-4-3-mcniconnum-h5-img-width-1680: 29px;
    --grid-4-3-mcniconnum-h5-img-height-1680: 29px;
    --grid-4-3-mcniconnum-h5-size-1680: 22px;
    --grid-4-3-mcniconnum-h5-line-1680: 22px;
    --grid-4-3-mcniconnum-h6-size-1680: 22px;
    --grid-4-3-mcniconnum-h6-line-1680: 22px;
    --grid-4-3-mcnuser-h5-size-1680: 22px;
    --grid-4-3-mcnuser-h5-line-1680: 22px;
    --grid-4-3-timechart-progress-hight-1680: 25px;
    --grid-4-3-timechart-progress-font-1680: 16px;
    --grid-4-3-mcnrunstop-h4-img-width-1680: 16px;
    --grid-4-3-mcnrunstop-h4-img-height-1680: 16px;
    --grid-4-3-mcnrunstop-h4-size-1680: 16px;
    --grid-4-3-mcnrunstop-h4-line-1680: 16px;
    --grid-4-3-mcnrunstop-h4-span-size-1680: 16px;
    --grid-4-3-mcnrunstop-h4-span-line-1680: 16px;


    /* GRID 4-3 VIEW (1440) * (900) */
    --grid-4-3-mcnbody-1440: 74.5vh;
    --grid-4-3-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-4-3-mcnbody-1440));
    --grid-4-3-mcnhead-h4-size-1440: 16px;
    --grid-4-3-mcnhead-h4-line-1440: 16px;
    --grid-4-3-mcnhead-img-width-1440: 16px;
    --grid-4-3-mcnhead-img-height-1440: 16px;
    --grid-4-3-mcniconnum-h5-img-width-1440: 23px;
    --grid-4-3-mcniconnum-h5-img-height-1440: 23px;
    --grid-4-3-mcniconnum-h5-size-1440: 20px;
    --grid-4-3-mcniconnum-h5-line-1440: 20px;
    --grid-4-3-mcniconnum-h6-size-1440: 20px;
    --grid-4-3-mcniconnum-h6-line-1440: 20px;
    --grid-4-3-mcnuser-h5-size-1440: 20px;
    --grid-4-3-mcnuser-h5-line-1440: 20px;
    --grid-4-3-timechart-progress-hight-1440: 18px;
    --grid-4-3-timechart-progress-font-1440: 13px;
    --grid-4-3-mcnrunstop-h4-img-width-1440: 15px;
    --grid-4-3-mcnrunstop-h4-img-height-1440: 15px;
    --grid-4-3-mcnrunstop-h4-size-1440: 15px;
    --grid-4-3-mcnrunstop-h4-line-1440: 15px;
    --grid-4-3-mcnrunstop-h4-span-size-1440: 15px;
    --grid-4-3-mcnrunstop-h4-span-line-1440: 15px;


    /* GRID 4-3 VIEW (1366) */
    --grid-4-3-mcnbody-1366: 74.7vh;
    --grid-4-3-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-4-3-mcnbody-1366));
    --grid-4-3-mcnhead-h4-size-1366: 14px;
    --grid-4-3-mcnhead-h4-line-1366: 14px;
    --grid-4-3-mcnhead-img-width-1366: 14px;
    --grid-4-3-mcnhead-img-height-1366: 14px;
    --grid-4-3-mcniconnum-h5-img-width-1366: 19px;
    --grid-4-3-mcniconnum-h5-img-height-1366: 19px;
    --grid-4-3-mcniconnum-h5-size-1366: 14px;
    --grid-4-3-mcniconnum-h5-line-1366: 14px;
    --grid-4-3-mcniconnum-h6-size-1366: 14px;
    --grid-4-3-mcniconnum-h6-line-1366: 14px;
    --grid-4-3-mcnuser-h5-size-1366: 14px;
    --grid-4-3-mcnuser-h5-line-1366: 14px;
    --grid-4-3-timechart-progress-hight-1366: 20px;
    --grid-4-3-timechart-progress-font-1366: 11px;
    --grid-4-3-mcnrunstop-h4-img-width-1366: 12px;
    --grid-4-3-mcnrunstop-h4-img-height-1366: 12px;
    --grid-4-3-mcnrunstop-h4-size-1366: 12px;
    --grid-4-3-mcnrunstop-h4-line-1366: 12px;
    --grid-4-3-mcnrunstop-h4-span-size-1366: 12px;
    --grid-4-3-mcnrunstop-h4-span-line-1366: 12px;


    /* GRID 4-3 VIEW (1280) * (714) */
    --grid-4-3-mcnbody-1280: 75vh;
    --grid-4-3-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-4-3-mcnbody-1280));
    --grid-4-3-mcnhead-h4-size-1280: 13px;
    --grid-4-3-mcnhead-h4-line-1280: 13px;
    --grid-4-3-mcnhead-img-width-1280: 13px;
    --grid-4-3-mcnhead-img-height-1280: 13px;
    --grid-4-3-mcniconnum-h5-img-width-1280: 17px;
    --grid-4-3-mcniconnum-h5-img-height-1280: 17px;
    --grid-4-3-mcniconnum-h5-size-1280: 15px;
    --grid-4-3-mcniconnum-h5-line-1280: 15px;
    --grid-4-3-mcniconnum-h6-size-1280: 15px;
    --grid-4-3-mcniconnum-h6-line-1280: 15px;
    --grid-4-3-mcnuser-h5-size-1280: 15px;
    --grid-4-3-mcnuser-h5-line-1280: 15px;
    --grid-4-3-timechart-progress-hight-1280: 15px;
    --grid-4-3-timechart-progress-font-1280: 12px;
    --grid-4-3-mcnrunstop-h4-img-width-1280: 13px;
    --grid-4-3-mcnrunstop-h4-img-height-1280: 13px;
    --grid-4-3-mcnrunstop-h4-size-1280: 13px;
    --grid-4-3-mcnrunstop-h4-line-1280: 13px;
    --grid-4-3-mcnrunstop-h4-span-size-1280: 13px;
    --grid-4-3-mcnrunstop-h4-span-line-1280: 13px;


    /* GRID 4-3 VIEW (1199) */
    --grid-4-3-mcnboxes-mcnbody-1199: auto;
    --grid-4-3-mcnhead-h4-size-1199: 14px;
    --grid-4-3-mcnhead-h4-line-1199: 14px;
    --grid-4-3-mcnhead-img-width-1199: 12px;
    --grid-4-3-mcnhead-img-height-1199: 12px;
    --grid-4-3-mcniconnum-h5-img-width-1199: 20px;
    --grid-4-3-mcniconnum-h5-img-height-1199: 20px;
    --grid-4-3-mcniconnum-h5-size-1199: 14px;
    --grid-4-3-mcniconnum-h5-line-1199: 14px;
    --grid-4-3-mcniconnum-h6-size-1199: 14px;
    --grid-4-3-mcniconnum-h6-line-1199: 14px;
    --grid-4-3-mcnuser-h5-size-1199: 14px;
    --grid-4-3-mcnuser-h5-line-1199: 14px;
    --grid-4-3-mcnrunstop-h4-img-width-1199: 12px;
    --grid-4-3-mcnrunstop-h4-img-height-1199: 12px;
    --grid-4-3-mcnrunstop-h4-size-1199: 14px;
    --grid-4-3-mcnrunstop-h4-line-1199: 14px;
    --grid-4-3-mcnrunstop-h4-span-size-1199: 12px;
    --grid-4-3-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 4-3 VIEW (960) * (540) */
    --grid-4-3-mcnbody-960: 78vh;
    --grid-4-3-mcnboxes-mcnbody-960: calc(100vh - var(--grid-4-3-mcnbody-960));
    --grid-4-3-mcnhead-h4-size-960: 8px;
    --grid-4-3-mcnhead-h4-line-960: 8px;
    --grid-4-3-mcnhead-img-width-960: 8px;
    --grid-4-3-mcnhead-img-height-960: 8px;
    --grid-4-3-mcniconnum-h5-img-width-960: 10px;
    --grid-4-3-mcniconnum-h5-img-height-960: 10px;
    --grid-4-3-mcniconnum-h5-size-960: 10px;
    --grid-4-3-mcniconnum-h5-line-960: 10px;
    --grid-4-3-mcniconnum-h6-size-960: 10px;
    --grid-4-3-mcniconnum-h6-line-960: 10px;
    --grid-4-3-mcnuser-h5-size-960: 10px;
    --grid-4-3-mcnuser-h5-line-960: 10px;
    --grid-4-3-timechart-progress-hight-960: 10px;
    --grid-4-3-timechart-progress-font-960: 8px;
    --grid-4-3-mcnrunstop-h4-img-width-960: 7px;
    --grid-4-3-mcnrunstop-h4-img-height-960: 7px;
    --grid-4-3-mcnrunstop-h4-size-960: 7px;
    --grid-4-3-mcnrunstop-h4-line-960: 7px;
    --grid-4-3-mcnrunstop-h4-span-size-960: 7px;
    --grid-4-3-mcnrunstop-h4-span-line-960: 7px;


    /* GRID 4-4 VIEW */
    --grid-4-4-mcnhead-h4-size: 12px;
    --grid-4-4-mcnhead-h4-line: 12px;
    --grid-4-4-mcnhead-img-width: 10px;
    --grid-4-4-mcnhead-img-height: 10px;
    --grid-4-4-mcniconnum-h5-img-width: 20px;
    --grid-4-4-mcniconnum-h5-img-height: 20px;
    --grid-4-4-mcniconnum-h5-size: 12px;
    --grid-4-4-mcniconnum-h5-line: 12px;
    --grid-4-4-mcniconnum-h6-size: 12px;
    --grid-4-4-mcniconnum-h6-line: 12px;
    --grid-4-4-mcnuser-h5-size: 12px;
    --grid-4-4-mcnuser-h5-line: 12px;
    --grid-4-4-mcnrunstop-h4-img-width: 10px;
    --grid-4-4-mcnrunstop-h4-img-height: 10px;
    --grid-4-4-mcnrunstop-h4-size: 12px;
    --grid-4-4-mcnrunstop-h4-line: 12px;
    --grid-4-4-mcnrunstop-h4-span-size: 10px;
    --grid-4-4-mcnrunstop-h4-span-line: 10px;


    /* GRID 4-4 VIEW (2560) * (1440) */
    --grid-4-4-mcnbody-2560: 80vh;
    --grid-4-4-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-4-4-mcnbody-2560));
    --grid-4-4-mcnhead-h4-size-2560: 15px;
    --grid-4-4-mcnhead-h4-line-2560: 15px;
    --grid-4-4-mcnhead-img-width-2560: 12px;
    --grid-4-4-mcnhead-img-height-2560: 12px;
    --grid-4-4-mcniconnum-h5-img-width-2560: 25px;
    --grid-4-4-mcniconnum-h5-img-height-2560: 25px;
    --grid-4-4-mcniconnum-h5-size-2560: 15px;
    --grid-4-4-mcniconnum-h5-line-2560: 15px;
    --grid-4-4-mcniconnum-h6-size-2560: 15px;
    --grid-4-4-mcniconnum-h6-line-2560: 15px;
    --grid-4-4-mcnuser-h5-size-2560: 15px;
    --grid-4-4-mcnuser-h5-line-2560: 15px;
    --grid-4-4-mcnrunstop-h4-img-width-2560: 12px;
    --grid-4-4-mcnrunstop-h4-img-height-2560: 12px;
    --grid-4-4-mcnrunstop-h4-size-2560: 14px;
    --grid-4-4-mcnrunstop-h4-line-2560: 14px;
    --grid-4-4-mcnrunstop-h4-span-size-2560: 12px;
    --grid-4-4-mcnrunstop-h4-span-line-2560: 12px;


    /* GRID 4-4 VIEW (2160) */
    --grid-4-4-mcnbody-2160: 81vh;
    --grid-4-4-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-4-4-mcnbody-2160));
    --grid-4-4-mcnhead-h4-size-2160: 12px;
    --grid-4-4-mcnhead-h4-line-2160: 12px;
    --grid-4-4-mcnhead-img-width-2160: 10px;
    --grid-4-4-mcnhead-img-height-2160: 10px;
    --grid-4-4-mcniconnum-h5-img-width-2160: 19px;
    --grid-4-4-mcniconnum-h5-img-height-2160: 19px;
    --grid-4-4-mcniconnum-h5-size-2160: 12px;
    --grid-4-4-mcniconnum-h5-line-2160: 12px;
    --grid-4-4-mcniconnum-h6-size-2160: 12px;
    --grid-4-4-mcniconnum-h6-line-2160: 12px;
    --grid-4-4-mcnuser-h5-size-2160: 12px;
    --grid-4-4-mcnuser-h5-line-2160: 12px;
    --grid-4-4-mcnrunstop-h4-img-width-2160: 10px;
    --grid-4-4-mcnrunstop-h4-img-height-2160: 10px;
    --grid-4-4-mcnrunstop-h4-size-2160: 12px;
    --grid-4-4-mcnrunstop-h4-line-2160: 12px;
    --grid-4-4-mcnrunstop-h4-span-size-2160: 10px;
    --grid-4-4-mcnrunstop-h4-span-line-2160: 10px;


    /* GRID 4-4 VIEW (1920) * (1080) */
    --grid-4-4-mcnbody-1920: 81.3vh;
    --grid-4-4-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-4-4-mcnbody-1920));
    --grid-4-4-mcnhead-h4-size-1920: 12px;
    --grid-4-4-mcnhead-h4-line-1920: 12px;
    --grid-4-4-mcnhead-img-width-1920: 10px;
    --grid-4-4-mcnhead-img-height-1920: 10px;
    --grid-4-4-mcniconnum-h5-img-width-1920: 17px;
    --grid-4-4-mcniconnum-h5-img-height-1920: 17px;
    --grid-4-4-mcniconnum-h5-size-1920: 12px;
    --grid-4-4-mcniconnum-h5-line-1920: 12px;
    --grid-4-4-mcniconnum-h6-size-1920: 12px;
    --grid-4-4-mcniconnum-h6-line-1920: 12px;
    --grid-4-4-mcnuser-h5-size-1920: 12px;
    --grid-4-4-mcnuser-h5-line-1920: 12px;
    --grid-4-4-mcnrunstop-h4-img-width-1920: 10px;
    --grid-4-4-mcnrunstop-h4-img-height-1920: 10px;
    --grid-4-4-mcnrunstop-h4-size-1920: 12px;
    --grid-4-4-mcnrunstop-h4-line-1920: 12px;
    --grid-4-4-mcnrunstop-h4-span-size-1920: 10px;
    --grid-4-4-mcnrunstop-h4-span-line-1920: 10px;


    /* GRID 4-4 VIEW (1768) * (1000) */
    --grid-4-4-mcnbody-1768: 81.8vh;
    --grid-4-4-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-4-4-mcnbody-1768));
    --grid-4-4-mcnhead-h4-size-1768: 10px;
    --grid-4-4-mcnhead-h4-line-1768: 10px;
    --grid-4-4-mcnhead-img-width-1768: 8px;
    --grid-4-4-mcnhead-img-height-1768: 8px;
    --grid-4-4-mcniconnum-h5-img-width-1768: 14px;
    --grid-4-4-mcniconnum-h5-img-height-1768: 14px;
    --grid-4-4-mcniconnum-h5-size-1768: 10px;
    --grid-4-4-mcniconnum-h5-line-1768: 10px;
    --grid-4-4-mcniconnum-h6-size-1768: 10px;
    --grid-4-4-mcniconnum-h6-line-1768: 10px;
    --grid-4-4-mcnuser-h5-size-1768: 10px;
    --grid-4-4-mcnuser-h5-line-1768: 10px;
    --grid-4-4-mcnrunstop-h4-img-width-1768: 10px;
    --grid-4-4-mcnrunstop-h4-img-height-1768: 10px;
    --grid-4-4-mcnrunstop-h4-size-1768: 12px;
    --grid-4-4-mcnrunstop-h4-line-1768: 12px;
    --grid-4-4-mcnrunstop-h4-span-size-1768: 10px;
    --grid-4-4-mcnrunstop-h4-span-line-1768: 10px;


    /* GRID 4-4 VIEW (1680) * (1044) */
    --grid-4-4-mcnbody-1680: 81.5vh;
    --grid-4-4-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-4-4-mcnbody-1680));
    --grid-4-4-mcnhead-h4-size-1680: 12px;
    --grid-4-4-mcnhead-h4-line-1680: 12px;
    --grid-4-4-mcnhead-img-width-1680: 12px;
    --grid-4-4-mcnhead-img-height-1680: 12px;
    --grid-4-4-mcniconnum-h5-img-width-1680: 16px;
    --grid-4-4-mcniconnum-h5-img-height-1680: 16px;
    --grid-4-4-mcniconnum-h5-size-1680: 12px;
    --grid-4-4-mcniconnum-h5-line-1680: 12px;
    --grid-4-4-mcniconnum-h6-size-1680: 12px;
    --grid-4-4-mcniconnum-h6-line-1680: 12px;
    --grid-4-4-mcnuser-h5-size-1680: 12px;
    --grid-4-4-mcnuser-h5-line-1680: 12px;
    --grid-4-4-mcnrunstop-h4-img-width-1680: 10px;
    --grid-4-4-mcnrunstop-h4-img-height-1680: 10px;
    --grid-4-4-mcnrunstop-h4-size-1680: 12px;
    --grid-4-4-mcnrunstop-h4-line-1680: 12px;
    --grid-4-4-mcnrunstop-h4-span-size-1680: 10px;
    --grid-4-4-mcnrunstop-h4-span-line-1680: 10px;


    /* GRID 4-4 VIEW (1440) * (900) */
    --grid-4-4-mcnbody-1440: 82.5vh;
    --grid-4-4-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-4-4-mcnbody-1440));
    --grid-4-4-mcnhead-h4-size-1440: 10px;
    --grid-4-4-mcnhead-h4-line-1440: 10px;
    --grid-4-4-mcnhead-img-width-1440: 8px;
    --grid-4-4-mcnhead-img-height-1440: 8px;
    --grid-4-4-mcniconnum-h5-img-width-1440: 12px;
    --grid-4-4-mcniconnum-h5-img-height-1440: 12px;
    --grid-4-4-mcniconnum-h5-size-1440: 10px;
    --grid-4-4-mcniconnum-h5-line-1440: 10px;
    --grid-4-4-mcniconnum-h6-size-1440: 10px;
    --grid-4-4-mcniconnum-h6-line-1440: 10px;
    --grid-4-4-mcnuser-h5-size-1440: 10px;
    --grid-4-4-mcnuser-h5-line-1440: 10px;
    --grid-4-4-mcnrunstop-h4-img-width-1440: 8px;
    --grid-4-4-mcnrunstop-h4-img-height-1440: 8px;
    --grid-4-4-mcnrunstop-h4-size-1440: 10px;
    --grid-4-4-mcnrunstop-h4-line-1440: 10px;
    --grid-4-4-mcnrunstop-h4-span-size-1440: 8px;
    --grid-4-4-mcnrunstop-h4-span-line-1440: 8px;


    /* GRID 4-4 VIEW (1366) */
    --grid-4-4-mcnbody-1366: 81.3vh;
    --grid-4-4-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-4-4-mcnbody-1366));
    --grid-4-4-mcnhead-h4-size-1366: 8px;
    --grid-4-4-mcnhead-h4-line-1366: 8px;
    --grid-4-4-mcnhead-img-width-1366: 8px;
    --grid-4-4-mcnhead-img-height-1366: 8px;
    --grid-4-4-mcniconnum-h5-img-width-1366: 13px;
    --grid-4-4-mcniconnum-h5-img-height-1366: 13px;
    --grid-4-4-mcniconnum-h5-size-1366: 11px;
    --grid-4-4-mcniconnum-h5-line-1366: 11px;
    --grid-4-4-mcniconnum-h6-size-1366: 11px;
    --grid-4-4-mcniconnum-h6-line-1366: 11px;
    --grid-4-4-mcnuser-h5-size-1366: 11px;
    --grid-4-4-mcnuser-h5-line-1366: 11px;
    --grid-4-4-timechart-progress-hight-1366: 13px;
    --grid-4-4-timechart-progress-font-1366: 9px;
    --grid-4-4-mcnrunstop-h4-img-width-1366: 10px;
    --grid-4-4-mcnrunstop-h4-img-height-1366: 10px;
    --grid-4-4-mcnrunstop-h4-size-1366: 10px;
    --grid-4-4-mcnrunstop-h4-line-1366: 10px;
    --grid-4-4-mcnrunstop-h4-span-size-1366: 10px;
    --grid-4-4-mcnrunstop-h4-span-line-1366: 10px;


    /* GRID 4-4 VIEW (1280) * (714) */
    --grid-4-4-mcnboxes-mcnbody-1280: auto;
    --grid-4-4-mcnhead-h4-size-1280: 10px;
    --grid-4-4-mcnhead-h4-line-1280: 10px;
    --grid-4-4-mcnhead-img-width-1280: 8px;
    --grid-4-4-mcnhead-img-height-1280: 8px;
    --grid-4-4-mcniconnum-h5-img-width-1280: 12px;
    --grid-4-4-mcniconnum-h5-img-height-1280: 12px;
    --grid-4-4-mcniconnum-h5-size-1280: 10px;
    --grid-4-4-mcniconnum-h5-line-1280: 10px;
    --grid-4-4-mcniconnum-h6-size-1280: 10px;
    --grid-4-4-mcniconnum-h6-line-1280: 10px;
    --grid-4-4-mcnuser-h5-size-1280: 10px;
    --grid-4-4-mcnuser-h5-line-1280: 10px;
    --grid-4-4-mcnrunstop-h4-img-width-1280: 8px;
    --grid-4-4-mcnrunstop-h4-img-height-1280: 8px;
    --grid-4-4-mcnrunstop-h4-size-1280: 10px;
    --grid-4-4-mcnrunstop-h4-line-1280: 10px;
    --grid-4-4-mcnrunstop-h4-span-size-1280: 8px;
    --grid-4-4-mcnrunstop-h4-span-line-1280: 8px;


    /* GRID 4-4 VIEW (1199) */
    --grid-4-4-mcnboxes-mcnbody-1199: auto;
    --grid-4-4-mcnhead-h4-size-1199: 14px;
    --grid-4-4-mcnhead-h4-line-1199: 14px;
    --grid-4-4-mcnhead-img-width-1199: 12px;
    --grid-4-4-mcnhead-img-height-1199: 12px;
    --grid-4-4-mcniconnum-h5-img-width-1199: 20px;
    --grid-4-4-mcniconnum-h5-img-height-1199: 20px;
    --grid-4-4-mcniconnum-h5-size-1199: 14px;
    --grid-4-4-mcniconnum-h5-line-1199: 14px;
    --grid-4-4-mcniconnum-h6-size-1199: 14px;
    --grid-4-4-mcniconnum-h6-line-1199: 14px;
    --grid-4-4-mcnuser-h5-size-1199: 14px;
    --grid-4-4-mcnuser-h5-line-1199: 14px;
    --grid-4-4-mcnrunstop-h4-img-width-1199: 12px;
    --grid-4-4-mcnrunstop-h4-img-height-1199: 12px;
    --grid-4-4-mcnrunstop-h4-size-1199: 14px;
    --grid-4-4-mcnrunstop-h4-line-1199: 14px;
    --grid-4-4-mcnrunstop-h4-span-size-1199: 12px;
    --grid-4-4-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 4-4 VIEW (960) * (540) */
    --grid-4-4-mcnboxes-mcnbody-960: auto;
    --grid-4-4-mcnhead-h4-size-960: 14px;
    --grid-4-4-mcnhead-h4-line-960: 14px;
    --grid-4-4-mcnhead-img-width-960: 12px;
    --grid-4-4-mcnhead-img-height-960: 12px;
    --grid-4-4-mcniconnum-h5-img-width-960: 20px;
    --grid-4-4-mcniconnum-h5-img-height-960: 20px;
    --grid-4-4-mcniconnum-h5-size-960: 14px;
    --grid-4-4-mcniconnum-h5-line-960: 14px;
    --grid-4-4-mcniconnum-h6-size-960: 14px;
    --grid-4-4-mcniconnum-h6-line-960: 14px;
    --grid-4-4-mcnuser-h5-size-960: 14px;
    --grid-4-4-mcnuser-h5-line-960: 14px;
    --grid-4-4-mcnrunstop-h4-img-width-960: 12px;
    --grid-4-4-mcnrunstop-h4-img-height-960: 12px;
    --grid-4-4-mcnrunstop-h4-size-960: 14px;
    --grid-4-4-mcnrunstop-h4-line-960: 14px;
    --grid-4-4-mcnrunstop-h4-span-size-960: 12px;
    --grid-4-4-mcnrunstop-h4-span-line-960: 12px;

    /* GRID 5-3 VIEW */
    --grid-5-3-mcnhead-h4-size: 12px;
    --grid-5-3-mcnhead-h4-line: 12px;
    --grid-5-3-mcnhead-img-width: 10px;
    --grid-5-3-mcnhead-img-height: 10px;
    --grid-5-3-mcniconnum-h5-img-width: 20px;
    --grid-5-3-mcniconnum-h5-img-height: 20px;
    --grid-5-3-mcniconnum-h5-size: 12px;
    --grid-5-3-mcniconnum-h5-line: 12px;
    --grid-5-3-mcniconnum-h6-size: 12px;
    --grid-5-3-mcniconnum-h6-line: 12px;
    --grid-5-3-mcnuser-h5-size: 12px;
    --grid-5-3-mcnuser-h5-line: 12px;
    --grid-5-3-mcnrunstop-h4-img-width: 10px;
    --grid-5-3-mcnrunstop-h4-img-height: 10px;
    --grid-5-3-mcnrunstop-h4-size: 12px;
    --grid-5-3-mcnrunstop-h4-line: 12px;
    --grid-5-3-mcnrunstop-h4-span-size: 10px;
    --grid-5-3-mcnrunstop-h4-span-line: 10px;


    /* GRID 5-3 VIEW (2560) * (1440) */
    --grid-5-3-mcnbody-2560: 72.5vh;
    --grid-5-3-mcnboxes-mcnbody-2560: calc(100vh - var(--grid-5-3-mcnbody-2560));
    --grid-5-3-mcnhead-h4-size-2560: 22px;
    --grid-5-3-mcnhead-h4-line-2560: 22px;
    --grid-5-3-mcnhead-img-width-2560: 22px;
    --grid-5-3-mcnhead-img-height-2560: 22px;
    --grid-5-3-mcniconnum-h5-img-width-2560: 44px;
    --grid-5-3-mcniconnum-h5-img-height-2560: 44px;
    --grid-5-3-mcniconnum-h5-size-2560: 30px;
    --grid-5-3-mcniconnum-h5-line-2560: 30px;
    --grid-5-3-mcniconnum-h6-size-2560: 30px;
    --grid-5-3-mcniconnum-h6-line-2560: 30px;
    --grid-5-3-mcnuser-h5-size-2560: 30px;
    --grid-5-3-mcnuser-h5-line-2560: 30px;
    --grid-5-3-timechart-progress-hight-2560: 36px;
    --grid-5-3-timechart-progress-font-2560: 20px;
    --grid-5-3-mcnrunstop-h4-img-width-2560: 20px;
    --grid-5-3-mcnrunstop-h4-img-height-2560: 20px;
    --grid-5-3-mcnrunstop-h4-size-2560: 20px;
    --grid-5-3-mcnrunstop-h4-line-2560: 20px;
    --grid-5-3-mcnrunstop-h4-span-size-2560: 20px;
    --grid-5-3-mcnrunstop-h4-span-line-2560: 20px;


    /* GRID 5-3 VIEW (2160) */
    --grid-5-3-mcnbody-2160: 81vh;
    --grid-5-3-mcnboxes-mcnbody-2160: calc(100vh - var(--grid-5-3-mcnbody-2160));
    --grid-5-3-mcnhead-h4-size-2160: 12px;
    --grid-5-3-mcnhead-h4-line-2160: 12px;
    --grid-5-3-mcnhead-img-width-2160: 10px;
    --grid-5-3-mcnhead-img-height-2160: 10px;
    --grid-5-3-mcniconnum-h5-img-width-2160: 19px;
    --grid-5-3-mcniconnum-h5-img-height-2160: 19px;
    --grid-5-3-mcniconnum-h5-size-2160: 12px;
    --grid-5-3-mcniconnum-h5-line-2160: 12px;
    --grid-5-3-mcniconnum-h6-size-2160: 12px;
    --grid-5-3-mcniconnum-h6-line-2160: 12px;
    --grid-5-3-mcnuser-h5-size-2160: 12px;
    --grid-5-3-mcnuser-h5-line-2160: 12px;
    --grid-5-3-mcnrunstop-h4-img-width-2160: 10px;
    --grid-5-3-mcnrunstop-h4-img-height-2160: 10px;
    --grid-5-3-mcnrunstop-h4-size-2160: 12px;
    --grid-5-3-mcnrunstop-h4-line-2160: 12px;
    --grid-5-3-mcnrunstop-h4-span-size-2160: 10px;
    --grid-5-3-mcnrunstop-h4-span-line-2160: 10px;


    /* GRID 5-3 VIEW (1920) * (1080) */
    --grid-5-3-mcnbody-1920: 73.2vh;
    --grid-5-3-mcnboxes-mcnbody-1920: calc(100vh - var(--grid-5-3-mcnbody-1920));
    --grid-5-3-mcnhead-h4-size-1920: 16px;
    --grid-5-3-mcnhead-h4-line-1920: 16px;
    --grid-5-3-mcnhead-img-width-1920: 16px;
    --grid-5-3-mcnhead-img-height-1920: 16px;
    --grid-5-3-mcniconnum-h5-img-width-1920: 31px;
    --grid-5-3-mcniconnum-h5-img-height-1920: 31px;
    --grid-5-3-mcniconnum-h5-size-1920: 22px;
    --grid-5-3-mcniconnum-h5-line-1920: 22px;
    --grid-5-3-mcniconnum-h6-size-1920: 22px;
    --grid-5-3-mcniconnum-h6-line-1920: 22px;
    --grid-5-3-mcnuser-h5-size-1920: 22px;
    --grid-5-3-mcnuser-h5-line-1920: 22px;
    --grid-5-3-timechart-progress-hight-1920: 26px;
    --grid-5-3-timechart-progress-font-1920: 16px;
    --grid-5-3-mcnrunstop-h4-img-width-1920: 15px;
    --grid-5-3-mcnrunstop-h4-img-height-1920: 15px;
    --grid-5-3-mcnrunstop-h4-size-1920: 15px;
    --grid-5-3-mcnrunstop-h4-line-1920: 15px;
    --grid-5-3-mcnrunstop-h4-span-size-1920: 15px;
    --grid-5-3-mcnrunstop-h4-span-line-1920: 15px;


    /* GRID 5-3 VIEW (1768) * (1000) */
    --grid-5-3-mcnbody-1768: 73.8vh;
    --grid-5-3-mcnboxes-mcnbody-1768: calc(100vh - var(--grid-5-3-mcnbody-1768));
    --grid-5-3-mcnhead-h4-size-1768: 14px;
    --grid-5-3-mcnhead-h4-line-1768: 14px;
    --grid-5-3-mcnhead-img-width-1768: 14px;
    --grid-5-3-mcnhead-img-height-1768: 14px;
    --grid-5-3-mcniconnum-h5-img-width-1768: 27px;
    --grid-5-3-mcniconnum-h5-img-height-1768: 27px;
    --grid-5-3-mcniconnum-h5-size-1768: 20px;
    --grid-5-3-mcniconnum-h5-line-1768: 20px;
    --grid-5-3-mcniconnum-h6-size-1768: 20px;
    --grid-5-3-mcniconnum-h6-line-1768: 20px;
    --grid-5-3-mcnuser-h5-size-1768: 20px;
    --grid-5-3-mcnuser-h5-line-1768: 20px;
    --grid-5-3-timechart-progress-hight-1768: 22px;
    --grid-5-3-timechart-progress-font-1768: 16px;
    --grid-5-3-mcnrunstop-h4-img-width-1768: 15px;
    --grid-5-3-mcnrunstop-h4-img-height-1768: 15px;
    --grid-5-3-mcnrunstop-h4-size-1768: 15px;
    --grid-5-3-mcnrunstop-h4-line-1768: 15px;
    --grid-5-3-mcnrunstop-h4-span-size-1768: 15px;
    --grid-5-3-mcnrunstop-h4-span-line-1768: 15px;


    /* GRID 5-3 VIEW (1680) * (1044) */
    --grid-5-3-mcnbody-1680: 73.5vh;
    --grid-5-3-mcnboxes-mcnbody-1680: calc(100vh - var(--grid-5-3-mcnbody-1680));
    --grid-5-3-mcnhead-h4-size-1680: 14px;
    --grid-5-3-mcnhead-h4-line-1680: 14px;
    --grid-5-3-mcnhead-img-width-1680: 14px;
    --grid-5-3-mcnhead-img-height-1680: 14px;
    --grid-5-3-mcniconnum-h5-img-width-1680: 29px;
    --grid-5-3-mcniconnum-h5-img-height-1680: 29px;
    --grid-5-3-mcniconnum-h5-size-1680: 20px;
    --grid-5-3-mcniconnum-h5-line-1680: 20px;
    --grid-5-3-mcniconnum-h6-size-1680: 20px;
    --grid-5-3-mcniconnum-h6-line-1680: 20px;
    --grid-5-3-mcnuser-h5-size-1680: 20px;
    --grid-5-3-mcnuser-h5-line-1680: 20px;
    --grid-5-3-timechart-progress-hight-1680: 22px;
    --grid-5-3-timechart-progress-font-1680: 16px;
    --grid-5-3-mcnrunstop-h4-img-width-1680: 15px;
    --grid-5-3-mcnrunstop-h4-img-height-1680: 15px;
    --grid-5-3-mcnrunstop-h4-size-1680: 15px;
    --grid-5-3-mcnrunstop-h4-line-1680: 15px;
    --grid-5-3-mcnrunstop-h4-span-size-1680: 15px;
    --grid-5-3-mcnrunstop-h4-span-line-1680: 15px;


    /* GRID 5-3 VIEW (1440) * (900) */
    --grid-5-3-mcnbody-1440: 73.8vh;
    --grid-5-3-mcnboxes-mcnbody-1440: calc(100vh - var(--grid-5-3-mcnbody-1440));
    --grid-5-3-mcnhead-h4-size-1440: 12px;
    --grid-5-3-mcnhead-h4-line-1440: 12px;
    --grid-5-3-mcnhead-img-width-1440: 12px;
    --grid-5-3-mcnhead-img-height-1440: 12px;
    --grid-5-3-mcniconnum-h5-img-width-1440: 24px;
    --grid-5-3-mcniconnum-h5-img-height-1440: 24px;
    --grid-5-3-mcniconnum-h5-size-1440: 16px;
    --grid-5-3-mcniconnum-h5-line-1440: 16px;
    --grid-5-3-mcniconnum-h6-size-1440: 16px;
    --grid-5-3-mcniconnum-h6-line-1440: 16px;
    --grid-5-3-mcnuser-h5-size-1440: 16px;
    --grid-5-3-mcnuser-h5-line-1440: 16px;
    --grid-5-3-timechart-progress-hight-1440: 20px;
    --grid-5-3-timechart-progress-font-1440: 13px;
    --grid-5-3-mcnrunstop-h4-img-width-1440: 12px;
    --grid-5-3-mcnrunstop-h4-img-height-1440: 12px;
    --grid-5-3-mcnrunstop-h4-size-1440: 12px;
    --grid-5-3-mcnrunstop-h4-line-1440: 12px;
    --grid-5-3-mcnrunstop-h4-span-size-1440: 12px;
    --grid-5-3-mcnrunstop-h4-span-line-1440: 12px;


    /* GRID 5-3 VIEW (1366) */
    --grid-5-3-mcnbody-1366: 74.3vh;
    --grid-5-3-mcnboxes-mcnbody-1366: calc(100vh - var(--grid-5-3-mcnbody-1366));
    --grid-5-3-mcnhead-h4-size-1366: 12px;
    --grid-5-3-mcnhead-h4-line-1366: 11px;
    --grid-5-3-mcnhead-img-width-1366: 12px;
    --grid-5-3-mcnhead-img-height-1366: 12px;
    --grid-5-3-mcniconnum-h5-img-width-1366: 19.5px;
    --grid-5-3-mcniconnum-h5-img-height-1366: 19.5px;
    --grid-5-3-mcniconnum-h5-size-1366: 15px;
    --grid-5-3-mcniconnum-h5-line-1366: 15px;
    --grid-5-3-mcniconnum-h6-size-1366: 15px;
    --grid-5-3-mcniconnum-h6-line-1366: 15px;
    --grid-5-3-mcnuser-h5-size-1366: 15px;
    --grid-5-3-mcnuser-h5-line-1366: 15px;
    --grid-5-3-timechart-progress-hight-1366: 16px;
    --grid-5-3-timechart-progress-font-1366: 10px;
    --grid-5-3-mcnrunstop-h4-img-width-1366: 10px;
    --grid-5-3-mcnrunstop-h4-img-height-1366: 10px;
    --grid-5-3-mcnrunstop-h4-size-1366: 10px;
    --grid-5-3-mcnrunstop-h4-line-1366: 10px;
    --grid-5-3-mcnrunstop-h4-span-size-1366: 10px;
    --grid-5-3-mcnrunstop-h4-span-line-1366: 10px;


    /* GRID 5-3 VIEW (1280) * (714) */
    --grid-5-3-mcnbody-1280: 74.4vh;
    --grid-5-3-mcnboxes-mcnbody-1280: calc(100vh - var(--grid-5-3-mcnbody-1280));
    --grid-5-3-mcnhead-h4-size-1280: 10px;
    --grid-5-3-mcnhead-h4-line-1280: 10px;
    --grid-5-3-mcnhead-img-width-1280: 10px;
    --grid-5-3-mcnhead-img-height-1280: 10px;
    --grid-5-3-mcniconnum-h5-img-width-1280: 18px;
    --grid-5-3-mcniconnum-h5-img-height-1280: 18px;
    --grid-5-3-mcniconnum-h5-size-1280: 14px;
    --grid-5-3-mcniconnum-h5-line-1280: 14px;
    --grid-5-3-mcniconnum-h6-size-1280: 14px;
    --grid-5-3-mcniconnum-h6-line-1280: 14px;
    --grid-5-3-mcnuser-h5-size-1280: 14px;
    --grid-5-3-mcnuser-h5-line-1280: 14px;
    --grid-5-3-timechart-progress-hight-1280: 14px;
    --grid-5-3-timechart-progress-font-1280: 11px;
    --grid-5-3-mcnrunstop-h4-img-width-1280: 10px;
    --grid-5-3-mcnrunstop-h4-img-height-1280: 10px;
    --grid-5-3-mcnrunstop-h4-size-1280: 10px;
    --grid-5-3-mcnrunstop-h4-line-1280: 10px;
    --grid-5-3-mcnrunstop-h4-span-size-1280: 10px;
    --grid-5-3-mcnrunstop-h4-span-line-1280: 10px;


    /* GRID 5-3 VIEW (1199) */
    --grid-5-3-mcnboxes-mcnbody-1199: auto;
    --grid-5-3-mcnhead-h4-size-1199: 14px;
    --grid-5-3-mcnhead-h4-line-1199: 14px;
    --grid-5-3-mcnhead-img-width-1199: 12px;
    --grid-5-3-mcnhead-img-height-1199: 12px;
    --grid-5-3-mcniconnum-h5-img-width-1199: 20px;
    --grid-5-3-mcniconnum-h5-img-height-1199: 20px;
    --grid-5-3-mcniconnum-h5-size-1199: 14px;
    --grid-5-3-mcniconnum-h5-line-1199: 14px;
    --grid-5-3-mcniconnum-h6-size-1199: 14px;
    --grid-5-3-mcniconnum-h6-line-1199: 14px;
    --grid-5-3-mcnuser-h5-size-1199: 14px;
    --grid-5-3-mcnuser-h5-line-1199: 14px;
    --grid-5-3-mcnrunstop-h4-img-width-1199: 12px;
    --grid-5-3-mcnrunstop-h4-img-height-1199: 12px;
    --grid-5-3-mcnrunstop-h4-size-1199: 14px;
    --grid-5-3-mcnrunstop-h4-line-1199: 14px;
    --grid-5-3-mcnrunstop-h4-span-size-1199: 12px;
    --grid-5-3-mcnrunstop-h4-span-line-1199: 12px;

    /* GRID 5-3 VIEW (960) * (540) */
    --grid-5-3-mcnbody-960: 78vh;
    --grid-5-3-mcnboxes-mcnbody-960: calc(100vh - var(--grid-5-3-mcnbody-960));
    --grid-5-3-mcnhead-h4-size-960: 8px;
    --grid-5-3-mcnhead-h4-line-960: 8px;
    --grid-5-3-mcnhead-img-width-960: 8px;
    --grid-5-3-mcnhead-img-height-960: 8px;
    --grid-5-3-mcniconnum-h5-img-width-960: 10px;
    --grid-5-3-mcniconnum-h5-img-height-960: 10px;
    --grid-5-3-mcniconnum-h5-size-960: 10px;
    --grid-5-3-mcniconnum-h5-line-960: 10px;
    --grid-5-3-mcniconnum-h6-size-960: 10px;
    --grid-5-3-mcniconnum-h6-line-960: 10px;
    --grid-5-3-mcnuser-h5-size-960: 10px;
    --grid-5-3-mcnuser-h5-line-960: 10px;
    --grid-5-3-timechart-progress-hight-960: 8px;
    --grid-5-3-timechart-progress-font-960: 7px;
    --grid-5-3-mcnrunstop-h4-img-width-960: 7px;
    --grid-5-3-mcnrunstop-h4-img-height-960: 7px;
    --grid-5-3-mcnrunstop-h4-size-960: 7px;
    --grid-5-3-mcnrunstop-h4-line-960: 7px;
    --grid-5-3-mcnrunstop-h4-span-size-960: 7px;
    --grid-5-3-mcnrunstop-h4-span-line-960: 7px;
}



/* GRID VIEW CSS START */
.grid-1.mcnboxes {
    flex: 0 0 auto;
    width: 100% !important;
}

.grid-2.mcnboxes {
    flex: 0 0 auto;
    width: 50% !important;
}

.grid-3.mcnboxes {
    flex: 0 0 auto;
    width: 33.33% !important;
}

.grid-4-2.mcnboxes {
    flex: 0 0 auto;
    width: 25% !important;
}

.grid-4-3.mcnboxes {
    flex: 0 0 auto;
    width: 25% !important;
}

.grid-4-4.mcnboxes {
    flex: 0 0 auto;
    width: 25% !important;
}

.grid-5-3.mcnboxes {
    flex: 0 0 auto;
    width: 20% !important;
}

.grid-6.mcnboxes {
    flex: 0 0 auto;
    width: 16.66% !important;
}

.grid-7.mcnboxes {
    flex: 0 0 auto;
    width: 14.28% !important;
}

.grid-8.mcnboxes {
    flex: 0 0 auto;
    width: 12.5% !important;
}

/* GRID VIEW CSS END */


/* Defult CSS Start */

.mcnhead h4 {
    font-size: var(--mcnhead-h4-size);
    line-height: var(--mcnhead-h4-line);
}

.mcnhead img {
    width: var(--mcnhead-img-width);
    height: var(--mcnhead-img-height);
}

.mcniconnum h5 {
    font-size: var(--mcniconnum-h5-size);
    line-height: var(--mcniconnum-h5-line);
}

.mcniconnum h5 img {
    width: var(--mcniconnum-h5-img-width);
    height: var(--mcniconnum-h5-img-height);
}

.mcnuser h5 {
    font-size: var(--mcnuser-h5-size);
    line-height: var(--mcnuser-h5-line);
}

/* .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
} */

.mcniconnum h6 {
    font-size: var(--mcniconnum-h6-size);
    line-height: var(--mcniconnum-h6-line);
}

.mcnrunstop h4 {
    font-size: var(--mcnrunstop-h4-size);
    line-height: var(--mcnrunstop-h4-line);
}

.mcnrunstop h4 span {
    font-size: var(--mcnrunstop-h4-span-size);
    line-height: var(--mcnrunstop-h4-span-line);
}

.mcnrunstop h4 img {
    width: var(--mcnrunstop-h4-img-width);
    height: var(--mcnrunstop-h4-img-height);
}

.mcnboxes {
    margin-top: 5px !important;
}

/* Defult CSS Start */



/* grid-1 CSS Start */

.grid-1.mcnboxes .mcnbody {
    height: var(--grid-1-mcnboxes-mcnbody);
}

.grid-1 .mcnhead h4 {
    font-size: var(--grid-1-mcnhead-h4-size);
    line-height: var(--grid-1-mcnhead-h4-line);
}

.grid-1 .mcnhead img {
    width: var(--grid-1-mcnhead-img-width);
    height: var(--grid-1-mcnhead-img-height);
}

.grid-1 .mcniconnum h5 {
    font-size: var(--grid-1-mcniconnum-h5-size);
    line-height: var(--grid-1-mcniconnum-h5-line);
}

.grid-1 .mcniconnum h5 img {
    width: var(--grid-1-mcniconnum-h5-img-width);
    height: var(--grid-1-mcniconnum-h5-img-height);
}

.grid-1 .mcniconnum h6 {
    font-size: var(--grid-1-mcniconnum-h6-size);
    line-height: var(--grid-1-mcniconnum-h6-line);
}

.grid-1 .mcnuser h5 {
    font-size: var(--grid-1-mcnuser-h5-size);
    line-height: var(--grid-1-mcnuser-h5-line);
}

.grid-1 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-1 .mcnrunstop h4 {
    font-size: var(--grid-1-mcnrunstop-h4-size);
    line-height: var(--grid-1-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-1 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-1 .mcnrunstop h4 span {
    font-size: var(--grid-1-mcnrunstop-h4-span-size);
    line-height: var(--grid-1-mcnrunstop-h4-span-line);
}

.grid-1 .mcnrunstop h4 img {
    width: var(--grid-1-mcnrunstop-h4-img-width);
    height: var(--grid-1-mcnrunstop-h4-img-height);
}

/* .grid-1 .mcniconnum,
.grid-1 .mcnuser,
.grid-1 .mcnicode {
    margin-bottom: 5px;
} */

.grid-1.active-tab .mcnscle {
    transform: scale(0.9) !important;
}

.custom_content .grid-1.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-1.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-1.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-1.active-tab .closeicon svg {
    width: 35px;
    height: 35px;
}

.grid-1 #chart .apexChart {
    width: 110px;
    height: auto;
}

/* grid-1 CSS End */





/* grid-2 CSS Start */

.grid-2.mcnboxes .mcnbody {
    height: var(--grid-2-mcnboxes-mcnbody);
}

.grid-2 .mcnhead h4 {
    font-size: var(--grid-2-mcnhead-h4-size);
    line-height: var(--grid-2-mcnhead-h4-line);
}

.grid-2 .mcnhead img {
    width: var(--grid-2-mcnhead-img-width);
    height: var(--grid-2-mcnhead-img-height);
}

.grid-2 .mcniconnum h5 {
    font-size: var(--grid-2-mcniconnum-h5-size);
    line-height: var(--grid-2-mcniconnum-h5-line);
}

.grid-2 .mcniconnum h5 img {
    width: var(--grid-2-mcniconnum-h5-img-width);
    height: var(--grid-2-mcniconnum-h5-img-height);
}

.grid-2 .mcniconnum h6 {
    font-size: var(--grid-2-mcniconnum-h6-size);
    line-height: var(--grid-2-mcniconnum-h6-line);
}

.grid-2 .mcnuser h5 {
    font-size: var(--grid-2-mcnuser-h5-size);
    line-height: var(--grid-2-mcnuser-h5-line);
}

.grid-2 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-2 .mcnrunstop h4 {
    font-size: var(--grid-2-mcnrunstop-h4-size);
    line-height: var(--grid-2-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-2 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-2 .mcnrunstop h4 span {
    font-size: var(--grid-2-mcnrunstop-h4-span-size);
    line-height: var(--grid-2-mcnrunstop-h4-span-line);
}

.grid-2 .mcnrunstop h4 img {
    width: var(--grid-2-mcnrunstop-h4-img-width);
    height: var(--grid-2-mcnrunstop-h4-img-height);
}

/* .grid-2 .mcniconnum,
.grid-2 .mcnuser,
.grid-2 .mcnicode {
    margin-bottom: 8px;
} */

.grid-2.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.custom_content .grid-2.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-2.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-2.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-2.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-2 #chart .apexChart {
    width: 95px;
    height: auto;
}

/* grid-2 CSS End */



/* grid-3 CSS Start */

.grid-3.mcnboxes .mcnbody {
    height: var(--grid-3-mcnboxes-mcnbody);
}

.grid-3 .mcnhead h4 {
    font-size: var(--grid-3-mcnhead-h4-size);
    line-height: var(--grid-3-mcnhead-h4-line);
}

.grid-3 .mcnhead img {
    width: var(--grid-3-mcnhead-img-width);
    height: var(--grid-3-mcnhead-img-height);
}

.grid-3 .mcniconnum h5 {
    font-size: var(--grid-3-mcniconnum-h5-size);
    line-height: var(--grid-3-mcniconnum-h5-line);
}

.grid-3 .mcniconnum h5 img {
    width: var(--grid-3-mcniconnum-h5-img-width);
    height: var(--grid-3-mcniconnum-h5-img-height);
}

.grid-3 .mcniconnum h6 {
    font-size: var(--grid-3-mcniconnum-h6-size);
    line-height: var(--grid-3-mcniconnum-h6-line);
}

.grid-3 .mcnuser h5 {
    font-size: var(--grid-3-mcnuser-h5-size);
    line-height: var(--grid-3-mcnuser-h5-line);
}

.grid-3 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-3 .mcnrunstop h4 {
    font-size: var(--grid-3-mcnrunstop-h4-size);
    line-height: var(--grid-3-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-3 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-3 .mcnrunstop h4 span {
    font-size: var(--grid-3-mcnrunstop-h4-span-size);
    line-height: var(--grid-3-mcnrunstop-h4-span-line);
}

.grid-3 .mcnrunstop h4 img {
    width: var(--grid-3-mcnrunstop-h4-img-width);
    height: var(--grid-3-mcnrunstop-h4-img-height);
}

/* .grid-3 .mcniconnum,
.grid-3 .mcnuser,
.grid-3 .mcnicode {
    margin-bottom: 5px;
} */

.grid-3.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.custom_content .grid-3.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-3.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-3.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-3.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-3 #chart .apexChart {
    width: 80px;
    height: auto;
}

/* grid-3 CSS End */



/* grid-4-2 CSS Start */

.grid-4-2.mcnboxes .mcnbody {
    height: var(--grid-4-2-mcnboxes-mcnbody);
}

.grid-4-2 .mcnhead h4 {
    font-size: var(--grid-4-2-mcnhead-h4-size);
    line-height: var(--grid-4-2-mcnhead-h4-line);
}

.grid-4-2 .mcnhead img {
    width: var(--grid-4-2-mcnhead-img-width);
    height: var(--grid-4-2-mcnhead-img-height);
}

.grid-4-2 .mcniconnum h5 {
    font-size: var(--grid-4-2-mcniconnum-h5-size);
    line-height: var(--grid-4-2-mcniconnum-h5-line);
}

.grid-4-2 .mcniconnum h5 img {
    width: var(--grid-4-2-mcniconnum-h5-img-width);
    height: var(--grid-4-2-mcniconnum-h5-img-height);
}

.grid-4-2 .mcniconnum h6 {
    font-size: var(--grid-4-2-mcniconnum-h6-size);
    line-height: var(--grid-4-2-mcniconnum-h6-line);
}

.grid-4-2 .mcnuser h5 {
    font-size: var(--grid-4-2-mcnuser-h5-size);
    line-height: var(--grid-4-2-mcnuser-h5-line);
}

.grid-4-2 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-4-2 .mcnrunstop h4 {
    font-size: var(--grid-4-2-mcnrunstop-h4-size);
    line-height: var(--grid-4-2-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-4-2 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-4-2 .mcnrunstop h4 span {
    font-size: var(--grid-4-2-mcnrunstop-h4-span-size);
    line-height: var(--grid-4-2-mcnrunstop-h4-span-line);
}

.grid-4-2 .mcnrunstop h4 img {
    width: var(--grid-4-2-mcnrunstop-h4-img-width);
    height: var(--grid-4-2-mcnrunstop-h4-img-height);
}

/* .grid-4-2 .mcniconnum,
.grid-4-2 .mcnuser,
.grid-4-2 .mcnicode {
    margin-bottom: 5px;
} */

.grid-4-2.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.custom_content .grid-4-2.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-4-2.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-4-2.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-4-2.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-4-2 #chart .apexChart {
    width: 85px;
    height: auto;
}


/* grid-4 CSS End */



/* grid-4-3 CSS Start */

.grid-4-3.mcnboxes .mcnbody {
    height: var(--grid-4-3-mcnboxes-mcnbody);
}

.grid-4-3 .mcnhead h4 {
    font-size: var(--grid-4-3-mcnhead-h4-size);
    line-height: var(--grid-4-3-mcnhead-h4-line);
}

.grid-4-3 .mcnhead img {
    width: var(--grid-4-3-mcnhead-img-width);
    height: var(--grid-4-3-mcnhead-img-height);
}

.grid-4-3 .mcniconnum h5 {
    font-size: var(--grid-4-3-mcniconnum-h5-size);
    line-height: var(--grid-4-3-mcniconnum-h5-line);
}

.grid-4-3 .mcniconnum h5 img {
    width: var(--grid-4-3-mcniconnum-h5-img-width);
    height: var(--grid-4-3-mcniconnum-h5-img-height);
}

.grid-4-3 .mcniconnum h6 {
    font-size: var(--grid-4-3-mcniconnum-h6-size);
    line-height: var(--grid-4-3-mcniconnum-h6-line);
}

/* .grid-4-3 .mcnuser h5 {
    font-size: var(--grid-4-3-mcnuser-h5-size);
    line-height: var(--grid-4-3-mcnuser-h5-line);
} */

.grid-4-3 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-4-3 .mcnrunstop h4 {
    font-size: var(--grid-4-3-mcnrunstop-h4-size);
    line-height: var(--grid-4-3-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-4-3 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-4-3 .mcnrunstop h4 span {
    font-size: var(--grid-4-3-mcnrunstop-h4-span-size);
    line-height: var(--grid-4-3-mcnrunstop-h4-span-line);
}

.grid-4-3 .mcnrunstop h4 img {
    width: var(--grid-4-3-mcnrunstop-h4-img-width);
    height: var(--grid-4-3-mcnrunstop-h4-img-height);
}

/* .grid-4-3 .mcniconnum,
.grid-4-3 .mcnuser,
.grid-4-3 .mcnicode {
    margin-bottom: 5px;
} */

.grid-4-3.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.custom_content .grid-4-3.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-4-3.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-4-3.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-4-3.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-4-3 #chart .apexChart {
    width: 85px;
    height: auto;
}


/* grid-4-3 CSS End */



/* grid-4-4 CSS Start */

.grid-4-4.mcnboxes .mcnbody {
    height: var(--grid-4-4-mcnboxes-mcnbody);
}

.grid-4-4 .mcnhead h4 {
    font-size: var(--grid-4-4-mcnhead-h4-size);
    line-height: var(--grid-4-4-mcnhead-h4-line);
}

.grid-4-4 .mcnhead img {
    width: var(--grid-4-4-mcnhead-img-width);
    height: var(--grid-4-4-mcnhead-img-height);
}

.grid-4-4 .mcniconnum h5 {
    font-size: var(--grid-4-4-mcniconnum-h5-size);
    line-height: var(--grid-4-4-mcniconnum-h5-line);
}

.grid-4-4 .mcniconnum h5 img {
    width: var(--grid-4-4-mcniconnum-h5-img-width);
    height: var(--grid-4-4-mcniconnum-h5-img-height);
}

.grid-4-4 .mcniconnum h6 {
    font-size: var(--grid-4-4-mcniconnum-h6-size);
    line-height: var(--grid-4-4-mcniconnum-h6-line);
}

.grid-4-4 .mcnuser h5 {
    font-size: var(--grid-4-4-mcnuser-h5-size);
    line-height: var(--grid-4-4-mcnuser-h5-line);
}

.grid-4-4 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-4-4 .mcnrunstop h4 {
    font-size: var(--grid-4-4-mcnrunstop-h4-size);
    line-height: var(--grid-4-4-mcnrunstop-h4-line);
    margin-bottom: 5px;
}

.grid-4-4 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-4-4 .mcnrunstop h4 span {
    font-size: var(--grid-4-4-mcnrunstop-h4-span-size);
    line-height: var(--grid-4-4-mcnrunstop-h4-span-line);
}

.grid-4-4 .mcnrunstop h4 img {
    width: var(--grid-4-4-mcnrunstop-h4-img-width);
    height: var(--grid-4-4-mcnrunstop-h4-img-height);
}

/* .grid-4-4 .mcniconnum,
.grid-4-4 .mcnuser,
.grid-4-4 .mcnicode {
    margin-bottom: 5px;
} */

.grid-4-4.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.custom_content .grid-4-4.active-tab .mcnscle {
    transform: scale(1) !important;
}

.grid-4-4.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-4-4.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-4-4.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-4-4 #chart .apexChart {
    width: 70px;
    height: auto;
}

/* grid-4-4 CSS End */



/* grid-5 CSS Start */

.grid-5 .mcnhead h4 {
    font-size: calc((20 / 1920) * 100vw);
    line-height: calc((20 / 1920) * 100vw);
}

.grid-5 .mcniconnum h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-5 .mcniconnum h6 {
    font-size: calc((18 / 1920) * 100vw);
    line-height: calc((18 / 1920) * 100vw);
}

.grid-5 .mcnuser h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-5 .mcnicode h5 {
    font-size: calc((16 / 1920) * 100vw);
    line-height: calc((16 / 1920) * 100vw);
}

.grid-5 .mcnrunstop h4 {
    font-size: calc((18 / 1920) * 100vw);
    line-height: calc((18 / 1920) * 100vw);
    margin-bottom: 5px;
}

.grid-5 .mcnrunstop h4:last-child {
    margin-bottom: 0;
}

.grid-5 .mcnrunstop h4 span {
    font-size: calc((14 / 1920) * 100vw);
    line-height: calc((14 / 1920) * 100vw);
}

.grid-5 .mcniconnum h5 img {
    width: 20px;
    height: 20px;
}

.grid-5 .mcnrunstop h4 img {
    width: calc((18 / 1920) * 100vw);
    height: calc((18 / 1920) * 100vw);
}

/* .grid-5 .mcniconnum,
.grid-5 .mcnuser,
.grid-5 .mcnicode {
    margin-bottom: 10px;
} */

.grid-5.active-tab .mcnscle {
    transform: scale(2) !important;
}

.custom_content .grid-5.active-tab .mcnscle {
    transform: scale(1.5) !important;
}

.grid-5.active-tab .closeicon {
    top: -24px;
    right: -1px;
}

.custom_content .grid-5.active-tab .closeicon {
    top: 0px;
    right: 5px;
}

.grid-5.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.custom_content .grid-5.active-tab .closeicon svg {
    width: 20px;
    height: 20px;
}

.grid-5 #chart .apexChart {
    width: 110px;
    height: auto;
}

/* grid-5 CSS End */



/* // `xxl` applies to x-large devices (large desktops, less than 2560px) */
@media (max-width: 2560.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-2560);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-2560);
        line-height: var(--grid-1-mcnhead-h4-line-2560);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-2560);
        height: var(--grid-1-mcnhead-img-height-2560);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-2560);
        line-height: var(--grid-1-mcniconnum-h5-line-2560);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-2560);
        line-height: var(--grid-1-mcniconnum-h6-line-2560);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-2560);
        line-height: var(--grid-1-mcnuser-h5-line-2560);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-2560);
        line-height: var(--grid-1-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-2560);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-2560);
        height: var(--grid-1-mcniconnum-h5-img-height-2560);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-2560);
        height: var(--grid-1-mcnrunstop-h4-img-height-2560);
    }

    .grid-1 #chart .apexChart {
        width: 290px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-2560);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-2560);
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-2560);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-2560);
        line-height: var(--grid-2-mcnhead-h4-line-2560);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-2560);
        height: var(--grid-2-mcnhead-img-height-2560);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-2560);
        line-height: var(--grid-2-mcniconnum-h5-line-2560);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-2560);
        line-height: var(--grid-2-mcniconnum-h6-line-2560);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-2560);
        line-height: var(--grid-2-mcnuser-h5-line-2560);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-2560);
        line-height: var(--grid-2-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-2560);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-2560);
        height: var(--grid-2-mcniconnum-h5-img-height-2560);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-2560);
        height: var(--grid-2-mcnrunstop-h4-img-height-2560);
    }

    .grid-2 #chart .apexChart {
        width: 150px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-2560);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-2560);
    }


    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-2560);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-2560);
        line-height: var(--grid-3-mcnhead-h4-line-2560);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-2560);
        height: var(--grid-3-mcnhead-img-height-2560);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-2560);
        line-height: var(--grid-3-mcniconnum-h5-line-2560);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-2560);
        line-height: var(--grid-3-mcniconnum-h6-line-2560);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-2560);
        line-height: var(--grid-3-mcnuser-h5-line-2560);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-2560);
        line-height: var(--grid-3-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-2560);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-2560);
        height: var(--grid-3-mcniconnum-h5-img-height-2560);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-2560);
        height: var(--grid-3-mcnrunstop-h4-img-height-2560);
    }

    .grid-3 #chart .apexChart {
        width: 170px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-2560);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-2560);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-2560);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-2560);
        line-height: var(--grid-4-2-mcnhead-h4-line-2560);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-2560);
        height: var(--grid-4-2-mcnhead-img-height-2560);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-2560);
        line-height: var(--grid-4-2-mcniconnum-h5-line-2560);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-2560);
        line-height: var(--grid-4-2-mcniconnum-h6-line-2560);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-2560);
        line-height: var(--grid-4-2-mcnuser-h5-line-2560);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-2560);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-2560);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-2560);
        height: var(--grid-4-2-mcniconnum-h5-img-height-2560);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-2560);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-2560);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 170px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-2560);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-2560);
    }


    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-2560);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-2560);
        line-height: var(--grid-4-3-mcnhead-h4-line-2560);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-2560);
        height: var(--grid-4-3-mcnhead-img-height-2560);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-2560);
        line-height: var(--grid-4-3-mcniconnum-h5-line-2560);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-2560);
        line-height: var(--grid-4-3-mcniconnum-h6-line-2560);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-2560);
        line-height: var(--grid-4-3-mcnuser-h5-line-2560);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-2560);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-2560);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-2560);
        height: var(--grid-4-3-mcniconnum-h5-img-height-2560);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-2560);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-2560);
    }

    .grid-4-3 #chart .apexChart {
        width: 130px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-2560);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-2560);
    }



    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-2560);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-2560);
        line-height: var(--grid-4-4-mcnhead-h4-line-2560);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-2560);
        height: var(--grid-4-4-mcnhead-img-height-2560);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-2560);
        line-height: var(--grid-4-4-mcniconnum-h5-line-2560);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-2560);
        line-height: var(--grid-4-4-mcniconnum-h6-line-2560);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-2560);
        line-height: var(--grid-4-4-mcnuser-h5-line-2560);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-2560);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-2560);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-2560);
        height: var(--grid-4-4-mcniconnum-h5-img-height-2560);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-2560);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-2560);
    }

    .grid-4-4 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-2560);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-2560);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-2560);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-2560);
        line-height: var(--grid-5-3-mcnhead-h4-line-2560);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-2560);
        height: var(--grid-5-3-mcnhead-img-height-2560);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-2560);
        line-height: var(--grid-5-3-mcniconnum-h5-line-2560);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-2560);
        line-height: var(--grid-5-3-mcniconnum-h6-line-2560);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-2560);
        line-height: var(--grid-5-3-mcnuser-h5-line-2560);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-2560);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-2560);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-2560);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-2560);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-2560);
        height: var(--grid-5-3-mcniconnum-h5-img-height-2560);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-2560);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-2560);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }
    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-2560);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-2560);
    }
}


@media (max-width: 2160.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-2160);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-2160);
        line-height: var(--grid-1-mcnhead-h4-line-2160);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-2160);
        height: var(--grid-1-mcnhead-img-height-2160);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-2160);
        line-height: var(--grid-1-mcniconnum-h5-line-2160);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-2160);
        line-height: var(--grid-1-mcniconnum-h6-line-2160);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-2160);
        line-height: var(--grid-1-mcnuser-h5-line-2160);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-2160);
        line-height: var(--grid-1-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-2160);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-2160);
        height: var(--grid-1-mcniconnum-h5-img-height-2160);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-2160);
        height: var(--grid-1-mcnrunstop-h4-img-height-2160);
    }

    .grid-1 #chart .apexChart {
        width: 250px;
        height: auto;
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-2160);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-2160);
        line-height: var(--grid-2-mcnhead-h4-line-2160);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-2160);
        height: var(--grid-2-mcnhead-img-height-2160);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-2160);
        line-height: var(--grid-2-mcniconnum-h5-line-2160);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-2160);
        line-height: var(--grid-2-mcniconnum-h6-line-2160);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-2160);
        line-height: var(--grid-2-mcnuser-h5-line-2160);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-2160);
        line-height: var(--grid-2-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-2160);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-2160);
        height: var(--grid-2-mcniconnum-h5-img-height-2160);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-2160);
        height: var(--grid-2-mcnrunstop-h4-img-height-2160);
    }

    .grid-2 #chart .apexChart {
        width: 150px;
        height: auto;
    }


    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-2160);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-2160);
        line-height: var(--grid-3-mcnhead-h4-line-2160);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-2160);
        height: var(--grid-3-mcnhead-img-height-2160);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-2160);
        line-height: var(--grid-3-mcniconnum-h5-line-2160);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-2160);
        line-height: var(--grid-3-mcniconnum-h6-line-2160);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-2160);
        line-height: var(--grid-3-mcnuser-h5-line-2160);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-2160);
        line-height: var(--grid-3-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-2160);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-2160);
        height: var(--grid-3-mcniconnum-h5-img-height-2160);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-2160);
        height: var(--grid-3-mcnrunstop-h4-img-height-2160);
    }

    .grid-3 #chart .apexChart {
        width: 130px;
        height: auto;
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-2160);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-2160);
        line-height: var(--grid-4-2-mcnhead-h4-line-2160);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-2160);
        height: var(--grid-4-2-mcnhead-img-height-2160);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-2160);
        line-height: var(--grid-4-2-mcniconnum-h5-line-2160);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-2160);
        line-height: var(--grid-4-2-mcniconnum-h6-line-2160);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-2160);
        line-height: var(--grid-4-2-mcnuser-h5-line-2160);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-2160);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-2160);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-2160);
        height: var(--grid-4-2-mcniconnum-h5-img-height-2160);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-2160);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-2160);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 130px;
        height: auto;
    }


    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-2160);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-2160);
        line-height: var(--grid-4-3-mcnhead-h4-line-2160);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-2160);
        height: var(--grid-4-3-mcnhead-img-height-2160);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-2160);
        line-height: var(--grid-4-3-mcniconnum-h5-line-2160);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-2160);
        line-height: var(--grid-4-3-mcniconnum-h6-line-2160);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-2160);
        line-height: var(--grid-4-3-mcnuser-h5-line-2160);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-2160);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-2160);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-2160);
        height: var(--grid-4-3-mcniconnum-h5-img-height-2160);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-2160);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-2160);
    }

    .grid-4-3 #chart .apexChart {
        width: 90px;
        height: auto;
    }



    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-2160);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-2160);
        line-height: var(--grid-4-4-mcnhead-h4-line-2160);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-2160);
        height: var(--grid-4-4-mcnhead-img-height-2160);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-2160);
        line-height: var(--grid-4-4-mcniconnum-h5-line-2160);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-2160);
        line-height: var(--grid-4-4-mcniconnum-h6-line-2160);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-2160);
        line-height: var(--grid-4-4-mcnuser-h5-line-2160);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-2160);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-2160);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-2160);
        height: var(--grid-4-4-mcniconnum-h5-img-height-2160);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-2160);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-2160);
    }

    .grid-4-4 #chart .apexChart {
        width: 65px;
        height: auto;
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-2160);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-2160);
        line-height: var(--grid-5-3-mcnhead-h4-line-2160);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-2160);
        height: var(--grid-5-3-mcnhead-img-height-2160);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-2160);
        line-height: var(--grid-5-3-mcniconnum-h5-line-2160);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-2160);
        line-height: var(--grid-5-3-mcniconnum-h6-line-2160);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-2160);
        line-height: var(--grid-5-3-mcnuser-h5-line-2160);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-2160);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-2160);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-2160);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-2160);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-2160);
        height: var(--grid-5-3-mcniconnum-h5-img-height-2160);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-2160);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-2160);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 65px;
        height: auto;
    }
}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1920.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1920);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1920);
        line-height: var(--grid-1-mcnhead-h4-line-1920);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1920);
        height: var(--grid-1-mcnhead-img-height-1920);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1920);
        line-height: var(--grid-1-mcniconnum-h5-line-1920);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1920);
        line-height: var(--grid-1-mcniconnum-h6-line-1920);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1920);
        line-height: var(--grid-1-mcnuser-h5-line-1920);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1920);
        line-height: var(--grid-1-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1920);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1920);
        height: var(--grid-1-mcniconnum-h5-img-height-1920);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1920);
        height: var(--grid-1-mcnrunstop-h4-img-height-1920);
    }

    .grid-1 #chart .apexChart {
        width: 215px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1920);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1920);
    }

    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1920);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1920);
        line-height: var(--grid-2-mcnhead-h4-line-1920);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1920);
        height: var(--grid-2-mcnhead-img-height-1920);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1920);
        line-height: var(--grid-2-mcniconnum-h5-line-1920);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1920);
        line-height: var(--grid-2-mcniconnum-h6-line-1920);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1920);
        line-height: var(--grid-2-mcnuser-h5-line-1920);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1920);
        line-height: var(--grid-2-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1920);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1920);
        height: var(--grid-2-mcniconnum-h5-img-height-1920);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1920);
        height: var(--grid-2-mcnrunstop-h4-img-height-1920);
    }

    .grid-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1920);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1920);
    }

    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1920);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1920);
        line-height: var(--grid-3-mcnhead-h4-line-1920);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1920);
        height: var(--grid-3-mcnhead-img-height-1920);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1920);
        line-height: var(--grid-3-mcniconnum-h5-line-1920);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1920);
        line-height: var(--grid-3-mcniconnum-h6-line-1920);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1920);
        line-height: var(--grid-3-mcnuser-h5-line-1920);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1920);
        line-height: var(--grid-3-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1920);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1920);
        height: var(--grid-3-mcniconnum-h5-img-height-1920);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1920);
        height: var(--grid-3-mcnrunstop-h4-img-height-1920);
    }

    .grid-3 #chart .apexChart {
        width: 125px;
        height: auto;
    }
    
    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1920);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1920);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1920);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1920);
        line-height: var(--grid-4-2-mcnhead-h4-line-1920);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1920);
        height: var(--grid-4-2-mcnhead-img-height-1920);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1920);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1920);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1920);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1920);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1920);
        line-height: var(--grid-4-2-mcnuser-h5-line-1920);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1920);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1920);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1920);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1920);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1920);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1920);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1920);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1920);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1920);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1920);
        line-height: var(--grid-4-3-mcnhead-h4-line-1920);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1920);
        height: var(--grid-4-3-mcnhead-img-height-1920);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1920);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1920);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1920);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1920);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1920);
        line-height: var(--grid-4-3-mcnuser-h5-line-1920);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1920);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1920);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1920);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1920);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1920);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1920);
    }

    .grid-4-3 #chart .apexChart {
        width: 88px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1920);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1920);
    }

    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1920);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1920);
        line-height: var(--grid-4-4-mcnhead-h4-line-1920);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1920);
        height: var(--grid-4-4-mcnhead-img-height-1920);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1920);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1920);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1920);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1920);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1920);
        line-height: var(--grid-4-4-mcnuser-h5-line-1920);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1920);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1920);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1920);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1920);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1920);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1920);
    }

    .grid-4-4 #chart .apexChart {
        width: 60px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1920);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1920);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1920);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1920);
        line-height: var(--grid-5-3-mcnhead-h4-line-1920);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1920);
        height: var(--grid-5-3-mcnhead-img-height-1920);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1920);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1920);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1920);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1920);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1920);
        line-height: var(--grid-5-3-mcnuser-h5-line-1920);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1920);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1920);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1920);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1920);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1920);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1920);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1920);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1920);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 60px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1920);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1920);
    }
}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1768.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1768);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1768);
        line-height: var(--grid-1-mcnhead-h4-line-1768);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1768);
        height: var(--grid-1-mcnhead-img-height-1768);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1768);
        line-height: var(--grid-1-mcniconnum-h5-line-1768);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1768);
        line-height: var(--grid-1-mcniconnum-h6-line-1768);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1768);
        line-height: var(--grid-1-mcnuser-h5-line-1768);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1768);
        line-height: var(--grid-1-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1768);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1768);
        height: var(--grid-1-mcniconnum-h5-img-height-1768);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1768);
        height: var(--grid-1-mcnrunstop-h4-img-height-1768);
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1768);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1768);
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1768);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1768);
        line-height: var(--grid-2-mcnhead-h4-line-1768);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1768);
        height: var(--grid-2-mcnhead-img-height-1768);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1768);
        line-height: var(--grid-2-mcniconnum-h5-line-1768);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1768);
        line-height: var(--grid-2-mcniconnum-h6-line-1768);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1768);
        line-height: var(--grid-2-mcnuser-h5-line-1768);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1768);
        line-height: var(--grid-2-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1768);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1768);
        height: var(--grid-2-mcniconnum-h5-img-height-1768);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1768);
        height: var(--grid-2-mcnrunstop-h4-img-height-1768);
    }

    .grid-2 #chart .apexChart {
        width: 115px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1768);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1768);
    }


    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1768);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1768);
        line-height: var(--grid-3-mcnhead-h4-line-1768);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1768);
        height: var(--grid-3-mcnhead-img-height-1768);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1768);
        line-height: var(--grid-3-mcniconnum-h5-line-1768);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1768);
        line-height: var(--grid-3-mcniconnum-h6-line-1768);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1768);
        line-height: var(--grid-3-mcnuser-h5-line-1768);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1768);
        line-height: var(--grid-3-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1768);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1768);
        height: var(--grid-3-mcniconnum-h5-img-height-1768);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1768);
        height: var(--grid-3-mcnrunstop-h4-img-height-1768);
    }

    .grid-3 #chart .apexChart {
        width: 125px;
        height: auto;
    }
    
    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1768);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1768);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1768);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1768);
        line-height: var(--grid-4-2-mcnhead-h4-line-1768);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1768);
        height: var(--grid-4-2-mcnhead-img-height-1768);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1768);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1768);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1768);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1768);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1768);
        line-height: var(--grid-4-2-mcnuser-h5-line-1768);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1768);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1768);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1768);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1768);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1768);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1768);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }
    
    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1768);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1768);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1768);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1768);
        line-height: var(--grid-4-3-mcnhead-h4-line-1768);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1768);
        height: var(--grid-4-3-mcnhead-img-height-1768);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1768);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1768);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1768);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1768);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1768);
        line-height: var(--grid-4-3-mcnuser-h5-line-1768);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1768);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1768);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1768);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1768);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1768);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1768);
    }

    .grid-4-3 #chart .apexChart {
        width: 70px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1768);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1768);
    }


    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1768);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1768);
        line-height: var(--grid-4-4-mcnhead-h4-line-1768);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1768);
        height: var(--grid-4-4-mcnhead-img-height-1768);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1768);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1768);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1768);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1768);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1768);
        line-height: var(--grid-4-4-mcnuser-h5-line-1768);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1768);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1768);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1768);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1768);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1768);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1768);
    }

    .grid-4-4 #chart .apexChart {
        width: 40px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1768);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1768);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1768);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1768);
        line-height: var(--grid-5-3-mcnhead-h4-line-1768);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1768);
        height: var(--grid-5-3-mcnhead-img-height-1768);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1768);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1768);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1768);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1768);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1768);
        line-height: var(--grid-5-3-mcnuser-h5-line-1768);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1768);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1768);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1768);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1768);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1768);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1768);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1768);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1768);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 40px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1768);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1768);
    }
}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1680.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1680);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1680);
        line-height: var(--grid-1-mcnhead-h4-line-1680);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1680);
        height: var(--grid-1-mcnhead-img-height-1680);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1680);
        line-height: var(--grid-1-mcniconnum-h5-line-1680);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1680);
        line-height: var(--grid-1-mcniconnum-h6-line-1680);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1680);
        line-height: var(--grid-1-mcnuser-h5-line-1680);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1680);
        line-height: var(--grid-1-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1680);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1680);
        height: var(--grid-1-mcniconnum-h5-img-height-1680);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1680);
        height: var(--grid-1-mcnrunstop-h4-img-height-1680);
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1680);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1680);
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1680);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1680);
        line-height: var(--grid-2-mcnhead-h4-line-1680);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1680);
        height: var(--grid-2-mcnhead-img-height-1680);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1680);
        line-height: var(--grid-2-mcniconnum-h5-line-1680);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1680);
        line-height: var(--grid-2-mcniconnum-h6-line-1680);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1680);
        line-height: var(--grid-2-mcnuser-h5-line-1680);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1680);
        line-height: var(--grid-2-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1680);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1680);
        height: var(--grid-2-mcniconnum-h5-img-height-1680);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1680);
        height: var(--grid-2-mcnrunstop-h4-img-height-1680);
    }

    .grid-2 #chart .apexChart {
        width: 115px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1680);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1680);
    }


    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1680);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1680);
        line-height: var(--grid-3-mcnhead-h4-line-1680);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1680);
        height: var(--grid-3-mcnhead-img-height-1680);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1680);
        line-height: var(--grid-3-mcniconnum-h5-line-1680);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1680);
        line-height: var(--grid-3-mcniconnum-h6-line-1680);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1680);
        line-height: var(--grid-3-mcnuser-h5-line-1680);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1680);
        line-height: var(--grid-3-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1680);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1680);
        height: var(--grid-3-mcniconnum-h5-img-height-1680);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1680);
        height: var(--grid-3-mcnrunstop-h4-img-height-1680);
    }

    .grid-3 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1680);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1680);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1680);
    }
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1680);
        line-height: var(--grid-4-2-mcnhead-h4-line-1680);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1680);
        height: var(--grid-4-2-mcnhead-img-height-1680);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1680);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1680);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1680);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1680);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1680);
        line-height: var(--grid-4-2-mcnuser-h5-line-1680);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1680);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1680);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1680);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1680);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1680);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1680);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1680);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1680);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1680);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1680);
        line-height: var(--grid-4-3-mcnhead-h4-line-1680);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1680);
        height: var(--grid-4-3-mcnhead-img-height-1680);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1680);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1680);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1680);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1680);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1680);
        line-height: var(--grid-4-3-mcnuser-h5-line-1680);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1680);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1680);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1680);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1680);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1680);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1680);
    }

    .grid-4-3 #chart .apexChart {
        width: 70px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1680);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1680);
    }


    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1680);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1680);
        line-height: var(--grid-4-4-mcnhead-h4-line-1680);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1680);
        height: var(--grid-4-4-mcnhead-img-height-1680);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1680);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1680);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1680);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1680);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1680);
        line-height: var(--grid-4-4-mcnuser-h5-line-1680);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1680);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1680);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1680);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1680);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1680);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1680);
    }

    .grid-4-4 #chart .apexChart {
        width: 55px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1680);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1680);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1680);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1680);
        line-height: var(--grid-5-3-mcnhead-h4-line-1680);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1680);
        height: var(--grid-5-3-mcnhead-img-height-1680);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1680);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1680);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1680);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1680);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1680);
        line-height: var(--grid-5-3-mcnuser-h5-line-1680);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1680);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1680);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1680);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1680);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1680);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1680);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1680);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1680);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 55px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1680);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1680);
    }
}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1440.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1440);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1440);
        line-height: var(--grid-1-mcnhead-h4-line-1440);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1440);
        height: var(--grid-1-mcnhead-img-height-1440);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1440);
        line-height: var(--grid-1-mcniconnum-h5-line-1440);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1440);
        line-height: var(--grid-1-mcniconnum-h6-line-1440);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1440);
        line-height: var(--grid-1-mcnuser-h5-line-1440);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1440);
        line-height: var(--grid-1-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1440);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1440);
        height: var(--grid-1-mcniconnum-h5-img-height-1440);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1440);
        height: var(--grid-1-mcnrunstop-h4-img-height-1440);
    }

    .grid-1 #chart .apexChart {
        width: 160px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1440);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1440);
    }

    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1440);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1440);
        line-height: var(--grid-2-mcnhead-h4-line-1440);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1440);
        height: var(--grid-2-mcnhead-img-height-1440);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1440);
        line-height: var(--grid-2-mcniconnum-h5-line-1440);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1440);
        line-height: var(--grid-2-mcniconnum-h6-line-1440);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1440);
        line-height: var(--grid-2-mcnuser-h5-line-1440);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1440);
        line-height: var(--grid-2-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1440);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1440);
        height: var(--grid-2-mcniconnum-h5-img-height-1440);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1440);
        height: var(--grid-2-mcnrunstop-h4-img-height-1440);
    }

    .grid-2 #chart .apexChart {
        width: 95px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1440);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1440);
    }

    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1440);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1440);
        line-height: var(--grid-3-mcnhead-h4-line-1440);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1440);
        height: var(--grid-3-mcnhead-img-height-1440);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1440);
        line-height: var(--grid-3-mcniconnum-h5-line-1440);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1440);
        line-height: var(--grid-3-mcniconnum-h6-line-1440);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1440);
        line-height: var(--grid-3-mcnuser-h5-line-1440);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1440);
        line-height: var(--grid-3-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1440);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1440);
        height: var(--grid-3-mcniconnum-h5-img-height-1440);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1440);
        height: var(--grid-3-mcnrunstop-h4-img-height-1440);
    }

    .grid-3 #chart .apexChart {
        width: 90px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1440);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1440);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1440);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1440);
        line-height: var(--grid-4-2-mcnhead-h4-line-1440);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1440);
        height: var(--grid-4-2-mcnhead-img-height-1440);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1440);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1440);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1440);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1440);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1440);
        line-height: var(--grid-4-2-mcnuser-h5-line-1440);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1440);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1440);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1440);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1440);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1440);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1440);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 90px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1440);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1440);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1440);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1440);
        line-height: var(--grid-4-3-mcnhead-h4-line-1440);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1440);
        height: var(--grid-4-3-mcnhead-img-height-1440);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1440);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1440);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1440);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1440);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1440);
        line-height: var(--grid-4-3-mcnuser-h5-line-1440);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1440);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1440);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1440);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1440);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1440);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1440);
    }

    .grid-4-3 #chart .apexChart {
        width: 60px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1440);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1440);
    }


    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1440);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1440);
        line-height: var(--grid-4-4-mcnhead-h4-line-1440);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1440);
        height: var(--grid-4-4-mcnhead-img-height-1440);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1440);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1440);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1440);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1440);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1440);
        line-height: var(--grid-4-4-mcnuser-h5-line-1440);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1440);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1440);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1440);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1440);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1440);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1440);
    }

    .grid-4-4 #chart .apexChart {
        width: 40px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1440);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1440);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1440);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1440);
        line-height: var(--grid-5-3-mcnhead-h4-line-1440);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1440);
        height: var(--grid-5-3-mcnhead-img-height-1440);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1440);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1440);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1440);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1440);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1440);
        line-height: var(--grid-5-3-mcnuser-h5-line-1440);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1440);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1440);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1440);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1440);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1440);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1440);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1440);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1440);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 40px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1440);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1440);
    }
}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1366);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1366);
        line-height: var(--grid-1-mcnhead-h4-line-1366);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1366);
        height: var(--grid-1-mcnhead-img-height-1366);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1366);
        line-height: var(--grid-1-mcniconnum-h5-line-1366);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1366);
        line-height: var(--grid-1-mcniconnum-h6-line-1366);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1366);
        line-height: var(--grid-1-mcnuser-h5-line-1366);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1366);
        line-height: var(--grid-1-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1366);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1366);
        height: var(--grid-1-mcniconnum-h5-img-height-1366);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1366);
        height: var(--grid-1-mcnrunstop-h4-img-height-1366);
    }

    .grid-1 #chart .apexChart {
        width: 165px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1366);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1366);
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1366);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1366);
        line-height: var(--grid-2-mcnhead-h4-line-1366);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1366);
        height: var(--grid-2-mcnhead-img-height-1366);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1366);
        line-height: var(--grid-2-mcniconnum-h5-line-1366);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1366);
        line-height: var(--grid-2-mcniconnum-h6-line-1366);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1366);
        line-height: var(--grid-2-mcnuser-h5-line-1366);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1366);
        line-height: var(--grid-2-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1366);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1366);
        height: var(--grid-2-mcniconnum-h5-img-height-1366);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1366);
        height: var(--grid-2-mcnrunstop-h4-img-height-1366);
    }

    .grid-2 #chart .apexChart {
        width: 60px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1366);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1366);
    }

    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1366);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1366);
        line-height: var(--grid-3-mcnhead-h4-line-1366);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1366);
        height: var(--grid-3-mcnhead-img-height-1366);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1366);
        line-height: var(--grid-3-mcniconnum-h5-line-1366);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1366);
        line-height: var(--grid-3-mcniconnum-h6-line-1366);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1366);
        line-height: var(--grid-3-mcnuser-h5-line-1366);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1366);
        line-height: var(--grid-3-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1366);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1366);
        height: var(--grid-3-mcniconnum-h5-img-height-1366);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1366);
        height: var(--grid-3-mcnrunstop-h4-img-height-1366);
    }

    .grid-3 #chart .apexChart {
        width: 75px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1366);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1366);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1366);
    }

    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1366);
        line-height: var(--grid-4-2-mcnhead-h4-line-1366);
    }

    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1366);
        height: var(--grid-4-2-mcnhead-img-height-1366);
    }

    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1366);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1366);
    }

    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1366);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1366);
    }

    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1366);
        line-height: var(--grid-4-2-mcnuser-h5-line-1366);
    }

    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1366);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1366);
    }

    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1366);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1366);
    }

    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1366);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1366);
    }

    .grid-4-2 #chart .apexChart {
        width: 75px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1366);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1366);
    }


    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1366);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1366);
        line-height: var(--grid-4-3-mcnhead-h4-line-1366);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1366);
        height: var(--grid-4-3-mcnhead-img-height-1366);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1366);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1366);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1366);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1366);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1366);
        line-height: var(--grid-4-3-mcnuser-h5-line-1366);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1366);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1366);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1366);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1366);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1366);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1366);
    }

    .grid-4-3 #chart .apexChart {
        width: 50px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1366);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1366);
    }



    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1366);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1366);
        line-height: var(--grid-4-4-mcnhead-h4-line-1366);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1366);
        height: var(--grid-4-4-mcnhead-img-height-1366);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1366);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1366);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1366);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1366);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1366);
        line-height: var(--grid-4-4-mcnuser-h5-line-1366);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1366);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1366);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1366);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1366);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1366);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1366);
    }

    .grid-4-4 #chart .apexChart {
        width: 50px;
        height: auto;
    }
    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1366);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1366);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1366);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1366);
        line-height: var(--grid-5-3-mcnhead-h4-line-1366);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1366);
        height: var(--grid-5-3-mcnhead-img-height-1366);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1366);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1366);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1366);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1366);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1366);
        line-height: var(--grid-5-3-mcnuser-h5-line-1366);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1366);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1366);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1366);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1366);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1366);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1366);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1366);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1366);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 50px;
        height: auto;
    }
    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1366);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1366);
    }
}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1280.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1280);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1280);
        line-height: var(--grid-1-mcnhead-h4-line-1280);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1280);
        height: var(--grid-1-mcnhead-img-height-1280);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1280);
        line-height: var(--grid-1-mcniconnum-h5-line-1280);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1280);
        line-height: var(--grid-1-mcniconnum-h6-line-1280);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1280);
        line-height: var(--grid-1-mcnuser-h5-line-1280);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1280);
        line-height: var(--grid-1-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1280);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1280);
        height: var(--grid-1-mcniconnum-h5-img-height-1280);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1280);
        height: var(--grid-1-mcnrunstop-h4-img-height-1280);
    }

    .grid-1 #chart .apexChart {
        width: 200px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-1280);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-1280);
    }


    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1280);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1280);
        line-height: var(--grid-2-mcnhead-h4-line-1280);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1280);
        height: var(--grid-2-mcnhead-img-height-1280);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1280);
        line-height: var(--grid-2-mcniconnum-h5-line-1280);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1280);
        line-height: var(--grid-2-mcniconnum-h6-line-1280);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1280);
        line-height: var(--grid-2-mcnuser-h5-line-1280);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1280);
        line-height: var(--grid-2-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1280);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1280);
        height: var(--grid-2-mcniconnum-h5-img-height-1280);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1280);
        height: var(--grid-2-mcnrunstop-h4-img-height-1280);
    }

    .grid-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }
    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-1280);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-1280);
    }


    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1280);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1280);
        line-height: var(--grid-3-mcnhead-h4-line-1280);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1280);
        height: var(--grid-3-mcnhead-img-height-1280);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1280);
        line-height: var(--grid-3-mcniconnum-h5-line-1280);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1280);
        line-height: var(--grid-3-mcniconnum-h6-line-1280);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1280);
        line-height: var(--grid-3-mcnuser-h5-line-1280);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1280);
        line-height: var(--grid-3-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1280);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1280);
        height: var(--grid-3-mcniconnum-h5-img-height-1280);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1280);
        height: var(--grid-3-mcnrunstop-h4-img-height-1280);
    }

    .grid-3 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-1280);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-1280);
    }

    .grid-4-2.mcnboxes .mcnbody {
        height: var(--grid-4-2-mcnboxes-mcnbody-1280);
    }
    
    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1280);
        line-height: var(--grid-4-2-mcnhead-h4-line-1280);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1280);
        height: var(--grid-4-2-mcnhead-img-height-1280);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1280);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1280);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1280);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1280);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1280);
        line-height: var(--grid-4-2-mcnuser-h5-line-1280);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1280);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1280);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1280);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1280);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1280);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1280);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 125px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-1280);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-1280);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1280);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1280);
        line-height: var(--grid-4-3-mcnhead-h4-line-1280);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1280);
        height: var(--grid-4-3-mcnhead-img-height-1280);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1280);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1280);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1280);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1280);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1280);
        line-height: var(--grid-4-3-mcnuser-h5-line-1280);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1280);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1280);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1280);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1280);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1280);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1280);
    }

    .grid-4-3 #chart .apexChart {
        width: 50px;
        height: auto;
    }
    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-1280);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-1280);
    }


    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1280);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1280);
        line-height: var(--grid-4-4-mcnhead-h4-line-1280);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1280);
        height: var(--grid-4-4-mcnhead-img-height-1280);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1280);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1280);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1280);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1280);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1280);
        line-height: var(--grid-4-4-mcnuser-h5-line-1280);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1280);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1280);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1280);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1280);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1280);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1280);
    }

    .grid-4-4 #chart .apexChart {
        width: 50px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-1280);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-1280);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1280);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1280);
        line-height: var(--grid-5-3-mcnhead-h4-line-1280);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1280);
        height: var(--grid-5-3-mcnhead-img-height-1280);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1280);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1280);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1280);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1280);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1280);
        line-height: var(--grid-5-3-mcnuser-h5-line-1280);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1280);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1280);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1280);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1280);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1280);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1280);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1280);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1280);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 50px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-1280);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-1280);
    }
}


/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-1199);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-1199);
        line-height: var(--grid-1-mcnhead-h4-line-1199);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-1199);
        height: var(--grid-1-mcnhead-img-height-1199);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-1199);
        line-height: var(--grid-1-mcniconnum-h5-line-1199);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-1199);
        line-height: var(--grid-1-mcniconnum-h6-line-1199);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-1199);
        line-height: var(--grid-1-mcnuser-h5-line-1199);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-1199);
        line-height: var(--grid-1-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-1199);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-1199);
        height: var(--grid-1-mcniconnum-h5-img-height-1199);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-1199);
        height: var(--grid-1-mcnrunstop-h4-img-height-1199);
    }

    .grid-1 #chart .apexChart {
        width: 70px;
        height: auto;
    }



    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-1199);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-1199);
        line-height: var(--grid-2-mcnhead-h4-line-1199);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-1199);
        height: var(--grid-2-mcnhead-img-height-1199);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-1199);
        line-height: var(--grid-2-mcniconnum-h5-line-1199);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-1199);
        line-height: var(--grid-2-mcniconnum-h6-line-1199);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-1199);
        line-height: var(--grid-2-mcnuser-h5-line-1199);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-1199);
        line-height: var(--grid-2-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-1199);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-1199);
        height: var(--grid-2-mcniconnum-h5-img-height-1199);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-1199);
        height: var(--grid-2-mcnrunstop-h4-img-height-1199);
    }

    .grid-2 #chart .apexChart {
        width: 85px;
        height: auto;
    }



    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-1199);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-1199);
        line-height: var(--grid-3-mcnhead-h4-line-1199);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-1199);
        height: var(--grid-3-mcnhead-img-height-1199);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-1199);
        line-height: var(--grid-3-mcniconnum-h5-line-1199);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-1199);
        line-height: var(--grid-3-mcniconnum-h6-line-1199);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-1199);
        line-height: var(--grid-3-mcnuser-h5-line-1199);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-1199);
        line-height: var(--grid-3-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-1199);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-1199);
        height: var(--grid-3-mcniconnum-h5-img-height-1199);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-1199);
        height: var(--grid-3-mcnrunstop-h4-img-height-1199);
    }

    .grid-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-1199);
        line-height: var(--grid-4-2-mcnhead-h4-line-1199);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-1199);
        height: var(--grid-4-2-mcnhead-img-height-1199);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-1199);
        line-height: var(--grid-4-2-mcniconnum-h5-line-1199);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-1199);
        line-height: var(--grid-4-2-mcniconnum-h6-line-1199);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-1199);
        line-height: var(--grid-4-2-mcnuser-h5-line-1199);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-1199);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-1199);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-1199);
        height: var(--grid-4-2-mcniconnum-h5-img-height-1199);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-1199);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-1199);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-1199);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-1199);
        line-height: var(--grid-4-3-mcnhead-h4-line-1199);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-1199);
        height: var(--grid-4-3-mcnhead-img-height-1199);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-1199);
        line-height: var(--grid-4-3-mcniconnum-h5-line-1199);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-1199);
        line-height: var(--grid-4-3-mcniconnum-h6-line-1199);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-1199);
        line-height: var(--grid-4-3-mcnuser-h5-line-1199);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-1199);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-1199);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-1199);
        height: var(--grid-4-3-mcniconnum-h5-img-height-1199);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-1199);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-1199);
    }

    .grid-4-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }



    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-1199);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-1199);
        line-height: var(--grid-4-4-mcnhead-h4-line-1199);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-1199);
        height: var(--grid-4-4-mcnhead-img-height-1199);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-1199);
        line-height: var(--grid-4-4-mcniconnum-h5-line-1199);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-1199);
        line-height: var(--grid-4-4-mcniconnum-h6-line-1199);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-1199);
        line-height: var(--grid-4-4-mcnuser-h5-line-1199);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-1199);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-1199);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-1199);
        height: var(--grid-4-4-mcniconnum-h5-img-height-1199);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-1199);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-1199);
    }

    .grid-4-4 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-1199);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-1199);
        line-height: var(--grid-5-3-mcnhead-h4-line-1199);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-1199);
        height: var(--grid-5-3-mcnhead-img-height-1199);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-1199);
        line-height: var(--grid-5-3-mcniconnum-h5-line-1199);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-1199);
        line-height: var(--grid-5-3-mcniconnum-h6-line-1199);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-1199);
        line-height: var(--grid-5-3-mcnuser-h5-line-1199);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-1199);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-1199);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-1199);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-1199);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-1199);
        height: var(--grid-5-3-mcniconnum-h5-img-height-1199);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-1199);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-1199);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }
}

@media (max-width: 960px) {
    .grid-1.mcnboxes .mcnbody {
        height: var(--grid-1-mcnboxes-mcnbody-960);
    }

    .grid-1 .mcnhead h4 {
        font-size: var(--grid-1-mcnhead-h4-size-960);
        line-height: var(--grid-1-mcnhead-h4-line-960);
    }

    .grid-1 .mcnhead img {
        width: var(--grid-1-mcnhead-img-width-960);
        height: var(--grid-1-mcnhead-img-height-960);
    }

    .grid-1 .mcniconnum h5 {
        font-size: var(--grid-1-mcniconnum-h5-size-960);
        line-height: var(--grid-1-mcniconnum-h5-line-960);
    }

    .grid-1 .mcniconnum h6 {
        font-size: var(--grid-1-mcniconnum-h6-size-960);
        line-height: var(--grid-1-mcniconnum-h6-line-960);
    }

    .grid-1 .mcnuser h5 {
        font-size: var(--grid-1-mcnuser-h5-size-960);
        line-height: var(--grid-1-mcnuser-h5-line-960);
    }

    .grid-1 .mcnrunstop h4 {
        font-size: var(--grid-1-mcnrunstop-h4-size-960);
        line-height: var(--grid-1-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }

    .grid-1 .mcnrunstop h4 span {
        font-size: var(--grid-1-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-1-mcnrunstop-h4-span-line-960);
    }

    .grid-1 .mcniconnum h5 img {
        width: var(--grid-1-mcniconnum-h5-img-width-960);
        height: var(--grid-1-mcniconnum-h5-img-height-960);
    }

    .grid-1 .mcnrunstop h4 img {
        width: var(--grid-1-mcnrunstop-h4-img-width-960);
        height: var(--grid-1-mcnrunstop-h4-img-height-960);
    }

    .grid-1 #chart .apexChart {
        width: 70px;
        height: auto;
    }

    .grid-1 .timechart .progress .progress-bar {
        font-size: var(--grid-1-timechart-progress-font-960);
    }
    .grid-1 .timechart .progress{
        height: var(--grid-1-timechart-progress-hight-960);
    }



    .grid-2.mcnboxes .mcnbody {
        height: var(--grid-2-mcnboxes-mcnbody-960);
    }

    .grid-2 .mcnhead h4 {
        font-size: var(--grid-2-mcnhead-h4-size-960);
        line-height: var(--grid-2-mcnhead-h4-line-960);
    }

    .grid-2 .mcnhead img {
        width: var(--grid-2-mcnhead-img-width-960);
        height: var(--grid-2-mcnhead-img-height-960);
    }

    .grid-2 .mcniconnum h5 {
        font-size: var(--grid-2-mcniconnum-h5-size-960);
        line-height: var(--grid-2-mcniconnum-h5-line-960);
    }

    .grid-2 .mcniconnum h6 {
        font-size: var(--grid-2-mcniconnum-h6-size-960);
        line-height: var(--grid-2-mcniconnum-h6-line-960);
    }

    .grid-2 .mcnuser h5 {
        font-size: var(--grid-2-mcnuser-h5-size-960);
        line-height: var(--grid-2-mcnuser-h5-line-960);
    }

    .grid-2 .mcnrunstop h4 {
        font-size: var(--grid-2-mcnrunstop-h4-size-960);
        line-height: var(--grid-2-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }

    .grid-2 .mcnrunstop h4 span {
        font-size: var(--grid-2-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-2-mcnrunstop-h4-span-line-960);
    }

    .grid-2 .mcniconnum h5 img {
        width: var(--grid-2-mcniconnum-h5-img-width-960);
        height: var(--grid-2-mcniconnum-h5-img-height-960);
    }

    .grid-2 .mcnrunstop h4 img {
        width: var(--grid-2-mcnrunstop-h4-img-width-960);
        height: var(--grid-2-mcnrunstop-h4-img-height-960);
    }

    .grid-2 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-2 .timechart .progress .progress-bar {
        font-size: var(--grid-2-timechart-progress-font-960);
    }
    .grid-2 .timechart .progress{
        height: var(--grid-2-timechart-progress-hight-960);
    }
    

    .grid-3.mcnboxes .mcnbody {
        height: var(--grid-3-mcnboxes-mcnbody-960);
    }

    .grid-3 .mcnhead h4 {
        font-size: var(--grid-3-mcnhead-h4-size-960);
        line-height: var(--grid-3-mcnhead-h4-line-960);
    }

    .grid-3 .mcnhead img {
        width: var(--grid-3-mcnhead-img-width-960);
        height: var(--grid-3-mcnhead-img-height-960);
    }

    .grid-3 .mcniconnum h5 {
        font-size: var(--grid-3-mcniconnum-h5-size-960);
        line-height: var(--grid-3-mcniconnum-h5-line-960);
    }

    .grid-3 .mcniconnum h6 {
        font-size: var(--grid-3-mcniconnum-h6-size-960);
        line-height: var(--grid-3-mcniconnum-h6-line-960);
    }

    .grid-3 .mcnuser h5 {
        font-size: var(--grid-3-mcnuser-h5-size-960);
        line-height: var(--grid-3-mcnuser-h5-line-960);
    }

    .grid-3 .mcnrunstop h4 {
        font-size: var(--grid-3-mcnrunstop-h4-size-960);
        line-height: var(--grid-3-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }

    .grid-3 .mcnrunstop h4 span {
        font-size: var(--grid-3-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-3-mcnrunstop-h4-span-line-960);
    }

    .grid-3 .mcniconnum h5 img {
        width: var(--grid-3-mcniconnum-h5-img-width-960);
        height: var(--grid-3-mcniconnum-h5-img-height-960);
    }

    .grid-3 .mcnrunstop h4 img {
        width: var(--grid-3-mcnrunstop-h4-img-width-960);
        height: var(--grid-3-mcnrunstop-h4-img-height-960);
    }

    .grid-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-3 .timechart .progress .progress-bar {
        font-size: var(--grid-3-timechart-progress-font-960);
    }
    .grid-3 .timechart .progress{
        height: var(--grid-3-timechart-progress-hight-960);
    }

    .grid-4-2 .mcnhead h4 {
        font-size: var(--grid-4-2-mcnhead-h4-size-960);
        line-height: var(--grid-4-2-mcnhead-h4-line-960);
    }
    
    .grid-4-2 .mcnhead img {
        width: var(--grid-4-2-mcnhead-img-width-960);
        height: var(--grid-4-2-mcnhead-img-height-960);
    }
    
    .grid-4-2 .mcniconnum h5 {
        font-size: var(--grid-4-2-mcniconnum-h5-size-960);
        line-height: var(--grid-4-2-mcniconnum-h5-line-960);
    }
    
    .grid-4-2 .mcniconnum h6 {
        font-size: var(--grid-4-2-mcniconnum-h6-size-960);
        line-height: var(--grid-4-2-mcniconnum-h6-line-960);
    }
    
    .grid-4-2 .mcnuser h5 {
        font-size: var(--grid-4-2-mcnuser-h5-size-960);
        line-height: var(--grid-4-2-mcnuser-h5-line-960);
    }
    
    .grid-4-2 .mcnrunstop h4 {
        font-size: var(--grid-4-2-mcnrunstop-h4-size-960);
        line-height: var(--grid-4-2-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }
    
    .grid-4-2 .mcnrunstop h4 span {
        font-size: var(--grid-4-2-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-4-2-mcnrunstop-h4-span-line-960);
    }
    
    .grid-4-2 .mcniconnum h5 img {
        width: var(--grid-4-2-mcniconnum-h5-img-width-960);
        height: var(--grid-4-2-mcniconnum-h5-img-height-960);
    }
    
    .grid-4-2 .mcnrunstop h4 img {
        width: var(--grid-4-2-mcnrunstop-h4-img-width-960);
        height: var(--grid-4-2-mcnrunstop-h4-img-height-960);
    }
    
    .grid-4-2 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-2 .timechart .progress .progress-bar {
        font-size: var(--grid-4-2-timechart-progress-font-960);
    }
    .grid-4-2 .timechart .progress{
        height: var(--grid-4-2-timechart-progress-hight-960);
    }

    .grid-4-3.mcnboxes .mcnbody {
        height: var(--grid-4-3-mcnboxes-mcnbody-960);
    }

    .grid-4-3 .mcnhead h4 {
        font-size: var(--grid-4-3-mcnhead-h4-size-960);
        line-height: var(--grid-4-3-mcnhead-h4-line-960);
    }

    .grid-4-3 .mcnhead img {
        width: var(--grid-4-3-mcnhead-img-width-960);
        height: var(--grid-4-3-mcnhead-img-height-960);
    }

    .grid-4-3 .mcniconnum h5 {
        font-size: var(--grid-4-3-mcniconnum-h5-size-960);
        line-height: var(--grid-4-3-mcniconnum-h5-line-960);
    }

    .grid-4-3 .mcniconnum h6 {
        font-size: var(--grid-4-3-mcniconnum-h6-size-960);
        line-height: var(--grid-4-3-mcniconnum-h6-line-960);
    }

    .grid-4-3 .mcnuser h5 {
        font-size: var(--grid-4-3-mcnuser-h5-size-960);
        line-height: var(--grid-4-3-mcnuser-h5-line-960);
    }

    .grid-4-3 .mcnrunstop h4 {
        font-size: var(--grid-4-3-mcnrunstop-h4-size-960);
        line-height: var(--grid-4-3-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }

    .grid-4-3 .mcnrunstop h4 span {
        font-size: var(--grid-4-3-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-4-3-mcnrunstop-h4-span-line-960);
    }

    .grid-4-3 .mcniconnum h5 img {
        width: var(--grid-4-3-mcniconnum-h5-img-width-960);
        height: var(--grid-4-3-mcniconnum-h5-img-height-960);
    }

    .grid-4-3 .mcnrunstop h4 img {
        width: var(--grid-4-3-mcnrunstop-h4-img-width-960);
        height: var(--grid-4-3-mcnrunstop-h4-img-height-960);
    }

    .grid-4-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-3 .timechart .progress .progress-bar {
        font-size: var(--grid-4-3-timechart-progress-font-960);
    }
    .grid-4-3 .timechart .progress{
        height: var(--grid-4-3-timechart-progress-hight-960);
    }

    .grid-4-3 .mcn-on-content .mcnhead, .grid-4-3 .mcn-off-content .mcnhead, .grid-4-3 .mcn-error-content .mcnhead {
        padding: 2px 10px;
    }


    .grid-4-4.mcnboxes .mcnbody {
        height: var(--grid-4-4-mcnboxes-mcnbody-960);
    }

    .grid-4-4 .mcnhead h4 {
        font-size: var(--grid-4-4-mcnhead-h4-size-960);
        line-height: var(--grid-4-4-mcnhead-h4-line-960);
    }

    .grid-4-4 .mcnhead img {
        width: var(--grid-4-4-mcnhead-img-width-960);
        height: var(--grid-4-4-mcnhead-img-height-960);
    }

    .grid-4-4 .mcniconnum h5 {
        font-size: var(--grid-4-4-mcniconnum-h5-size-960);
        line-height: var(--grid-4-4-mcniconnum-h5-line-960);
    }

    .grid-4-4 .mcniconnum h6 {
        font-size: var(--grid-4-4-mcniconnum-h6-size-960);
        line-height: var(--grid-4-4-mcniconnum-h6-line-960);
    }

    .grid-4-4 .mcnuser h5 {
        font-size: var(--grid-4-4-mcnuser-h5-size-960);
        line-height: var(--grid-4-4-mcnuser-h5-line-960);
    }

    .grid-4-4 .mcnrunstop h4 {
        font-size: var(--grid-4-4-mcnrunstop-h4-size-960);
        line-height: var(--grid-4-4-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }

    .grid-4-4 .mcnrunstop h4 span {
        font-size: var(--grid-4-4-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-4-4-mcnrunstop-h4-span-line-960);
    }

    .grid-4-4 .mcniconnum h5 img {
        width: var(--grid-4-4-mcniconnum-h5-img-width-960);
        height: var(--grid-4-4-mcniconnum-h5-img-height-960);
    }

    .grid-4-4 .mcnrunstop h4 img {
        width: var(--grid-4-4-mcnrunstop-h4-img-width-960);
        height: var(--grid-4-4-mcnrunstop-h4-img-height-960);
    }

    .grid-4-4 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-4-4 .timechart .progress .progress-bar {
        font-size: var(--grid-4-4-timechart-progress-font-960);
    }
    .grid-4-4 .timechart .progress{
        height: var(--grid-4-4-timechart-progress-hight-960);
    }

    .grid-5-3.mcnboxes .mcnbody {
        height: var(--grid-5-3-mcnboxes-mcnbody-960);
    }
    
    .grid-5-3 .mcnhead h4 {
        font-size: var(--grid-5-3-mcnhead-h4-size-960);
        line-height: var(--grid-5-3-mcnhead-h4-line-960);
    }
    
    .grid-5-3 .mcnhead img {
        width: var(--grid-5-3-mcnhead-img-width-960);
        height: var(--grid-5-3-mcnhead-img-height-960);
    }
    
    .grid-5-3 .mcniconnum h5 {
        font-size: var(--grid-5-3-mcniconnum-h5-size-960);
        line-height: var(--grid-5-3-mcniconnum-h5-line-960);
    }
    
    .grid-5-3 .mcniconnum h6 {
        font-size: var(--grid-5-3-mcniconnum-h6-size-960);
        line-height: var(--grid-5-3-mcniconnum-h6-line-960);
    }
    
    .grid-5-3 .mcnuser h5 {
        font-size: var(--grid-5-3-mcnuser-h5-size-960);
        line-height: var(--grid-5-3-mcnuser-h5-line-960);
    }
    
    .grid-5-3 .mcnrunstop h4 {
        font-size: var(--grid-5-3-mcnrunstop-h4-size-960);
        line-height: var(--grid-5-3-mcnrunstop-h4-line-960);
        margin-bottom: 5px;
    }
    
    .grid-5-3 .mcnrunstop h4 span {
        font-size: var(--grid-5-3-mcnrunstop-h4-span-size-960);
        line-height: var(--grid-5-3-mcnrunstop-h4-span-line-960);
    }
    
    .grid-5-3 .mcniconnum h5 img {
        width: var(--grid-5-3-mcniconnum-h5-img-width-960);
        height: var(--grid-5-3-mcniconnum-h5-img-height-960);
    }
    
    .grid-5-3 .mcnrunstop h4 img {
        width: var(--grid-5-3-mcnrunstop-h4-img-width-960);
        height: var(--grid-5-3-mcnrunstop-h4-img-height-960);
    }
    
    .grid-5-3 #chart .apexChart {
        width: 85px;
        height: auto;
    }

    .grid-5-3 .timechart .progress .progress-bar {
        font-size: var(--grid-5-3-timechart-progress-font-960);
    }
    .grid-5-3 .timechart .progress{
        height: var(--grid-5-3-timechart-progress-hight-960);
    }

    .grid-5-3 .mcn-on-content .mcnhead, .grid-5-3 .mcn-off-content .mcnhead, .grid-5-3 .mcn-error-content .mcnhead {
        padding: 2px 10px;
    }
}