@media (min-width:769px)  {
.preview-container{height:auto;flex-direction: column-reverse;}
.preview-container .thumbnail-box{margin-right: 0;padding: 0 25px;height:88px;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:100%;border-radius: 4px;}
.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)}
.swiper-vertical>.swiper-wrapper{flex-direction:row}
.preview-container .thumbnail-box .item{height:auto !important}
.preview-container .thumbnail-box .item.item-cur::before{display:none}
.thumbnail-show .prodetails-button-next, .thumbnail-show .prodetails-button-prev{display:none}
.preview-container .small-box{width:auto}
.prodetails-info .prodetails-left{width:45%}
}
@media (max-width:1024px) and (min-width:769px){
.prodetails-info .prodetails-left{padding-right:20px}
.prodetails-info .prodetails-right{width:auto;margin-top:0;padding:2% 4%}}