svg { background: none; shape-rendering: crispEdges; } .product-box:hover { background-color: #fafafa; } .product-box .product-wrapper { position: relative; } .product-box .product-wrapper .properties-img { width: 100%; min-height: 160px; background-color: #fafafa; } .product-box .product-wrapper .properties-img span { position: absolute; top: 1rem; left: 0.5rem; color: #999; font-family: "Chivo", sans-serif; text-transform: capitalize; font-size: 14px; font-weight: 400; line-height: 1; margin-bottom: 10px; display: inline-block; letter-spacing: -0.5px; } .product-box .product-wrapper .product-info-link { list-style: none; padding: 0; font-size: 0.8rem; } .product-box .product-wrapper .product-info-link .lab { display: inline-block; padding-right: 5px; width: 40%; text-align: right; } .product-box .product-wrapper .product-info-link .lab::after { content: ":"; } .product-box .product-wrapper h3 { font-size: 1rem; font-weight: 400; margin-top: 1rem; text-align: center; } .product-box .product-wrapper .properties-img { display: flex; width: 100%; height: 160px; justify-content: center; align-items: center; text-align: center; vertical-align:middle; } .product-box .product-wrapper .properties-img img { width: 50%; height: 50%; } .properties-img { position: relative; } .properties-img .btn { background-color: rgba(245, 164, 24, 0.8); color: #fff; position: absolute; display: inline-block; height: 1.8rem; line-height: 1.8rem; border: none; font-size: 1rem; font-weight: 400; padding: 0 0.75rem; color: #fff; border-radius: 5px; z-index: 1; text-align: center; bottom: 1rem; width: 3rem; } .properties-img .detail { right: 0.5rem; } .properties-img .inquiry { right: 4rem; } .properties-img span { position: absolute; top: 5px; left: 5px; color: #999; font-family: "Chivo", sans-serif; text-transform: capitalize; font-size: 0.6rem; font-weight: 400; line-height: 1; margin-bottom: 10px; display: inline-block; letter-spacing: -0.5px; text-decoration: none; } .properties-img span a { text-decoration: none; } .side-product .media { text-align: left; padding: 0 1.5rem; } .side-product .media-img img { width: 90%; max-width: 120px; } .left-side { margin-right: 10px; } .tag-list{font-weight: 700; font-size: 1.5rem;} .tag-list a{padding:1rem 0.2rem;} @media (max-width: 992px) { .navbar-dark .navbar-toggler { margin-left: 0px; } .left-side { margin-right: 0; } }