.qbrk-panel {width:280px;padding:10px;border:1px solid #999;border-radius:5px; background: #ecf0f1;box-sizing:border-box;margin:10px 0;}
.qbrk-row {background:#FFF;min-height:12px;margin:0 0 0 0;width:100%;overflow:hidden;box-sizing:border-box;}
.qbrk-qty {float:left;width:50%;border-right:2px solid #ecf0f1;padding:0 5px;text-align:left;box-sizing:border-box;}
.qbrk-price {float:right;width:50%;padding:0 5px;text-align:right;font-weight:bold;box-sizing:border-box;}

.qbrk-panel {
  clear:both;
  width: 100%;
  max-width:400px;
  min-height: 66px;
  background: #FFF;
  padding: 10px;
  border: solid 1px #ababab;
  margin: 0 0 15px 0;
  box-sizing: border-box;
  overflow: auto;
  border-radius:0px;
}

/* iphone and Mobile */
@media only screen and (max-width: 767px) and (min-width: 100px) {
   .qbrk-panel {max-width:100%;}
}