@charset "UTF-8";
@media only screen and (max-width: 800px) {
  #main-menu.mobile-sidebar .navbar-header {
    background: #fff;
  }
  #main-menu.mobile-sidebar .navbar-header .logo-menu-sidebar {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px;
  }
  #main-menu.mobile-sidebar .navbar-header .logo-menu-sidebar img {
    max-height: 30px;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar {
    padding-top: 0;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > a {
    color: var(--212121, #212121);
    font-family: Oswald;
    font-size: 16px;
    font-weight: 400;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform: initial;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > .sub-menu {
    padding-top: 0;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > .sub-menu > .menu-item {
    border-top: 1px solid #ccc;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > .sub-menu > .menu-item > a {
    color: var(--212121, #212121);
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    padding-top: 4px;
    padding-bottom: 4px;
    text-transform: initial;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header {
    padding-bottom: 8px;
    padding-top: 8px;
    background: #2c2c2c;
  }
  #main-menu.mobile-sidebar .sidebar-menu > .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header .toggle {
    padding-bottom: 0;
    min-height: auto;
    font-size: 14px;
    color: var(--Mau_1);
    opacity: 1;
  }
}
@media only screen and (max-width: 550px) {
  .RemovePaddingBottom {
    margin-bottom: 15px !important;
  }
  /* ========== HEADING ICON ========== */
  .HeadingIcon .subtitle {
    font-size: 14px;
    padding: 4px 10px;
  }
  .HeadingIcon .title {
    font-size: 24px;
  }
  .HeadingIcon .description {
    font-size: 14px;
  }
  /* ========== HOME SLIDER ========== */
  .HomeSlider {
    min-height: 480px;
    margin-top: -60px;
  }
  .HomeSlider .item_homeBanner .img_background::after {
    width: 100%;
  }
  .HomeSlider .item_homeBanner .content_slide_home {
    bottom: 80px;
  }
  .HomeSlider .item_homeBanner .content_slide_home .subtitle_slide {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .HomeSlider .item_homeBanner .content_slide_home .heading_slide_home {
    font-size: 28px;
    margin-bottom: 20px;
    max-width: 100%;
  }
  .HomeSlider .item_homeBanner .content_slide_home .button_slide_home {
    font-size: 14px;
    padding: 10px 14px 8px;
  }
  .HomeSlider ._9byf {
    bottom: 15px;
  }
  /* ========== IMAGE S4 - Bỏ absolute trên mobile ========== */
  .image_s4 {
    position: static;
    display: none; /* Ẩn trên mobile vì absolute gây vỡ layout */
  }
  /* ========== CARD SERVICE (Section 2) ========== */
  .card-service.Card-1, .card-service.Card-3 {
    margin-top: 0;
  }
  .card-service ._9wzrdfw {
    padding: 20px 16px 16px;
  }
  .card-service .card-service-title ._6cfb ._2wqm-title {
    font-size: 22px;
  }
  .card-service .card-service-img img {
    width: 80px;
    height: 80px;
  }
  .card-service ._21ux {
    font-size: 14px;
  }
  .card-service ._7hjf {
    padding: 14px 16px;
  }
  /* ========== CARD OVERVIEW (Section 3) ========== */
  .card-overview {
    height: 300px;
    border-radius: 16px;
  }
  .card-overview .card-overview-body {
    height: 140px;
    padding-inline: 20px;
    padding-bottom: 12px;
  }
  .card-overview .card-overview-body .card-overview-title ._2wqm-title {
    font-size: 20px;
  }
  .card-overview .card-overview-body .card-overview-description ._1jjt {
    font-size: 13px;
  }
  /* ========== SECTION 4 - BlockHeadingS4 ========== */
  .BlockHeadingS4.HeadingIcon {
    margin-bottom: 20px;
  }
  .BlockHeadingS4.HeadingIcon .title {
    font-size: 24px;
  }
  /* ========== BLOCK SERVICE TEXT (Section 5) ========== */
  .BlockServiceText .title {
    font-size: 28px;
  }
  .BlockServiceText .description {
    font-size: 14px;
  }
  /* ========== BOX TRUST (Section 5b) ========== */
  .BoxTrust .number {
    font-size: 28px;
  }
  .BoxTrust .title {
    font-size: 14px;
  }
  /* ========== BLOGS BFF (Section 6) ========== */
  .BlogsBFF ._8hkb {
    flex-direction: column;
    align-items: flex-start;
  }
  .BlogsBFF ._8hkb .title-news {
    font-size: 24px;
  }
  .BlogsBFF ._8hkb .button-flex {
    height: 40px;
    font-size: 14px;
  }
  /* ========== BANNER WEBSITE ========== */
  .BannerWebsite .banner-view .image-bn img, .BannerWebsite .banner-view .image-bn video {
    max-height: 300px;
  }
  .BannerWebsite .banner-view .image-bn::after {
    width: 100%;
  }
  .BannerWebsite .content-banner {
    bottom: 30px;
  }
  .BannerWebsite .content-banner .content-inner h2 {
    font-size: 24px;
    line-height: 1.3;
  }
  .BannerWebsite .content-banner .content-inner p {
    font-size: 14px;
    max-width: 100%;
    margin-bottom: 16px;
  }
  /* ========== BREADCRUMBS ========== */
  .breadcrumbs {
    margin-bottom: 12px;
  }
  .breadcrumbs span, .breadcrumbs a {
    font-size: 13px;
  }
  /* ========== GIỚI THIỆU - text_lead ========== */
  .text_lead p {
    font-size: 24px;
  }
  /* ========== QUY TRÌNH TIMELINE ========== */
  .QuyTrinh {
    padding: 30px 0;
  }
  .QuyTrinh .item_QuyTrinh .timeline-time {
    font-size: 16px;
    height: 30px;
  }
  .QuyTrinh .item_QuyTrinh::before {
    top: 50px;
  }
  .QuyTrinh .item_QuyTrinh .timeline-middle {
    top: 51px;
  }
  .QuyTrinh .item_QuyTrinh .timeline-content .timeline-title {
    font-size: 16px;
    height: auto;
    min-height: unset;
  }
  .QuyTrinh .item_QuyTrinh .timeline-content .timeline-desc {
    font-size: 14px;
  }
  .QuyTrinh .item_QuyTrinh .timeline-content .timeline-image img {
    max-height: 150px;
  }
  /* ========== BLOCK HEAD SMALL ========== */
  .block_head_small.HeadingIcon .subtitle {
    font-size: 14px;
  }
  .block_head_small.HeadingIcon .title {
    font-size: 24px;
  }
  /* ========== TAB V1 ========== */
  .tab_v1 .button_tab a {
    height: 40px;
    font-size: 14px;
  }
  /* ========== TEAM COMPONENT ========== */
  .hands-ben {
    margin-bottom: 30px;
  }
  .MainListTeam .team-link {
    flex-direction: column;
  }
  .MainListTeam .team-link .item-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .MainListTeam .team-link .item-image img {
    height: 200px;
    border-radius: 8px;
  }
  .MainListTeam .team-link .item-content {
    width: 100%;
    height: auto;
    max-height: 200px;
  }
  .MainListTeam .team-link .item-content ._3bxa {
    font-size: 20px;
  }
  /* ========== POPUP CHI TIẾT TEAM ========== */
  .precures-owes {
    padding: 20px;
    border-radius: 16px;
  }
  .precures-owes ._2qzs {
    flex-direction: column;
  }
  .precures-owes ._2qzs .item-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .precures-owes ._2qzs .item-image img {
    height: 280px;
    border-radius: 12px;
  }
  .precures-owes ._2qzs ._6izh {
    width: 100%;
  }
  .precures-owes ._2qzs ._6izh h3 {
    font-size: 22px;
  }
  /* ========== BLOCK HEADING HT2 ========== */
  .block_heading_ht2 h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .block_heading_ht2 p {
    font-size: 14px;
  }
  /* ========== BOX ICON HT2 ========== */
  .box_icon_ht2 {
    padding: 16px 20px 14px;
    border-radius: 16px;
  }
  /* ========== QUY TRÌNH DỊCH VỤ ========== */
  .QuyTrinhDichVu {
    padding: 24px 0;
  }
  .QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-icon {
    width: 80px;
    height: 80px;
  }
  .QuyTrinhDichVu .item_QuyTrinhDichVu .connecting-line {
    top: 40px;
    left: calc(50% + 40px);
    width: calc(100% + 24px - 80px);
  }
  .QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-number {
    font-size: 16px;
  }
  .QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-title {
    font-size: 14px;
    min-height: unset;
  }
  .QuyTrinhDichVu .item_QuyTrinhDichVu .quy-trinh-content .step-desc {
    font-size: 13px;
  }
  /* ========== HEADING HT4 ========== */
  .heading_ht4 h2 {
    font-size: 22px;
  }
  /* ========== BOX IMAGE HT4 ========== */
  .box_image_ht4 .box-image img {
    height: 100px;
  }
  .box_image_ht4 .box-text h4 {
    font-size: 16px;
  }
  .box_image_ht4 .box-text p {
    font-size: 13px;
  }
  /* ========== HT5 SLIDE ========== */
  .ht5_r1_c1 > .col-inner {
    padding: 20px;
    border-radius: 16px;
  }
  .ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .title_slide_ht4 h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top {
    padding: 12px;
  }
  .ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top .box-image img {
    height: 50px;
  }
  .ht5_r1_c1 > .col-inner .htmm_slide_r1 .htmm_slide_r1_c1 .icon-box-top .block_text_slide_ht4 h3 {
    font-size: 18px;
  }
  /* ========== HT6 ========== */
  #main .ht6::after {
    width: 100%;
    height: 120px;
  }
  #main .ht6 .ht6_r1_c1 {
    padding-top: 30px;
  }
  #main .ht6 .ht6_r1_c1 .block_text_ht6 h2 {
    font-size: 24px;
  }
  #main .ht6 .ht6_r1_c1 .block_text_ht6 p {
    font-size: 14px;
  }
  .ht6_r1_c3 > .col-inner .block_text_ht6 {
    margin-bottom: 30px;
  }
  .ht6_r1_c3 > .col-inner .block_text_ht6 h3 {
    font-size: 14px;
  }
  .ht6_r1_c3 > .col-inner .block_text_ht6 p {
    font-size: 14px;
  }
  /* ========== CATEGORY PAGE - eminent-gill ========== */
  .eminent-gill {
    padding-block: 30px;
  }
  .eminent-gill .category-description h2 {
    font-size: 22px;
  }
  .eminent-gill .category-description p {
    font-size: 14px;
  }
  /* ========== PRODUCT CARD ========== */
  ._6bos .box-text-products {
    padding-inline: 12px;
  }
  ._6bos .box-text-products .indolent-use .entry-title-product {
    font-size: 14px;
  }
  ._6bos .box-text-products .indolent-use .sub-title-product {
    font-size: 12px;
  }
  /* ========== SECTION TƯ VẤN ========== */
  .section-tu-van::after {
    width: 100%;
    height: 100px;
  }
  /* ========== FORM TƯ VẤN ========== */
  .form-tu-van {
    padding-top: 30px;
  }
  .form-tu-van h2 {
    font-size: 24px;
  }
  .form-tu-van p {
    font-size: 14px;
  }
  .form-tu-van .form-main .group-field.col-2 {
    flex-direction: column;
    margin-right: 0;
  }
  .form-tu-van .form-main .group-field.col-2 .input-field {
    width: 100%;
    margin-right: 0;
  }
  /* ========== SINGLE PRODUCT ========== */
  .sights-dye ._5khx {
    font-size: 28px;
  }
  .sights-dye ._1irq {
    font-size: 14px;
  }
  .griddles-fora {
    padding: 12px 14px;
  }
  .griddles-fora img {
    width: 18px;
    height: 44px;
    margin-right: 12px;
  }
  .griddles-fora ._2gbe p {
    font-size: 15px;
    line-height: 24px;
  }
  ._2tuc ._8agd {
    flex-direction: column;
  }
  ._2tuc ._8agd ._4vkq {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
    font-size: 14px;
  }
  ._2tuc ._8agd ._2zul {
    width: 100%;
    font-size: 14px;
  }
  .contact-now a {
    height: 45px;
    padding: 8px 30px;
  }
  .contact-now a span {
    font-size: 14px;
  }
  /* ========== PRODUCT FOOTER ========== */
  .product-footer {
    padding-bottom: 30px;
  }
  .product-footer .entry-content ._7zla {
    font-size: 22px;
  }
  .product-footer .entry-content iframe {
    border-radius: 12px;
  }
  .related-products-wrapper .product-section-title {
    font-size: 22px;
  }
  /* ========== ARCHIVE BLOGS ========== */
  .MainVideosArchive {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .MainVideosArchive .ArchiveListBlogs .archive-item-blogs {
    border-radius: 16px;
    margin-bottom: 16px;
  }
  .MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-image {
    height: 180px;
  }
  .MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text {
    padding: 16px;
  }
  .MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-title .title {
    font-size: 16px;
  }
  .MainVideosArchive .ArchiveListBlogs .archive-item-blogs .box-text .post-content p {
    font-size: 14px;
  }
  /* ========== SINGLE POST ========== */
  .SinglePostContent {
    padding: 16px;
    border-radius: 8px;
  }
  .SinglePostContent .single-post-title h1 {
    font-size: 20px;
  }
  .SinglePostContent ._5ehx {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  /* ========== CONTACT PAGE ========== */
  .blocktext_contact_head p {
    font-size: 22px;
  }
  /* ========== AN PHAM ========== */
  .box-an-pham .box-text h4 {
    font-size: 18px;
  }
  /* ========== ODM ========== */
  .odm1 .HeadingIcon.text-left h2.title {
    font-size: 22px;
  }
}