.pb-side-nav{position:fixed;left:0;top:0;height:100vh;width:200px;background:#0a0a0a;z-index:999;box-sizing:border-box;display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid #222222;} .pb-side-nav .pb-nav-logo{width:76px;height:76px;border-radius:50%;display:block;margin:2px auto 20px;} .pb-side-nav a.pb-nav-link{color:#f5f5f5;text-decoration:none;font-size:15px;font-weight:600;padding:9px 10px;border-radius:6px;letter-spacing:.5px;} .pb-side-nav a.pb-nav-link:hover{background:#181818;color:#d32f2f;} .pb-side-nav a.pb-nav-tel{margin-top:auto;padding-top:16px;color:#d32f2f;font-weight:700;border-top:1px solid #222222;} .pb-nav-band{background:#0a0a0a;text-align:center;padding:16px 10px 0;} .pb-band-row{display:flex;align-items:center;justify-content:center;gap:14px;} .pb-band-word{font-weight:800;letter-spacing:6px;font-size:26px;color:#ffffff;font-family:Arial,sans-serif;} .pb-band-word.pb-red{color:#d32f2f;} .pb-band-logo{width:58px;height:58px;border-radius:50%;} .pb-flag{height:4px;margin-top:12px;background:linear-gradient(90deg,#009246 0%,#009246 33.3%,#ffffff 33.3%,#ffffff 66.6%,#ce2b37 66.6%,#ce2b37 100%);} body{margin-left:200px;} @media(max-width:767px){ body{margin-left:0;padding-top:50px;} .pb-side-nav{position:fixed;top:0;left:0;height:auto;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:6px 4px;border-right:none;border-bottom:1px solid #222222;} .pb-side-nav .pb-nav-logo{display:none;} .pb-side-nav a.pb-nav-link{font-size:13px;padding:6px 7px;} .pb-side-nav a.pb-nav-tel{margin-left:4px;padding:6px 7px;border-top:none;font-size:13px;} .pb-band-word{font-size:15px;letter-spacing:3px;} .pb-band-logo{width:32px;height:32px;} .pb-band-row{gap:8px;} }