.woo-cart-icon {float: right; width: 32px; margin-left: 5px; padding: 8px 0; line-height: 1em; background: #000; color: #fff; text-align: center; font-weight: bold; z-index: 9999999; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.woo-cart-icon .fa-shopping-cart {color: #fff;}

.woocommerce .woocommerce-breadcrumb {margin-bottom: 30px; font-size: .8em;}
.woocommerce .woocommerce-breadcrumb a {color: #09c;}
.woocommerce .woocommerce-breadcrumb a:hover {color: #09c;}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {font-weight: 400; font-size: 1.2em; letter-spacing: .02em;}

.woocommerce div.product .product_title {font-weight: 400; font-size: 1.8em; letter-spacing: .02em;}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {text-align: center;}
.woocommerce-page .related {clear: both;}
.woocommerce ul.products li.product .price {color: #000; font-weight: 300;}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce ul.products li.product .star-rating {margin: 0 auto;}
.woocommerce div.product form.cart .button,
.woocommerce ul.products li.product .button {font-weight: 400; font-size: .8em; text-transform: uppercase; padding: 12px 20px; letter-spacing: .1em;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {font-weight: 300; font-size: .8em; text-transform: uppercase;}

.woocommerce ul.products li.product .button.loading {padding-right: 30px;}
.woocommerce ul.products li.product .button.loading::after {line-height: 1.6em;}

.woocommerce span.onsale {background: #ff4a9b; z-index: 9999; padding: 0; transition: all .2s ease-in-out;}
.woocommerce div.product p.price,
.woocommerce div.product span.price {color: #000; font-size: 1.1em; font-weight: 300;}
.woocommerce span.sold_out {position: absolute; top: 0; left: 0; background: #ff4a9b; z-index: 9999; padding: 8px; line-height: 1em; font-weight: bold; font-size: 12px; transition: all .2s ease-in-out;}

.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce .star-rating {color: #ffd200;}

.woocommerce div.product .woocommerce-tabs ul.tabs li {border-radius: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {display: none; border-radius: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {display: none; border-radius: 0;}

.woocommerce ul.products li.product .price del {display: inline;}

.woocommerce div.product form.cart .variations td.label {padding: .5em 1em;}

.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tr,
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations thead,
.woocommerce div.product form.cart .variations tfoot {border: none;}

.woocommerce table.shop_attributes td {padding: 8px;}
.woocommerce table.shop_attributes td p {padding: 0; margin: 0;}

.related.products.jpibfi_container h2 {clear: both;}

.woocommerce-pagination {font-weight: 300;}
.woocommerce-pagination .page-numbers {padding: 6px 12px;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {background: #eee; color: #000; margin-right: 5px;}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {margin-right: 5px; background: #000; color: #fff;}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {border: none;}

.woocommerce div.product div.images .flex-control-nav {position: relative; bottom: auto;}
.woocommerce-product-gallery .flex-control-nav {display: block;}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce .cart .button,
.woocommerce .cart input.button {font-weight: 300; font-size: .7em; text-transform: uppercase; padding: 10px;}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {font-weight: 300; font-size: .8em; text-transform: uppercase; border: 1px solid #ff4a9b; background: #ff4a9b; color: #fff; cursor: pointer; padding: 8px 15px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {border: 1px solid #000; background: #000; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {border: 1px solid #aaa; background: #aaa; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.woocommerce .woocommerce-error {background: #f2dede; border: 1px solid #eed3d7; color: #b94a48;}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {border: none;}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before {color: #000;}

.nav li.menu-item-type-woocommerce-cart {float: right;}
.nav li.menu-item-type-woocommerce-cart a {font-size: .9em;}
.nav li.menu-item-type-woocommerce-cart a.cart-contents .count {display :block; background: #000; color: #fff; width: 18px; padding: 1px 0; text-align: center; float: right; margin-left: 5px; font-size: .85em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {background: #ddd;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background: #000;}

/*************************************************************************************************************************
Screen smaller than 480px
*************************************************************************************************************************/
@media all and (max-width: 480px) {

  /* WooCommerce */
  .woocommerce .upsells ul.products li.product,
  .woocommerce-page .upsells ul.products li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {width: 100%;}

  .nav li.menu-item-type-woocommerce-cart {float: none;}
  .nav li.menu-item-type-woocommerce-cart a {font-size: .9em; display: inline-block;}
  .nav li.menu-item-type-woocommerce-cart a.cart-contents .count {display: inline-block; float: none;}

}

/*************************************************************************************************************************
Screen between 481px and 1199px
*************************************************************************************************************************/
@media all and (min-width: 481px) and (max-width: 1199px) {

  /* WooCommerce */
  .woocommerce .upsells ul.products li.product,
  .woocommerce-page .upsells ul.products li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {width: 45%;}

  .nav li.menu-item-type-woocommerce-cart {float: none;}
  .nav li.menu-item-type-woocommerce-cart a {font-size: .9em; display: inline-block;}
  .nav li.menu-item-type-woocommerce-cart a.cart-contents .count {display: inline-block; float: none;}

}

/*************************************************************************************************************************
Screen larger than 1200px
*************************************************************************************************************************/
@media all and (min-width: 1200px) {

  /* WooCommerce */
  .woocommerce .upsells ul.products li.product,
  .woocommerce-page .upsells ul.products li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {width: 22%;}

}
