.itemsLineHeading {width: 100%; float: left; font-size: 16px; font-weight: 600; color: #808080; text-align: center; margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; text-transform: uppercase;}
.itemsLineFrame {width: 100%; float: left;}
.itemsLineFrame .itemFrame {width: 100%; float: left; display: flex; align-items: center; margin: 5px 0px; padding: 10px 0px 0px 0px; border-top: 1px #eee solid;}
.itemsLineFrame .itemFrame .cell {display: flex;}
.itemsLineFrame .itemFrame .cell.photo {width: 75px; margin: 0px 20px 0px 0px; display: flex; justify-content: center; flex-grow: 0; flex-shrink: 0;}
.itemsLineFrame .itemFrame .cell.photo IMG {max-width: 100%; height: auto; align-self: flex-start;}
.itemsLineFrame .itemFrame .cell.desc {width: auto; margin: 0px 20px 0px 0px; display: flex; justify-content: center; flex-direction: column; flex-grow: 1; flex-shrink: 1;}
.itemsLineFrame .itemFrame .cell.desc H3 {font-size: 16px; font-weight: 600; margin: 0px;}
.itemsLineFrame .itemFrame .cell.desc P {font-size: 12px; font-weight: 300; margin: 0px;}
.itemsLineFrame .itemFrame .cell.desc A:HOVER {text-decoration: underline;}
.itemsLineFrame .itemFrame .cell.cena {width: 100px; margin: 0px 20px 0px 0px; display: flex; justify-content: center; flex-direction: column; flex-grow: 0; flex-shrink: 0;}
.itemsLineFrame .itemFrame .cell.cena .cenaOld {font-size: 12px; text-decoration: line-through; line-height: 12px; color: #888;}
.itemsLineFrame .itemFrame .cell.cena .cena {font-size: 18px; font-weight: 600;}
.itemsLineFrame .itemFrame .cell.buttonCell {width: 110px; margin: 0px 0px 0px 0px; display: flex; justify-content: flex-end; flex-direction: column; flex-grow: 0; flex-shrink: 0;}
.itemsLineFrame .itemFrame .cell .button {height: 30px; padding: 0px 10px 0px 10px; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #23b6ba; color: #FFF; font-size: 14px; font-weight: 500; border-radius: 5px; transition: all 200ms;}
.itemsLineFrame .itemFrame .cell .button:HOVER {background-color: #6ec82d;}
.itemsLineFrame .itemFrame:last-child {border-bottom: 0px; margin-bottom: 10px;}
@media only screen
and (max-width: 800px)
{
  .itemsLineFrame .itemFrame {flex-wrap: wrap;}
  .itemsLineFrame .itemFrame .cell.desc {width: calc(100% - 170px); margin: 0px;}
  .itemsLineFrame .itemFrame .cell.price {width: 70px; margin: 10px 0px 0px 0px; justify-content: flex-end;}
  .itemsLineFrame .itemFrame .cell.price .price {text-align: right;}
  .itemsLineFrame .itemFrame .cell.buttonCell {width: 100%; margin: 10px 0px 0px 0px; align-items: center;}
}
@media only screen
and (max-width: 500px)
{
  .itemsLineFrame .itemFrame .cell.photo {width: 50px;}
  .itemsLineFrame .itemFrame .cell.desc {width: calc(100% - 145px); margin: 0px;}
  .itemsLineFrame .itemFrame .cell.desc H3 {font-size: 14px;}
  .itemsLineFrame .itemFrame .cell.price .price {font-size: 16px;}
}