.archive-site .owl-carousel{position:inherit}
.archive-site .owl-carousel .owl-stage-outer{overflow:inherit}
.archive-site .owl-carousel .owl-nav{max-width:100%;width:100%;margin:0;display:block}
.archive-site .owl-carousel .owl-nav div{width:60px;height:calc(100% - 110px);bottom:30px;position:absolute;cursor:pointer}
.archive-site .owl-carousel .owl-nav div.owl-next{left:0;background:linear-gradient(to left,transparent,#171c24)}
.archive-site .owl-carousel .owl-nav div.owl-prev{right:0;background:linear-gradient(to right,transparent,#171c24)}

.light-mode .archive-site .owl-carousel .owl-nav div.owl-next{background:linear-gradient(to left,transparent,#f2f2f2)}
.light-mode .archive-site .owl-carousel .owl-nav div.owl-prev{background:linear-gradient(to right,transparent,#f2f2f2)}


.archive-site .owl-carousel .owl-nav div.disabled,.archive-site .owl-carousel .owl-nav div i{opacity:0}
.archive-site:hover .owl-carousel .owl-nav div i{opacity:1}

html.light-mode .archive-site .owl-carousel .owl-nav div i{color:#444}

@media only screen and (max-width:920px){
.archive-site .title-asli{margin-bottom:0}
.archive-site .mini-p{width:120px;margin:10px 0 0 15px}
.archive-site .mini-p .pic{height:170px}

.archive-site .owl-carousel.owl-loading.rt-flexs{display:flex;opacity:1}
}