@media (max-width: 767.98px) {
    .CurrencyContainer {
        margin-top: 20px;
    }

    .text-center .dbutton .text {
        display: none;
    }

    .moretables table,
    .moretables thead,
    .moretables tbody,
    .moretables th,
    .moretables tr {
        display: block;
    }

    .moretables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .moretables tr {
        border: 1px solid #ccc;
        border-radius: 15px;
    }

    .tdfs1 {
        border-bottom: 1px solid !important;
    }

    .moretables td {
        border: none;
        position: relative;
        padding-right: 10%;
        white-space: normal;
        text-align: right;
    }

    .moretables tr td:last-child {
        border-bottom: none;
    }

    .moretables td:before {
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        text-align: start;
        margin-left: 15px;
    }

    .moretables td:before {
        content: attr(data-title);
    }

    .header-nt::after {
        content: '\25bc';
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 0;
        margin-top: 15px;
        transition: transform 0.3s ease;
    }

    .header-nt.open::after {
        transform: rotate(180deg);
    }


    .header-nt td:not(:nth-child(2)) {
        display: none;
    }

    .header-nt.open td:not(:nth-child(2)) {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    .header-nt td:nth-child(2) {
        display: block;
    }

    .header-nt.open td {
        display: block;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s ease, max-height 0.3s ease;
    }

    .header-row td {
        display: block;
    }

    .table.gs-7 td:last-child,
    .table.gs-7 th:last-child {
        padding-right: 10%;
    }
}

@media (max-width: 992px) {
    .csmd-r {
        flex-direction: column;
    }
}

@media (min-width: 993px) and (max-width: 1290px) {
    .text-center .dbutton .icon {
        display: inline-block;
    }
}

@media (min-width: 1291px) {

    .text-center .dbutton .icon,
    .text-center .dbutton .text {
        display: inline-block;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .menu-lg-row > .menu-item {
        font-size: 90%;
    }
}