@media(max-width:768px){
*{box-sizing:border-box}
body{overflow-x:hidden;padding:0;margin:0}
.main-container{max-width:100vw;overflow:hidden;padding:0}

header{flex-wrap:wrap;padding:.5rem;gap:.5rem;height:auto}
header .logo{flex-basis:auto;padding:.25rem .5rem}
header .logo img{height:2.5rem!important;width:auto!important;max-width:50vw}
header .nav-container{display:none}
header .auth-container{margin-left:auto}
header .auth-container .login{width:2rem;height:2rem;padding:0;font-size:0}
header .auth-container .login span{display:none}
header .auth-container .register{display:none}

.search-container .search-wrapper .search-form input{display:none}
.search-container .search-wrapper .search-form{padding:.25rem}
.search-container .search-wrapper .search-form svg{width:1.25rem;height:1.25rem}

.columns{flex-direction:column!important;gap:1.5rem!important;padding:.5rem!important}
.column-start{width:100%!important;flex:auto!important;gap:1.5rem!important}
.column-end{width:100%!important}
.column-end .sidebar{padding:.5rem}

.posters-4-col,.posters-6-col{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}

.poster-wrapper{border-radius:.5rem;aspect-ratio:2/3}
.poster-wrapper img{width:100%;height:100%;object-fit:cover}
.poster-title{font-size:.7rem!important}
.poster-meta{font-size:.6rem!important}
.poster-meta svg{width:8px;height:8px}
.poster-content{padding:.4rem!important}

.discover-filter{flex-direction:row;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.form-dropdown{min-width:130px;flex:1 1 calc(33% - .4rem)}
.form-dropdown .dropdown-toggle{padding:.5rem .6rem;font-size:.75rem}
.form-dropdown .dropdown-menu{min-width:auto;left:0;right:auto;font-size:.7rem}
.form-dropdown .dropdown-item{padding:.35rem .6rem;font-size:.7rem}

.section-header{padding:0 .5rem}
.section-header .section-title{font-size:.85rem}
.section-header .section-link{font-size:.75rem}

.section-content{padding:0 .5rem}

.section-tabs{flex-wrap:nowrap!important;overflow-x:auto;gap:.25rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}
.section-tabs>a,.section-tabs>button{font-size:.75rem;padding:.4rem .6rem;white-space:nowrap;flex-shrink:0}

.slider-container .slider-slide{flex-basis:50%!important}
.slider-arrow{width:2rem;height:2rem}

.load-more{width:90%;max-width:300px;text-align:center;justify-content:center;padding:.55rem 1rem;font-size:.8rem}

.modal,.search-container.active .search-wrapper{width:95vw!important;max-width:95vw!important}
.modal-container{width:95vw!important}

.footer{padding:.75rem;font-size:.8rem}
.footer .footer-menu{grid-template-columns:repeat(2,1fr)!important;gap:1rem}
.footer .copyright{font-size:.75rem;text-align:center}

.mobile-menu{display:flex!important}
.mobile-menu-container{display:flex}

.comment-item{padding:.5rem .25rem}
.comment-item-author-profile-info img{width:2rem;height:2rem}

.money-text{font-size:.7rem;padding:.25rem .5rem}

.mini-poster{flex-basis:calc(50% - .25rem)}
.mini-poster-image{aspect-ratio:2/3;overflow:hidden;border-radius:.4rem}
.mini-poster-image img{width:100%;height:100%;object-fit:cover}
.mini-poster-title{font-size:.65rem}

.pagination-container{justify-content:flex-start;overflow-x:auto;gap:.25rem}
.pagination-container button{height:2rem;padding:.25rem .5rem;font-size:.7rem}
.pagination-container button.active{width:2rem;height:2rem}
}

@media(max-width:480px){
.posters-4-col,.posters-6-col{gap:.4rem!important}
.poster-title{font-size:.65rem!important}
.poster-meta{font-size:.55rem!important}
.poster-content{padding:.3rem!important}

.form-dropdown{min-width:100%;flex:1 1 100%}

.section-header .section-title{font-size:.8rem}
.slider-container .slider-slide{flex-basis:50%!important}
}