/* 

U-Design-WooCommerce Responsive Styles

*/




/* Mobile Screen ( smaller than 480px )*/
@media screen and (max-width: 480px) {

    
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      margin: 0 3.8% 2.992em 0;
      width: 46%;
    }
    .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
      width: 46%;
    }
    
    ul.products li.product a { font-size: 0.9em; }
    
    .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
    .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
      width: 100%;
    }
    
    #home-page-content, #page-content, .no_title_section #page-content {
      background-size: 100% auto !important;
    }
    
    .woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td, 
    .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page #content table.cart td {
        min-width: 0;
    }
    .woocommerce table.shop_table.cart th, .woocommerce-page table.shop_table.cart th,
    .woocommerce table.shop_table.cart td, .woocommerce-page table.shop_table.cart td { padding-left:5px; padding-right:5px; }
    .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, 
    .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon {
        margin-bottom: 10px;
    }
    .woocommerce table.cart td.actions .button { width: 100%; }
    .woocommerce table.cart td.actions .checkout-button { margin-top: 5px; }
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100%; }
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 98%; }
    
    /*
    */
    
}

/* Medium Screen ( 480px to 719px ) */
@media screen and (min-width: 480px) and (max-width: 719px) {

    
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      margin: 0 3.8% 2.992em 0;
      width: 46%;
      clear: none;
    }
    .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; }
    .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, 
    .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, 
    .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, 
    .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
      width: 30%;
    }
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
      margin-right: 0;
    }
    #home-page-content, #page-content, .no_title_section #page-content {
      background-size: 100% auto !important;
    }
    
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%; }
    .woocommerce #customer_login.col2-set .col-1, .woocommerce-page #customer_login.col2-set .col-1,
    .woocommerce #customer_login.col2-set .col-2, .woocommerce-page #customer_login.col2-set .col-2 { width: 98%; }
    
    /* 
    */
    
}


/* 720px to 959px Screen */
@media screen and (min-width: 720px) and (max-width: 959px) {

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      margin: 0 3.8% 2.992em 0;
      width: 46%;
      clear: none;
    }
    .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; }
    .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, 
    .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, 
    .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, 
    .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
      width: 30%;
    }
    .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
      margin-right: 0;
    }
    .woocommerce table.cart td.actions .checkout-button { margin-top: 5px; }
    #home-page-content, #page-content, .no_title_section #page-content {
      background-size: 100% auto !important;
    }
    /*
    */
    
    
}