@media (min-width:769px){.prodetails-top{align-items:flex-start}
.prodetails-top .preview-container {width:570px;position:relative;padding-left:110px}
.prodetails-top .preview-container .thumbnail-box{padding:40px 0;width:90px;position:absolute;left:0;top:0;height:100%;margin:0;}
.prodetails-top .preview-container .thumbnail-box .swiper{height:100%;width:100%}
.prodetails-top .preview-container .thumbnail-box .swiper-slide img{object-fit:contain}
.prodetails-top .preview-container .thumbnail-box .prodetails-button-next, .prodetails-top .preview-container .thumbnail-box .prodetails-button-prev{width:100%;height:25px;transform:none}
.prodetails-top .preview-container .thumbnail-box .prodetails-button-prev{top:0;}
.prodetails-top .preview-container .thumbnail-box .prodetails-button-next{bottom:0;top:auto;}
.prodetails-top .preview-container .thumbnail-box .prodetails-button-next i, .prodetails-top .preview-container .thumbnail-box .prodetails-button-prev i{transform:rotate(90deg)}
.prodetails-top .preview-container .thumbnail-box .swiper-button-disabled{background:#ccc!important;cursor:default}}
@media (max-width:1024px) and (min-width:769px){.prodetails-top .preview-container{width:400px;padding-left:70px}
.prodetails-top .preview-container .small-box{height:330px}
.prodetails-top .preview-container .thumbnail-box{width:60px;}
.pro-main .page-container .page-main{padding-top:30px}
.prodetails-top .prodetails-info{padding-top:0}}