#breadcrumbs{
    padding-top: 80px;
    padding-bottom: 100px;
    > span{
        display: flex;
        justify-content: end;
        gap: 10px;
        flex-wrap: wrap;
        
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: 0.7px;
        >span{
            color: var(--color-primary-1);
            >a{
                color: var(--color-gray-1);
                transition: color 0.3s;
                &:hover{
                    color: var(--color-primary-1);
                }
            }
        }
    }
}

@media screen and (width < 1248px) {
    #breadcrumbs{
        padding-bottom: 60px;
    }
}

@media screen and (width < 768px) {
    #breadcrumbs{
        padding-top: 60px;
        padding-bottom: 40px;
        > span {
            font-size: 13px;
            line-height: 1.8;
            letter-spacing: 0.65px;
        }
    }
}