/* 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 */ .carouselContainer { display: flex; flex-direction: column-reverse; width: 97.064%; height: 770px; } .carouselGaleryThumbs { position: relative; display: flex; flex-direction: row; width: 13.554% !important; } .carouselGaleryCursor { margin: 0; width: 100%; padding: 0; } .swiperCaret { display: none; } .productImagesGallerySlide { width: 100% !important; } .swiper-component { margin-left: auto; margin-right: auto; position: relative; overflow: visible; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper-style { column-gap: 16px; } .productImageTag { object-fit: cover; } .productImageTag--main { object-fit: unset !important; max-height: 664px !important; height: 664px; } .productImagesThumb { margin: 16px 0 0; } .thumbImg, .thumbImg--video, .figure, .figure--video { height: 100%; border-radius: 8px; }