2-col Woo Checkout

includes-child/woocommerce/woo.css

@@ -339,4 +339,31 @@ button.woocommerce-form-login__submit {
 
 .variations tr {
 	display: flex;
+}
+
+/* 2 Column Checkout */
+
+@media(min-width:768px) {
+	.woocommerce .col2-set .col-1, 
+	.woocommerce-page .col2-set .col-1 {
+		width: 90%;
+	}
+
+	#customer_details {
+		display: flex;
+		flex-flow: column nowrap;
+		float: left;
+		width: 50%;
+	}
+
+	#customer_details .col-2 {
+		width: 90%;
+		margin-top: 20px;
+	}
+
+	#order_review,
+	#order_review_heading {
+		width: 50%;
+		float: left;
+	}
 }

style.css

@@ -998,7 +998,10 @@ li.comment {
 }
 
 
- /* Center an uneven row - below is an example of 2 cols centered in a 3 col layout */
+ /* Center an uneven row - below is an example of 2 cols centered in a 3 col layout 
+  * Class is applied in Column Parent Column
+  */
+
 @media (min-width: 768px) {
 	.two-row-three-parent .fl-col-group {
 		display: flex;