/* Menu Insta */
@media screen and (max-width: 767px){
#menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before {
background-image: url(https://cdn.awsli.com.br/2485/2485311/arquivos/1-sonhos.png);
}
#menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before {
background-image:url(https://cdn.awsli.com.br/2485/2485311/arquivos/5-top.png);
}
#menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before {
background-image:url(https://cdn.awsli.com.br/2485/2485311/arquivos/2-blusa.png);
}
#menuinsta > div > div > div > li.slick-slide:nth-child(4) > a:before {
background-image:url(https://cdn.awsli.com.br/2485/2485311/arquivos/3-cropped.png);
}
#menuinsta > div > div > div > li.slick-slide:nth-child(5) > a:before {
background-image:url(https://cdn.awsli.com.br/2485/2485311/arquivos/4-legging.png);
}
#menuinsta > div > div > div > li.slick-slide:nth-child(6) > a:before {
background-image:url(https://cdn.awsli.com.br/2485/2485311/arquivos/1-bermuda.png);

}
.mini-banners-container {
    position: relative;
    width: 100%;
    overflow: hidden; /* Esconde os banners que não estão visíveis */
}

.mini-banners-carousel {
    display: flex; /* Faz os banners ficarem lado a lado */
    transition: transform 0.5s ease; /* Transição suave para o movimento do carrossel */
}

.mini-banner {
    min-width: 20%; /* Define a largura mínima para cada mini banner */
    box-sizing: border-box; /* Garante que padding e border não afetem a largura total */
    
}

.mini-banner img {
    width: 100%; /* Faz as imagens ocuparem toda a largura do banner */
    height: auto; /* Mantém a proporção da imagem */
}