.checkout-section-wrapper {
    width: 90%;
    height: 100%;
    margin: 4rem auto;
}
.checkout-row {
    display: flex;
    justify-content: space-evenly;
}

.checkout-section-image {
    margin-right: 2rem;
}

.order-box {
    padding: 24px 32px 16px 32px;
    border: 0.4px solid rgba(165, 165, 165, 0.32);
    background: #fefefe;
    box-shadow: 0px 2px 2px 0px rgba(14, 14, 33, 0.04),
        0px 4px 6px 0px rgba(14, 14, 33, 0.04),
        0px 6px 16px 0px rgba(14, 14, 33, 0.04),
        0px 0px 10px 0px rgba(14, 14, 33, 0.06);
        margin-top: 12px;
}

.checkout-col 
{
    width: 45% !important;
}

.order-box.mobile-submit-data 
{
    display: none;
}

@media screen and (max-width: 768px) {
    .checkout-section-image {
        display: none;
    }
    .checkout-row {
        flex-direction: column;
    }
    .checkout-col {
        width: 100% !important;
    }
    .order-box{
        padding: 16px;
    }

    .checkout-section-wrapper
    {
        margin-top: 1.5rem;
    }
}


@media(max-width:500px)
{
    .order-box.mobile-submit-data 
    {
        display: block;
    }
    .order-box.desktop-submit-data 
    {
        display: none;
    }


}