.container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; background-color: whitesmoke}
.container .item {background-color: #fff; border: transparent solid 1px; padding: 5px; margin: 5px 5px; clear: both; width: 30%;}
.container .item:hover {border: #00923f solid 1px;}
.container .item_left {position: relative; float: left; width: 70px; height: 70px;}
.container .item_left_icon{position: absolute; width: 16px; height: 16px; top: 0px; left: 0px}
.container .item_right {float: left; padding-left: 10px;}
.container .item_cell {height: 70px; display: table-cell; vertical-align: middle}
.container .item_text {margin-left: 10px; min-width: 180px; width: 180px;}

.filter { display: flex; justify-content: space-between; align-items: center; margin: 10px 0px; flex-wrap: wrap; flex-direction: row ; background-color: whitesmoke}
.filter .item { padding: 10px 10px; margin: 10px 5px; clear: both; border-left: #9e9e9e solid 1px;}
.filter .item_one { padding: 10px 10px; margin: 10px 5px; clear: both; }

.pagination { display: flex; margin: 10px 0px; flex-wrap: wrap; flex-direction: row-reverse ; background-color: whitesmoke;}
.pagination .item { padding: 10px 10px; margin: 10px 5px; clear: both;}

.container_info {
    padding: 10px 10px 10px 15px;
    background: whitesmoke;
    border-left: 5px solid #46a935;
}

.container_info p {
    margin: 0 0 10px 0;
    line-height: 1.6;
}

.container_info p:last-child {
    margin-bottom: 0;
}

.container_info a {
    white-space: nowrap;
}

.size-modal-content {text-align:left !important;}

/********** Media 920px - 1220px **********/
@media screen and (min-width: 920px) and (max-width: 1220px) {
  .container .item {width: 47%;}
}


/********** Media  men� jak 920px **********/
@media screen and (max-width: 919px) {
  .container .item {width: 97%;}
  }