.slider_area .owl-theme .owl-nav { right: auto; position: absolute; left: 50%; width: 100%; text-align: center; bottom: auto; top: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .slider_area .owl-theme .owl-prev, .slider_area .owl-theme .owl-next { background: transparent; height: 40px; border: 1px solid #fff; border-radius: 0; position: relative; width: 40px; margin-bottom: 15px; padding: 0; text-align: center; color: #fff; font-size: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative; } .slider_area .owl-theme .owl-prev{ position: absolute; left: 50px; } .slider_area .owl-theme .owl-next{ position: absolute; right: 50px; } .slider_area .owl-theme .owl-prev i, .slider_area .owl-theme .owl-next i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slider_area .owl-theme .owl-prev:hover, .slider_area .owl-theme .owl-next:hover { background: #197aff; border: 1px solid #197aff; } .slider_area .owl-dots { overflow-x: auto; text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; position: absolute; z-index: 15; padding-top: 1px; white-space: nowrap; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: auto; bottom: 40px; right: auto; text-align: center; width: 100%; } .slider_area .owl-theme .owl-dots .owl-dot { display: block; margin: 15px 0; width: 25px; border-radius: 50%; height: 25px; position: relative; -webkit-box-shadow: 0 0 0 2px #fff; -ms-box-shadow: 0 0 0 2px #fff; -o-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; cursor: pointer; z-index: 10; } .slider_area .owl-theme .owl-dots .owl-dot { display: inline-block; margin: 2px 8px; } .slider_area .owl-theme .owl-dots .owl-dot span { padding: 0; width: 19px; height: 19px; border-radius: 50%; position: absolute; top: 3px; left: 3px; background: transparent; margin: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .slider_area .owl-theme .owl-dots .owl-dot.active span, .slider_area .owl-theme .owl-dots .owl-dot:hover span { background: #197aff; position: relative; }