#checkout {
    float: none;
    margin: auto;
    max-width: var(--monad-checkout-max-width, 1400px);
}

.checkoutTitle {
    clear: both;
}

.monad-nav-checkout {
    clear: both;
    display: block;
    padding: 0;
    width: 100%;
    overflow: hidden;
    background: #79746F;
}

    .monad-nav-checkout > ul {
        width: 100%;
        display: block;
    }

        .monad-nav-checkout > ul > li {
            display: block;
        }

            .monad-nav-checkout > ul > li > a, .monad-nav-checkout > ul > li > span {
                display: inline-block;
                padding: .4em 1em;
                color: #ffffff;
                border: 1px solid #79746F;
                background: #79746F;
                position: relative;
                overflow: visible;
            }

            .monad-nav-checkout > ul > li > a:enabled:hover {
                color: #ffffff;
                border: 1px solid #79746F;
                background: #79746F;
            }

                .monad-nav-checkout > ul > li > a.checkoutLinkActive {
                    color: #ffffff;
                    border: 1px solid #79746F;
                    background: #79746F;
                }

                    .monad-nav-checkout > ul > li > a.checkoutLinkActive:hover {
                        color: #ffffff;
                        border: 1px solid #79746F;
                        background: #79746F;
                    }

            .monad-nav-checkout > ul > li a.checkoutLinkInactive, .monad-nav-checkout > ul > li a.checkoutLinkInactive:hover {
                color: #cccccc;
                border: 1px solid #79746F;
                background: #79746F;
                cursor: default;
            }

            .monad-nav-checkout > ul > li a.checkoutLinkHighlight, .monad-nav-checkout > ul > li > a.checkoutLinkHighlight:hover {
                color: #ffffff;
                border: 1px solid #79746F;
                background: #79746F;
                cursor: default;
            }

.paymentButton {
    margin-bottom: 0.2em;
}

@media screen and (max-width: 767px) {


    .monad-nav-checkout > ul > li > a, .monad-nav-checkout > ul > li > span {
        width: 100%;
        padding: .4em 1.0em;
    }

}