@media screen and (min-width: 1025px){.x{width:calc(100vw - 30vw - 200px)}.y{width:30vw}.z{width:200px}#pcari{width:38vw}.situs{font-size:2em}.press .situs{font-size:3.6em}.press .Wtop{top:-100vh;height:calc(100vh + 52px)}.Wbagi{width:100px;transform:translateX(5vw)}.laman{font-size:1.3em}label.logo .icon{transform:rotate(90deg)}#inp-logo:checked ~ .Wtop .logo .icon{transform:rotate(0deg)}#inp-logo:checked ~ .y{opacity:0}#inp-logo:checked ~ .z{width:calc((30vw + 200px) / 2)}#inp-logo:checked ~ aside .Wbagi{width:calc((30vw + 200px) / 2);transform:translateX(100%)}.iklX{width:720px;height:90px}.WikY{display:flex;flex-direction:column;align-items:center}.iklY{display:flex;flex-direction:column;justify-content:center;height:100vh;box-sizing:border-box;position:sticky;top:0}.iklY .slotY{display:block;width:160px;height:600px}.bebuku .buku{width:17vw !important;height:calc(17vw * 1.41) !important;margin:1.8vw !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.Wdul{max-width:30vw}.x{width:calc(100vw - 30vw)}.y{width:30vw}.z{width:0}#pcari{width:62vw}.situs{font-size:2.6em}.press .situs{font-size:4em}.press .Wtop{top:calc(52px - 100vh);height:100vh}.Wbagi{width:15vw}.laman{font-size:1.3em}.iklX{width:468px;height:60px}#inp-logo:checked ~ .y{opacity:0}#inp-logo:checked ~ .z{width:15vw}#inp-logo:checked ~ aside .Wbagi{transform:translateX(100%)}}