nie mogę znaleźć tej linijki w moim pliku, to co dotyczy produktu wygląda tak :
.page-product-box {
padding-bottom: 10px; }
.product-box {
width: 178px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.product-box .product-image {
border: 1px solid #d6d4d4;
background: white;
padding: 5px;
display: block;
margin-bottom: 11px; }
.product-box .product-image img {
max-width: 100%;
width: 100%;
height: auto; }
#home-page-tabs {
border: none;
background: #fff; }
@media (min-width: 768px) {
#home-page-tabs {
padding: 10px 0;
margin: 0 0 0 -18px; } }
#home-page-tabs > li {
margin-bottom: 0; }
@media (min-width: 991px) {
#home-page-tabs > li {
border-left: 1px solid #d6d4d4;
margin: 0 0px 0 9px;
padding: 0 0px 0 9px; } }
@media (max-width: 479px) {
#home-page-tabs > li {
width: 100%; } }
#home-page-tabs > li a {
font: 600 21px/24px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
border: none;
outline: none;
margin: 0;
padding: 10px; }
@media (min-width: 768px) {
#home-page-tabs > li a {
padding: 1px 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
#home-page-tabs > li a {
padding: 10px 10px; } }
#home-page-tabs > li:first-child {
border: none; }
#home-page-tabs > li.active a,
#home-page-tabs > li a:hover {
background: #333;
color: #fff;
padding: 10px; }
@media (min-width: 768px) {
#home-page-tabs > li.active a,
#home-page-tabs > li a:hover {
margin: -9px 0; } }
@media (min-width: 768px) and (max-width: 991px) {
#home-page-tabs > li.active a,
#home-page-tabs > li a:hover {
margin: 0px 0; } }
.block {
margin-bottom: 30px; }
@media (max-width: 767px) {
.block {
margin-bottom: 0px; } }
@media (max-width: 767px) {
.block .block_content {
margin-bottom: 20px; } }
.block .title_block,
.block h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
background: #f6f6f6;
border-top: 5px solid #333;
text-transform: uppercase;
padding: 14px 5px 17px 20px;
margin-bottom: 20px; }
@media (min-width: 768px) and (max-width: 991px) {
.block .title_block,
.block h4 {
font-size: 14px; } }
@media (max-width: 767px) {
.block .title_block,
.block h4 {
position: relative; }
.block .title_block:after,
.block h4:after {
display: block;
font-family: "FontAwesome";
content: "ď§";
position: absolute;
right: 0;
top: 15px;
height: 36px;
width: 36px;
font-size: 26px;
font-weight: normal; }
.block .title_block.active:after,
.block h4.active:after {
content: "ď¨"; } }
.block .title_block a,
.block h4 a {
color: #555454; }
.block .title_block a:hover,
.block h4 a:hover {
color: #333; }
.block .list-block {
margin-top: -8px; }
@media (max-width: 767px) {
.block .list-block {
margin-top: 0; } }
.block .list-block li {
padding: 5px 0 6px 20px;
border-top: 1px solid #d6d4d4; }
.block .list-block li a i {
display: none; }
.block .list-block li a:before {
content: "\f105";
display: inline;
font-family: "FontAwesome";
color: #333;
padding-right: 8px; }
.block .list-block li a:hover {
color: #333;
font-weight: bold; }
.block .list-block li:first-child {
border-top: none; }
.block .list-block .form-group {
padding-top: 20px;
border-top: 1px solid #d6d4d4;
margin-bottom: 0; }
.block .list-block .form-group select {
max-width: 270px; }
@media (max-width: 767px) {
.block .list-block .form-group select {
width: 270px; } }
.block .list-block .btn {
margin-top: 12px; }
.block .products-block li {
padding: 0 0 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid #d6d4d4; }
.block .products-block li .products-block-image {
float: left;
border: 1px solid #d6d4d4;
margin-right: 19px; }
@media (min-width: 768px) and (max-width: 991px) {
.block .products-block li .products-block-image {
float: none;
display: inline-block;
margin: 0 auto 10px;
text-align: center; } }
.block .products-block li .product-content {
overflow: hidden; }
.block .products-block li .product-content h5 {
position: relative;
top: -11px; }
.block .products-block .product-name {
font-size: 15px;
line-height: 18px; }
.block .products-block .product-description {
margin-bottom: 14px; }
.block .products-block .price-percent-reduction {
font: 700 14px/17px Arial, Helvetica, sans-serif;
padding: 1px 6px; }