@media (min-width:769px)  {
.preview-container{height: 630px;flex-direction: column-reverse;}
.preview-container .thumbnail-box{margin-right: 0;padding: 0 25px;height: 120px;width: 100%;position: relative;margin-top: 10px;}
.preview-container .thumbnail-box .swiper{padding-right: 0;}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{width: 20px;height: 120px;}
.thumbnail-box .prodetails-button-prev{transform:translateX(-50%);}
.thumbnail-box .prodetails-button-next{transform:translateX(50%);right: 0;left: auto;}
.thumbnail-box .prodetails-button-prev em{transform:rotate(90deg)}
.thumbnail-box .prodetails-button-next em{transform:rotate(-90deg)}
}


@media (max-width:1024px) and (min-width:769px) {.preview-container{height: 530px;}}