@media (max-width: 576px) {
    html, body {
        font-size: 13px;
    }

    #header-search-slogan {
        font-size: 1.7rem;
    }

    #header-search-slogan strong {
        font-size: 1.7rem;
    }

    #header-search {
        padding-left: 5px;
        padding: 5px;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-weight: 700;
        font-size: 1.6rem;
    }

    h3 {
        font-weight: 700;
        font-size: 1.6rem;
    }

    h4 {
        font-weight: 500;
        font-size: 1.4rem;
    }

    h5 {
        font-weight: 500;
        font-size: 1.2rem;
    }

    h6 {
        font-weight: 500;
        font-size: 1.1rem;
    }

    #navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: white;
    }


    #body-home #navbar-collapse {
        position: absolute;
        background-color: transparent;
    }

    #navbar-collapse ul {
        margin: 1rem 1rem;
        padding: 1rem;
        background-color: #EFEFF1;
        border-radius: 0.5rem;
    }

    #body-home #navbar-collapse ul {
        background-color: rgba(255, 255, 255, 1);
    }

    #navbar-collapse ul li {
        list-style-type: none;
        padding: 0px;
    }

    #navbar-collapse ul li a {
        margin: 0.2rem 0px !important;
        padding: 1rem 1rem !important;
        font-size: 1.2rem;
        background-color: transparent;
        color: #585057;
        border: none;
    }

    #navbar-collapse ul li a:hover {
        text-decoration: none;
        background-color: #E5E3E5 !important;

        border-radius: 0.5rem;
    }

    #body-home #navbar-collapse ul li a:hover {
        background-color: #EFEFF1;
    }

    .search-results-with-btn-filters-open {
        padding-left: 0px;
    }



}