@media (min-width:769px){.repro .repro-box-next,.repro .repro-box-prev{display:none}
.repro-boxlist{transform: none !important;display:flex;flex-wrap:wrap;justify-content: space-between;}
.repro-boxlist li{width:19.5% !important;margin-right:0 !important;margin-top:1%}}
@media (min-width:769px) and (max-width:1024px){.repro-boxlist li{width:32.5% !important;}}
.repro-boxlist li{display:flex;flex-direction: column;}
.repro-item-cont{flex:1;display:flex;flex-direction: column;}
.repro-name{margin-bottom:10px;}
.repro-more{margin-top:auto;}

@media (min-width:768px) {
.honorswiper{padding: 10% 0;}
.honorswiper .swiper-slide-active{transform: scale(1.5);z-index: 99;}
.honorswiper .swiper-slide-prev,.honorswiper .swiper-slide-next{transform: scale(1.3);z-index: 9;}
.honorswiper .swiper-slide{border: 1px #eee solid;}
}
.our-list{margin-top:0}
.about .more{display:inline-block;background:var(--color);color:#fff;border-radius:20px;padding:8px 30px;text-transform:capitalize;margin-top:20px;transition:all .3s ease-in-out}
.about .more:hover{opacity:.9}
.about-r-list {max-width:100%;}
.about-r-list div span.hide {display:none;}
.about-r-list div span.showbtn {text-decoration:underline;color:var(--color);margin-left:2px;cursor:pointer}

.age-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}
.age-modal-box{width:420px;max-width:90%;padding:40px 36px;background:#fff;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}
.age-modal-box h3{margin:0 0 12px;font-size:26px;font-weight:700;color:#222}
.age-modal-box p{margin:0 0 30px;font-size:14px;line-height:1.7;color:#888}
.age-modal-btns{display:flex;gap:12px;justify-content:center}
.age-btn{flex:1;max-width:160px;padding:12px 0;border-radius:6px;font-size:13px;text-align:center;text-decoration:none;transition:opacity .2s;cursor:pointer}
.age-btn:hover{opacity:.85}
.age-btn-over{background:#222;color:#fff}
.age-btn-under{background:#fff;color:#222;border:1px solid #ccc}
section.our .home-text{ font-weight: 700; margin-top: 3%;}

.bantop .swiper-wrapper{transition-timing-function: linear}
.bantop .swiper-slide{text-align: center;font-size: var(--fontsize24);}