@media (min-width:768px) {
    .mobile-breadcrumb-menu {
        display: none;
    }
}

.mobile-breadcrumb-menu {
    padding: 15px;
}

    .mobile-breadcrumb-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mobile-breadcrumb-menu a,
    .mobile-breadcrumb-menu button,
    .mobile-breadcrumb-menu li a:first-child {
        display: block;
        padding: 15px 15px;
        font-size: 18px;
        background-color: #eee;
        color: #333;
        text-decoration: none;
        position: relative;
    }

        .mobile-breadcrumb-menu a:hover {
            border-bottom: none;
        }

    .mobile-breadcrumb-menu button {
        border: 0;
        width: 100%;
        text-align: left;
    }

    .mobile-breadcrumb-menu a:hover {
        text-decoration: none;
    }

    .mobile-breadcrumb-menu a:after,
    .mobile-breadcrumb-menu button:after {
        display: block;
        content: " ";
        position: absolute;
        right: 6px;
        top: 35%;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-position: 50%;
        transform: none;
    }

    .mobile-breadcrumb-menu ul li ul li a:first-child.parentlink:after {
        background-image: url('/Assets/Common/Images/arrow-up-gray.svg');
    }

    .mobile-breadcrumb-menu a:first-child.parentlink:after {
        background-image: url('/Assets/Common/Images/arrow-up-white.svg');
    }

    .mobile-breadcrumb-menu a[aria-expanded="true"],
    .mobile-breadcrumb-menu a:first-child[aria-expanded="true"],
    .mobile-breadcrumb-menu button[aria-expanded="true"],
    .mobile-breadcrumb-menu button:first-child[aria-expanded="true"] {
        background-color: #57585C;
        color: #fff;
        font-weight: 700;
    }

        .mobile-breadcrumb-menu a[aria-expanded="true"]:after,
        .mobile-breadcrumb-menu button[aria-expanded="true"]:after {
            background-image: url('/Assets/Common/Images/caret-down-white.svg');
            transform: rotate(180deg);
        }

    .mobile-breadcrumb-menu > ul > li > a:first-child,
    .mobile-breadcrumb-menu > ul > li > button {
        background-color: #ccc;
        font-weight: 400;
        padding: 25px 32px 25px 15px;
    }

       

    .mobile-breadcrumb-menu ul li ul li .showchildren {
        font-weight: 700;
    }

    .mobile-breadcrumb-menu .showchildren:after {
        background-image: url('/Assets/Common/Images/caret-down-gray.svg');
        width: 26px;
        transform:rotate(0deg);
    }

    /*.mobile-breadcrumb-menu .activepage {
         font-weight: 700;
    }*/

    .mobile-breadcrumb-menu .siblinglink:before,
    .mobile-breadcrumb-menu .activepage:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 6px;
        height: 100%;
    }

    .mobile-breadcrumb-menu .siblinglink:before {
        background-color: #d9d9d9;
    }

    .mobile-breadcrumb-menu .activepage:before {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 6px;
        height: 100%;
        background-color: #969696;
    }

    .mobile-breadcrumb-menu a[aria-expanded="true"].activepage:before,
    .mobile-breadcrumb-menu button[aria-expanded="true"].activepage:before {
        background-color: #454547;
    }

    .mobile-breadcrumb-menu a.siblinglink {
        background-color: #fafafa;
    }




    /*subpage menu icon adjustments*/
    .mobile-breadcrumb-menu ul li ul li button.showchildren:after {
        top: 15px;
    }

    .mobile-breadcrumb-menu ul li ul li button[aria-expanded="true"].showchildren:after {
        top: 17px;
    }

    .mobile-breadcrumb-menu ul li a.siblinglink {
        padding: 15px 15px;
        font-size: 18px;
        background-color: #eee;
    }