@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap");
/*Reponsive*/
@media only screen and (max-width: 767px) {
  body section {
    padding: 50px 0; }
    body section .title-section {
      margin-bottom: 22px; }
      body section .title-section h2 {
        font-size: 24px;
        line-height: 34px; }
    body section .pc {
      display: none; }
    body section .mb {
      display: block !important; }

  .button-service-beer {
    padding-top: 20px; }

  .back-bottom-top #button-top {
    right: 20px; }

  #age-popup .disclaimer-age {
    width: 100%;
    max-width: 100%;
    font-size: 18px; }
  #age-popup .age-split {
    flex-direction: column-reverse; }
  #age-popup .age-left {
    min-height: 42vh; }
  #age-popup .age-right {
    flex: none;
    padding: 35px 16px 20px; }
  #age-popup .brand-sub {
    font-size: 20px; }
  #age-popup .age-buttons {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
    #age-popup .age-buttons .btn-yes,
    #age-popup .age-buttons .btn-no {
      padding: 14px 24px;
      margin: 0;
      width: fit-content;
      font-size: 14px; }
  #age-popup .age-beer {
    font-size: 18px; }
  #age-popup .logo-popup-age {
    margin-bottom: 20px; }
    #age-popup .logo-popup-age img {
      width: 125px; }
  #age-popup .brand-logo-beer img {
    width: 125px; }

  #age-warning .logo-popup-age {
    margin-bottom: 20px; }
    #age-warning .logo-popup-age img {
      width: 125px; }
  #age-warning .age-beer {
    font-size: 18px; }

  .vision-box > .row:nth-of-type(2) {
    flex-direction: row-reverse; }

  .product-page-list .tab-custom.tab-page-list {
    margin: 30px 0; }
  .product-page-list .btn-action {
    margin-top: 5px; }
  .product-page-list .row {
    justify-content: center; }
  .product-page-list .btn-common-line {
    min-width: fit-content;
    height: 42px;
    padding: 0;
    line-height: 24px;
    font-size: 14px; }
    .product-page-list .btn-common-line::after {
      font-size: 18px;
      margin-left: 0; }
  .product-page-list .col-md-4 {
    width: 50%; }
  .product-page-list .box-item {
    margin-bottom: 20px; }
    .product-page-list .box-item .info-item {
      padding: 20px 15px;
      text-align: left; }
      .product-page-list .box-item .info-item .title-product {
        font-size: 14px;
        line-height: 26px;
        text-align: center; }
  .product-page-list .content-page-list .title-content {
    display: inherit; }
    .product-page-list .content-page-list .title-content .search-head {
      margin-top: 20px;
      width: 100%; }
      .product-page-list .content-page-list .title-content .search-head input {
        width: 100%; }
  .product-page-list .content-page-list .p-title-blogs {
    padding-top: 0; }
    .product-page-list .content-page-list .p-title-blogs h3 a {
      font-size: 20px; }

  .ds-catalogue .item-news {
    margin-bottom: 10px; }
    .ds-catalogue .item-news .info-news {
      padding-top: 10px; }
    .ds-catalogue .item-news .avatar-thumb {
      top: 12px; }
    .ds-catalogue .item-news .desreption {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }

  .noidungbaiviet .nd-danhmuc h2 {
    line-height: 32px; }

  .baiviet-tuongtu .item-news .avatar-thumb {
    top: 12px; }

  .breadcrumb-box {
    margin-top: 104px !important;
    margin-bottom: 24px !important; }

  .title-headpage {
    margin: 0 !important; }

  .tab-link-about nav ul {
    overflow-x: auto;
    height: auto;
    margin-bottom: 40px;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: -2px;
    max-width: 345px;
    margin-left: 0; }
    .tab-link-about nav ul li.active {
      border-bottom: none; }

  .tab-link-about nav ul li a {
    white-space: nowrap; }

  .tab-link-about nav ul li a {
    font-size: 18px; }

  .lienhe-calltocation .content p {
    font-size: 18px; }

  .service-beer .gg-map .ggmap-pc {
    display: none; }
  .service-beer .gg-map .ggmap-mb {
    display: block !important; }
  .service-beer .banner-service-beer.pc {
    display: none; }
  .service-beer .banner-service-beer.mb {
    display: block !important; }
    .service-beer .banner-service-beer.mb .service-beer-title {
      position: absolute;
      top: 8%;
      left: 0;
      width: 100%;
      height: auto;
      transform: translate(0, -8%);
      text-align: center; }
      .service-beer .banner-service-beer.mb .service-beer-title .title-headpage {
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; }

  .slider-home {
    margin-top: 80px; }
    .slider-home .btn-common-line {
      z-index: 3;
      position: relative; }
    .slider-home .img-sliders img {
      min-height: 300px; }
    .slider-home .item {
      display: inherit;
      position: inherit;
      min-height: 100%; }
      .slider-home .item .infor-slide {
        width: 100% !important;
        padding: 32px 16px !important; }
        .slider-home .item .infor-slide p {
          margin-right: 0;
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px; }
        .slider-home .item .infor-slide h1 {
          font-size: 26px;
          font-style: normal;
          font-weight: 500;
          line-height: 38px;
          text-transform: uppercase; }
      .slider-home .item .img-sliders {
        width: 100%;
        position: relative; }
        .slider-home .item .img-sliders .img-banner-mb {
          display: block !important; }
        .slider-home .item .img-sliders .img-banner-pc {
          display: none; }
    .slider-home .owl-dots {
      display: block !important;
      bottom: 10px;
      left: 15px; }

  .box-head-page {
    padding: 15px 0 0 0; }
    .box-head-page .col-md-3 {
      flex: 0 0 50%;
      max-width: 50%; }
      .box-head-page .col-md-3:nth-child(1) {
        border-bottom: 1px solid #ffffff2b;
        margin-bottom: 15px; }
      .box-head-page .col-md-3:nth-child(2) {
        border-bottom: 1px solid #ffffff2b;
        margin-bottom: 15px; }
    .box-head-page .box-item {
      border-right: 0;
      padding: 0 0 15px 15px; }
      .box-head-page .box-item .box-text h2 {
        font-size: 28px;
        font-weight: 600;
        line-height: 34px; }
      .box-head-page .box-item .box-text p {
        font-size: 16px;
        font-weight: 400;
        line-height: 25px; }
      .box-head-page .box-item .icon-box-head {
        height: 35px;
        width: 35px; }

  .product-other .other-category .owl-carousel-product-other .owl-nav .owl-next img,
  .product-other .other-category .owl-carousel-product-other .owl-nav .owl-prev img {
    width: 30px; }

  .product-other .other-category .owl-carousel-product-other .owl-nav {
    width: 90px;
    top: -40px;
    right: 15px;
    margin-top: 0; }

  .product-beer .product-title .owl-carousel-product .owl-nav .owl-next img,
  .product-beer .product-title .owl-carousel-product .owl-nav .owl-prev img {
    width: 30px; }

  .product-scroll-premium .scroll-premium {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 10px;
    border: 0;
    overflow-x: scroll;
    height: auto;
    white-space: nowrap;
    width: 100%;
    flex-wrap: unset;
    justify-content: left; }

  .category-see-more.mb {
    padding-top: 24px;
    display: flex !important;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .category-see-more.mb a.btn-category {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 24px;
      text-align: center;
      transition: all 0.6s ease-in-out;
      color: #463307;
      height: 52px;
      line-height: 24px;
      font-size: 18px;
      border-radius: 8px;
      min-width: 160px;
      width: fit-content;
      border: 1px solid #463307;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 16px; }
      .category-see-more.mb a.btn-category svg {
        margin-left: 10px;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
        margin-bottom: 2px; }

  .activity-news .row .col-md-6:nth-child(2),
  .activity-news .row .col-md-6:nth-child(4),
  .activity-news .row .col-md-6:nth-child(6) {
    padding-left: 15px; }

  section .btn-common-fill {
    min-width: 100%; }
  section.product-beer {
    padding: 20px 0 0 0; }
    section.product-beer .product-title {
      padding: 0 15px; }
      section.product-beer .product-title .product-category-title {
        padding-left: initial; }
        section.product-beer .product-title .product-category-title .title-section {
          padding-top: 10px;
          margin-bottom: 24px; }
          section.product-beer .product-title .product-category-title .title-section h2 {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px; }
      section.product-beer .product-title .owl-carousel-product .owl-nav {
        width: 90px;
        top: 100%;
        margin-top: 0;
        left: 50%;
        transform: translate(-50%, -50%); }
      section.product-beer .product-title .owl-carousel-product .owl-dots {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow: hidden; }
        section.product-beer .product-title .owl-carousel-product .owl-dots .owl-dot {
          flex: 1 1 0;
          min-width: 24px;
          display: flex; }
  section.facilities-home .content-facilities-home {
    padding: 0 23px; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc3 .avatar-thumb a {
      padding-top: 78%; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc3::before {
      height: 93% !important; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc4::before {
      height: 93% !important; }
    section.facilities-home .content-facilities-home .csvc1::before {
      height: 97% !important; }
    section.facilities-home .content-facilities-home .csvc2 {
      position: relative;
      margin-bottom: 0; }
      section.facilities-home .content-facilities-home .csvc2::before {
        height: 93%; }
      section.facilities-home .content-facilities-home .csvc2 .avatar-thumb a {
        padding-top: 86%; }
        section.facilities-home .content-facilities-home .csvc2 .avatar-thumb a img {
          display: block; }
  section.facilities-home .content-facilities-home.mb {
    display: flex !important;
    margin-bottom: 24px; }
    section.facilities-home .content-facilities-home.mb .col-md-4 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%;
      padding: 0 8px; }
      section.facilities-home .content-facilities-home.mb .col-md-4:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 10px; }
    section.facilities-home .content-facilities-home.mb .csvc1-mb .avatar-thumb figure a {
      position: relative;
      padding-top: 95%;
      display: block; }
    section.facilities-home .content-facilities-home.mb .csvc1-mb .avatar-thumb figure img {
      border-radius: 8px; }
  section.why-choose-beer .competitive-row {
    margin-top: 10px; }
    section.why-choose-beer .competitive-row .advantage-col .advantage-col-des p {
      padding: 0; }
  section.featured-news .row .col-md-4:first-child {
    padding-right: 15px; }
  section.featured-news .row .col-md-4:last-child {
    padding-left: 15px; }
  section.featured-news .item-news {
    position: initial;
    padding-left: 0 !important; }
    section.featured-news .item-news .avatar-thumb {
      position: initial !important;
      width: 100% !important; }
      section.featured-news .item-news .avatar-thumb a {
        padding-top: 56%; }
    section.featured-news .item-news .info-news {
      padding: 16px 20px; }
  section.featured-news .button-see-home {
    margin-top: 0; }
  section.product-page-list .product-page-tab .tab-page-list {
    align-items: center;
    border: 0;
    display: flex;
    overflow-x: scroll;
    height: auto;
    white-space: nowrap;
    width: 100%;
    flex-wrap: unset;
    justify-content: left;
    padding: 0 20px; }
    section.product-page-list .product-page-tab .tab-page-list .nav-tabs {
      padding-bottom: 24px; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar-track {
      border-radius: 0px;
      background-color: transparent; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar {
      width: 0;
      height: 0;
      background-color: transparent; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar-thumb {
      background-color: transparent;
      border-radius: 0px; }
  section.product-detail-premium {
    padding: 45px 0;
    margin-top: 80px; }
    section.product-detail-premium .detail-beer {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.product-detail-premium .detail-beer .row .col-md-5 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2; }
      section.product-detail-premium .detail-beer .row .col-md-7 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
      section.product-detail-premium .detail-beer .detail-beer-premium {
        display: flex;
        align-items: center;
        justify-content: center; }
      section.product-detail-premium .detail-beer .detail-beer-premium-title h1 {
        margin-bottom: 24; }
        section.product-detail-premium .detail-beer .detail-beer-premium-title h1 a {
          color: #fff;
          font-size: 20px;
          font-weight: 600;
          line-height: 24px; }
  section.product-detail-premium .detail-beer .detail-beer-premium img {
    width: 100%;
    max-width: 50%; }
  section.product-general-information {
    padding: 50px 0; }
    section.product-general-information .information-beer .information-beer-premium-title h1 {
      font-size: 24px;
      line-height: 28px;
      padding-bottom: 18px;
      margin-bottom: 0; }
    section.product-general-information .information-beer .information-beer-premium-title p {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    section.product-general-information .information-beer .information-beer-premium {
      padding-top: 15px; }
      section.product-general-information .information-beer .information-beer-premium img {
        max-width: 80% !important; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title {
    padding-left: 0; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title h1 {
    font-size: 24px;
    line-height: 28px;
    padding: 25px 0 18px 0; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title .specifications-row p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; }
  section.product-technical-specifications {
    padding: 50px 0 40px 0; }
    section.product-technical-specifications .specifications-beer .specifications-beer-premium-title .specifications-row {
      padding: 0; }
  section.product-packaging-specifications {
    padding: 50px 0; }
    section.product-packaging-specifications .specifications-category .owl-carousel-specifications .item img {
      max-width: 80%;
      margin: 0 auto; }
  section.product-other {
    padding: 0; }
    section.product-other .other-category {
      padding-top: 50px; }
      section.product-other .other-category .title-section {
        margin-bottom: 0; }
        section.product-other .other-category .title-section h2 {
          font-size: 24px;
          line-height: 28px; }
      section.product-other .other-category .owl-carousel-product-other .item span {
        padding: 20px 0;
        font-size: 16px;
        line-height: 22px; }
  section.tintuc-large {
    padding-bottom: 30px; }
    section.tintuc-large .row .col-md-7 {
      padding-right: 15px; }
    section.tintuc-large .row .col-md-5 {
      padding-left: 15px; }
    section.tintuc-large .item-news .title-news a {
      font-size: 22px;
      font-weight: 600;
      line-height: 26px; }
    section.tintuc-large .item-news .info-news {
      padding-bottom: 32px; }
    section.tintuc-large .tintuc-small .item-news-box .info-news-box .title-news-box a {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      color: #0f0505; }
  section.company-news .content-category {
    margin-bottom: 32px; }
    section.company-news .content-category .category-title a h2 {
      margin-bottom: 0;
      font-size: 24px;
      line-height: 34px; }
  section.company-news .item-news .info-news .title-news {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  section.company-news .content-page-news .row .col-md-6:first-child {
    padding-right: 15px; }
  section.company-news .content-page-news .row .col-md-6:last-child {
    padding-left: 15px; }
  section.company-news .content-page-news .row .col-md-6 .item-news {
    padding-bottom: 32px; }
    section.company-news .content-page-news .row .col-md-6 .item-news .info-news .title-news a {
      font-size: 22px;
      line-height: 26px; }
  section.company-news .company-news-row {
    margin-bottom: 20px; }
    section.company-news .company-news-row .row .col-md-3 {
      padding-right: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
    section.company-news .company-news-row .row .col-md-9 {
      padding-left: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
      section.company-news .company-news-row .row .col-md-9 .item-news-box .info-news-box .title-news-box {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  section.environmental-license {
    padding: 50px 0; }
    section.environmental-license .content-page-license .content-category {
      margin-bottom: 32px; }
      section.environmental-license .content-page-license .content-category .category-title a h2 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 34px; }
    section.environmental-license .content-page-license .row .col-md-3 .item-news {
      padding-bottom: 20px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      section.environmental-license .content-page-license .row .col-md-3 .item-news .info-news {
        min-width: 48%;
        flex: 1 1 48%; }
        section.environmental-license .content-page-license .row .col-md-3 .item-news .info-news .title-news {
          margin-top: 0; }
    section.environmental-license .content-page-license .row > .col-md-3:nth-last-child(-n + 4) .item-news {
      margin-bottom: 0 !important; }
  section.activity-news {
    padding: 50px 0; }
    section.activity-news .row .col-md-6:first-child {
      padding-right: 15px; }
    section.activity-news .row .col-md-6:last-child {
      padding-left: 15px; }
    section.activity-news .row .col-md-6 .activity-news-row {
      margin-bottom: 20px; }
      section.activity-news .row .col-md-6 .activity-news-row:last-child {
        margin-bottom: 0; }
    section.activity-news .row .col-md-6:nth-child(2), section.activity-news .row .col-md-6:nth-child(6), section.activity-news .row .col-md-6:nth-child(6) {
      padding-left: 15px; }
    section.activity-news .content-page-news .content-category {
      margin-bottom: 32px; }
      section.activity-news .content-page-news .content-category .category-title a h2 {
        margin-bottom: 0;
        font-size: 22px;
        line-height: 34px; }
    section.activity-news .content-page-news .col-md-4 {
      padding-right: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
    section.activity-news .content-page-news .col-md-8 {
      padding-left: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
      section.activity-news .content-page-news .col-md-8 .item-news-box .info-news-box .title-news-box {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  section.by-category-bg .by-category .owl-carousel-category .item {
    padding: 10px 12px 24px 15px; }
  section.by-category-bg .by-category .owl-carousel-category .owl-nav {
    display: none; }
  section.taxonomy-news {
    padding-bottom: 50px; }
    section.taxonomy-news .taxonomy-info-news h3 {
      margin-bottom: 0; }
      section.taxonomy-news .taxonomy-info-news h3 a {
        font-size: 22px;
        font-weight: 600;
        line-height: 26px; }
  section.taxonomy-bg {
    padding-top: 0; }
  section.news-details .news-details-row {
    margin: 16px 0 0 0; }
  section.news-details .title-headpage {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px; }
  section.similar-articles .similar-category .owl-carousel-similar .item {
    padding: 0 15px 40px 15px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item-title {
      padding-top: 10px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item-title h6 a {
      margin: 0;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item {
      padding-top: 16px; }
      section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item a span {
        color: #fff;
        font-size: 12px; }
  section.similar-articles .similar-category .owl-nav {
    display: none; }
  section.privacy-policy .banner-policy .policy-title {
    position: absolute;
    top: 8%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translate(0, -8%);
    text-align: center; }
    section.privacy-policy .banner-policy .policy-title .title-headpage {
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px; }
  section.privacy-policy .banner-policy.mb {
    display: block !important; }
  section.privacy-policy .banner-policy.pc {
    display: none; }
  section.privacy-policy .content-privacy-policy {
    max-width: 100%;
    padding-top: 30px; }
    section.privacy-policy .content-privacy-policy p {
      font-size: 16px;
      line-height: 25px;
      text-align: center; }
    section.privacy-policy .content-privacy-policy h3:first-child {
      margin: 20px 0 15px 0; }
    section.privacy-policy .content-privacy-policy ul li {
      font-size: 16px;
      line-height: 25px;
      text-align: center; }
  section.privacy-policy .content-terms-use {
    max-width: 100%; }
    section.privacy-policy .content-terms-use p {
      font-size: 16px; }
      section.privacy-policy .content-terms-use p:first-child {
        margin-top: 20px; }
  section.lienhe .contact-section {
    margin: 0;
    padding: 0;
    max-width: 100%; }
    section.lienhe .contact-section .title-section h2 {
      font-size: 24px;
      line-height: 28px; }
    section.lienhe .contact-section .title-section p {
      max-width: 100%; }
  section.service-introduction {
    padding-bottom: 25px; }
    section.service-introduction .content-service p {
      font-size: 16px;
      line-height: 25px; }
    section.service-introduction .video-service iframe {
      height: 200px; }
  section.processing-services {
    padding-top: 25px; }
    section.processing-services .title-section h2 {
      font-size: 24px;
      line-height: 34px; }
    section.processing-services .service-page-list .row .col-md-4 {
      flex: 0 0 50%;
      max-width: 50%; }
      section.processing-services .service-page-list .row .col-md-4 .item-news-beer {
        margin-bottom: 22px; }
        section.processing-services .service-page-list .row .col-md-4 .item-news-beer .box-items .avatar-thumb-beer a {
          inset: 10px; }
        section.processing-services .service-page-list .row .col-md-4 .item-news-beer .box-items .avatar-thumb-beer img {
          width: 100%;
          max-width: 100%; }
      section.processing-services .service-page-list .row .col-md-4:nth-child(odd) {
        padding-right: 10px; }
      section.processing-services .service-page-list .row .col-md-4:nth-child(even) {
        padding-left: 10px; }
    section.processing-services .info-news-beer {
      padding-top: 14px; }
      section.processing-services .info-news-beer .detail-beer ul {
        flex-wrap: wrap; }
        section.processing-services .info-news-beer .detail-beer ul li {
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          word-wrap: break-word;
          word-break: break-word;
          max-width: 200px; }
      section.processing-services .info-news-beer .title-news-beer a {
        font-size: 16px;
        line-height: 22px; }
  section.production-line .production-title h2 {
    font-size: 24px;
    line-height: 34px; }
  section.production-line .production-bleed-right .owl-carousel-service .item {
    padding: 0 10px 0 10px; }
    section.production-line .production-bleed-right .owl-carousel-service .item:first-child {
      padding-left: 15px; }
  section.production-line .production-bleed-right .owl-carousel-service .owl-nav .owl-prev {
    left: 15px; }
  section.competitive-advantage .competitive-row .advantage-col {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    padding: 10px 0 !important;
    text-align: left;
    width: 100%; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-des h3 {
      font-size: 16px;
      line-height: 22px;
      padding: 0; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-des p {
      font-size: 16px;
      line-height: 22px;
      text-align: left;
      margin-bottom: 0; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-img img {
      max-width: 50px;
      max-height: 50px; }
  section.competitive-advantage .button-service-beer .btn-common-fill-service {
    min-width: fit-content;
    width: fit-content;
    margin-top: 24px; }
  section.quality-certification-bg .quality-certification .item {
    padding: 20px 12px 20px; }
    section.quality-certification-bg .quality-certification .item .carousel-item__card {
      padding: 24px; }
    section.quality-certification-bg .quality-certification .item img {
      height: 300px; }
  section.quality-certification-bg .quality-certification .owl-carousel-certification .owl-nav {
    display: none; }
  section.quality-certification-bg .quality-certification .owl-carousel-certification .owl-dots {
    padding: 12px 0 24px 0; }
  section.quality-certification-bg .quality-certification .certification {
    padding-bottom: 0; }
  section.faqs-page .title-section {
    margin-bottom: 16px; }
  section.faqs-page .content-faqs {
    padding: 0 10px;
    width: 100%;
    margin: 0 !important; }
    section.faqs-page .content-faqs .panel-title {
      position: relative;
      margin-bottom: 0;
      padding: 16px 10px 16px 10px; }
      section.faqs-page .content-faqs .panel-title > a {
        font-size: 20px; }
  section.development-orientation {
    padding-top: 26px; }
    section.development-orientation h4 {
      margin-bottom: 24px;
      margin-top: 0; }
    section.development-orientation .orientation-des {
      margin-top: 0; }
      section.development-orientation .orientation-des .banner-orientation .mb {
        display: block;
        padding: 4px 0 24px 0; }
      section.development-orientation .orientation-des .row .col-md-6:last-child .banner-orientation {
        display: none; }
    section.development-orientation .banner-orientation .pc {
      display: none; }
    section.development-orientation .oriented-long-term .oriente-box {
      height: 100%; }
      section.development-orientation .oriented-long-term .oriente-box .oriente-text {
        padding: 24px 15px 50px; }
        section.development-orientation .oriented-long-term .oriente-box .oriente-text p {
          margin-bottom: 0; }
  section.sustainable-goals {
    padding: 0; }
    section.sustainable-goals .goals-des {
      width: 100%;
      margin-top: -70px;
      padding: 24px 16px; }
      section.sustainable-goals .goals-des h3 {
        font-size: 24px;
        line-height: 34px; }
  section.environment-community {
    padding: 0; }
    section.environment-community .sustainable-row .row .col-md-6:first-child {
      padding-right: 15px; }
    section.environment-community .sustainable-row .row .col-md-6:last-child {
      padding-left: 15px; }
    section.environment-community .sustainable-row .row .col-md-6 .goals-title {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2; }
      section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
        section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des h3 {
          margin: 24px 0 15px 0; }
        section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des.title-top {
          margin-top: 8px; }
  section.food-safety {
    padding: 34px 0 50px 0; }
    section.food-safety .food-des {
      width: 100%;
      background: #fff;
      position: relative;
      padding: 0;
      border-radius: 8px 38px 0 0;
      margin: 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.food-safety .food-des .food-des-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        padding-top: 32px; }
      section.food-safety .food-des .food-des-title {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
        section.food-safety .food-des .food-des-title h3 {
          font-size: 22px;
          line-height: 26px;
          text-transform: none;
          margin-bottom: 14px; }
  section.vision-mission {
    padding: 26px 0 25px 0; }
    section.vision-mission .container {
      padding: 0; }
    section.vision-mission .vision h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    section.vision-mission .vision-box {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.vision-mission .vision-box .row.vision-box1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        margin-top: -8px; }
      section.vision-mission .vision-box .row.vision-box2 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1; }
        section.vision-mission .vision-box .row.vision-box2:nth-of-type(2) .col-md-6:first-child {
          order: 1; }
        section.vision-mission .vision-box .row.vision-box2:nth-of-type(2) .col-md-6:last-child {
          order: 2; }
      section.vision-mission .vision-box .des-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px 16px;
        height: 100%; }
        section.vision-mission .vision-box .des-title .eyebrow {
          margin-top: 50px; }
        section.vision-mission .vision-box .des-title .quote-images .quote {
          font-size: 28px;
          line-height: 34px;
          font-weight: 600; }
          section.vision-mission .vision-box .des-title .quote-images .quote::before {
            width: 30px;
            height: 30px; }
          section.vision-mission .vision-box .des-title .quote-images .quote::after {
            width: 30px;
            height: 30px;
            right: 0;
            bottom: 0; }
      section.vision-mission .vision-box .bottom-box {
        height: 100% !important; }
  section.core-values {
    padding: 25px 0 40px 0; }
  section.investor-relations .investor-box .row .des-title-relations h2 {
    margin-bottom: 10px; }
  section.investor-relations .investor-box .row:first-child .des-title-relations {
    padding-left: 0;
    padding-top: 24px; }
  section.investor-relations .investor-box .row:nth-child(2) .des-title-relations {
    padding-right: 0;
    padding-top: 24px; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:first-child {
    order: 1; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:last-child {
    order: 2; }
  section.investor-relations .investor-box .row:first-child {
    padding-bottom: 45px; }
  section.timkiem .box-search {
    padding: 92px 0; }
  section.timkiem .content-timkiem .item-search {
    margin: 0 0 24px 0;
    padding: 0 0 24px 0; }
    section.timkiem .content-timkiem .item-search .row .col-md-2 {
      width: 50%;
      padding-right: 10px; }
    section.timkiem .content-timkiem .item-search .row .col-md-10 {
      width: 50%;
      padding-left: 10px; }
      section.timkiem .content-timkiem .item-search .row .col-md-10 .item span {
        display: none; }
    section.timkiem .content-timkiem .item-search .row .col-md-12 .item span {
      display: none; }
  section.timkiem .content-timkiem .item a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; }
  section.page-not-found {
    padding-top: 100px; }
    section.page-not-found .content-404 .box-text h1 {
      font-size: 55px; }
    section.page-not-found .content-404 .box-text p {
      font-size: 16px;
      line-height: 28px; }
    section.page-not-found .content-404 img {
      max-width: 250px; }

  .content-popup-csvc #modal-popup-csvc .modal-content {
    padding: 0 20px; }
  .content-popup-csvc #modal-popup-csvc #caption {
    font-size: 14px; }
  .content-popup-csvc #modal-popup-csvc .caption-container {
    padding: 5px; }
  .content-popup-csvc #modal-popup-csvc .list-colum {
    padding: 0 5px 10px 5px; }
  .content-popup-csvc #modal-popup-csvc .modal-header .close {
    top: -40px !important;
    right: 20px;
    width: 30px;
    height: 30px;
    margin: 0;
    font-size: inherit;
    padding: 7px; }
    .content-popup-csvc #modal-popup-csvc .modal-header .close::before {
      font-size: 16px; }
  .content-popup-csvc #modal-popup-csvc .prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background-size: 30px;
    left: 10px; }
  .content-popup-csvc #modal-popup-csvc .next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background-size: 30px;
    right: 10px; }
  .content-popup-csvc .column {
    margin-right: 5px; }
    .content-popup-csvc .column:last-child {
      margin-right: 0; }

  .rotating-globe .globe {
    width: 100% !important;
    margin: 0 auto; }
    .rotating-globe .globe img {
      max-width: 100%; }

  .menu-open,
  .menu-open * {
    scroll-snap-type: none !important; }

  header#scroll-header.show-menu nav > ul > li.menu-item-has-children.is-open {
    padding-bottom: 30px; }

  header .menu nav ul li.menu-item-has-children.is-open > .submenu-toggle .material-symbols-outlined {
    transform: rotate(180deg);
    transition: all 0.3s ease; }

  header .menu nav ul li.menu-item-has-children > .submenu-toggle .material-symbols-outlined {
    transform: rotate(0deg);
    transition: all 0.3s ease; }

  header#scroll-header {
    padding: 16px;
    top: 0 !important;
    border-bottom: 1px solid #F2F0F0; }
    header#scroll-header .top-head .language-box ul.sub-menu {
      position: absolute !important;
      left: -15px !important;
      top: 10px !important;
      width: 100px !important;
      display: inline-block;
      padding-top: 30px !important;
      opacity: 0;
      visibility: hidden;
      z-index: 2; }
    header#scroll-header .top-head .language-box:hover {
      opacity: 1;
      visibility: initial; }
      header#scroll-header .top-head .language-box:hover ul.sub-menu {
        opacity: 1 !important;
        visibility: initial; }
    header#scroll-header .menu nav ul li.menu-item-has-children > .submenu-toggle {
      right: 16px;
      top: 12px;
      z-index: 99; }
    header#scroll-header menu nav ul li:hover ul li a {
      color: #0f0505;
      padding: 0 0 0 24px; }
    header#scroll-header .btn-search-mb {
      margin-right: 40px; }
    header#scroll-header .top-head {
      padding: 0; }
      header#scroll-header .top-head .language-box {
        margin: 0 16px 0 0; }
      header#scroll-header .top-head .phone-box {
        display: none; }
    header#scroll-header .content-head-right {
      margin-right: 30px;
      margin-bottom: 3px; }
      header#scroll-header .content-head-right .btn-action {
        margin-right: 20px; }
        header#scroll-header .content-head-right .btn-action a {
          padding: 5px 10px;
          height: 40px;
          font-size: 14px; }
      header#scroll-header .content-head-right .search-head {
        top: 80px; }
        header#scroll-header .content-head-right .search-head input {
          font-size: 20px;
          height: 80px; }
          header#scroll-header .content-head-right .search-head input::placeholder {
            color: #B2ADAD;
            font-size: 20px; }
        header#scroll-header .content-head-right .search-head i {
          right: 10px; }
    header#scroll-header .menu-mobile {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      z-index: 2;
      transform: translate(0, -50%); }
      header#scroll-header .menu-mobile i {
        font-size: 20px;
        color: #716a6a; }
      header#scroll-header .menu-mobile .ti-menu {
        display: block; }
    header#scroll-header .menu {
      display: none; }
    header#scroll-header.show-menu .menu {
      display: block;
      position: fixed;
      left: 0;
      top: 79px;
      width: 100%;
      height: 100%;
      background: #fff;
      border-top: 0;
      padding: 20px 0 0 0 !important; }
      header#scroll-header.show-menu .menu nav ul {
        display: inline-block !important;
        width: 100%; }
        header#scroll-header.show-menu .menu nav ul li {
          width: 100%;
          left: 0;
          padding: 0 0 30px 0; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item a {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .sub-menu li a {
            color: #0f0505; }
          header#scroll-header.show-menu .menu nav ul li a {
            width: 80%;
            display: inline-block;
            font-size: 16px !important;
            color: #0f0505;
            padding-left: 16px; }
          header#scroll-header.show-menu .menu nav ul li ul {
            transition: unset; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle span {
            color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children.is-open {
          color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children:not(.is-open) {
          padding-bottom: 0; }
    header#scroll-header.show-menu .menu-mobile .ti-menu {
      display: none; }
    header#scroll-header.show-menu .menu-mobile .close-menu {
      position: fixed;
      top: 50%;
      right: 0;
      display: block;
      z-index: 2;
      font-weight: 600;
      font-size: 16px;
      transform: translate(0, -50%); }
    header#scroll-header.show-menu nav {
      display: inline-block !important;
      width: 100%; }
      header#scroll-header.show-menu nav ul li::before {
        font-size: 24px;
        right: 16px;
        top: 10px;
        color: #B2ADAD; }
      header#scroll-header.show-menu nav ul li ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        max-height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0; }
        header#scroll-header.show-menu nav ul li ul.sub-menu li {
          padding: 0;
          margin: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li:last-child {
            padding: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li a {
            padding-left: 20px;
            color: #0f0505; }
      header#scroll-header.show-menu nav ul li.is-open > ul.sub-menu {
        max-height: fit-content !important;
        padding: 20px 32px;
        border-top: 2px solid #ce0e2d;
        background: #FDF2F2;
        box-shadow: 0 15px 15px 0 rgba(199, 199, 199, 0.09);
        border-radius: 0 0 2px 2px; }
    header#scroll-header .btn-header {
      display: none; }

  header .logo img {
    height: 46px !important; }

  #popup-contacts .modal-dialog {
    padding: 0 16px; }
    #popup-contacts .modal-dialog .modal-header .close {
      position: relative;
      right: 10px;
      font-size: 25px;
      padding: 8px;
      color: #524c4c;
      opacity: 1;
      background: #d9d9d9;
      text-shadow: none;
      width: 35px;
      height: 35px;
      border-radius: 50px;
      top: 5px !important;
      z-index: 9999; }
      #popup-contacts .modal-dialog .modal-header .close::before {
        font-size: 20px; }
    #popup-contacts .modal-dialog .modal-content {
      padding: 16px 0; }
    #popup-contacts .modal-dialog .btn-action .btn-common-fill {
      width: 100%; }
    #popup-contacts .modal-dialog .form-contact .title-section p {
      max-width: 100%;
      margin: 0;
      line-height: 25px; }
    #popup-contacts .modal-dialog .form-contact .title-section h2 {
      margin-top: 16px;
      font-size: 24px;
      line-height: 28px; }

  #popup-profile .modal-dialog {
    padding: 0 16px; }
    #popup-profile .modal-dialog .modal-header .close {
      position: relative;
      right: 10px;
      font-size: 25px;
      padding: 8px;
      color: #524c4c;
      opacity: 1;
      background: #d9d9d9;
      text-shadow: none;
      width: 35px;
      height: 35px;
      border-radius: 50px;
      top: 5px !important;
      z-index: 9999; }
      #popup-profile .modal-dialog .modal-header .close::before {
        font-size: 20px; }
    #popup-profile .modal-dialog .modal-content {
      padding: 16px 0; }
    #popup-profile .modal-dialog .btn-action .btn-common-fill {
      width: 100%; }
    #popup-profile .modal-dialog .form-contact .title-section p {
      max-width: 100%;
      margin: 0;
      line-height: 25px; }
    #popup-profile .modal-dialog .form-contact .title-section h2 {
      margin-top: 16px;
      font-size: 24px;
      line-height: 28px; }

  .pagging-page ul li a,
  .pagging-page ul li span {
    width: 25px;
    height: 25px; }

  .title-section .desc-title {
    max-width: 100%; }

  .list-news-home .news-left {
    padding-right: 0;
    margin: 15px 0 10px 0; }
  .list-news-home .news-right {
    padding-left: 50px !important;
    border-top: 1px solid #e6e6e6;
    padding-top: 15px; }
    .list-news-home .news-right .stt-news {
      top: 15px; }

  footer {
    border-bottom: 4px solid #ce0e2d;
    height: auto;
    padding-bottom: 0; }
    footer .action-btn {
      right: 50px; }
    footer .ft-split-beer {
      display: block;
      height: 100%;
      width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer {
        margin: 50px 0 24px 0; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer h4 a {
          font-size: 20px; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer p {
          font-size: 14px; }
      footer .ft-split-beer .ft-beer-left::before {
        content: "";
        position: absolute;
        width: auto;
        background-color: #ce0e2d;
        height: 100%;
        flex: 100%;
        max-width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer img {
        height: 60px; }
      footer .ft-split-beer .ft-beer-left .ft-beer-right {
        padding: 24px 0 0 0 !important; }
      footer .ft-split-beer ul {
        margin-top: 14px !important;
        margin-bottom: 16px; }
        footer .ft-split-beer ul li a {
          margin-bottom: 5px;
          font-size: 14px; }
      footer .ft-split-beer .title-footer {
        margin: 0; }
      footer .ft-split-beer .footer-socal-icon {
        margin: 10px 0 50px 0; }
        footer .ft-split-beer .footer-socal-icon a:nth-child(3) {
          margin-top: 0; }
    footer .btn-header-mobile {
      z-index: 9;
      display: block;
      position: fixed;
      top: 50%;
      right: 10px;
      height: auto;
      width: 90px; }
      footer .btn-header-mobile .btn-profile-mb {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        footer .btn-header-mobile .btn-profile-mb img {
          height: 24px; }
        footer .btn-header-mobile .btn-profile-mb a {
          color: #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb p {
          margin-bottom: 0;
          font-size: 14px;
          font-weight: 400;
          padding-top: 8px;
          line-height: 18px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px;
          margin-bottom: 10px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #fff;
              border: 1px solid #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #ce0e2d;
              border: 1px solid #fff; }
              footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
                color: #fff; }
      footer .btn-header-mobile.active {
        width: 80px;
        border-radius: 10px 0 0 0; }
        footer .btn-header-mobile.active .btn-profile-mb {
          display: none; }
        footer .btn-header-mobile.active button img {
          display: none; }
          footer .btn-header-mobile.active button img:nth-child(1) {
            display: none; }
          footer .btn-header-mobile.active button img:nth-child(2) {
            display: block; }

  .head-page .head-title-page {
    max-width: 100%; }

  .vision-mission .vision-item {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%; }

  .div-info-thinking .info-thinking {
    padding: 25px 20px 20px 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 4px;
    background-color: #f3ede0; }
    .div-info-thinking .info-thinking h3::before {
      left: -10px;
      top: 5px;
      width: 52px;
      height: 52px; }
  .div-info-thinking .ceo-name {
    text-align: center; }

  .detail-facilities {
    padding: 30px; }

  .box-certificates {
    min-height: inherit;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    height: inherit; }

  .list-partners {
    margin-top: -10px; }
    .list-partners img {
      height: 25px;
      margin: 10px 3px; }

  .listproduct .col-md-3 {
    width: 50%; }
  .listproduct .item-product {
    padding: 15px 5px; }
    .listproduct .item-product a {
      -webkit-line-clamp: inherit;
      line-height: 22px;
      font-size: 16px; }

  .head-page .head-title-page p {
    display: none; }

  .form-connection {
    padding: 40px 20px; }

  .product-features .img-features img {
    padding-left: 0; }

  .video-page {
    text-align: center;
    padding: 20px; }
    .video-page p {
      display: none; }

  .section-pro-related .slider-product-home {
    margin-top: 0; }

  .page-list-project .col-md-6 {
    width: 50%; }
  .page-list-project .item-news {
    padding-left: 0 !important; }
    .page-list-project .item-news .avatar-thumb {
      width: 100% !important;
      position: inherit; }

  .col-nav-sidebar {
    padding: 15px 20px;
    margin-bottom: 20px; }
    .col-nav-sidebar ul {
      display: flex;
      overflow-x: scroll;
      height: auto;
      white-space: nowrap;
      width: 100%;
      flex-wrap: unset;
      justify-content: left;
      margin-bottom: 0; }
      .col-nav-sidebar ul li {
        width: 100%;
        padding-right: 15px; }

  .news-list-cate-news .item-news .info-news {
    padding: 0; }

  .content-detail-news .row {
    flex-direction: column-reverse; }
  .content-detail-news .box-scroll.show-sticky {
    margin-bottom: 15px; }
  .content-detail-news .box-sticky-scroll {
    padding: 18px 20px; }
    .content-detail-news .box-sticky-scroll h5 {
      font-size: 16px;
      line-height: 14px;
      margin-bottom: 6px; }
  .content-detail-news .list-tags-news a {
    font-size: 14px;
    padding: 6px 10px;
    line-height: 20px;
    margin: 5px 5px 5px 0; }
  .content-detail-news .other-news-right {
    margin-top: 15px; }
    .content-detail-news .other-news-right .info-news {
      padding: 5px 0; }
      .content-detail-news .other-news-right .info-news .title-news a {
        -webkit-line-clamp: inherit;
        font-size: 14px; }

  .headpage-detail-news {
    margin-top: 80px; }

  .daily-news .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .video-lagre.section-who-are-you .videos {
    height: 216px; }
    .video-lagre.section-who-are-you .videos .overlay {
      height: 216px; }
      .video-lagre.section-who-are-you .videos .overlay._active iframe {
        height: 216px; }
    .video-lagre.section-who-are-you .videos .video-cans {
      height: 216px; }

  .featured-video .slider-product-home .item-news {
    padding-left: 0 !important; }
  .featured-video .slider-product-home .avatar-thumb {
    width: 100% !important;
    position: inherit; }

  .daily-video .item-news .info-news {
    padding: 0 0 0 10px; }

  .section-certificates .col-md-3 {
    width: 50%; }

  .customer-feedback h2 {
    margin-bottom: 20px; }
  .customer-feedback .owl-item {
    padding: 0 20px; }
  .customer-feedback .item-customer::before {
    display: none; }

  .we-hiring .scrollbar {
    height: inherit; }

  .career-page .row.mt-50 {
    margin-top: 10px; }
  .career-page .item-career {
    position: relative;
    padding-left: 75px;
    margin-bottom: 10px; }
    .career-page .item-career h4 {
      margin: 20px 0 15px 0; }
    .career-page .item-career img {
      height: 60px;
      position: absolute;
      left: 0;
      top: 0; }

  .contact-form {
    padding: 30px 20px; }

  .download-page .list-download .detail {
    padding: 20px 15px 20px 20px; }
    .download-page .list-download .detail .btn-download {
      position: initial;
      margin-top: 15px; }

  .content-detail-project {
    padding-right: 0; }

  .page-project-detail {
    margin-top: 60px;
    margin-bottom: 5px; }

  .detail-cate-news .itemnews-large .date-time-news {
    margin-bottom: 10px !important; }

  .item-orther-categories {
    padding: 20px;
    margin-bottom: 15px; }
    .item-orther-categories h4 a {
      font-size: 16px; }

  .featured-video .slider-product-home {
    margin-top: -25px; }

  .daily-video .playvideo-icon {
    top: 30%;
    height: 35px; }

  .menu-tab-blogs ul li {
    padding: 5px 10px 10px 0; }
    .menu-tab-blogs ul li a {
      font-size: 15px; }

  .menu-tab-blogs.menu-scroll {
    top: 61px; }

  .video-page .modal-dialog {
    max-width: 100%; }
    .video-page .modal-dialog iframe {
      height: inherit; }

  .featured-video .playvideo-icon {
    top: 75px; } }
@media only screen and (min-width: 1681px) and (max-width: 1750px) {
  .product-beer .product-title .owl-carousel-product .owl-nav {
    top: 430px;
    left: 70px; } }
@media only screen and (min-width: 1601px) and (max-width: 1680px) {
  .product-beer .product-title .owl-carousel-product .owl-nav {
    top: 410px;
    left: 70px; } }
@media only screen and (min-width: 1280px) and (max-width: 1300px) {
  .vision-box .bottom-box {
    height: 416px !important; }

  .slider-home .item {
    min-height: 680px; }
    .slider-home .item h1 {
      line-height: 45px;
      font-size: 30px; }
    .slider-home .item .infor-slide {
      padding: 150px 120px 60px 80px; }
    .slider-home .item .img-sliders .img-banner-pc img {
      height: 680px; } }
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .slider-home .item {
    min-height: 680px; }
    .slider-home .item h1 {
      line-height: 45px;
      font-size: 30px; }
    .slider-home .item .infor-slide {
      padding: 150px 120px 60px 80px; }
    .slider-home .item .img-sliders .img-banner-pc img {
      height: 680px; }

  section.product-beer .product-title {
    padding-left: 15px; }
    section.product-beer .product-title .owl-carousel-product .owl-nav {
      top: 390px;
      left: 60px; }

  .btn-header {
    display: none; }

  .vision-box .bottom-box {
    height: 390px !important; }

  footer .btn-header-mobile {
    z-index: 9;
    display: block;
    position: fixed;
    top: 50%;
    right: 10px;
    height: auto;
    width: 90px; }
    footer .btn-header-mobile .btn-profile-mb {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      footer .btn-header-mobile .btn-profile-mb img {
        height: 24px; }
      footer .btn-header-mobile .btn-profile-mb a {
        color: #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        padding-top: 8px;
        line-height: 18px; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px;
        margin-bottom: 10px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #ce0e2d;
            border: 1px solid #fff; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
              color: #fff; }
    footer .btn-header-mobile.active {
      width: 80px;
      border-radius: 10px 0 0 0; }
      footer .btn-header-mobile.active .btn-profile-mb {
        display: none; }
      footer .btn-header-mobile.active button img {
        display: none; }
        footer .btn-header-mobile.active button img:nth-child(1) {
          display: none; }
        footer .btn-header-mobile.active button img:nth-child(2) {
          display: block; } }
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
  .container {
    max-width: 1280px;
    margin: auto; }

  header .top-head .btn-header {
    display: none; }

  section.product-beer .product-title .product-category-title {
    padding: 0 15px; }
  section.product-beer .product-title .owl-carousel-product .owl-nav {
    top: 420px;
    left: 70px; }

  footer .ft-beer-right {
    padding: 60px 0 0 30px; }
  footer .title-footer a {
    color: #524c4c;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px; }
  footer .btn-header-mobile {
    z-index: 9;
    display: block;
    position: fixed;
    top: 50%;
    right: 10px;
    height: auto;
    width: 90px; }
    footer .btn-header-mobile .btn-profile-mb {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      footer .btn-header-mobile .btn-profile-mb img {
        height: 24px; }
      footer .btn-header-mobile .btn-profile-mb a {
        color: #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        padding-top: 8px;
        line-height: 18px; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px;
        margin-bottom: 10px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #ce0e2d;
            border: 1px solid #fff; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
              color: #fff; }
    footer .btn-header-mobile.active {
      width: 80px;
      border-radius: 10px 0 0 0; }
      footer .btn-header-mobile.active .btn-profile-mb {
        display: none; }
      footer .btn-header-mobile.active button img {
        display: none; }
        footer .btn-header-mobile.active button img:nth-child(1) {
          display: none; }
        footer .btn-header-mobile.active button img:nth-child(2) {
          display: block; } }
@media only screen and (min-width: 1301px) and (max-width: 1440px) {
  .product-beer .product-title .owl-carousel-product .owl-nav {
    top: 460px;
    left: 70px; } }
@media only screen and (min-width: 1441px) and (max-width: 1500px) {
  .slider-home .item {
    position: relative;
    padding: 0;
    min-height: 600px; }
    .slider-home .item h1 {
      line-height: 56px;
      font-size: 38px; }
    .slider-home .item .img-sliders .img-banner-pc img {
      height: 600px; }
    .slider-home .item .infor-slide {
      background: #fef3d5;
      width: 50%;
      padding: 100px 100px 60px 80px;
      text-align: left;
      z-index: 1; }

  section.product-beer .product-title .owl-carousel-product .owl-nav {
    top: 470px;
    left: 70px; } }
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
  section.product-beer .product-title .owl-carousel-product .owl-nav {
    top: 400px;
    left: 70px; } }
@media only screen and (min-width: 768px) and (max-width: 800px) {
  .vision-mission .vision-box .bottom-box {
    height: 266px !important; } }
@media only screen and (min-width: 768px) and (max-width: 999px) {
  body section {
    padding: 50px 0; }
    body section .title-section {
      margin-bottom: 22px; }
      body section .title-section h2 {
        font-size: 24px;
        line-height: 34px; }
    body section .pc {
      display: none; }
    body section .mb {
      display: block !important; }

  #age-popup .disclaimer-age {
    width: 100%;
    max-width: 100%;
    font-size: 18px; }
  #age-popup .age-split {
    flex-direction: column-reverse; }
  #age-popup .age-left {
    min-height: 42vh; }
  #age-popup .age-right {
    flex: none;
    padding: 35px 16px 20px; }
  #age-popup .brand-sub {
    font-size: 20px; }
  #age-popup .age-buttons {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
    #age-popup .age-buttons .btn-yes,
    #age-popup .age-buttons .btn-no {
      padding: 14px 24px;
      margin: 0;
      width: fit-content;
      font-size: 14px; }
  #age-popup .age-beer {
    font-size: 18px; }
  #age-popup .logo-popup-age {
    margin-bottom: 20px; }
    #age-popup .logo-popup-age img {
      width: 125px; }
  #age-popup .brand-logo-beer img {
    width: 125px; }

  #age-warning .logo-popup-age {
    margin-bottom: 20px; }
    #age-warning .logo-popup-age img {
      width: 125px; }
  #age-warning .age-beer {
    font-size: 18px; }

  .vision-box > .row:nth-of-type(2) {
    flex-direction: row-reverse; }

  .product-page-list .tab-custom.tab-page-list {
    margin: 30px 0; }
  .product-page-list .btn-action {
    margin-top: 5px; }
  .product-page-list .row {
    justify-content: center; }
  .product-page-list .btn-common-line {
    min-width: fit-content;
    height: 42px;
    padding: 0;
    line-height: 24px;
    font-size: 14px; }
    .product-page-list .btn-common-line::after {
      font-size: 18px;
      margin-left: 0; }
  .product-page-list .col-md-4 {
    width: 50%; }
  .product-page-list .box-item {
    margin-bottom: 20px; }
    .product-page-list .box-item .info-item {
      padding: 20px 15px;
      text-align: left; }
      .product-page-list .box-item .info-item .title-product {
        font-size: 14px;
        line-height: 26px;
        text-align: center; }
  .product-page-list .content-page-list .title-content {
    display: inherit; }
    .product-page-list .content-page-list .title-content .search-head {
      margin-top: 20px;
      width: 100%; }
      .product-page-list .content-page-list .title-content .search-head input {
        width: 100%; }
  .product-page-list .content-page-list .p-title-blogs {
    padding-top: 0; }
    .product-page-list .content-page-list .p-title-blogs h3 a {
      font-size: 20px; }

  .ds-catalogue .item-news {
    margin-bottom: 10px; }
    .ds-catalogue .item-news .info-news {
      padding-top: 10px; }
    .ds-catalogue .item-news .avatar-thumb {
      top: 12px; }
    .ds-catalogue .item-news .desreption {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden; }

  .noidungbaiviet .nd-danhmuc h2 {
    line-height: 32px; }

  .baiviet-tuongtu .item-news .avatar-thumb {
    top: 12px; }

  .breadcrumb-box {
    margin-top: 104px !important;
    margin-bottom: 24px !important; }

  .title-headpage {
    margin: 0 !important; }

  .tab-link-about nav ul {
    overflow-x: auto;
    height: auto;
    margin-bottom: 40px;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: -2px;
    max-width: 345px;
    margin-left: 0; }
    .tab-link-about nav ul li.active {
      border-bottom: none; }

  .tab-link-about nav ul li a {
    white-space: nowrap; }

  .tab-link-about nav ul li a {
    font-size: 18px; }

  .lienhe-calltocation .content p {
    font-size: 18px; }

  .service-beer .gg-map .ggmap-pc {
    display: none; }
  .service-beer .gg-map .ggmap-mb {
    display: block !important; }
  .service-beer .banner-service-beer.pc {
    display: none; }
  .service-beer .banner-service-beer.mb {
    display: block !important; }
    .service-beer .banner-service-beer.mb .service-beer-title {
      position: absolute;
      top: 8%;
      left: 0;
      width: 100%;
      height: auto;
      transform: translate(0, -8%);
      text-align: center; }
      .service-beer .banner-service-beer.mb .service-beer-title .title-headpage {
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; }

  .slider-home {
    margin-top: 80px; }
    .slider-home .btn-common-line {
      z-index: 3;
      position: relative; }
    .slider-home .img-sliders img {
      min-height: 300px; }
    .slider-home .item {
      display: inherit;
      position: inherit;
      min-height: 100%; }
      .slider-home .item .infor-slide {
        width: 100% !important;
        padding: 32px 16px !important; }
        .slider-home .item .infor-slide p {
          margin-right: 0;
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 32px; }
        .slider-home .item .infor-slide h1 {
          font-size: 26px;
          font-style: normal;
          font-weight: 500;
          line-height: 38px;
          text-transform: uppercase; }
      .slider-home .item .img-sliders {
        width: 100%;
        position: relative; }
        .slider-home .item .img-sliders .img-banner-mb {
          display: block !important; }
        .slider-home .item .img-sliders .img-banner-pc {
          display: none; }
    .slider-home .owl-dots {
      display: block !important;
      bottom: 10px;
      left: 15px; }

  .box-head-page .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%; }
  .box-head-page .box-item {
    border-bottom: 1px solid #ffffff2b;
    border-right: 0;
    padding: 0 0 14px 14px;
    margin-bottom: 14px; }
    .box-head-page .box-item .box-text h2 {
      font-size: 28px;
      font-weight: 600;
      line-height: 34px; }
    .box-head-page .box-item .box-text p {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    .box-head-page .box-item .icon-box-head {
      height: 35px;
      width: 35px; }

  .product-other .other-category .owl-carousel-product-other .owl-nav .owl-next img,
  .product-other .other-category .owl-carousel-product-other .owl-nav .owl-prev img {
    width: 30px; }

  .product-other .other-category .owl-carousel-product-other .owl-nav {
    width: 90px;
    top: -40px;
    right: 15px;
    margin-top: 0; }

  .product-beer .product-title .owl-carousel-product .owl-nav .owl-next img,
  .product-beer .product-title .owl-carousel-product .owl-nav .owl-prev img {
    width: 30px; }

  .product-scroll-premium .scroll-premium {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 10px;
    border: 0;
    overflow-x: scroll;
    height: auto;
    white-space: nowrap;
    width: 100%;
    flex-wrap: unset;
    justify-content: left; }

  .category-see-more.mb {
    padding-top: 24px;
    display: flex !important;
    text-align: center;
    align-items: center;
    justify-content: center; }
    .category-see-more.mb a.btn-category {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 24px;
      text-align: center;
      transition: all 0.6s ease-in-out;
      color: #463307;
      height: 52px;
      line-height: 24px;
      font-size: 18px;
      border-radius: 8px;
      min-width: 160px;
      width: fit-content;
      border: 1px solid #463307;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 16px; }
      .category-see-more.mb a.btn-category svg {
        margin-left: 10px;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
        margin-bottom: 2px; }

  .activity-news .row .col-md-6:nth-child(2),
  .activity-news .row .col-md-6:nth-child(4),
  .activity-news .row .col-md-6:nth-child(6) {
    padding-left: 15px; }

  section .btn-common-fill {
    min-width: 100%; }
  section.product-beer {
    padding: 20px 0 0 0; }
    section.product-beer .product-title {
      padding: 0 15px; }
      section.product-beer .product-title .product-category-title {
        padding-left: initial; }
        section.product-beer .product-title .product-category-title .title-section {
          padding-top: 10px;
          margin-bottom: 24px; }
          section.product-beer .product-title .product-category-title .title-section h2 {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px; }
      section.product-beer .product-title .owl-carousel-product .owl-nav {
        width: 90px;
        top: 100%;
        margin-top: 0;
        left: 50%;
        transform: translate(-50%, -50%); }
      section.product-beer .product-title .owl-carousel-product .owl-dots {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow: hidden; }
        section.product-beer .product-title .owl-carousel-product .owl-dots .owl-dot {
          flex: 1 1 0;
          min-width: 24px;
          display: flex; }
  section.facilities-home .content-facilities-home {
    padding: 0 23px; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc3 .avatar-thumb a {
      padding-top: 78%; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc3::before {
      height: 93% !important; }
    section.facilities-home .content-facilities-home .img-right .col-md-4 .csvc4::before {
      height: 93% !important; }
    section.facilities-home .content-facilities-home .csvc1::before {
      height: 97% !important; }
    section.facilities-home .content-facilities-home .csvc2 {
      position: relative;
      margin-bottom: 0; }
      section.facilities-home .content-facilities-home .csvc2::before {
        height: 93%; }
      section.facilities-home .content-facilities-home .csvc2 .avatar-thumb a {
        padding-top: 86%; }
        section.facilities-home .content-facilities-home .csvc2 .avatar-thumb a img {
          display: block; }
  section.facilities-home .content-facilities-home.mb {
    display: flex !important;
    margin-bottom: 24px; }
    section.facilities-home .content-facilities-home.mb .col-md-4 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%;
      padding: 0 8px; }
      section.facilities-home .content-facilities-home.mb .col-md-4:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 10px; }
    section.facilities-home .content-facilities-home.mb .csvc1-mb .avatar-thumb figure a {
      position: relative;
      padding-top: 95%;
      display: block; }
    section.facilities-home .content-facilities-home.mb .csvc1-mb .avatar-thumb figure img {
      border-radius: 8px; }
  section.why-choose-beer .competitive-row {
    margin-top: 10px; }
    section.why-choose-beer .competitive-row .advantage-col .advantage-col-des p {
      padding: 0; }
  section.featured-news .row .col-md-4:first-child {
    padding-right: 15px; }
  section.featured-news .row .col-md-4:last-child {
    padding-left: 15px; }
  section.featured-news .item-news {
    position: initial;
    padding-left: 0 !important; }
    section.featured-news .item-news .avatar-thumb {
      position: initial !important;
      width: 100% !important; }
      section.featured-news .item-news .avatar-thumb a {
        padding-top: 56%; }
    section.featured-news .item-news .info-news {
      padding: 16px 20px; }
  section.featured-news .button-see-home {
    margin-top: 0; }
  section.product-page-list .product-page-tab .tab-page-list {
    align-items: center;
    border: 0;
    display: flex;
    overflow-x: scroll;
    height: auto;
    white-space: nowrap;
    width: 100%;
    flex-wrap: unset;
    justify-content: left;
    padding: 0 20px; }
    section.product-page-list .product-page-tab .tab-page-list .nav-tabs {
      padding-bottom: 24px; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar-track {
      border-radius: 0px;
      background-color: transparent; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar {
      width: 0;
      height: 0;
      background-color: transparent; }
    section.product-page-list .product-page-tab .tab-page-list::-webkit-scrollbar-thumb {
      background-color: transparent;
      border-radius: 0px; }
  section.product-detail-premium {
    padding: 45px 0;
    margin-top: 80px; }
    section.product-detail-premium .detail-beer {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.product-detail-premium .detail-beer .row .col-md-5 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2; }
      section.product-detail-premium .detail-beer .row .col-md-7 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
      section.product-detail-premium .detail-beer .detail-beer-premium {
        display: flex;
        align-items: center;
        justify-content: center; }
      section.product-detail-premium .detail-beer .detail-beer-premium-title h1 {
        margin-bottom: 24; }
        section.product-detail-premium .detail-beer .detail-beer-premium-title h1 a {
          color: #fff;
          font-size: 20px;
          font-weight: 600;
          line-height: 24px; }
  section.product-detail-premium .detail-beer .detail-beer-premium img {
    width: 100%;
    max-width: 50%; }
  section.product-general-information {
    padding: 50px 0; }
    section.product-general-information .information-beer .information-beer-premium-title h1 {
      font-size: 24px;
      line-height: 28px;
      padding-bottom: 18px;
      margin-bottom: 0; }
    section.product-general-information .information-beer .information-beer-premium-title p {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    section.product-general-information .information-beer .information-beer-premium {
      padding-top: 15px; }
      section.product-general-information .information-beer .information-beer-premium img {
        max-width: 80% !important; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title {
    padding-left: 0; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title h1 {
    font-size: 24px;
    line-height: 28px;
    padding: 25px 0 18px 0; }
  section.product-technical-specifications .specifications-beer .specifications-beer-premium-title .specifications-row p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; }
  section.product-technical-specifications {
    padding: 50px 0 40px 0; }
    section.product-technical-specifications .specifications-beer .specifications-beer-premium-title .specifications-row {
      padding: 0; }
  section.product-packaging-specifications {
    padding: 50px 0; }
    section.product-packaging-specifications .specifications-category .owl-carousel-specifications .item img {
      max-width: 80%;
      margin: 0 auto; }
  section.product-other {
    padding: 0; }
    section.product-other .other-category {
      padding-top: 50px; }
      section.product-other .other-category .title-section {
        margin-bottom: 0; }
        section.product-other .other-category .title-section h2 {
          font-size: 24px;
          line-height: 28px; }
      section.product-other .other-category .owl-carousel-product-other .item span {
        padding: 20px 0;
        font-size: 16px;
        line-height: 22px; }
  section.tintuc-large {
    padding-bottom: 30px; }
    section.tintuc-large .row .col-md-7 {
      padding-right: 15px; }
    section.tintuc-large .row .col-md-5 {
      padding-left: 15px; }
    section.tintuc-large .item-news .title-news a {
      font-size: 22px;
      font-weight: 600;
      line-height: 26px; }
    section.tintuc-large .item-news .info-news {
      padding-bottom: 32px; }
    section.tintuc-large .tintuc-small .item-news-box .info-news-box .title-news-box a {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px;
      color: #0f0505; }
  section.company-news .content-category {
    margin-bottom: 32px; }
    section.company-news .content-category .category-title a h2 {
      margin-bottom: 0;
      font-size: 24px;
      line-height: 34px; }
  section.company-news .item-news .info-news .title-news {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  section.company-news .content-page-news .row .col-md-6:first-child {
    padding-right: 15px; }
  section.company-news .content-page-news .row .col-md-6:last-child {
    padding-left: 15px; }
  section.company-news .content-page-news .row .col-md-6 .item-news {
    padding-bottom: 32px; }
    section.company-news .content-page-news .row .col-md-6 .item-news .info-news .title-news a {
      font-size: 22px;
      line-height: 26px; }
  section.company-news .company-news-row {
    margin-bottom: 20px; }
    section.company-news .company-news-row .row .col-md-3 {
      padding-right: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
    section.company-news .company-news-row .row .col-md-9 {
      padding-left: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
      section.company-news .company-news-row .row .col-md-9 .item-news-box .info-news-box .title-news-box {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  section.environmental-license {
    padding: 50px 0; }
    section.environmental-license .content-page-license .content-category {
      margin-bottom: 32px; }
      section.environmental-license .content-page-license .content-category .category-title a h2 {
        margin-bottom: 0;
        font-size: 24px;
        line-height: 34px; }
    section.environmental-license .content-page-license .row .col-md-3 .item-news {
      padding-bottom: 20px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px; }
      section.environmental-license .content-page-license .row .col-md-3 .item-news .info-news {
        min-width: 48%;
        flex: 1 1 48%; }
        section.environmental-license .content-page-license .row .col-md-3 .item-news .info-news .title-news {
          margin-top: 0; }
    section.environmental-license .content-page-license .row > .col-md-3:nth-last-child(-n + 4) .item-news {
      margin-bottom: 0 !important; }
  section.activity-news {
    padding: 50px 0; }
    section.activity-news .row .col-md-6:first-child {
      padding-right: 15px; }
    section.activity-news .row .col-md-6:last-child {
      padding-left: 15px; }
    section.activity-news .row .col-md-6 .activity-news-row {
      margin-bottom: 20px; }
      section.activity-news .row .col-md-6 .activity-news-row:last-child {
        margin-bottom: 0; }
    section.activity-news .row .col-md-6:nth-child(2), section.activity-news .row .col-md-6:nth-child(6), section.activity-news .row .col-md-6:nth-child(6) {
      padding-left: 15px; }
    section.activity-news .content-page-news .content-category {
      margin-bottom: 32px; }
      section.activity-news .content-page-news .content-category .category-title a h2 {
        margin-bottom: 0;
        font-size: 22px;
        line-height: 34px; }
    section.activity-news .content-page-news .col-md-4 {
      padding-right: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
    section.activity-news .content-page-news .col-md-8 {
      padding-left: 7.5px;
      flex: 1 1 50%;
      max-width: 50%; }
      section.activity-news .content-page-news .col-md-8 .item-news-box .info-news-box .title-news-box {
        margin: 0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden; }
  section.by-category-bg .by-category .owl-carousel-category .item {
    padding: 10px 12px 24px 15px; }
  section.by-category-bg .by-category .owl-carousel-category .owl-nav {
    display: none; }
  section.taxonomy-news {
    padding-bottom: 50px; }
    section.taxonomy-news .taxonomy-info-news h3 {
      margin-bottom: 0; }
      section.taxonomy-news .taxonomy-info-news h3 a {
        font-size: 22px;
        font-weight: 600;
        line-height: 26px; }
  section.taxonomy-bg {
    padding-top: 0; }
  section.news-details .news-details-row {
    margin: 16px 0 0 0; }
  section.news-details .title-headpage {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px; }
  section.similar-articles .similar-category .owl-carousel-similar .item {
    padding: 0 15px 40px 15px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item-title {
      padding-top: 10px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item-title h6 a {
      margin: 0;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 22px; }
    section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item {
      padding-top: 16px; }
      section.similar-articles .similar-category .owl-carousel-similar .item .carousel-item__card .category-item a span {
        color: #fff;
        font-size: 12px; }
  section.similar-articles .similar-category .owl-nav {
    display: none; }
  section.privacy-policy .banner-policy .policy-title {
    position: absolute;
    top: 8%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translate(0, -8%);
    text-align: center; }
    section.privacy-policy .banner-policy .policy-title .title-headpage {
      font-size: 26px;
      font-style: normal;
      font-weight: 600;
      line-height: 30px; }
  section.privacy-policy .banner-policy.mb {
    display: block !important; }
  section.privacy-policy .banner-policy.pc {
    display: none; }
  section.privacy-policy .content-privacy-policy {
    max-width: 100%;
    padding-top: 30px; }
    section.privacy-policy .content-privacy-policy p {
      font-size: 16px;
      line-height: 25px;
      text-align: center; }
    section.privacy-policy .content-privacy-policy h3:first-child {
      margin: 20px 0 15px 0; }
    section.privacy-policy .content-privacy-policy ul li {
      font-size: 16px;
      line-height: 25px;
      text-align: center; }
  section.privacy-policy .content-terms-use {
    max-width: 100%; }
    section.privacy-policy .content-terms-use p {
      font-size: 16px; }
      section.privacy-policy .content-terms-use p:first-child {
        margin-top: 20px; }
  section.lienhe .contact-section {
    margin: 0;
    padding: 0;
    max-width: 100%; }
    section.lienhe .contact-section .title-section h2 {
      font-size: 24px;
      line-height: 28px; }
    section.lienhe .contact-section .title-section p {
      max-width: 100%; }
  section.service-introduction {
    padding-bottom: 25px; }
    section.service-introduction .content-service p {
      font-size: 16px;
      line-height: 25px; }
    section.service-introduction .video-service iframe {
      height: 200px; }
  section.processing-services {
    padding-top: 25px; }
    section.processing-services .title-section h2 {
      font-size: 24px;
      line-height: 34px; }
    section.processing-services .service-page-list .row .col-md-4 {
      flex: 0 0 50%;
      max-width: 50%; }
      section.processing-services .service-page-list .row .col-md-4 .item-news-beer {
        margin-bottom: 22px; }
        section.processing-services .service-page-list .row .col-md-4 .item-news-beer .box-items .avatar-thumb-beer a {
          inset: 10px; }
        section.processing-services .service-page-list .row .col-md-4 .item-news-beer .box-items .avatar-thumb-beer img {
          width: 100%;
          max-width: 100%; }
      section.processing-services .service-page-list .row .col-md-4:nth-child(odd) {
        padding-right: 10px; }
      section.processing-services .service-page-list .row .col-md-4:nth-child(even) {
        padding-left: 10px; }
    section.processing-services .info-news-beer {
      padding-top: 14px; }
      section.processing-services .info-news-beer .detail-beer ul {
        flex-wrap: wrap; }
        section.processing-services .info-news-beer .detail-beer ul li {
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          word-wrap: break-word;
          word-break: break-word;
          max-width: 200px; }
      section.processing-services .info-news-beer .title-news-beer a {
        font-size: 16px;
        line-height: 22px; }
  section.production-line .production-title h2 {
    font-size: 24px;
    line-height: 34px; }
  section.production-line .production-bleed-right .owl-carousel-service .item {
    padding: 0 10px 0 10px; }
    section.production-line .production-bleed-right .owl-carousel-service .item:first-child {
      padding-left: 15px; }
  section.production-line .production-bleed-right .owl-carousel-service .owl-nav .owl-prev {
    left: 15px; }
  section.competitive-advantage .competitive-row .advantage-col {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    padding: 10px 0 !important;
    text-align: left;
    width: 100%; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-des h3 {
      font-size: 16px;
      line-height: 22px;
      padding: 0; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-des p {
      font-size: 16px;
      line-height: 22px;
      text-align: left;
      margin-bottom: 0; }
    section.competitive-advantage .competitive-row .advantage-col .advantage-col-img img {
      max-width: 50px;
      max-height: 50px; }
  section.competitive-advantage .button-service-beer .btn-common-fill-service {
    min-width: fit-content;
    width: fit-content;
    margin-top: 24px; }
  section.quality-certification-bg .quality-certification .item {
    padding: 20px 12px 20px; }
    section.quality-certification-bg .quality-certification .item .carousel-item__card {
      padding: 24px; }
    section.quality-certification-bg .quality-certification .item img {
      height: 300px; }
  section.quality-certification-bg .quality-certification .owl-carousel-certification .owl-nav {
    display: none; }
  section.quality-certification-bg .quality-certification .owl-carousel-certification .owl-dots {
    padding: 12px 0 24px 0; }
  section.quality-certification-bg .quality-certification .certification {
    padding-bottom: 0; }
  section.faqs-page .title-section {
    margin-bottom: 16px; }
  section.faqs-page .content-faqs {
    padding: 0 10px;
    width: 100%;
    margin: 0 !important; }
    section.faqs-page .content-faqs .panel-title {
      position: relative;
      margin-bottom: 0;
      padding: 16px 10px 16px 10px; }
      section.faqs-page .content-faqs .panel-title > a {
        font-size: 20px; }
  section.development-orientation {
    padding-top: 26px; }
    section.development-orientation h4 {
      margin-bottom: 24px;
      margin-top: 0; }
    section.development-orientation .orientation-des {
      margin-top: 0; }
      section.development-orientation .orientation-des .banner-orientation .mb {
        display: block;
        padding: 4px 0 24px 0; }
      section.development-orientation .orientation-des .row .col-md-6:last-child .banner-orientation {
        display: none; }
    section.development-orientation .banner-orientation .pc {
      display: none; }
    section.development-orientation .oriented-long-term .oriente-box {
      height: 100%; }
      section.development-orientation .oriented-long-term .oriente-box .oriente-text {
        padding: 24px 15px 50px; }
        section.development-orientation .oriented-long-term .oriente-box .oriente-text p {
          margin-bottom: 0; }
  section.sustainable-goals {
    padding: 0; }
    section.sustainable-goals .goals-des {
      width: 100%;
      margin-top: -70px;
      padding: 24px 16px; }
      section.sustainable-goals .goals-des h3 {
        font-size: 24px;
        line-height: 34px; }
  section.environment-community {
    padding: 0; }
    section.environment-community .sustainable-row .row .col-md-6:first-child {
      padding-right: 15px; }
    section.environment-community .sustainable-row .row .col-md-6:last-child {
      padding-left: 15px; }
    section.environment-community .sustainable-row .row .col-md-6 .goals-title {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2; }
      section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
        section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des h3 {
          margin: 24px 0 15px 0; }
        section.environment-community .sustainable-row .row .col-md-6 .goals-title .goals-title-des.title-top {
          margin-top: 8px; }
  section.food-safety {
    padding: 34px 0 50px 0; }
    section.food-safety .food-des {
      width: 100%;
      background: #fff;
      position: relative;
      padding: 0;
      border-radius: 8px 38px 0 0;
      margin: 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.food-safety .food-des .food-des-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        padding-top: 32px; }
      section.food-safety .food-des .food-des-title {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1; }
        section.food-safety .food-des .food-des-title h3 {
          font-size: 22px;
          line-height: 26px;
          text-transform: none;
          margin-bottom: 14px; }
  section.vision-mission {
    padding: 26px 0 25px 0; }
    section.vision-mission .container {
      padding: 0; }
    section.vision-mission .vision h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    section.vision-mission .vision-box {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical; }
      section.vision-mission .vision-box .row.vision-box1 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        margin-top: -8px; }
      section.vision-mission .vision-box .row.vision-box2 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1; }
        section.vision-mission .vision-box .row.vision-box2:nth-of-type(2) .col-md-6:first-child {
          order: 1; }
        section.vision-mission .vision-box .row.vision-box2:nth-of-type(2) .col-md-6:last-child {
          order: 2; }
      section.vision-mission .vision-box .des-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 16px 16px;
        height: 100%; }
        section.vision-mission .vision-box .des-title .eyebrow {
          margin-top: 50px; }
        section.vision-mission .vision-box .des-title .quote-images .quote {
          font-size: 28px;
          line-height: 34px;
          font-weight: 600; }
          section.vision-mission .vision-box .des-title .quote-images .quote::before {
            width: 30px;
            height: 30px; }
          section.vision-mission .vision-box .des-title .quote-images .quote::after {
            width: 30px;
            height: 30px;
            right: 0;
            bottom: 0; }
      section.vision-mission .vision-box .bottom-box {
        height: 100% !important; }
  section.core-values {
    padding: 25px 0 40px 0; }
  section.investor-relations .investor-box .row .des-title-relations h2 {
    margin-bottom: 10px; }
  section.investor-relations .investor-box .row:first-child .des-title-relations {
    padding-left: 0;
    padding-top: 24px; }
  section.investor-relations .investor-box .row:nth-child(2) .des-title-relations {
    padding-right: 0;
    padding-top: 24px; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:first-child {
    order: 1; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:last-child {
    order: 2; }
  section.investor-relations .investor-box .row:first-child {
    padding-bottom: 45px; }
  section.timkiem .box-search {
    padding: 92px 0; }
  section.timkiem .content-timkiem .item-search {
    margin: 0 0 24px 0;
    padding: 0 0 24px 0; }
    section.timkiem .content-timkiem .item-search .row .col-md-2 {
      width: 50%;
      padding-right: 10px; }
    section.timkiem .content-timkiem .item-search .row .col-md-10 {
      width: 50%;
      padding-left: 10px; }
      section.timkiem .content-timkiem .item-search .row .col-md-10 .item span {
        display: none; }
    section.timkiem .content-timkiem .item-search .row .col-md-12 .item span {
      display: none; }
  section.timkiem .content-timkiem .item a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; }
  section.page-not-found {
    padding-top: 100px; }
    section.page-not-found .content-404 .box-text h1 {
      font-size: 55px; }
    section.page-not-found .content-404 .box-text p {
      font-size: 16px;
      line-height: 28px; }
    section.page-not-found .content-404 img {
      max-width: 250px; }

  .content-popup-csvc #modal-popup-csvc .modal-content {
    padding: 0 20px; }
  .content-popup-csvc #modal-popup-csvc #caption {
    font-size: 14px; }
  .content-popup-csvc #modal-popup-csvc .caption-container {
    padding: 5px; }
  .content-popup-csvc #modal-popup-csvc .list-colum {
    padding: 0 5px 10px 5px; }
  .content-popup-csvc #modal-popup-csvc .modal-header .close {
    top: -40px !important;
    right: 20px;
    width: 30px;
    height: 30px;
    margin: 0;
    font-size: inherit;
    padding: 7px; }
    .content-popup-csvc #modal-popup-csvc .modal-header .close::before {
      font-size: 16px; }
  .content-popup-csvc #modal-popup-csvc .prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background-size: 30px;
    left: 10px; }
  .content-popup-csvc #modal-popup-csvc .next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background-size: 30px;
    right: 10px; }
  .content-popup-csvc .column {
    margin-right: 5px; }
    .content-popup-csvc .column:last-child {
      margin-right: 0; }

  .rotating-globe .globe {
    width: 100% !important;
    margin: 0 auto; }
    .rotating-globe .globe img {
      max-width: 100%; }

  .menu-open,
  .menu-open * {
    scroll-snap-type: none !important; }

  header#scroll-header.show-menu nav > ul > li.menu-item-has-children.is-open {
    padding-bottom: 30px; }

  header .menu nav ul li.menu-item-has-children.is-open > .submenu-toggle .material-symbols-outlined {
    transform: rotate(180deg);
    transition: all 0.3s ease; }

  header .menu nav ul li.menu-item-has-children > .submenu-toggle .material-symbols-outlined {
    transform: rotate(0deg);
    transition: all 0.3s ease; }

  header#scroll-header {
    padding: 16px;
    top: 0 !important;
    border-bottom: 1px solid #F2F0F0; }
    header#scroll-header .top-head .language-box ul.sub-menu {
      position: absolute !important;
      left: -15px !important;
      top: 10px !important;
      width: 100px !important;
      display: inline-block;
      padding-top: 30px !important;
      opacity: 0;
      visibility: hidden;
      z-index: 2; }
    header#scroll-header .top-head .language-box:hover {
      opacity: 1;
      visibility: initial; }
      header#scroll-header .top-head .language-box:hover ul.sub-menu {
        opacity: 1 !important;
        visibility: initial; }
    header#scroll-header .menu nav ul li.menu-item-has-children > .submenu-toggle {
      right: 16px;
      top: 12px;
      z-index: 99; }
    header#scroll-header menu nav ul li:hover ul li a {
      color: #0f0505;
      padding: 0 0 0 24px; }
    header#scroll-header .btn-search-mb {
      margin-right: 40px; }
    header#scroll-header .top-head {
      padding: 0; }
      header#scroll-header .top-head .language-box {
        margin: 0 16px 0 0; }
      header#scroll-header .top-head .phone-box {
        display: none; }
    header#scroll-header .content-head-right {
      margin-right: 30px;
      margin-bottom: 3px; }
      header#scroll-header .content-head-right .btn-action {
        margin-right: 20px; }
        header#scroll-header .content-head-right .btn-action a {
          padding: 5px 10px;
          height: 40px;
          font-size: 14px; }
      header#scroll-header .content-head-right .search-head {
        top: 80px; }
        header#scroll-header .content-head-right .search-head input {
          font-size: 20px;
          height: 80px; }
          header#scroll-header .content-head-right .search-head input::placeholder {
            color: #B2ADAD;
            font-size: 20px; }
        header#scroll-header .content-head-right .search-head i {
          right: 10px; }
    header#scroll-header .menu-mobile {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      z-index: 2;
      transform: translate(0, -50%); }
      header#scroll-header .menu-mobile i {
        font-size: 20px;
        color: #716a6a; }
      header#scroll-header .menu-mobile .ti-menu {
        display: block; }
    header#scroll-header .menu {
      display: none; }
    header#scroll-header.show-menu .menu {
      display: block;
      position: fixed;
      left: 0;
      top: 79px;
      width: 100%;
      height: 100%;
      background: #fff;
      border-top: 0;
      padding: 20px 0 0 0 !important; }
      header#scroll-header.show-menu .menu nav ul {
        display: inline-block !important;
        width: 100%; }
        header#scroll-header.show-menu .menu nav ul li {
          width: 100%;
          left: 0;
          padding: 0 0 30px 0; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item a {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .sub-menu li a {
            color: #0f0505; }
          header#scroll-header.show-menu .menu nav ul li a {
            width: 80%;
            display: inline-block;
            font-size: 16px !important;
            color: #0f0505;
            padding-left: 16px; }
          header#scroll-header.show-menu .menu nav ul li ul {
            transition: unset; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle span {
            color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children.is-open {
          color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children:not(.is-open) {
          padding-bottom: 0; }
    header#scroll-header.show-menu .menu-mobile .ti-menu {
      display: none; }
    header#scroll-header.show-menu .menu-mobile .close-menu {
      position: fixed;
      top: 50%;
      right: 0;
      display: block;
      z-index: 2;
      font-weight: 600;
      font-size: 16px;
      transform: translate(0, -50%); }
    header#scroll-header.show-menu nav {
      display: inline-block !important;
      width: 100%; }
      header#scroll-header.show-menu nav ul li::before {
        font-size: 24px;
        right: 16px;
        top: 10px;
        color: #B2ADAD; }
      header#scroll-header.show-menu nav ul li ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        max-height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0; }
        header#scroll-header.show-menu nav ul li ul.sub-menu li {
          padding: 0;
          margin: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li:last-child {
            padding: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li a {
            padding-left: 20px;
            color: #0f0505; }
      header#scroll-header.show-menu nav ul li.is-open > ul.sub-menu {
        max-height: fit-content !important;
        padding: 20px 32px;
        border-top: 2px solid #ce0e2d;
        background: #FDF2F2;
        box-shadow: 0 15px 15px 0 rgba(199, 199, 199, 0.09);
        border-radius: 0 0 2px 2px; }
    header#scroll-header .btn-header {
      display: none; }

  header .logo img {
    height: 46px !important; }

  #popup-contacts .modal-dialog {
    padding: 0 16px; }
    #popup-contacts .modal-dialog .modal-header .close {
      position: relative;
      right: 10px;
      font-size: 25px;
      padding: 8px;
      color: #524c4c;
      opacity: 1;
      background: #d9d9d9;
      text-shadow: none;
      width: 35px;
      height: 35px;
      border-radius: 50px;
      top: 5px !important;
      z-index: 9999; }
      #popup-contacts .modal-dialog .modal-header .close::before {
        font-size: 20px; }
    #popup-contacts .modal-dialog .modal-content {
      padding: 16px 0; }
    #popup-contacts .modal-dialog .btn-action .btn-common-fill {
      width: 100%; }
    #popup-contacts .modal-dialog .form-contact .title-section p {
      max-width: 100%;
      margin: 0;
      line-height: 25px; }
    #popup-contacts .modal-dialog .form-contact .title-section h2 {
      margin-top: 16px;
      font-size: 24px;
      line-height: 28px; }

  #popup-profile .modal-dialog {
    padding: 0 16px; }
    #popup-profile .modal-dialog .modal-header .close {
      position: relative;
      right: 10px;
      font-size: 25px;
      padding: 8px;
      color: #524c4c;
      opacity: 1;
      background: #d9d9d9;
      text-shadow: none;
      width: 35px;
      height: 35px;
      border-radius: 50px;
      top: 5px !important;
      z-index: 9999; }
      #popup-profile .modal-dialog .modal-header .close::before {
        font-size: 20px; }
    #popup-profile .modal-dialog .modal-content {
      padding: 16px 0; }
    #popup-profile .modal-dialog .btn-action .btn-common-fill {
      width: 100%; }
    #popup-profile .modal-dialog .form-contact .title-section p {
      max-width: 100%;
      margin: 0;
      line-height: 25px; }
    #popup-profile .modal-dialog .form-contact .title-section h2 {
      margin-top: 16px;
      font-size: 24px;
      line-height: 28px; }

  .pagging-page ul li a,
  .pagging-page ul li span {
    width: 25px;
    height: 25px; }

  .title-section .desc-title {
    max-width: 100%; }

  .list-news-home .news-left {
    padding-right: 0;
    margin: 15px 0 10px 0; }
  .list-news-home .news-right {
    padding-left: 50px !important;
    border-top: 1px solid #e6e6e6;
    padding-top: 15px; }
    .list-news-home .news-right .stt-news {
      top: 15px; }

  footer {
    border-bottom: 4px solid #ce0e2d;
    height: auto;
    padding-bottom: 0; }
    footer .action-btn {
      right: 50px; }
    footer .ft-split-beer {
      display: block;
      height: 100%;
      width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer {
        margin: 50px 0 24px 0; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer h4 a {
          font-size: 20px; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer p {
          font-size: 14px; }
      footer .ft-split-beer .ft-beer-left::before {
        content: "";
        position: absolute;
        width: auto;
        background-color: #ce0e2d;
        height: 100%;
        flex: 100%;
        max-width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer img {
        height: 60px; }
      footer .ft-split-beer .ft-beer-left .ft-beer-right {
        padding: 24px 0 0 0 !important; }
      footer .ft-split-beer ul {
        margin-top: 14px !important;
        margin-bottom: 16px; }
        footer .ft-split-beer ul li a {
          margin-bottom: 5px;
          font-size: 14px; }
      footer .ft-split-beer .title-footer {
        margin: 0; }
      footer .ft-split-beer .footer-socal-icon {
        margin: 10px 0 50px 0; }
        footer .ft-split-beer .footer-socal-icon a:nth-child(3) {
          margin-top: 0; }
    footer .btn-header-mobile {
      z-index: 9;
      display: block;
      position: fixed;
      top: 50%;
      right: 10px;
      height: auto;
      width: 90px; }
      footer .btn-header-mobile .btn-profile-mb {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        footer .btn-header-mobile .btn-profile-mb img {
          height: 24px; }
        footer .btn-header-mobile .btn-profile-mb a {
          color: #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb p {
          margin-bottom: 0;
          font-size: 14px;
          font-weight: 400;
          padding-top: 8px;
          line-height: 18px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px;
          margin-bottom: 10px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #fff;
              border: 1px solid #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #ce0e2d;
              border: 1px solid #fff; }
              footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
                color: #fff; }
      footer .btn-header-mobile.active {
        width: 80px;
        border-radius: 10px 0 0 0; }
        footer .btn-header-mobile.active .btn-profile-mb {
          display: none; }
        footer .btn-header-mobile.active button img {
          display: none; }
          footer .btn-header-mobile.active button img:nth-child(1) {
            display: none; }
          footer .btn-header-mobile.active button img:nth-child(2) {
            display: block; }

  .head-page .head-title-page {
    max-width: 100%; }

  .vision-mission .vision-item {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%; }

  .div-info-thinking .info-thinking {
    padding: 25px 20px 20px 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 4px;
    background-color: #f3ede0; }
    .div-info-thinking .info-thinking h3::before {
      left: -10px;
      top: 5px;
      width: 52px;
      height: 52px; }
  .div-info-thinking .ceo-name {
    text-align: center; }

  .detail-facilities {
    padding: 30px; }

  .box-certificates {
    min-height: inherit;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    height: inherit; }

  .list-partners {
    margin-top: -10px; }
    .list-partners img {
      height: 25px;
      margin: 10px 3px; }

  .listproduct .col-md-3 {
    width: 50%; }
  .listproduct .item-product {
    padding: 15px 5px; }
    .listproduct .item-product a {
      -webkit-line-clamp: inherit;
      line-height: 22px;
      font-size: 16px; }

  .head-page .head-title-page p {
    display: none; }

  .form-connection {
    padding: 40px 20px; }

  .product-features .img-features img {
    padding-left: 0; }

  .video-page {
    text-align: center;
    padding: 20px; }
    .video-page p {
      display: none; }

  .section-pro-related .slider-product-home {
    margin-top: 0; }

  .page-list-project .col-md-6 {
    width: 50%; }
  .page-list-project .item-news {
    padding-left: 0 !important; }
    .page-list-project .item-news .avatar-thumb {
      width: 100% !important;
      position: inherit; }

  .col-nav-sidebar {
    padding: 15px 20px;
    margin-bottom: 20px; }
    .col-nav-sidebar ul {
      display: flex;
      overflow-x: scroll;
      height: auto;
      white-space: nowrap;
      width: 100%;
      flex-wrap: unset;
      justify-content: left;
      margin-bottom: 0; }
      .col-nav-sidebar ul li {
        width: 100%;
        padding-right: 15px; }

  .news-list-cate-news .item-news .info-news {
    padding: 0; }

  .content-detail-news .row {
    flex-direction: column-reverse; }
  .content-detail-news .box-scroll.show-sticky {
    margin-bottom: 15px; }
  .content-detail-news .box-sticky-scroll {
    padding: 18px 20px; }
    .content-detail-news .box-sticky-scroll h5 {
      font-size: 16px;
      line-height: 14px;
      margin-bottom: 6px; }
  .content-detail-news .list-tags-news a {
    font-size: 14px;
    padding: 6px 10px;
    line-height: 20px;
    margin: 5px 5px 5px 0; }
  .content-detail-news .other-news-right {
    margin-top: 15px; }
    .content-detail-news .other-news-right .info-news {
      padding: 5px 0; }
      .content-detail-news .other-news-right .info-news .title-news a {
        -webkit-line-clamp: inherit;
        font-size: 14px; }

  .headpage-detail-news {
    margin-top: 80px; }

  .daily-news .col-md-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .video-lagre.section-who-are-you .videos {
    height: 216px; }
    .video-lagre.section-who-are-you .videos .overlay {
      height: 216px; }
      .video-lagre.section-who-are-you .videos .overlay._active iframe {
        height: 216px; }
    .video-lagre.section-who-are-you .videos .video-cans {
      height: 216px; }

  .featured-video .slider-product-home .item-news {
    padding-left: 0 !important; }
  .featured-video .slider-product-home .avatar-thumb {
    width: 100% !important;
    position: inherit; }

  .daily-video .item-news .info-news {
    padding: 0 0 0 10px; }

  .section-certificates .col-md-3 {
    width: 50%; }

  .customer-feedback h2 {
    margin-bottom: 20px; }
  .customer-feedback .owl-item {
    padding: 0 20px; }
  .customer-feedback .item-customer::before {
    display: none; }

  .we-hiring .scrollbar {
    height: inherit; }

  .career-page .row.mt-50 {
    margin-top: 10px; }
  .career-page .item-career {
    position: relative;
    padding-left: 75px;
    margin-bottom: 10px; }
    .career-page .item-career h4 {
      margin: 20px 0 15px 0; }
    .career-page .item-career img {
      height: 60px;
      position: absolute;
      left: 0;
      top: 0; }

  .contact-form {
    padding: 30px 20px; }

  .download-page .list-download .detail {
    padding: 20px 15px 20px 20px; }
    .download-page .list-download .detail .btn-download {
      position: initial;
      margin-top: 15px; }

  .content-detail-project {
    padding-right: 0; }

  .page-project-detail {
    margin-top: 60px;
    margin-bottom: 5px; }

  .detail-cate-news .itemnews-large .date-time-news {
    margin-bottom: 10px !important; }

  .item-orther-categories {
    padding: 20px;
    margin-bottom: 15px; }
    .item-orther-categories h4 a {
      font-size: 16px; }

  .featured-video .slider-product-home {
    margin-top: -25px; }

  .daily-video .playvideo-icon {
    top: 30%;
    height: 35px; }

  .menu-tab-blogs ul li {
    padding: 5px 10px 10px 0; }
    .menu-tab-blogs ul li a {
      font-size: 15px; }

  .menu-tab-blogs.menu-scroll {
    top: 61px; }

  .video-page .modal-dialog {
    max-width: 100%; }
    .video-page .modal-dialog iframe {
      height: inherit; }

  .featured-video .playvideo-icon {
    top: 75px; } }
@media only screen and (max-width: 375px) {
  #age-popup .brand-sub {
    font-size: 18px; } }
@media only screen and (max-width: 320px) {
  .slider-home .item h1 {
    font-size: 20px !important; }

  header.show-search-mb .search-head {
    top: 60px; }

  footer ul {
    margin: 8px 0 !important; }
  footer .hot-contact .phone-box {
    padding-left: 35px; }
    footer .hot-contact .phone-box img {
      height: 25px;
      top: 10px; }
    footer .hot-contact .phone-box span {
      font-size: 12px; }
    footer .hot-contact .phone-box a {
      font-size: 18px; }

  .pagging-page ul li a,
  .pagging-page ul li span {
    width: 20px;
    height: 20px;
    font-size: 12px; }

  .customer-feedback .owl-item {
    padding: 0 20px; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
  header .menu nav ul li a {
    font-size: 14px; }
  header .logo img {
    height: 60px; }

  .btn-common-fill,
  .btn-common-line {
    font-size: 16px; }

  .slider-home {
    margin-top: 90px; }

  .box-head-page .container {
    max-width: 1024px;
    margin: auto; }

  .vision-box .bottom-box {
    height: 444px; }

  .quality-certification-bg .quality-certification .owl-carousel-certification .owl-nav {
    right: 20px; }

  .product-beer .product-title .owl-carousel-product .owl-nav {
    width: 100px;
    top: 440px;
    margin-top: 0;
    left: 80px;
    height: auto; }

  footer .footer-socal-icon a:nth-child(3) img {
    width: 155px; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
  section.vision-mission .vision-box .bottom-box {
    height: 341px !important; }
  section.quality-certification-bg .quality-certification .item img {
    display: block;
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    padding-bottom: 20px; }
  section.competitive-advantage .competitive-row .row .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  section.investor-relations .investor-box .row:first-child .des-title-relations {
    padding-left: 70px !important; }
  section.investor-relations .investor-box .row .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  section.investor-relations .investor-box .row:first-child {
    padding-bottom: 0; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:first-child {
    order: 2; }
  section.investor-relations .investor-box .row:nth-of-type(2) .col-md-6:last-child {
    order: 1; }
  section.product-detail-premium .detail-beer .detail-beer-premium-title h1 a {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    line-height: normal; }
  section.product-other .other-category .owl-carousel-product-other .owl-nav {
    width: 90px; }
    section.product-other .other-category .owl-carousel-product-other .owl-nav .owl-next img,
    section.product-other .other-category .owl-carousel-product-other .owl-nav .owl-prev img {
      width: 30px; }
  section.processing-services .info-news-beer .detail-beer ul li {
    font-size: 16px; }
  section.product-beer .product-title .owl-carousel-product .owl-nav {
    width: 90px;
    top: 330px !important;
    margin-top: 0;
    left: 50px !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body .btn-common-fill,
  body .btn-common-line {
    font-size: 16px;
    min-width: 150px; }

  header .top-head .language-box {
    margin: 0 15px 0 15px; }
  header .top-head .btn-header {
    display: none; }

  .slider-home .item {
    min-height: 600px; }
    .slider-home .item .infor-slide {
      background: #fef3d5;
      width: 50%;
      padding: 120px 30px 60px 30px;
      text-align: left;
      z-index: 1; }
      .slider-home .item .infor-slide h1 {
        line-height: 50px;
        color: #0f0505;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 16px;
        font-size: 40px; }
      .slider-home .item .infor-slide p {
        color: #0f0505;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 32px; }
    .slider-home .item .img-sliders .img-banner-pc img {
      height: 600px; }

  .facilities-home .content-facilities-home .csvc2 {
    padding-bottom: 40px; }

  .vision-box .bottom-box {
    height: 331px !important; }

  .vision-box .des-title .quote-images .quote {
    font-size: 46px;
    line-height: 60px; }

  .vision-box .des-title {
    padding: 60px 30px; }

  .vision-box .des-title.mission {
    padding: 60px 30px; }

  section.product-beer .product-title {
    padding-left: 15px; }
    section.product-beer .product-title .title-section {
      padding-top: 50px; }
      section.product-beer .product-title .title-section h2 {
        line-height: 30px;
        font-size: 24px; }
    section.product-beer .product-title .owl-carousel-product .owl-nav {
      width: 90px;
      top: 330px;
      margin-top: 0;
      left: 50px; }
      section.product-beer .product-title .owl-carousel-product .owl-nav .owl-next img,
      section.product-beer .product-title .owl-carousel-product .owl-nav .owl-prev img {
        width: 30px; }
  section.facilities-home .content-facilities-home {
    padding: 0 15px; }

  footer .btn-header-mobile {
    z-index: 9;
    display: block;
    position: fixed;
    top: 50%;
    right: 10px;
    height: auto;
    width: 90px; }
    footer .btn-header-mobile .btn-profile-mb {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      footer .btn-header-mobile .btn-profile-mb img {
        height: 24px; }
      footer .btn-header-mobile .btn-profile-mb a {
        color: #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        padding-top: 8px;
        line-height: 18px; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px;
        margin-bottom: 10px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #ce0e2d; }
      footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
        background: #FCE3E3;
        border-radius: 8px;
        padding: 3px 4px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
          padding: 3px 4px;
          border-radius: 8px;
          background: #F7BDBD; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
            padding: 10px 7px;
            border-radius: 8px;
            background: #ce0e2d;
            border: 1px solid #fff; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
              color: #fff; }
    footer .btn-header-mobile.active {
      width: 80px;
      border-radius: 10px 0 0 0; }
      footer .btn-header-mobile.active .btn-profile-mb {
        display: none; }
      footer .btn-header-mobile.active button img {
        display: none; }
        footer .btn-header-mobile.active button img:nth-child(1) {
          display: none; }
        footer .btn-header-mobile.active button img:nth-child(2) {
          display: block; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  header .logo img {
    height: 60px; }

  header .menu nav ul li.menu-item-has-children.is-open > .submenu-toggle .material-symbols-outlined {
    transform: rotate(180deg);
    transition: all 0.3s ease; }

  header .menu nav ul li.menu-item-has-children > .submenu-toggle .material-symbols-outlined {
    transform: rotate(0deg);
    transition: all 0.3s ease; }

  header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle span {
    color: #ce0e2d; }

  header#scroll-header {
    padding: 16px;
    top: 0 !important;
    border-bottom: 1px solid #F2F0F0; }
    header#scroll-header .top-head .language-box ul.sub-menu {
      position: absolute !important;
      left: -15px !important;
      top: 10px !important;
      width: 100px !important;
      display: inline-block;
      padding-top: 30px !important;
      opacity: 0;
      visibility: hidden;
      z-index: 2; }
    header#scroll-header .top-head .language-box:hover {
      opacity: 1;
      visibility: initial; }
      header#scroll-header .top-head .language-box:hover ul.sub-menu {
        opacity: 1 !important;
        visibility: initial; }
    header#scroll-header .menu nav ul li.menu-item-has-children > .submenu-toggle {
      right: 16px;
      top: 12px;
      z-index: 99; }
    header#scroll-header menu nav ul li:hover ul li a {
      color: #0f0505;
      padding: 0 0 0 24px; }
    header#scroll-header .btn-search-mb {
      margin-right: 40px; }
    header#scroll-header .top-head {
      padding: 0; }
      header#scroll-header .top-head .language-box {
        margin: 0 16px 0 0; }
      header#scroll-header .top-head .phone-box {
        display: none; }
    header#scroll-header .content-head-right {
      margin-right: 30px;
      margin-bottom: 3px; }
      header#scroll-header .content-head-right .btn-action {
        margin-right: 20px; }
        header#scroll-header .content-head-right .btn-action a {
          padding: 5px 10px;
          height: 40px;
          font-size: 14px; }
      header#scroll-header .content-head-right .search-head {
        top: 80px; }
        header#scroll-header .content-head-right .search-head input {
          font-size: 20px;
          height: 80px; }
          header#scroll-header .content-head-right .search-head input::placeholder {
            color: #B2ADAD;
            font-size: 20px; }
        header#scroll-header .content-head-right .search-head i {
          right: 10px; }
    header#scroll-header .menu-mobile {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      z-index: 2;
      transform: translate(0, -50%); }
      header#scroll-header .menu-mobile i {
        font-size: 20px;
        color: #716a6a; }
      header#scroll-header .menu-mobile .ti-menu {
        display: block; }
    header#scroll-header .menu {
      display: none; }
    header#scroll-header.show-menu .menu {
      display: block;
      position: fixed;
      left: 0;
      top: 79px;
      width: 100%;
      height: 100%;
      background: #fff;
      border-top: 0;
      padding: 20px 0 0 0 !important; }
      header#scroll-header.show-menu .menu nav ul {
        display: inline-block !important;
        width: 100%; }
        header#scroll-header.show-menu .menu nav ul li {
          width: 100%;
          left: 0;
          padding: 0 0 30px 0; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item a {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle {
            color: #ce0e2d; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .sub-menu li a {
            color: #0f0505; }
          header#scroll-header.show-menu .menu nav ul li a {
            width: 80%;
            display: inline-block;
            font-size: 16px !important;
            color: #0f0505;
            padding-left: 16px; }
          header#scroll-header.show-menu .menu nav ul li ul {
            transition: unset; }
          header#scroll-header.show-menu .menu nav ul li.current-menu-item .submenu-toggle span {
            color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children.is-open {
          color: #ce0e2d; }
        header#scroll-header.show-menu .menu nav ul .menu-item-has-children:not(.is-open) {
          padding-bottom: 0; }
    header#scroll-header.show-menu .menu-mobile .ti-menu {
      display: none; }
    header#scroll-header.show-menu .menu-mobile .close-menu {
      position: fixed;
      top: 50%;
      right: 0;
      display: block;
      z-index: 2;
      font-weight: 600;
      font-size: 16px;
      transform: translate(0, -50%); }
    header#scroll-header.show-menu nav {
      display: inline-block !important;
      width: 100%; }
      header#scroll-header.show-menu nav ul li::before {
        font-size: 24px;
        right: 16px;
        top: 10px;
        color: #B2ADAD; }
      header#scroll-header.show-menu nav ul li ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        max-height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0; }
        header#scroll-header.show-menu nav ul li ul.sub-menu li {
          padding: 0;
          margin: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li:last-child {
            padding: 0; }
          header#scroll-header.show-menu nav ul li ul.sub-menu li a {
            padding-left: 20px;
            color: #0f0505; }
      header#scroll-header.show-menu nav ul li.is-open > ul.sub-menu {
        max-height: fit-content !important;
        padding: 20px 32px;
        border-top: 2px solid #ce0e2d;
        background: #FDF2F2;
        box-shadow: 0 15px 15px 0 rgba(199, 199, 199, 0.09);
        border-radius: 0 0 2px 2px; }
    header#scroll-header .btn-header {
      display: none; }

  .title-section h2 {
    font-size: 24px; }

  .service-beer .banner-service-beer .service-beer-title .title-headpage {
    font-size: 32px; }

  .development-orientation .oriented-long-term .row .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .development-orientation .oriented-long-term .oriente-text {
    padding: 0 30px; }

  .product-scroll-premium .scroll-premium li a {
    font-size: 14px; }

  .environment-community {
    padding-top: 0;
    padding-bottom: 0; }

  .sustainable-goals {
    padding: 0 0 30px 0; }

  section.processing-services {
    padding-top: 0; }

  .facilities-home .content-facilities-home .csvc2 {
    padding-bottom: 40px; }

  a.btn-common-fill-service.btn-service {
    margin-top: 20px; }

  #age-popup .disclaimer-age {
    width: 100%;
    max-width: 100%;
    font-size: 18px; }
  #age-popup .age-split {
    flex-direction: column-reverse; }
  #age-popup .age-left {
    min-height: 42vh; }
  #age-popup .age-right {
    flex: none;
    padding: 35px 16px 20px; }
  #age-popup .brand-sub {
    font-size: 20px; }
  #age-popup .age-buttons {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
    #age-popup .age-buttons .btn-yes,
    #age-popup .age-buttons .btn-no {
      padding: 14px 24px;
      margin: 0;
      width: fit-content;
      font-size: 14px; }
  #age-popup .age-beer {
    font-size: 18px; }
  #age-popup .logo-popup-age {
    margin-bottom: 20px; }
    #age-popup .logo-popup-age img {
      width: 125px; }
  #age-popup .brand-logo-beer img {
    width: 125px; }

  #age-warning .logo-popup-age {
    margin-bottom: 20px; }
    #age-warning .logo-popup-age img {
      width: 125px; }
  #age-warning .age-beer {
    font-size: 18px; }

  .btn-common-fill,
  .btn-common-line {
    font-size: 16px; }

  .slider-home .item {
    min-height: 400px; }
    .slider-home .item .infor-slide {
      background: #fef3d5;
      width: 50%;
      padding: 30px 30px 50px 30px;
      text-align: left;
      z-index: 1; }
      .slider-home .item .infor-slide h1 {
        line-height: 32px;
        color: #0f0505;
        text-align: left;
        text-transform: uppercase;
        margin-bottom: 16px;
        font-size: 22px; }
      .slider-home .item .infor-slide p {
        color: #0f0505;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 24px; }
    .slider-home .item .img-sliders .img-banner-pc img {
      height: 400px; }
  .slider-home .owl-dots {
    bottom: 15px; }

  .box-head-page .box-item .box-text h2 {
    font-size: 26px; }
  .box-head-page .box-item .box-text p {
    font-size: 15px; }
  .box-head-page .box-item .icon-box-head {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50px;
    transform: translateY(-50%); }

  .facilities-home .content-facilities-home {
    padding: 0 15px; }
    .facilities-home .content-facilities-home .facilities-title {
      padding-top: 10px;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px; }
    .facilities-home .content-facilities-home .csvc1 {
      padding-bottom: 30px; }

  .content-popup-csvc #modal-popup-csvc .prev {
    margin-top: -15px; }
  .content-popup-csvc #modal-popup-csvc .next {
    margin-top: -15px; }

  .competitive-advantage .advantage-col {
    display: inline-block;
    text-align: center;
    padding: 0 0 30px;
    width: 330px; }

  .product-beer .product-title {
    padding-left: 15px; }
    .product-beer .product-title .title-section {
      padding-top: 50px; }
      .product-beer .product-title .title-section h2 {
        line-height: 30px;
        font-size: 24px; }
    .product-beer .product-title .owl-carousel-product .owl-nav {
      width: 90px;
      top: 350px !important;
      left: 50px !important;
      transform: translate(0) !important; }
      .product-beer .product-title .owl-carousel-product .owl-nav .owl-next img,
      .product-beer .product-title .owl-carousel-product .owl-nav .owl-prev img {
        width: 30px; }

  .quality-certification-bg .quality-certification .item img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    padding-bottom: 20px; }

  .by-category-bg .by-category .owl-carousel-category .owl-nav {
    width: 90px; }
    .by-category-bg .by-category .owl-carousel-category .owl-nav .owl-next img,
    .by-category-bg .by-category .owl-carousel-category .owl-nav .owl-prev img {
      width: 30px; }

  .product-general-information .information-beer .information-beer-premium-title p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; }

  .product-detail-premium .detail-beer .detail-beer-premium-title h1 a {
    font-size: 40px; }

  .product-technical-specifications .specifications-beer .specifications-beer-premium-title h1 {
    margin: 0; }
  .product-technical-specifications .specifications-beer .specifications-beer-premium-title .specifications-row p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; }

  .product-other .other-category .owl-carousel-product-other .item span {
    font-size: 18px;
    line-height: 25px; }

  .service-introduction .video-service iframe {
    height: 400px; }

  .production-line .production-title h2 {
    font-size: 24px; }

  .processing-services .info-news-beer .detail-beer ul {
    flex-wrap: wrap; }
    .processing-services .info-news-beer .detail-beer ul li {
      font-size: 18px; }

  .service-introduction .content-service p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; }

  .tintuc-large .item-news .title-news a {
    font-size: 34px;
    list-style: 44px; }

  .environmental-license .content-category .category-title a h2,
  .activity-news .content-category .category-title a h2,
  .company-news .content-category .category-title a h2 {
    font-size: 24px; }
  .environmental-license .content-category .category-see-more a,
  .activity-news .content-category .category-see-more a,
  .company-news .content-category .category-see-more a {
    line-height: 26px;
    font-size: 16px; }

  .news-details .title-headpage {
    font-size: 26px;
    line-height: 40px; }
  .news-details .except-news {
    font-size: 18px; }

  .taxonomy-news .taxonomy-info-news h3 a {
    font-size: 34px;
    line-height: 44px; }

  .vision-mission .vision-box .bottom-box .vision h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0; }
  .vision-mission .vision-box .bottom-box .des-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 15px;
    height: 100%; }
    .vision-mission .vision-box .bottom-box .des-title .quote-images .quote {
      font-size: 28px;
      font-style: normal;
      font-weight: 900;
      line-height: 34px;
      margin-bottom: 0;
      position: relative;
      padding-left: 45px;
      display: inline-block;
      padding-right: 20px; }
      .vision-mission .vision-box .bottom-box .des-title .quote-images .quote::before {
        width: 30px;
        height: 30px; }
      .vision-mission .vision-box .bottom-box .des-title .quote-images .quote::after {
        width: 30px;
        height: 30px;
        right: 0;
        bottom: 20px; }

  .vision-mission {
    padding: 26px 0 25px 0; }
    .vision-mission .container {
      padding: 0; }
    .vision-mission .vision h2 {
      font-size: 16px;
      font-weight: 400;
      line-height: 25px; }
    .vision-mission .vision-box .des-title {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 16px 16px;
      height: 100%; }
      .vision-mission .vision-box .des-title .eyebrow {
        margin-top: 0; }
      .vision-mission .vision-box .des-title .quote-images .quote {
        font-size: 28px;
        line-height: 34px;
        font-weight: 600; }
        .vision-mission .vision-box .des-title .quote-images .quote::before {
          width: 30px;
          height: 30px; }
        .vision-mission .vision-box .des-title .quote-images .quote::after {
          width: 30px;
          height: 30px;
          right: 0;
          bottom: 0; }
    .vision-mission .vision-box .bottom-box {
      height: 256px; }

  .investor-relations .investor-box .row .des-title-relations h2 {
    margin-bottom: 10px; }
  .investor-relations .investor-box .row:first-child .des-title-relations {
    padding-left: 0;
    padding-top: 24px; }
  .investor-relations .investor-box .row:nth-child(2) .des-title-relations {
    padding-right: 0;
    padding-top: 24px; }
  .investor-relations .investor-box .row:nth-of-type(2) .col-md-6:first-child {
    order: 1; }
  .investor-relations .investor-box .row:nth-of-type(2) .col-md-6:last-child {
    order: 2; }
  .investor-relations .investor-box .row:first-child {
    padding-bottom: 45px; }
  .investor-relations .investor-box .row .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .core-values {
    background: none !important;
    padding-top: 35px; }

  .rotating-globe .globe img {
    width: 100% !important;
    margin: 0 auto; }

  .competitive-advantage .competitive-row .row .col-md-4 {
    -ms-flex: 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .featured-news .item-news .info-news {
    padding: 15px; }
    .featured-news .item-news .info-news .title-news a {
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
      line-height: 25px; }
    .featured-news .item-news .info-news .category-item span {
      font-size: 13px; }

  footer {
    border-bottom: 4px solid #ce0e2d;
    height: auto;
    padding-bottom: 0; }
    footer .action-btn {
      right: 50px; }
    footer .ft-split-beer {
      display: block;
      height: 100%;
      width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer {
        margin: 50px 0 24px 0; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer h4 a {
          font-size: 20px; }
        footer .ft-split-beer .ft-beer-left .about-company-footer .contact-main-footer p {
          font-size: 14px; }
      footer .ft-split-beer .ft-beer-left::before {
        content: "";
        position: absolute;
        width: auto;
        background-color: #ce0e2d;
        height: 100%;
        flex: 100%;
        max-width: 100%; }
      footer .ft-split-beer .ft-beer-left .about-company-footer img {
        height: 60px; }
      footer .ft-split-beer .ft-beer-left .ft-beer-right {
        padding: 24px 0 0 0 !important; }
      footer .ft-split-beer .ft-beer-left .row .col-md-5 {
        background: #ce0e2d;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%; }
      footer .ft-split-beer .ft-beer-left .row .col-md-7 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%; }
      footer .ft-split-beer ul {
        margin-top: 14px !important;
        margin-bottom: 16px; }
        footer .ft-split-beer ul li a {
          margin-bottom: 5px;
          font-size: 14px; }
      footer .ft-split-beer .title-footer {
        margin: 0; }
      footer .ft-split-beer .footer-socal-icon {
        margin: 10px 0 50px 0; }
        footer .ft-split-beer .footer-socal-icon a:nth-child(3) {
          margin-top: 0; }
    footer .btn-header-mobile {
      z-index: 9;
      display: block;
      position: fixed;
      top: 50%;
      right: 10px;
      height: auto;
      width: 90px; }
      footer .btn-header-mobile .btn-profile-mb {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center; }
        footer .btn-header-mobile .btn-profile-mb img {
          height: 24px; }
        footer .btn-header-mobile .btn-profile-mb a {
          color: #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb p {
          margin-bottom: 0;
          font-size: 14px;
          font-weight: 400;
          padding-top: 8px;
          line-height: 18px; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-contact {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px;
          margin-bottom: 10px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-contact .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #fff;
              border: 1px solid #ce0e2d; }
        footer .btn-header-mobile .btn-profile-mb.btn-profile-file {
          background: #FCE3E3;
          border-radius: 8px;
          padding: 3px 4px; }
          footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item {
            padding: 3px 4px;
            border-radius: 8px;
            background: #F7BDBD; }
            footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec {
              padding: 10px 7px;
              border-radius: 8px;
              background: #ce0e2d;
              border: 1px solid #fff; }
              footer .btn-header-mobile .btn-profile-mb.btn-profile-file .btn-profile-item .btn-profile-item-sec p {
                color: #fff; }
      footer .btn-header-mobile.active {
        width: 80px;
        border-radius: 10px 0 0 0; }
        footer .btn-header-mobile.active .btn-profile-mb {
          display: none; }
        footer .btn-header-mobile.active button img {
          display: none; }
          footer .btn-header-mobile.active button img:nth-child(1) {
            display: none; }
          footer .btn-header-mobile.active button img:nth-child(2) {
            display: block; } }

/*# sourceMappingURL=responsive.css.map */