.design-nav-cell {
padding: 3px;
width: 70px !important;
}

.design-nav-cell img {
aspect-ratio: 1/1;
object-fit: cover;
border: 3px solid #ffffff;
cursor: pointer;
}

.design-nav-cell:first-of-type img {
object-position: left;
}

.design-nav-cell.swiper-slide-thumb-active img {
border: 3px solid var(--lm-dark-blue);
}


.design-carousel-cell {
width: 100%;
background-color: #ffffff;

}

.design-carousel-cell img {
aspect-ratio: 1/1;	
object-fit: cover;
margin-bottom: 8px;
}


.carousel-info-slide img {
object-fit: contain;
aspect-ratio: 1/1;	
}

.carousel-info-slide {
padding: 20px;
background: var(--lm-lightslate-t85);
aspect-ratio: 1/1;
}
	


@media only screen and (min-width: 681px) {
.design-carousel-cell img,
.carousel-info-slide {
aspect-ratio: 2/1;
}
.carousel-info-slide img {
aspect-ratio: 2/1;
}

}

@media only screen and (min-width: 901px) {
.design-carousel-cell img,
.carousel-info-slide {
aspect-ratio: 1/1;
object-fit: cover;
}
.carousel-info-slide img {
aspect-ratio: 1/1;	
}

}	

@media only screen and (min-width: 1281px) {
.design-carousel-cell img,
.carousel-info-slide {
aspect-ratio: 2/1;
}
.carousel-info-slide img {
aspect-ratio: 2/1;	
}

}
	
.design-carousel-cell img[src$=".svg"] {
object-position: left;
}



@media (min-width: 1281px) {
.swiper-wrapper {
flex-wrap: wrap;
width: 100%;			
}
.swiper-slide {
margin-bottom: 24px;	
}	
.swiper-button-next,
.swiper-button-prev,
.design-carousel-nav {
	display: none;
}
}



