main{padding-top:110px;min-height:calc(100vh - 82px)}
.intro{display:none !important}

.archive-slider.episodes .owl-carousel .owl-nav div{bottom:0;height:calc(100% - 50px)}
.archive-slider.episodes .owl-carousel .owl-stage-outer{width:100%;float:right}

.archive-site .title-asli,.archive-site .text-bio{padding:0 10px}
.archive-site .typeb .title-asli,.archive-site .typeb .text-bio{padding:0 200px}
.archive-site .text-bio{line-height:2;margin-bottom:35px;text-align:justify}
.archive-site .text-bio,.archive-site .text-bio *{font-family:yekan}
.archive-site .entery .mini-p{width:calc(10% - 20px);margin:15px 10px 30px}
.archive-site .entery .mini-p .pic{height:203px}
.archive-site .typeb .title-asli{margin-top:15px}
.archive-site.typec,.colc-list.series-list{margin-bottom:20px}

.item-slider,.archive-slider{transform:translateY(0) !important;margin-bottom:60px}
.item-slider .main,.archive-slider .main{padding:0 10px}

.archive-slider.episodes{display:none}


.archive-slider .title-asli .count{padding:5px 15px;display:inline-block;background-color:rgba(255, 255, 255, 0.0);opacity:.7}
.top-bg,.top-bg .bgz,.top-bg:before{height:100%;top:0;right:0;z-index:-2}
.top-bg{height:100vh;z-index:-1}
.top-bg:before{position:absolute;width:100%;content:"";z-index:2;background:linear-gradient(to top, var(--body), rgba(18,18,18,0))}
.top-bg .bgz{filter:blur(5px);opacity:.1 !important}

.title-actor{padding:10px}
.title-actor.active{padding:10px 250px}
.title-actor img{height:70px;width:70px;margin-left:20px}
.title-actor.active img{border:3px var(--color) solid}
.title-actor h1{padding:18px 0}
.title-actor .text{margin:10px 0 35px;line-height:2;text-align:justify}

@media only screen and (max-width:1500px){
.archive-site .entery .mini-p{width:calc(11.11% - 20px)}
.archive-site .entery .mini-p .pic{height:190px}
}
@media only screen and (max-width:1370px){
.archive-site .entery .mini-p{width:calc(12.5% - 20px)}
}
@media only screen and (max-width:1220px){
.archive-site .entery .mini-p{width:calc(14.285714% - 20px)}
.archive-site .entery .mini-p .pic{height:180px}
}
@media only screen and (max-width:1020px){
.archive-site .entery .mini-p{width:calc(16.66% - 20px)}
}
@media only screen and (max-width:920px){
main{padding:60px 0 20px;min-height:0}
.item-slider .main,.archive-slider .main{padding:0}
.item-slider,.archive-slider,.choose-category{margin-bottom:40px}
.archive-site .title-asli, .archive-site .text-bio{padding:0 7.5px}
.archive-site .main{max-width:calc(100% - 21px)}
.archive-site .entery .mini-p{width:calc(16.66% - 15px);margin:10px 7.5px 15px}
.choose-category.series-list{margin:40px 0 20px}
.archive-site .typeb .title-asli,.archive-site .typeb .text-bio{padding:0 7.5px}
.archive-site .text-bio{margin-bottom:20px;font-size:13px}
.search-form{margin-bottom:40px !important}
.archive-slider .title-asli .rt-31{font-size:20px;margin-right:5px}
.archive-slider .title-asli .count{font-size:12px}

.title-actor,.title-actor.active{padding:7.5px;margin:10px 0}
.title-actor img{height:50px;width:50px;margin-left:15px}
.title-actor h1{font-size:16px;padding:12px 0}
.title-actor .text{font-size:13px;margin-bottom:20px}
}
@media only screen and (max-width:830px){
.archive-site .entery .mini-p{width:calc(20% - 15px)}
}
@media only screen and (max-width:680px){
.archive-site .entery .mini-p{width:calc(25% - 15px)}
}
@media only screen and (max-width:480px){
.archive-site .entery .mini-p{width:calc(33.33% - 15px)}
}
@media only screen and (max-width:450px){
.archive-site .entery .mini-p .pic{height:150px}
}