@media (max-width: 600px) {
    .mobile-filter {
        position: fixed;
        display: none;
        align-content: center;
        justify-content: center;
        align-items: center;
        left: 0;
        height: 100%;
        background: #656565a1;
        top: 0;
        z-index: 99;

        & .card {
            width: 90%;
            max-height: 40rem;


            & > button {
                position: absolute;
                width: 30px;
                right: 01rem;
                top: .5rem;
                height: 30px;
                background: #FFF !important;
                border: none !important;
                z-index: 99;
            }

            & .card-body {
                overflow: auto;

            }

        }
    }

    .hide-md {
        display: block;
    }

    .hide-sm {
        display: none;
    }

    .card-items {
        grid-template-columns: repeat(2, 1fr);
    }

    header {
        max-height: 12rem !important;
        min-height: 12rem !important;
    }

    #search {
        margin-top: 12rem;
        text-align: center;

        & h1 {
            font-size: 32px;
        }
    }

    .search-inputs {
        width: 100%;
    }

    #header-logo {
        width: 90px;
    }

    #mini-cart {
        width: 90%;
    }

    .nav-header {
        /*display: none !important;*/
        margin: 0!important;
        justify-content: center!important;
        padding: 1rem 0;
        gap: 20px;
        border-top: 1px solid #cc040f;

        & li {
        font-size: 15px!important;
        }
    }

    ul.nav-header-movile {
        margin: 0 !important;
        padding: 1rem 0 .5rem;
        display: flex;
        justify-content: space-between;
        width: 100% !important;
        border-top: 1px solid #616163;

        & li {
            padding: 0 1rem;
        }
    }

    .ul-process {
        display: grid;
        width: 100%;
    }

    .ul-process li {
        display: flex;
        font-size: 15px;

    }

    .ul-process li small {
        display: contents;
    }

    .icon-process {
        margin: 0 0 !important;
    }

    .text-process {
        padding: 1rem 2.5rem;
        text-align: left;
    }

    .ul-process li.before:before {
        width: 10%;
        border-bottom-width: 1.25vw;
        margin-top: 25%;
        margin-left: 7%;
        transform: rotate(90deg);
    }

    .card-table {
        & > .table {

            border-radius: 10px;
            margin-top: 1rem;
            padding: 0;


            & table tbody {
                gap: 4px;
                grid-template-columns: repeat(2, 1fr);

                & tr {
                    width: 100%;
                }

                & tr td {
                    padding: 0;
                    width: 30rem;
                }

            }
        }
    }

    .hide-filters {
        display: block;
    }
}