.dropdown-content {
    margin-top: 0px !important;
  }
	.no-bg-menu{
		background-color: transparent;
		border-color: transparent;
		padding-top: 15px;
	}
  span .fa-danhmuc {color: #e95f06!important;font-size: 12px;}
  .fa-danhmuc {color: #e95f06!important;}
	.menu-category{background-color: #fff;}
	.no-bg-menu .navbar-toggle .icon-bar {
    background-color: #f07e1d;}
    .menu-category .collapse.navbar-collapse{padding: 15px;}
    .navbar-menuCategory .open .dropdown-menu li{
    	float: left;
    	text-align: left;
    	width: 100%;
    }
    .no-bg-menu .navbar-nav>li>a {
    color: #333;
    text-align: left;
    font-weight: bold;
	}
  .menunew{
    top: 12px;
    right: 20px;
    position: absolute;
  }
  .menunew span.fa{
    position: absolute;left: -15px;top: 0;
  }
    .navbar-menuCategory li{ text-align: left;}
    .navbar-menuCategory .open .dropdown-menu li a{text-align: left;}
    .navbar-menuCategory{width: 80%;}
    .web-hidden{display: none;}

    .no-bg-menu .navbar-nav>.open>a, .no-bg-menu .navbar-nav>.open>a:hover, .no-bg-menu .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #FF9800;
	}
.dropbtn{background-color: transparent;border: 0;}
.dropdown:hover .dropbtn{    background-color: transparent!important;}
.box-sub-menu li{
  border-right: unset;
  padding: 0;
}
#menu_category_news{
  display: flex;
  gap: 2.4rem;
  margin: 24px 0;
  padding: 0;
}
.dropdown_category_article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .4rem;
    align-items: center;
    padding: 0;
}
.box-sub-menu li a{
  text-transform: unset;
}
.dropdown_category_article_text{
  color: #000;
  text-align: center;

  /* text-sm/font-medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  margin-bottom: 0;
}
.dropdown-content-camnang{
  border-radius: .8rem;
  background: var(--white, #FFF);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
}
.dropdown-content.dropdown-content-camnang a{
  border-bottom: 1px solid var(--Color-Border, #E5E7EB);
  /* background: var(--white, #FFF); */
  font-family: Inter;
}
.dropdown-content.dropdown-content-camnang a:last-child {
  border-bottom: none;
}
.search-bar{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
}
.search-bar .container_input{
    float: left;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D1D5DB) !important;
    background: var(--gray-50, #F9FAFB) !important;
    height: auto;
    color: var(--gray-500, var(--gray-500, #6B7280));
    /* text-sm/font-normal */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: .8rem 1.6rem;
    gap: .5rem;
}
.search-bar .container_input #key_news{
float: left;
    padding: 0;
    height: auto;
    background-color: unset;
    background: var(--gray-50, #F9FAFB) !important;
    border: unset ! IMPORTANT;
    box-shadow: unset;
    color: var(--gray-500, var(--gray-500, #6B7280));

/* text-sm/font-normal */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}
.btn.btn-homesearch{
  display: flex;
  padding: var(--2, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--0, 0px);
  border-radius: 8px;
  border: 1px solid var(--Primary, #F07E1D);
  background: var(--Primary, #F07E1D) !important;
}
.sub-menu-article{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--Color-Border, #E5E7EB);
    background: #FFF;
    position: fixed;
    z-index: 11;
    width: 100%;
    border-top: 1px solid var(--Color-Border, #E5E7EB);
    margin-top:6.5rem;
}
.item_center{
  display: flex;
  align-items: center;
  padding: 0;
}
.content-article{
margin-top:13.6rem;
}
.breadcrumb_custom{
  padding-left: 0;
  padding-right: 0;
}
.path {
    font-size: 12px;
    padding: 1.5rem 0 1.5rem 0;
}
.dropdown_category_article p {
  color: #000;
  text-align: center;

  /* text-sm/font-medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  margin: 0;
}
.dropdown-content-camnang:hover{
  display: block !important;
}
@media (max-width: 1300px){
  .dropdown-content-camnang{
    max-height: 35rem;
    overflow-y: scroll;
  }

}
@media (max-width: 480px){
    	.web-hidden{
        display: block;
      }
    	.menu-category{
        background-color: transparent;    
        margin-bottom: 15px;
      }
    	.no-bg-menu{
        padding: 0;
      }
      .list-group-item ul .dropdown {
        border-bottom: none;
      }
      .list-group-item:first-child, .list-group-item:last-child {
        border: 1px solid #ddd;
      }
      .navbar-default .navbar-nav>li>a {
        color: #333;
      }
      .navbar-nav .open .dropdown-menu {
        background-color: white;
      }
      .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
        color: #333;
      }
      .navbar-inverse .navbar-nav>li>a {
        color: #333;
      }
      .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
      }
#menu_category_news{
    margin: 0;
    display: flex;
    white-space: nowrap;
    width: max-content;
    gap: 12px;
    overflow-y: visible;  /* Cho phép nội dung tràn dọc */
    max-width: 100%;
    position: fixed;
    top: 6.5rem;
    left: 0;
    width: 100%;
    z-index: 11;
    background: white;
    height: auto;  /* Quan trọng: không giới hạn chiều cao */
    display: flex;
    overflow-y: visible; /* Cho phép submenu tràn dọc */
    white-space: nowrap;
    position: fixed;
    top: 6.5rem;
    left: 0;
    width: 100%;
    background: white;
    z-index: 100;
    overflow: scroll;

  }
  /* Cho phép dropdown hiển thị */
#menu_category_news * {
  overflow: visible !important;
}
#menu_category_news{
  background: white;
  padding: 1.6rem 1rem !important;
  border-top: 1px solid var(--Color-Border, #E5E7EB);
  border-bottom: 1px solid var(--Color-Border, #E5E7EB);
}
.btn.btn-homesearch{
      padding
: var(--2, 8px);
}
.box-search{
    margin: 0;
    white-space: nowrap;
    width: max-content;
    gap: 12px;
    overflow-x: auto;
    overflow: scroll;
    max-width: 100%;
    width: max-content;
    position: fixed;
    top: 11.5rem;
    left: 0;
    width: 100%;
    z-index: 1;
    background: white;
    padding: 1.6rem 1rem;
    border-bottom: 1px solid var(--Color-Border, #E5E7EB);
    background: #FFF;
}
.box-sub-menu li{
  margin:0 !important;

}
#news-nav .search-bar button{
  padding: .8rem;
}
.dropdown-content-camnang{
  position: absolute;
  
}
.content-article{
  margin-top: 18.6rem;
}
.path{
  padding: 1.5rem 0 15px 0;
}
.no-bg-menu{
  padding
: 0 !important;
  margin: 0 !important;
  display: none !important;
}
.dropdown_category_article p{
  margin: 0;
}
  }