.shopping-sidebar {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     width: 25%;
 }
 
 .shopping-search-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: hidden;
 }

 .search-name {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

 .search-name input {
    text-indent: 5px;
    width: 80%;
    font-size: 15px;
    border: 1px solid black;
    border-radius: 30px;
}

.search-name .button-full {
    display: inline;
    width: 15%;
    height: 21px;
    background-color: slateblue;
    color: white;
    font-size: 15px;
    border: none;
    border-radius: 30px;
} 

.shopping-menu .button-resized {
    display: none;
} 

.advanced-search {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.search-type,
.search-price,
.search-order {
    width: 100%;
}

.search-price-min,
.search-price-max {
    width: 50%;
}

.search-type select,
.search-price select,
.search-order select {
    width: 100%;
}

.price-range {
    width: 100%;
}

.s-bar button:hover {
    background-color: "rgb(89, 73, 190)";
} 
 
 .shopping-menu a {
     margin-top: 10px;
     margin-bottom: 10px;
     text-indent: 20px;
     font-size: 12px;
     text-decoration: none;
     color: black;
 }
 
 .shopping-menu a:hover {
     color: rgb(167, 167, 167);
 }
 
 
 .shopping-menu-resized {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 50px;
    background-color: rgb(221, 221, 221);
}

.shopping-menu-resized h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-indent: 15px;
    width: 100%;
    margin: 0;
} 

.shopping-menu-resized .footer-bars {
    display: none;
}
 
 .division-menu {
    display: flex;
    flex-direction: column;
    padding: 0px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    height: 514.5px;
    background-color: rgb(221, 221, 221);
}

.division-menu h4 {
    text-align: center;
}

.division-menu a {
    margin-top: 10px;
    margin-bottom: 10px;
    text-indent: 20px;
    text-decoration: none;
    color: black;
}

.division-menu a:hover {
    color: rgb(167, 167, 167);
}
 
 /* --- Janela reduzida --- */
 
 @media screen and (max-width: 1200px) {

    .shopping-menu-resized h4 {
        width: 95%;
    } 
    
    .shopping-menu-resized .footer-bars {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
    }
 
     .shopping-menu {
         display: none;
     } 
 
     .shopping-sidebar {
         flex-direction: column;
         width: 100%;
     }
     
 }

 @media screen and (max-width: 500px) {
    .advanced-search {
        flex-direction: column;
    }

    .search-type,
    .search-price,
    .search-order {
        width: 100%;
    }

    .search-type select,
    .search-price select,
    .search-order select {
        width: 100%;
    }

}
 
 @keyframes slideDown1 {
     from {height: 0px;}
     to {height: 285px;}
 }
 
 @keyframes slideDown11 {
     from {height: 0px;}
     to {height: 275px;}
 }
 
 @keyframes slideDown12 {
     from {height: 0px;}
     to {height: 285px;}
 }