@media (max-width:768px){.nav-menu a,.truyen{display:block!important}.header,.truyen{position:relative}.header{padding:15px 17px;top:0}.header span{margin:0}.truyen{z-index:0;grid-template-columns:repeat(4,1fr)}.nav-menu,.submenu-list{position:fixed;left:0;overflow:hidden}.truyen .truyen-item{margin-bottom:23px}.nav-menu{top:-100%;width:100%;height:100vh;background:#111;flex-direction:column;text-align:left;z-index:2000;transition:top .5s cubic-bezier(.46, .03, .52, .96),box-shadow .5s ease-out;will-change:top,box-shadow;box-shadow:0 1px 6px transparent;display:none}.nav-menu.show{top:0;box-shadow:0 1px 6px rgba(0,0,0,.05);display:block}.nav-menu a{padding:3px 0;margin:10px 0;text-transform:uppercase;letter-spacing:0;color:#fff}.menu-close,.menu-style-icon,.menu-toggle{display:block}.menu-close{top:10px;right:20px;font-size:24px;color:#fff;cursor:pointer;z-index:1001;transform-origin:center;transition:transform .5s ease-in-out}.close-btn:hover,.close-menu-icons.rotate{transform:rotate(360deg);transition:transform .8s ease-in-out}.close-btn:mouseleave{transform:rotate(-360deg)}.logo-mobi{display:block;margin:5px 0 34px;opacity:0;transform:scale(.8);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.nav-menu.show .logo-mobi{opacity:1;transform:scale(1);transition:transform .9s ease-in-out,opacity .9s ease-in-out}.nav-menu:not(.show) .logo-mobi{transform:scale(.2);transition:transform .4s ease-in-out,opacity .4s ease-in-out}.nav-menu .socials_mobile{display:block;margin-top:1.5em;padding:1em 0}.nav-menu .socials_mobile a{display:inline-block;margin:.5em 1.2em 0 0}.nav-menu .socials_mobile:before{content:"";display:block;width:100%;height:1px;background-color:rgba(210,211,213,.24);opacity:0;transition:width 1s ease-out,opacity .5s ease-out,background-color .5s ease-out}.nav-menu.show .socials_mobile:before{opacity:1}.nav-menu:not(.show) .socials_mobile:before{width:20%;opacity:0;animation:backwards fadeInAnimScale;transform-origin:50% 54%}.nav-menu.show .close-menu-icons{display:block;scale:1;transition:transform .5s ease-in-out,scale .9s ease-in-out;color:#fff}.nav-menu:not(.show) .close-menu-icons{scale:0.3;transition:transform .5s ease-in-out,scale .9s ease-in-out}.search-input{font-size:14px!important}.submenu-list{max-height:0;margin-top:0;top:100%;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:160px;z-index:1000;width:auto;opacity:0;visibility:hidden;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;display:block}.submenu-list.submenu-active{max-height:300px;opacity:1;visibility:visible;position:relative;overflow:scroll}.submenu-list.submenu-active li a{font-size:15px}.style-menu-mobi{margin-bottom:3em}.nav-menu .menu-item::after{background-color:transparent;height:0}.show-is-mobi{display:block!important}.menu-style-icon_chil{display:none}.padding-global{padding:40px}.customer-padding-for-pc-mobi{padding:0!important}.submenu{width:100%}.search-box{display:contents}}