.storyTotal::-webkit-scrollbar {
	width: 1px;    
height:1px;	/* width of the entire scrollbar */
	}

	.storyTotal::-webkit-scrollbar-track {
	  background: transparent;      
height:1px;     /* color of the tracking area */
	}

	.storyTotal::-webkit-scrollbar-thumb {
	  background-color: transparent;     
height:1px;  /* color of the scroll thumb */
	  border-radius: 0px;       /* roundness of the scroll thumb */
	  border: 1px solid transparent;  /* creates padding around scroll thumb */
	}

	.storyTotal{ margin-top:40px;  width: 100%; display:flex; max-width:100%; overflow:hidden;  overflow-x: scroll;}
	.storys{ margin:9px 18px 9px 0px;  max-width: 100px;}
	.story{ border-radius:20px; height:100px; overflow:hidden; width:100px; }
	.story img{ width: 100px; /* Define a largura da imagem como 100% do tamanho do contêiner */
  height: auto; /* Define a altura da imagem como automática para manter a proporção original */}
	.tituloStory{ text-align:center;  margin-top: 7px;    font-size:14px;  text-overflow: ellipsis; font-weight: 700;
    font-size: 14px;    line-height:1;	}
	.tituloStory a{  text-overflow: ellipsis; }
	
	
	.storyTotal{ margin-top:20px;  width: 100%; display:flex; flex-wrap: wrap; max-width:100%; overflow:hidden;  overflow-x: scroll;}
	
	
	@media only screen and (max-width: 600px) {
  
	.storyTotal::-webkit-scrollbar {
	width: 1px;    
height:1px;	/* width of the entire scrollbar */
	}

	.storyTotal::-webkit-scrollbar-track {
	  background: transparent;      
height:1px;     /* color of the tracking area */
	}
 
	.storyTotal::-webkit-scrollbar-thumb {
	  background-color: transparent;     
height:1px;  /* color of the scroll thumb */
	  border-radius: 0px;       /* roundness of the scroll thumb */
	  border: 1px solid transparent;  /* creates padding around scroll thumb */
	}

	.storyTotal{ margin-top:20px;  width: 100%; display:flex; max-width:100%; flex-wrap: nowrap; overflow:hidden;  overflow-x: scroll;}
	.storys{ margin:9px 18px 9px 0px;  max-width: 70px; }
	.story{ border-radius:20px; height:70px; overflow:hidden; width:70px; }
	.story img{  width: 70px; /* Define a largura da imagem como 100% do tamanho do contêiner */
  height: auto; /* Define a altura da imagem como automática para manter a proporção original */}
	.tituloStory{ text-align:center; margin-top: 4px;   font-size: 12px;  text-overflow: ellipsis; 	}
	.tituloStory a{  text-overflow: ellipsis; }
}