@media only screen and (max-width: 640px) {
    .nav.fixed-bottom .nav-item .nav-link {
        display: unset;
        padding: 0;
        text-align: center;
        transition: all ease-in-out 200ms;
    }

    .nav.fixed-bottom .nav-item .nav-link {
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 0;
        transition: all ease-in-out 200ms;
    }

    .nav.fixed-bottom .nav-item .nav-link.active,
    .nav.fixed-bottom .nav-item .nav-link:hover {
        color: #610f02;
        font-weight: 900;
    }

    .nav.fixed-bottom .nav-item .nav-link ion-icon {
        font-size: 18px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        transition: all ease-in-out 200ms;
    }

    .nav.fixed-bottom .nav-item .nav-link:hover ion-icon {
        --ionicon-stroke-width: 50px;
    }

    .nav.fixed-bottom .nav-item .nav-link .indicator {
        transform: translate(50%);
        width: 100%;
        height: 4px;
        width: 0;
        transition: all ease-in-out 200ms;
    }

    .nav.fixed-bottom .nav-item .nav-link.active .indicator,
    .nav.fixed-bottom .nav-item .nav-link:hover .indicator {
        transform: translate(0%, -0%);
        background: #8b2211;
        width: 100%;
        height: 4px;
        margin-bottom: 0;
        border-radius: 15px 15px 0 0;
    }
}