/* WooCommerce Overrides */
.woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel {
 padding: 25px;
}

.woocommerce-page .cart-collaterals, .woocommerce .cart-collaterals {
 width: 100%;
  float: none;
  padding: 30px 0;
}

.woocommerce-page .woocommerce-shipping-fields, .woocommerce .woocommerce-shipping-fields {
  margin-top: 0;
}

.woocommerce-page #customer_details, .woocommerce #customer_details {
  width: 100%;
}

.woocommerce-page #payment, .woocommerce #payment {
  margin: 0;
}

.woocommerce-page #payment > ul, .woocommerce #payment > ul {
  padding: 0;
}

.woocommerce-page #payment fieldset, .woocommerce #payment fieldset {
  padding: 20px;
}

.woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
  width: 25%;
}

.woocommerce-page ul.products li.product.first, .woocommerce ul.products li.product.first {
  clear: left;
}

@media only screen and (max-width:768px) {

.woocommerce-page ul.products li.product, .woocommerce ul.products li.product {
  width: 200px;
    margin: 0 auto 30px;
    float: none;
}  
  
  .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel {
    padding: 0;
  }
}