.main-cart-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    max-width:1360px;
    padding:0 30px;
    position: relative;
    align-items: flex-start;
}
.main-cart-items__container {
    padding-block-start: 10px;
    width: calc(100% - 310px);
    background: #fff;
    background-color: rgb(var(--color-background));
}

.cart__checkout-container {
    width: 300px;
}
@media(max-width:768px){
    .main-cart-container {
        flex-flow: wrap;
        padding: 0 10px;
    }
    .main-cart-items__container {
        width: 100%;
    }
        .cart__checkout-container {
            width: 100%;
        }
}