/* RENGANURA_PUBLIC_NAVBAR_COMPACT_V4_CSS */

@media(min-width:901px){
  #rgPublicNavbarV3{
    height:88px !important;
    min-height:88px !important;
    padding:0 34px !important;
    gap:12px !important;
    overflow:hidden !important;
    font-family:Calibri, "Segoe UI", Arial, sans-serif !important;
  }

  #rgPublicNavbarV3 *{
    font-family:Calibri, "Segoe UI", Arial, sans-serif !important;
  }

  .rg-v3-brand{
    flex:0 0 315px !important;
    min-width:315px !important;
    max-width:315px !important;
    gap:10px !important;
    overflow:hidden !important;
  }

  .rg-v3-logo{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }

  .rg-v3-brand-text strong{
    font-size:19px !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
    max-width:245px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .rg-v3-brand-text small{
    font-size:12px !important;
    margin-top:3px !important;
  }

  .rg-v3-menu{
    gap:10px !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  .rg-v3-menu a{
    height:36px !important;
    min-height:36px !important;
    padding:0 1px !important;
    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
  }

  .rg-v3-menu a.rg-v3-login{
    height:38px !important;
    min-height:38px !important;
    padding:0 11px !important;
    font-size:14px !important;
    border-radius:999px !important;
  }

  .rg-v3-lang{
    flex:0 0 172px !important;
    min-width:172px !important;
    max-width:172px !important;
    gap:7px !important;
    justify-content:flex-end !important;
  }

  .rg-v3-lang span{
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    font-size:0 !important;
    letter-spacing:0 !important;
    color:#DCFCE7 !important;
  }

  .rg-v3-lang span::before{
    content:"🌐" !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  .rg-v3-lang select{
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 28px 0 13px !important;
    font-size:14px !important;
    font-weight:800 !important;
  }
}

@media(min-width:901px) and (max-width:1360px){
  #rgPublicNavbarV3{
    padding:0 18px !important;
    gap:9px !important;
  }

  .rg-v3-brand{
    flex-basis:265px !important;
    min-width:265px !important;
    max-width:265px !important;
  }

  .rg-v3-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }

  .rg-v3-brand-text strong{
    font-size:17px !important;
    max-width:205px !important;
  }

  .rg-v3-brand-text small{
    font-size:11px !important;
  }

  .rg-v3-menu{
    gap:7px !important;
  }

  .rg-v3-menu a{
    font-size:13px !important;
  }

  .rg-v3-menu a.rg-v3-login{
    font-size:13px !important;
    padding:0 9px !important;
  }

  .rg-v3-lang{
    flex-basis:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    gap:5px !important;
  }

  .rg-v3-lang span{
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
  }

  .rg-v3-lang span::before{
    font-size:16px !important;
  }

  .rg-v3-lang select{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    font-size:13px !important;
  }
}