.slider-container{display:flex;align-items:flex-start;justify-content:center;max-width:800px;margin:0 auto;position:relative}.thumbnails{display:flex;flex-direction:column;margin-right:10px;max-height:100%;overflow-y:auto}.thumbnails img{width:72px;height:72px;margin-bottom:10px;cursor:pointer;transition:transform 0.3s ease;border:2px solid #aaaaaa;border-radius:6px}.thumbnails img:hover{border:2px solid #ff6600}.thumbnails img.active{border:2px solid #ff6600}.main-image{flex:1}.main-image img{max-width:100%;max-height:100%;width:auto;height:auto;position:relative;display:flex;align-items:center;justify-content:center}.arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#ff6600;color:white;border:none;padding:10px;cursor:pointer;z-index:1}#prev-arrow{left:82px}#next-arrow{right:0}.arrow{top:45%}@media (max-width:767px){.mobile-layout{display:flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto;flex-direction:column}.mobile-layout .thumbnails{display:flex;flex-direction:row;margin-top:10px;max-width:100%;overflow-x:auto}#prev-arrow{left:0px}.mobile-layout .thumbnails img{width:45px;height:60px;margin-bottom:0;margin-right:10px;cursor:pointer;transition:transform 0.3s ease;border:1px solid #aaaaaa;border-radius:6px}.mobile-layout .thumbnails img:hover{border:2px solid #ff6600}.mobile-layout .main-image{flex:1}.mobile-layout .main-image img{max-width:100%;max-height:100%;width:auto;height:auto}}