@media (max-width: 839px) {
    .container {
        width: 100%;
    }
}

.area-breadcrumbs {
    text-align: left;
    padding: 12px 0px;
}

    .area-breadcrumbs ol {
        display: inline-block;
        padding-left: 0px;
        margin: 0px;
    }

        .area-breadcrumbs ol li {
            list-style: none;
            display: inline-block;
        }

    .area-breadcrumbs a {
        padding: 0px;
        font-size: 14px;
        color: #006940;
    }

        .area-breadcrumbs a:hover {
            text-decoration: none;
        }

        .area-breadcrumbs a span {
            text-decoration: underline;
        }

        .area-breadcrumbs a.disabled {
            pointer-events: none;
            color: #6F6F6F;
        }

            .area-breadcrumbs a.disabled span {
                text-decoration: none;
            }

    .area-breadcrumbs span {
        display: inline-block;
    }

    .area-breadcrumbs .breadcrumb-divider {
        color: #006940;
        padding: 0px 5px;
    }


@media screen and (max-width: 839px) {
    .area-breadcrumbs:not(.ful-w) {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 576px) {
    .area-breadcrumbs {
        font-size: 16px;
    }

    .banner .area-breadcrumbs {
        margin-bottom: 48px;
        padding: 0px;
    }

        .banner .area-breadcrumbs a, .banner .area-breadcrumbs a span {
            color: white;
            text-decoration: none;
        }

        .banner .area-breadcrumbs .breadcrumb-divider {
            color: white;
        }
}