triangulo responsivo

[massu_vago]

Estimados,
junto con saludar, les queria pedir ayuda para hacer que un tiangulo creado en un :after de un div sea responsivo ya que al reducir la pantalla sucede esto:



el triangulo sigue del mismo tamaño y necesito que se adapte al largo del div, adjunto el codigo del After

Código:

.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 57.5px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
	height: 10px;
  }

espero me puedan ayudar ya tengo un dolor de cabeza gigante con este problema