.slider-v3-thumb-area { position: absolute; bottom: -75px; left: 0; right: 0; z-index: 99; } .slider-v3-thumb { margin: 0; } .slider-v3-thumb .col { cursor: pointer; border-bottom: 5px solid #fff; border-right: none; border-radius: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; } .slider-v3-thumb .col.active { border-color: #000; } .slider-v3-thumb img { height: 150px !important; -o-object-fit: cover; object-fit: cover; width: 100%; } .slider-v3-thumb a.owl-thumb-item { display: block; } .banner.v2 .ImageOverlay { width: 100%; height: 100%; display: block; position: absolute; } .banner.v2.v3 .owl-nav, .banner.v2.v4 .owl-nav { bottom: 0; top: 0; left: auto; margin: auto; height: auto !important; } .container.slider-v4-thumb-area { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 1; bottom: 0; text-align: center; } .container.slider-v4-thumb-area .slider-v4-thumb .owl-thumb-item { width: 60px; display: inline-block; height: 60px; overflow: hidden; border-radius: 50%; cursor: pointer; position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; } .container.slider-v4-thumb-area .slider-v4-thumb .owl-thumb-item img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; position: relative; -webkit-transform: scale(1.4); transform: scale(1.4); } .container.slider-v4-thumb-area .slider-v4-thumb .owl-thumb-item.active { border: 5px solid #fff; -webkit-transform: scale(1.2); transform: scale(1.2); }