/* V511 — /gara-toan-quoc full viewport width on desktop + mobile. */
.v306-gara-directory.v363-gara-reference{
  width:100%;
  max-width:none;
  margin:0;
  overflow-x:hidden;
}
.v306-gara-directory.v363-gara-reference .v306-shell{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:clamp(14px,2vw,32px);
  padding-right:clamp(14px,2vw,32px);
  box-sizing:border-box;
}
.v306-gara-directory.v363-gara-reference .v363-hero{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.v306-gara-directory.v363-gara-reference .v363-hero-inner{
  width:100% !important;
  max-width:none !important;
  padding-left:clamp(18px,3vw,56px);
  padding-right:0;
}
.v306-gara-directory.v363-gara-reference .v306-top-grid,
.v306-gara-directory.v363-gara-reference .v306-list-panel,
.v306-gara-directory.v363-gara-reference .v306-breadcrumb{
  width:100% !important;
  max-width:none !important;
}
@media (max-width:900px){
  .v306-gara-directory.v363-gara-reference .v306-shell{
    padding-left:12px;
    padding-right:12px;
  }
  .v306-gara-directory.v363-gara-reference .v363-hero-inner{
    padding:20px 14px;
  }
}
@media (max-width:560px){
  .v306-gara-directory.v363-gara-reference .v306-shell{
    width:100% !important;
    padding-left:8px;
    padding-right:8px;
  }
  .v306-gara-directory.v363-gara-reference .v363-hero-inner{
    padding:18px 10px;
  }
}