.beards_crums {
    max-width: 1200px;
    min-width: 250px;
    margin: auto 15px;
    font-size: 12px;
    padding-top: 18px;
    color: #719CFF;
    position: relative;
    display: flex;
    text-transform: uppercase;
}


.beards_crums div a:after {
    content: '|';
    margin: 0 3px;
}

.beards_crums div a:last-child::after {
    content: '';
}

.beards_crums div a {
    color: #719CFF;
    text-decoration: none;
    text-transform: uppercase;
}

.beards_crums div a.active {
    color: #719CFF;
}

.beards_crums div span {
    text-transform: uppercase;
}

.beards_crums ul li {
    display: inline-block;
    text-decoration: none;
}

.beards_crums ul li:after {
    content: '|';
}

.beards_crums ul li:last-child:after {
    content: '';
}

.beards_crums ul li a {
    color: #719CFF;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 3px;
}

.beards_crums ul li a.active {
    color: #719CFF;
}

.beards_crums p .active {
    color: #719CFF;
}

@media screen and (max-width: 600px) {
    .beards_crums {
        height: 0;
        visibility: hidden;
        padding: 0;
    }
}
@media (min-width: 1200px){
	.beards_crums {
	
		padding-top: 21px;
		margin: auto 30px;

	}
}