:root { --petco__dk-blue: #00205b; --petco__dk-blue-hover: #1b386e; --petco__lt-blue: #6edcfa; --petco__green: #00f5ae; --petco__dk-blue-dark-hover: rgba(1, 0, 91, 0.3); --petco__font-family: "PetcoCircular", Arial, sans-serif; --petco__font-family-bold: "PetcoCircular-Bold", Arial, sans-serif; } #quicktile .container { max-width: 1095px !important; } #quicktile li img.round { border-radius: 50%; } #quicktile .quicktile-carousel { position: relative; overflow: hidden; margin: 0 50px; } #quicktile ul.quicktile-wrap { display: flex; left: -25%; list-style: none; margin: 0; padding: 0; position: relative; transform: translateX(25%); } #quicktile ul.quicktile-wrap.is-reversing { transform: translateX(-25%); } #quicktile ul.quicktile-wrap.first-item { transform: none; transition: transform 0.5s ease-in-out; } #quicktile li.quicktile { display: flex; justify-content: center; flex: 1 0 100%; flex-basis: 21%; order: 1; list-style: none; margin: 20px 2%; cursor: pointer; } #quicktile li.quicktile.last-item { order: 1; } #quicktile .controls { cursor: pointer; } #quicktile .quicktile-carousel-cntrl { display: flex; align-items: center; position: absolute; border: solid 2px #00205b; background-color: #fff; border-radius: 50%; z-index: 1; } #quicktile .quicktile-carousel-cntrl:after { content: ""; position: absolute; border-top: 3.5px solid #00205b; border-right: 3.5px solid #00205b; opacity: 1; left: 50%; height: 15px; width: 15px; } #quicktile .quicktile-carousel-cntrl:hover { text-decoration: none; } #quicktile .quicktile-carousel-cntrl.prev { left: 0; top: 50%; transform: translate(20%, -50%); height: 40px; width: 40px; } #quicktile .quicktile-carousel-cntrl.prev:after { transform: translate(-30%) rotate(-135deg); } #quicktile .quicktile-carousel-cntrl.next { right: 0; top: 50%; transform: translate(-20%, -50%); height: 40px; width: 40px; } #quicktile .quicktile-carousel-cntrl.next:after { transform: translate(-70%) rotate(45deg); } #quicktile .content-wrap { display: flex; flex-direction: column; align-items: center; flex: 1; text-align: center; } #quicktile .img-wrap { display: flex; justify-content: center; align-items: center; box-sizing: border-box; max-height: 150px; margin: 8px; } #quicktile .img-wrap:after { content: ""; display: block; padding-bottom: 100%; } #quicktile .img-wrap img { object-fit: contain; max-height: 150px; max-width: 150px; height: auto; } #quicktile .text-wrap { margin: 0 10px 16px; } #quicktile a { font-family: var(--petco__font-family-bold); font-size: clamp(14px, 1.5vw, 16px); line-height: 1.2em; letter-spacing: 0.2px; color: #000; text-decoration: none; text-align: center; } #quicktile a:hover { text-decoration: none; } @media screen and (max-width: 768px) { #quicktile .quicktile-carousel { margin: 0 auto; } #quicktile ul.quicktile-wrap { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; left: 0; transform: none; } #quicktile ul.quicktile-wrap::-webkit-scrollbar { -webkit-appearance: none; width: 0; height: 0; } #quicktile li.quicktile { box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; border-radius: 30px; min-width: 200px; max-width: 200px; } #quicktile li.quicktile:first-of-type { margin-left: 4%; } #quicktile li.quicktile:last-of-type { margin-right: 4%; } #quicktile .controls { display: none !important; } } Dog Crates Dog Crate Mats & Pads Dog Toys --->