@media screen and (min-width: 768px) {
    .checkout-index-index #checkout.checkout-container {
        display: block !important;
    }

    .checkout-index-index #checkout.checkout-container::before,
    .checkout-index-index #checkout.checkout-container::after {
        content: "" !important;
        display: table !important;
    }

    .checkout-index-index #checkout.checkout-container::after {
        clear: both !important;
    }

    .checkout-index-index .opc-wrapper {
        box-sizing: border-box;
        float: left !important;
        margin: 0 !important;
        max-width: none !important;
        padding-right: 20px;
        width: calc(100% - 360px) !important;
    }

    .checkout-index-index #opc-sidebar,
    .checkout-index-index .opc-sidebar {
        box-sizing: border-box;
        float: right !important;
        margin: 46px 0 20px !important;
        max-width: none !important;
        padding-left: 10px;
        width: 340px !important;
        min-width: 340px !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        visibility: visible !important;
    }

    .checkout-index-index #opc-sidebar .opc-block-summary,
    .checkout-index-index .opc-sidebar .opc-block-summary {
        width: 100% !important;
    }

    .checkout-index-index .opc-progress-bar {
        margin: 0 auto 20px !important;
        text-align: center !important;
        width: 100% !important;
    }
}