/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap"); .container { margin: 0; padding: 0; } /* ----- PRODUCT-MAIN ----- */ .productImagesGallerySlide { width: 100% !important; margin: 0; } .productImagesGallerySlide .productImageTag { width: 100%; aspect-ratio: 1/1; object-fit: cover !important; } .carouselGaleryThumbs { margin-top: 16px; display: block; } .carouselGaleryThumbs .productImagesThumb { width: 90px !important; height: 100% !important; margin-right: 16px; margin-bottom: 0; } .carouselGaleryThumbs .productImagesThumb:last-child { margin-right: 0; } .carouselGaleryThumbs .productImagesThumb .figure { width: 100%; height: 100%; } .carouselGaleryThumbs .productImagesThumb .figure .thumbImg { width: 100%; aspect-ratio: 1/1; border-radius: 8px; object-fit: cover; } .carouselGaleryThumbs .productImagesThumb.productImagesThumbActive .carouselThumbBorder { border-radius: 8px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)); } /* ----- RIGHT-COL ----- */ .productBrand--quickview { font-weight: 300; font-size: 20px; line-height: 34px; color: #575757; } .imageElement--pix-logo { width: 66px; height: 24px; padding-bottom: 5px; }