I would like to achieve a two column checkout instead of three as seen in the image, how can i achieve that, below is the code i used to customize my css.

@media (min-width: 768px){
#customer_details{
    width: 60%;
    float: left;
}
#order_review_heading{
    width: 30%;
    float: left;
}
#order_review{
    width: 40%;
    float: left;
    padding-right: 50px;
}
.woocommerce table.shop_table td{
    width: 50%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    width: 100%;
}

}