@media only screen and (max-width: 800px) {
  body #wrapper,
  body #main {
    z-index: 99;
  }
  .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-slide,
  .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-slide,
  .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-slide,
  .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-slide {
    background: #fff;
    padding: 0px;
  }
  .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu > li,
  .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children > li,
  .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu > li,
  .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children > li {
    padding: 0px 8px;
  }
  #logo img {
    padding: 10px;
  }
  .header-main > .header-inner .menu-wrapper-shadow {
    padding: 0;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
    height: unset;
    display: block;
    top: 0;
    width: auto;
  }
  .mfp-close svg {
    stroke: #000;
  }
  .header-main li.html.custom {
    display: block;
  }
  .off-canvas-left .mfp-content,
  .off-canvas-right .mfp-content {
    min-width: 320px;
    background: #ffffff;
  }
  .mobile-sidebar .sidebar-menu .nav-sidebar > .menu-item > a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    font-weight: 400;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    font-size: 16px;
    font-weight: 500;
  }
  #main-menu .nav-sidebar .html_nav_position_text_top {
    padding-top: 0;
    padding-bottom: 10px;
  }
  #main-menu .nav-sidebar .html_nav_position_text_top .searchform {
    width: 100%;
  }
  #main-menu .nav-sidebar .html_nav_position_text_top .searchform .search-field {
    box-shadow: unset;
    height: 30px;
    font-size: 12px;
    border-right: unset;
  }
  #main-menu .nav-sidebar .html_nav_position_text_top .searchform .ux-search-submit {
    height: 30px;
    min-height: auto;
    display: flex;
    align-items: center;
    background: #fff;
    color: #333333;
    background-image: unset;
    border-left: unset;
    border-color: #ddd;
  }
  .nav-sidebar.nav-vertical > li {
    border-bottom: 1px solid #ececec;
    border-top: unset;
  }
  #main-menu .navbar-header {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #f1f1f1;
  }
  #main-menu .sidebar-menu {
    padding-top: 0 !important;
  }
  #main-menu .sidebar-menu .html_topbar_right ._4mwn {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #main-menu .sidebar-menu .html_topbar_right ._4mwn li {
    padding-left: 0;
    flex: unset a;
    flex-padding-left: 0;
  }
  #main-menu .sidebar-menu .itchy-emu {
    width: 100%;
  }
  #main-menu .sidebar-menu ._3huw {
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    width: 100%;
  }
  #main-menu .sidebar-menu ._3huw:last-child {
    margin-bottom: 0;
  }
  #main-menu .sidebar-menu ._3huw._9acl a {
    height: 44px;
    padding: 0 16px;
    color: var(--white, #FFF);
    background: #19519C;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
  }
  #main-menu .sidebar-menu ._3huw._3hwn ._8hey {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C00;
    color: var(--white, #FFF);
    margin: 0;
    height: 44px;
    padding: 0 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    text-transform: uppercase;
    width: 100%;
  }
  #main-menu .sidebar-menu ._3huw._3hwn ._8hey img {
    margin-right: 4px;
  }
  #main-menu .sidebar-menu ._3huw._3hwn ._8hey span {
    font-size: 16px;
  }
  #main-menu .sidebar-menu ._3huw._2lch ._9kzl {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--white, #FFF);
    margin: 0;
    height: 44px;
    padding: 0 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 4px;
    background: var(--Blue-gradient, linear-gradient(90deg, #19519C 0%, #399CED 53.83%, #268DEA 100%));
    border: unset;
    width: 100%;
  }
  #main-menu .sidebar-menu ._3huw._2lch ._9kzl ._0arr {
    margin-bottom: 3px;
  }
  #main-menu .sidebar-menu ._3huw._2lch ._9kzl ._0arr i {
    margin-right: 4px;
  }
  #main-menu .sidebar-menu ._3huw._2lch ._9kzl ._7lgz {
    font-size: 16px;
    font-weight: 800;
  }
  #main-menu .sidebar-menu .header-search-form {
    max-width: 610px;
    padding-top: 0;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper {
    border-radius: 1000px;
    background: rgba(5, 37, 95, 0.81);
    padding: 4px 4px 4px 16px;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._2hbb {
    width: 15px;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._2hbb i {
    color: #fff;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._8xvf {
    flex: 1;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._8xvf input {
    background: transparent;
    border: unset;
    color: #fff;
    box-shadow: unset;
    font-size: 14px;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._8xvf input::-moz-placeholder {
    opacity: 0.7;
    color: #fff;
    font-weight: 300;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._8xvf input::placeholder {
    opacity: 0.7;
    color: #fff;
    font-weight: 300;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._0von {
    width: 30px;
    margin-left: 0;
  }
  #main-menu .sidebar-menu .header-search-form .header-search-form-wrapper ._0von .ux-search-submit {
    border-radius: 1000px;
    background: var(--Color-2-gardient, linear-gradient(90deg, #F8DA6A 0%, #FFCB05 100%));
    width: 100%;
    color: #000;
    font-weight: 500;
  }
  #main-menu .navbar-header .nav-toggle {
    margin-left: 10px;
  }
  #main-menu .navbar-header .nav-toggle .mfp-close {
    position: static;
    transition: unset;
    font-size: 30px;
    mix-blend-mode: unset;
    color: var(--Mau_2);
    opacity: 1;
  }
  #main-menu .navbar-header .logo-menu-sidebar img {
    display: block;
    max-height: 30px;
  }
  .right-head-menu-sidebar {
    display: flex;
    align-items: center;
    margin-right: 15px;
  }
  .right-head-menu-sidebar .icon-phone-sidebar {
    margin-right: 15px;
  }
  .right-head-menu-sidebar .icon-phone-sidebar > a,
  .right-head-menu-sidebar .icon-cart > a {
    color: #333;
    font-size: 18px;
  }
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom,
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy > .item > a {
    padding: 0;
  }
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy > .item > a {
    padding-left: 20px;
  }
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy > .item {
    padding-left: 0;
    border-bottom: 1px solid #ececec;
  }
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy > .item span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: 400;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--Mau_1);
  }
  .mfp-content #main-menu .nav-sidebar .html_top_right_text.custom .list_policy > .item i {
    font-size: 18px;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item .toggle i.icon-angle-right {
    color: #000;
    font-size: 25px;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header {
    padding: 0;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header {
    padding-left: 20px;
    background: #f3f3f3;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    border-bottom: 1px solid var(--Mau_2);
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header > .toggle {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-weight: 700;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
    line-height: 34px;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--Mau_2);
    margin: 0 !important;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .nav-slide-header > .toggle > i.icon-angle-left {
    position: relative;
    top: -1px;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .menu-item {
    border-bottom: 1px solid #ececec;
    padding-left: 15px;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu > .menu-item > a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    font-weight: 500;
    min-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    font-size: 16px;
    text-transform: initial;
  }
  .mfp-content #main-menu .nav-sidebar > .menu-item > .sub-menu {
    padding-top: 0;
    padding-bottom: 0;
  }
  .logo-left .logo {
    margin-right: 0;
  }
  #masthead .header-inner {
    justify-content: space-around;
  }
  #masthead .mobile-nav .nav-icon .icon-menu {
    font-size: 30px;
    color: var(--Mau_1);
  }
  .button-mobile-right {
    order: 3;
  }
  .button-mobile-right > a.button {
    margin: 0;
    font-size: 10px;
    height: 35px;
    display: flex;
    align-items: center;
  }
  #top-bar {
    display: none;
  }
  .off-canvas-right .mfp-content.off-canvas-cart {
    width: 100%;
    bottom: 0;
    top: unset;
  }
  .mfp-content.off-canvas-cart {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .mfp-content #cart-popup {
    max-height: 80vh;
  }
  .mfp-content #cart-popup .cart-popup-inner {
    padding: 15px;
    position: relative;
    height: 100%;
    min-height: auto;
  }
  .mfp-content #cart-popup .cart-popup-inner .widget_shopping_cart_content {
    margin-bottom: 0;
    position: relative;
  }
  .mfp-content #cart-popup .cart-popup-inner .widget_shopping_cart_content .unman-cis {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .mfp-content #cart-popup .cart-popup-inner .widget_shopping_cart_content .unman-cis .product_list_widget {
    overflow-y: auto;
    min-height: 100px;
  }
  .mfp-content #cart-popup .cart-popup-inner .widget_shopping_cart_content .unman-cis .woocommerce-mini-cart__buttons {
    position: sticky;
    width: 100%;
    bottom: 20px;
    background: #fff;
  }
}
@media only screen and (max-width: 550px) {
  #main .HeroSection .VideoWebsite .banner-video .hero-text {
    padding: 0 15px;
  }
  #main .HeroSection .VideoWebsite .banner-video .hero-text .title-hero {
    font-size: 20px;
  }
  #main .HeroSection .VideoWebsite .banner-video .hero-text .headding-hero {
    font-size: 25px;
    line-height: 1.5em;
    margin-bottom: 30px;
  }
  #main .BannerWebsite .content-banner {
    padding: 0 15px;
  }
  #main .BannerWebsite .content-banner .text_banner_box h3 {
    font-size: 25px;
  }
  #main .BoxWebsite .text-box-website {
    position: static;
    width: 100%;
    padding: 20px 15px;
  }
  #main .BoxWebsite .text-box-website .icon-box {
    display: none;
  }
  #main .BoxWebsite .text-box-website .inner-box ._3jta ._1yba {
    font-size: 25px;
    line-height: 1.5em;
    margin-bottom: 20px;
  }
  #main .GioiThieu {
    padding-top: 0;
    padding-bottom: 0;
  }
  #main .text_headding_home h2 {
    font-size: 25px;
    text-align: center;
    padding: 0 15px;
  }
  #main .extra-title-home {
    padding: 0 15px;
  }
  #main .extra-title-home h2 {
    font-size: 40px;
    text-align: center;
  }
  #main .SanPham .s5_r2 {
    margin-bottom: 30px;
  }
  #main .SanPham .s5_r2 .s5_r2_c2 .col-inner {
    padding: 15px;
  }
  #main .SanPham .s5_r2 .s5_r2_c2 .col-inner .text_featured_product h2 {
    font-size: 25px;
  }
  #main .DichVu {
    padding-top: 30px;
  }
  #main .DichVu .text-right {
    text-align: center;
  }
  #main .DichVu .BoxWebsiteV2.s7_box .image-box-website {
    display: block;
  }
  #main .DichVu .BoxWebsiteV2.s7_box .image-box-website img {
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #main .DichVu .BoxWebsiteV2.s7_box .image-box-website .image-main .image-main-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    font-size: 20px;
    line-height: 1.5em;
  }
  #main .DichVu .BoxWebsiteV2.s7_box .text-box-website {
    padding: 15px;
    position: static;
    top: 0;
  }
  #main .DichVu .s7_r3 {
    margin-top: 0;
  }
  #main .CongNghe {
    padding-bottom: 30px;
  }
  #main .BannerWebsite .content-banner.align-under .content-inner .BreadcumbsYoatSeo .breadcrumbs {
    margin-bottom: 0;
  }
  #main .BannerWebsite .content-banner.align-under .content-inner .BreadcumbsYoatSeo .page-title {
    font-size: 34px;
  }
  #main .Denshi,
  #main .DetailsGT,
  #main .VanPhong {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #main .LichSu {
    padding: 30px 0;
    padding-top: 0;
  }
  #main .LichSu .title_left_heading h2 {
    font-size: 40px;
    text-align: center;
  }
  #main .LichSu .ls_r1_c1 {
    padding-bottom: 0;
  }
  #main .LichSu .item_ls {
    margin-top: 0;
    padding: 0 15px;
  }
  #main .BannerWebsite.short-height .banner-view ._6nfr img {
    height: 200px;
  }
  #main .KhachHang {
    padding-top: 30px;
  }
  #main .KhachHang .kh_r1_c2 .col-inner {
    padding: 15px;
    position: static;
    transform: unset;
  }
  #main .hidden_title .BannerWebsite .tite_sp h2 {
    font-size: 25px;
    line-height: 1.4em;
    margin-bottom: 0;
  }
  #main .ChungLoai {
    padding: 30px 0;
  }
  #main .ChungLoai .sp2_r2 {
    margin-top: 25px;
  }
  #main .ChungLoai .sp2_r2 .title_product h2 {
    font-size: 27px;
    line-height: 1.4em;
  }
  #main .ChungLoai .sp2_r2 .wapper-table .table-tssp thead th {
    font-size: 16px;
  }
  #main .ChungLoai .sp2_r2 .wapper-table .table-tssp tbody tr td {
    padding: 5px;
    font-size: 16px;
  }
  #main .tbdk,
  #main .CongNghe,
  #main .ThietKe {
    padding: 30px 0;
  }
  #main .ThietKe .BoxWebsite.box_ThietKe .text-box-website .inner-box ._3jta ._1yba {
    font-size: 40px;
    line-height: 1.4em;
  }
  #main .SanXuat,
  #main .CoilNhiet,
  #main .cn2,
  #main .cn3 {
    padding: 30px 0;
  }
  #main .title_hightlight {
    padding: 8px 15px;
    height: auto;
  }
  #main .title_hightlight h2 {
    font-size: 27px;
    line-height: 1.4;
  }
  #main .ThuVien {
    padding-top: 0;
  }
  #main .LichSuHinhThanh .inner_advantage .desc_advantage .inner_desc_advantage {
    padding: 20px 15px 15px 15px;
  }
  #main .cn4 {
    padding-bottom: 0;
  }
  #main .TinCongNghe {
    padding: 30px 0;
  }
  #main .NamPhu_BlogsList {
    padding: 0 15px;
  }
  #main .wrapper-single-post .header-single-page .title-single-page h1 {
    font-size: 36px;
  }
  .list-post-blog .main-list-post .box-post-item {
    width: calc(100% - 15px);
  }
  .first-box-post .image-post-item img {
    height: 220px;
  }
  .title-archive-blog {
    font-size: 40px;
    line-height: 1.4em;
  }
  .language-select {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}