/**
 * All of the CSS for your public-single-product functionality should be
 * included in this file.
 */

/* box product responsive fixes */
/* @media only screen and (max-width: 767px) {
  .col-left {
    float: left;
    width: 100%;
  }

  .col-right {
    float: right;
    width: 100%;
  }
}
*/
#ow-pizza-pieces {
  clear: both;
  min-height: 250px;
  background-image: url("../img/bg-pizza.jpg");
  background-size: cover;
} 

@media screen and (min-width: 1024px) {
  #ow-pizza-pieces {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  #ow-pizza-disk {
    margin: auto;
  }
}

#ow-pizza-disk {
  background-image: url("../img/pizza-dough-1.png");
  max-width: 320px;
  max-height: 320px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  height: 200px;
  width: 200px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: center;
  align-items: center;
}

.ubp_box_content {
  visibility: hidden;
  max-height: 0px;
  overflow: hidden;
}

@media screen and (max-width: 767px) and (min-width: 378px) {
  #ubp_box_choices_container > ul > li {
    width: 47% !important;
  }
}

@media screen and (max-width: 377px) {
  #ow-pizza-disk {
    height: 240px;
    width: 240px;
    max-height: 240px;
    max-width: 240px;
  }
}