.slider{width:100%;position:relative;overflow:hidden;transition:all 0.5s ease;background-image:url('/img/slider/Sliderbg.jpg');background-size:cover;}
.slider figure{margin:0px;position:relative;left:0px;transition:1s ease-in-out;}
.slider:hover .btn-next{right:0px;transition:all 0.5s ease;}
.slider:hover .btn-prev{left:0px;transition:all 0.5s ease;}
.slider figure img{height:100%;background-size:cover;float:left;}
.btn-prev, .btn-next{position:absolute;top:45%;cursor:pointer;color:#C82333;font-size:40px;padding-left:10px;padding-right:10px;border:none;user-select:none;transition:all 0.5s ease;}
.btn-prev{left:-50px;}
.btn-next{right:-50px;}
.slider span i{color:white;}
.dot{height:25px;width:25px;background-color:#bbb;border-radius:50%;display:inline-block;opacity:0.5;cursor:pointer;user-select:none;}
.pagers{position:absolute;bottom:10;}
@media screen and (max-width:1280px){.btn-prev{left:-50px;}
.btn-next{right:-50px;}
.dot{height:20px;width:20px;border-radius:50%;font-size:0.8em;}
}
@media screen and (max-width:1000px){.dot{height:20px;width:20px;border-radius:50%;font-size:0.8em;}
}
@media screen and (max-width:800px){.dot{height:20px;width:20px;border-radius:50%;font-size:0.8em;}
}
@media screen and (max-width:480px){.btn-prev, .btn-next{cursor:pointer;font-size:30px;}
.btn-prev{left:0px;}
.btn-next{right:0px;}
.dot{height:20px;width:20px;border-radius:50%;font-size:0.8em;}
}