/* === CSS Version === */
/* === v17.1.1 === */
.main-logo{width: auto;height: 40px;max-width: 430px !important;max-height: 80px !important;} @media (min-width: 1200px){.container{max-width: 1200px;}} .navbar.navbar-site{position: absolute !important;} .navbar.navbar-site{border-bottom-width: 1px !important;border-bottom-style: solid !important;} .navbar.navbar-site{border-bottom-color: #e8e8e8 !important;}.f-category h6{color: #333;}.photo-count{color: #292b2c;}.page-info-lite h5{color: #999999;}h4.item-price{color: #292b2c;}h5.company-title a{color: #999;} .product-card .listing-corner-ribbon{position: absolute;top: 0;right: 0;width: 72px;height: 72px;overflow: hidden;z-index: 11;pointer-events: none;} .product-card .listing-corner-ribbon span{position: absolute;top: 12px;right: -31px;width: 108px;padding: 4px 0;background: #e46a76;color: #fff;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;font-size: 11px;font-weight: 700;line-height: 1;text-align: center;text-transform: uppercase;transform: rotate(45deg);transform-origin: center;} .product-card .listing-corner-ribbon.green span{background: #16A085;} .product-card .listing-corner-ribbon.red span{background: #CC3300;} .product-card .listing-corner-ribbon.orange span{background: #FB8D17;} .product-card .listing-corner-ribbon.yellow span{background: #e4cb65;color: #333;} .product-card.has-corner-ribbon .make-favorite{top: 2.35rem !important;}  @media (min-width: 1400px){.item-list .ribbon-horizontal{width: 140px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 11px;padding-left: 10px;top: 0px !important;}} @media (min-width: 1200px) and (max-width: 1399px){.item-list .ribbon-horizontal{width: 120px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 11px;padding-left: 10px;top: 0px !important;}} @media (min-width: 992px) and (max-width: 1199px){.item-list .ribbon-horizontal{width: 100px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 10px;padding-left: 10px;top: 0px !important;}} @media (min-width: 768px) and (max-width: 991px){.item-list .ribbon-horizontal{width: 80px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 9px;padding-left: 5px;top: -1px !important;}} @media (min-width: 576px) and (max-width: 767px){.item-list .ribbon-horizontal{width: 140px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 9px;padding-left: 5px;top: -1px !important;}} @media (max-width: 575px){.item-list .ribbon-horizontal{width: 120px !important;left: 0px !important;top: 30px !important;border-width: 10px;} .ribbon-horizontal span{font-size: 10px;padding-left: 10px;top: 0px !important;}}