.fuel-related-tiles-ul-share li .fuel-related-info-share { padding: 15px; background: #fff; border: 1px solid #e3e2e2; position: relative; } .fuel-related-tiles-ul-share li .fuel-related-info-share .fuel-category-share a { font-size: 13px !important; font-family: "Roboto Condensed", sans-serif; font-weight: 700; line-height: 1.1; text-transform: uppercase; background-color: #00558c; display: inline-block !important; color: #fff; padding: 3px 8px; text-decoration: none } .fuel-related-tiles-ul-share li .fuel-related-info-share .fuel-share-share { position: absolute; right: 10px; top: 18px; margin: 0px; } .fuel-related-tiles-ul-share li .fuel-related-info-share h3.fuel-title-share { margin: 10px 0 0px 0; font-size: 17px; line-height: 20px; color: #00558c; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Roboto Condensed", sans-serif; } .fuel-title-share a { color: #00558c !important; } a.fuel-related-tile-image-share { height: auto; overflow: hidden; display: block; margin-bottom: -4px; } a.fuel-related-tile-image-share img { height: auto; object-fit: inherit; width: 100%; } ul.fuel-related-tiles-ul-share { list-style: none; padding: 0px; display: flex; flex-wrap: wrap; } ul.fuel-related-tiles-ul-share li { width: 31.8%; margin: 0 0.7% 2.5% 0.7%; } @media only screen and (max-width: 991px) { ul.fuel-related-tiles-ul-share li { width: 48.5% !important; } } @media only screen and (max-width: 568px) { ul.fuel-related-tiles-ul-share { justify-content: center; } ul.fuel-related-tiles-ul-share li { width: 85% !important;; margin: 0 0 20px 0 !important;; } ul.fuel-related-tiles-ul-share li a.fuel-related-tile-image-share img { height: auto; object-fit: inherit; width: 100%; } ul.fuel-related-tiles-ul-share li a.fuel-related-tile-image-share { height: auto; overflow: hidden; display: block; margin-bottom: -4px; } h1.fuel-title-heading { font-size: 5px; } }