/* break 1200px = xl */
/* break 992px = lg */
/* break 768px = md */
/* break 576px = sm */

@media(max-width:1198.98px) {}

@media(max-width:991.98px) {
    html {
        font-size: 56.25%;
    }

    .nav-mobile-icon::before {
        content: '';
        background: #0B1625;
        z-index: -5;
        position: absolute;
        width: 100%;
        height: calc(100% + 44px);
        top: -44px;
        left: 0;
    }

    .height-116 {
        height: 100px;
    }
}

@media(max-width:767.98px) {}

@media (max-width:575.98px) {

    .section-management,
    .section-rank {
        padding-left: 24px;
        padding-right: 24px;
    }

    .section-management {
        background: none;
    }

    .heading-management-box {
        align-items: flex-start;
        margin-top: 61px;
        height: auto;
    }

    .heading-management-text {
        color: #0B1625;
    }

    .sub-management-text {
        color: #0B1625;
    }

    .gx-2 {
        --bs-gutter-x: 0;
    }

    .rank-box {
        width: auto;
    }

    .board-content {
        text-align: center;
        margin-top: 32px;
    }

    .section-rank {
        padding-top: 23px;
        padding-bottom: 111px;
    }
}