.product{ padding-right: 35px; } .products-row-wrap .product{ padding-bottom: 30px; } .product-img { height: 160px; margin: 30px 0; } .product-action{ position: absolute; bottom: 3px; right: -61px; } .product-popis{ font-weight:bold; position: relative; width: 75%; } .product-popis .cena-bez-dph{ color: #999; font-size: 12px; display: block; font-weight: normal; } .product-popis .cena{ color: #d00000; font-size: 15px; display: block; } .product-popis h3{ margin-bottom: 5px; font-weight: bold; height: 32px; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; overflow: hidden; color:#000; } .product-img img { width: auto; display: block; height: 100%; margin: auto; } .podkategorie-empty img{ width: 100%; padding: 0 20px; } .podkategorie .desc img { width: 100%; height: auto; margin-bottom: 10px; } .product-kupit .as-shopping-bag{ background: #0b943b; border-radius: 4px; padding: 18px; font-size: 17px; cursor: pointer; color:#fff; display: block; transition: all .2s ease; } .product-kupit .as-shopping-bag:hover{ background:#08732e; } .product-row .as-shopping-bag{ margin-top: 10px; } .product-kupit .as-eye{ background: #dec13c; border-radius: 4px; padding: 18px; cursor: pointer; font-size: 17px; color:#fff; display: block; transition: all .2s ease; } .product-kupit .as-eye:hover{ background:#d3ae06; } .produkty-white-bg{ position: relative; z-index: 2; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10); background: #fff; } .bg-white{ background:#fff; } .produkty-row{ padding-top:50px; padding-bottom:50px; height: 420px; } .platba-kartou img{ width: 275px; } .product-kupit a:hover{ text-decoration:none; } .product a:hover{ text-decoration:none; } .faq{ display: flex; flex-direction: row; height: 75px; } .faq-icon{ position: relative; flex-basis: 15%; } .products-panel-left{ padding-right:10px; } .products-panel-right{ padding-left:10px; } .fb-product{ color:#3b5998; } .google-product{ color:#d34836; } .social-button{ border: 1px solid #c7c7c7; padding: 5px 10px; transition: all .2s ease; } .social-button:hover{ background:#e1e1e1; color:#000 } .social-button span{ padding-right:5px; } .faq-text{ flex-basis: 85%; display: flex; flex-direction: column; justify-content: center; } .faq-icon span{ position: absolute; left: -72px; font-size: 190px; bottom: -57px; } .faq p{ padding-right: 40px; letter-spacing: 1px; } @media (max-width: 1200px){ .product-img img{ width: 100%; height: auto; } .product-img { margin: 20px 0; display: flex; } .product-popis h3 { margin-bottom: 0px; font-size: 15px; } .product-action { right: -55px; } .dropdown-menu-custom { width: 700px; left: 0; } .social-button { border: 1px solid #c7c7c7; padding: 5px 2px; } } @media (max-width: 992px){ .produkty-row { height: 100%; } .product-img img { width: auto; height: 100%; } .payment-panel-border img { width: 100%; padding: 0 31px; } .products-panel-left{ padding-right:0px; margin-bottom:20px; } .product-action { right: -82px; } .products-panel-right{ padding-left:0px; } .pl-m{ padding-right:20px; } .product { padding: 0 50px; margin: 20px 0; } .products-row-wrap .product { padding: 0 15px; margin-bottom: 50px; } .products-row-wrap .product-action { right: -82px; } .social-button{ border: 1px solid #c7c7c7; padding: 5px 10px; } } @media (max-width: 767px){ .product{ padding: 0; margin: 50px auto; } .products-row-wrap .product-popis { width:100%; } .products-row-wrap .product-popis h3{ width: 80%; } .products-row-wrap .product-action { right: 0; } .produkty-row .row{ text-align: center; } .product-img{ height:auto; } .products-column-wrap { margin: 0 20px; } .product-img img { width: auto; margin: 25px auto 0; } .faq-text { text-align: center; } .faq{ margin: auto; display: block; margin-top: 35px; } .faq-icon { height: 21px; } .faq-icon span { position: absolute; left: 0; right: 0; } .footer-faq{ margin: 30px 0; } .faq p { padding: 0 40px; } .product-row .product{ margin: 0 auto 20px; display: grid; float: none; } } span.font-thin{ font-weight:300!important; } .counter.product-wrapper { max-width: 75px; }