@import url('https://fonts.googleapis.com/css2?family=Imperial Script:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');


@font-face {font-family: "avo"; /* Tên bạn đặt để gọi lại */
  src: url("https://nuangam.dienbien.gov.vn/Cms_Data/Sites/PHUONGDIENBIENPHU/Files/UTM%20AvoBold.ttf") format("woff2")}

:root {

    --do1: #be2623;
  	--xanh1: #357982;
    --be1: #eae8dc;
    --trang1: #f4f2ec;
    --xam1: #b0aa9a;
    --do2: #ff7235;
    --xanh2: #6db5ca;
    --be2: #B8d8e0;
    --trang2: #fcf5ef;
      --xanhdam:#042004;
    }
    
 
    
.MN-main {
    max-width: 100%;
      width: 100%;
    margin: 0 auto;
    padding: 0 10px; /* tạo khoảng trống cho mobile */
      box-sizing: border-box;
}

.MN-top, .MN-bottom {
    width: 100%;
}

.MN-body {
    width: 100%;
    display: flex;
    flex-direction: column; /* mobile: xếp dọc */
    margin-top: 5px;
}

.MN-body-row {
    width: 100%;
    display: flex;
    flex-direction: column; /* mobile: mỗi block chiếm 100%   display: flex;
   																 flex-direction: row; /* đổi sang hàng ngang */
    width: 100%;
    padding-top: 20px; */
    gap: 10px;
    padding-top: 5px;
}

.MN-body-left,
.MN-body-right,
.MN-body-center {
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
  
}


    
    
    
    
    
    /* Cấu trúc 2 cột */
.Tin-Container {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: 100%;
  flex-wrap: wrap; /* Cho phép xuống dòng khi màn hình nhỏ */
}

.Tin-Left {
  width: 55%;
}

.Tin-Right {
  width: 37%;
}

.Tin-Right-Item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 10px;
}

.Tin-Right-Item img {
  width: 179px;
  height: 115px;
  border-radius: 8px;
  object-fit: cover;
}
    
/* Tablet (>=768px) */
@media (max-width: 768px) {
    
    
    .ThanhTra-Center-Left-View,  .ThanhTra-Center-Left-View1, .ThanhTra-Center-Right-View, .UBND {
    
      padding: 0px !important;
    }
    
    .ThanhTra-Footer-DonVi {
    width: 100%;
    }

   .Tin-Container{
    display: flex;
    flex-direction: column;
    width: 99%;
    margin: 0 auto;
  }

  .Tin-Left,
  .Tin-Right,
  .Tin-Right-Item,
  .ThanhTra-Center-View-Tin{
    width: 99% !important;
    max-width: 99% !important;
    margin: 0 auto;
  }

  .Tin-Right-Item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
  }

  .Tin-Left img,
  .Tin-Right img,
  .ThanhTra-Center-View-Tin img{
    width: 99% !important;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .ubnd-title,
  .ThanhTra-Center-View-Tin-MoDau,
  .ThanhTra-Center-View-Tin-ChiTiet{
    width: 99%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    word-wrap: break-word;
  }

  .ThanhTra-Center-View-Tin{
    padding: 0px !important;
    box-sizing: border-box;
  }

  .Tin-Right-Item p{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 99%;
  }

  .UBND::before,
  .UBND::after{
    width: 100vw;
  }
  /* Banner luôn ở lớp cao hơn menu */
  .Top-banner {
    position: relative;
    z-index: 2 !important; /* 👈 đảm bảo luôn hiển thị phía trên */
   width:100%;
      height:24vw;
}
  /* Bao toàn bộ phần top */
  .MN-top {
      
    position: relative;
    display: block;
    clear: both;
    z-index: 1;
  }

  /* Menu — nền riêng, nằm dưới banner */
  .menu-wrapper {
    position: relative;
      height: 84px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 5px 15px;
    margin-top: -5px;   /* 👈 đẩy menu xuống dưới banner */
    padding: 10px 0;
    						/* background: var(--xam1); */
     
    z-index: 1;         /* 👈 thấp hơn banner */
  }

  /* Xóa pseudo nền cũ */
  .menu-wrapper::before,
  .menu-wrapper::after {
    display: none !important;
  }

  /* Menu chính chia 2 dòng */
  .Ttr-top-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 5px 15px;
      background: var(--xam1);
     
  }

  .Ttr-top-menu > li {
   
    min-width: 80px;
      height:20px;
    text-align: center;
      
       
  }

  .Ttr-top-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 15px;
    color: var(--xanhdam);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: clamp(10px, 1vw, 15px);
  }

  /* Tin tức và các khối nội dung khác */
  .tin-tuc-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .MN-body-row {
    gap: 10px;
  }

  .MN-body-left { flex: 7; }
  .MN-body-right { flex: 3; }

  .ThanhTra-Center-Left-View,  .ThanhTra-Center-Left-View1
  .ThanhTra-Center-Right-View {
    width: 100% !important;
  }

  .ThanhTra-center-tin {
      width: 100%;
    height: 540px;
     
    display: flex;
    flex-direction: column !important;
    width: 100%;
  }

  .titles-column {
    width: 100%;
  }

  .TTCNTT-TinTuc-Anh {
    display: float;
    width: 96% !important;
    padding: 5px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    margin: 100px auto 20px;
  }

  .TTCNTT-TinTuc-Anh img {
    max-width: 100%;
    height: auto;
    border-radius: 1px;
    display: block;
    margin: 0 auto;
  }

  .TTCNTT-TinTuc-NoiDung img {
    display: block;
    margin: 20px auto;
    max-width: 80%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  }
    .TTCNTT-TinTuc-NoiDung,
.TTCNTT-TinTuc-NoiDung > li {
    /* Bỏ dấu chấm/dấu gạch đầu dòng */
  margin-left: 5px;
     
  margin-top: 2px;
}
    .MN-main {padding:0 !important;}
}


@media (max-width: 992px) {
        .ThanhTra-Center-Left-View,  .ThanhTra-Center-Left-View1, .ThanhTra-Center-Right-View{
  width: 100% !important;}
        
  .Tin-Container {
    flex-direction: column; /* đổi từ row sang column */
  }
  .Tin-Left, 
  .Tin-Right {
    width: 90%; /* mỗi khối full chiều ngang */
  }
  .Tin-Right-Item {
    flex-direction: column; /* ảnh và text xếp dọc khi nhỏ */
  }
  .Tin-Right-Item img {
    width: 60%; /* ảnh full chiều ngang */
    height: auto;
  }
 
  .menu-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;  /* hoặc center, tuỳ nhu cầu */
  justify-content: flex-start;
}
.TTCNTT-TinTuc-Anh {
    display:float;
    width: 65%;            /* Chiều rộng khung */
    padding: 5px;    
   
    background: #f5f5f5;     /* Màu nền nhạt */
    border: 1px solid #ddd;  /* Viền mảnh */
    border-radius: 2px;      /* Bo góc khung */
    text-align: center;      /* Căn giữa nội dung */
    margin: 100px auto 20px;       /* Căn giữa toàn khung */
}

.TTCNTT-TinTuc-Anh img {
    max-width: 100%;         /* Ảnh không vượt khung */
    height: auto;            /* Giữ nguyên tỉ lệ */
    border-radius: 1px;      /* Bo góc ảnh */
    display: block;          /* Loại bỏ khoảng trắng dưới ảnh */
    margin: 0 auto;          /* Căn giữa ảnh */
}
  .TTCNTT-TinTuc-NoiDung img {
    display: block;          /* biến ảnh thành khối */
    margin: 20px auto;       /* căn giữa ngang */
    max-width: 80%;         /* không tràn khung */
    height: auto;            /* giữ tỷ lệ */
     border-radius: 6px;         /* bo góc */
    border: 1px solid #ccc;     /* viền */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
  .Top-banner {
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        position: relative;
        height: 12vw;
      min-height:100px;
        z-index: -1;
        text-align: right;
        font-family: 'Poppins', sans-serif;
    }
        
}
   


@media (max-width: 1199px) {
  .Top-banner {
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        position: relative;
        height: 14vw;
      min-height:100px;
        z-index: -1;
        text-align: right;
        font-family: 'Poppins', sans-serif;
    }
        
        .ThanhTra-Center-Left-View, ThanhTra-Center-Left-View1 .ThanhTra-Center-Right-View{
  width: 100% !important;}
        
  .Tin-Container {
    flex-direction: column; /* đổi từ row sang column */
  }
  .Tin-Left, 
  .Tin-Right {
    width: 90%; /* mỗi khối full chiều ngang */
  }
  .Tin-Right-Item {
    flex-direction: column; /* ảnh và text xếp dọc khi nhỏ */
  }
  .Tin-Right-Item img {
    width: 60%; /* ảnh full chiều ngang */
    height: auto;
  }
 
  .menu-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;  /* hoặc center, tuỳ nhu cầu */
  justify-content: flex-start;
}
.TTCNTT-TinTuc-Anh {
    display:float;
    width: 65%;            /* Chiều rộng khung */
    padding: 5px;    
   
    background: #f5f5f5;     /* Màu nền nhạt */
    border: 1px solid #ddd;  /* Viền mảnh */
    border-radius: 2px;      /* Bo góc khung */
    text-align: center;      /* Căn giữa nội dung */
    margin: 100px auto 20px;       /* Căn giữa toàn khung */
}

.TTCNTT-TinTuc-Anh img {
    max-width: 100%;         /* Ảnh không vượt khung */
    height: auto;            /* Giữ nguyên tỉ lệ */
    border-radius: 1px;      /* Bo góc ảnh */
    display: block;          /* Loại bỏ khoảng trắng dưới ảnh */
    margin: 0 auto;          /* Căn giữa ảnh */
}
  .TTCNTT-TinTuc-NoiDung img {
    display: block;          /* biến ảnh thành khối */
    margin: 20px auto;       /* căn giữa ngang */
    max-width: 80%;         /* không tràn khung */
    height: auto;            /* giữ tỷ lệ */
     border-radius: 6px;         /* bo góc */
    border: 1px solid #ccc;     /* viền */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.menu-wrapper {
  position: relative;   /* để pseudo bám vào */
  height: 48px;         /* chiều cao menu */
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
        
}

/* Desktop (>=1200px) */
@media (min-width: 1200px) {
        .Top-banner {
        width: 100%;
        margin: 0 auto;
        padding-top: 0px;
        position: relative;
        height: 12vw;
      min-height:100px;
        z-index: -1;
        text-align: right;
        font-family: 'Poppins', sans-serif;
    }
.TTCNTT-TinTuc-Anh {
    display:float;
    width: 70%;            /* Chiều rộng khung */
    padding: 5px;    
   
    background: #f5f5f5;     /* Màu nền nhạt */
    border: 1px solid #ddd;  /* Viền mảnh */
    border-radius: 2px;      /* Bo góc khung */
    text-align: center;      /* Căn giữa nội dung */
    margin: 100px auto 20px;       /* Căn giữa toàn khung */
}

.TTCNTT-TinTuc-Anh img {
    max-width: 100%;         /* Ảnh không vượt khung */
    height: auto;            /* Giữ nguyên tỉ lệ */
    border-radius: 1px;      /* Bo góc ảnh */
    display: block;          /* Loại bỏ khoảng trắng dưới ảnh */
    margin: 0 auto;          /* Căn giữa ảnh */
}
  .TTCNTT-TinTuc-NoiDung img {
    display: block;          /* biến ảnh thành khối */
    margin: 20px auto;       /* căn giữa ngang */
    max-width: 80%;         /* không tràn khung */
    height: auto;            /* giữ tỷ lệ */
     border-radius: 6px;         /* bo góc */
    border: 1px solid #ccc;     /* viền */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
  .ThanhTra-center-tin {
    display: flex;
    flex-direction: row !important;
    gap: 20px;
   
  }
 .titles-column {
  	margin-top:30px;
    flex: 0 0 30%;
    max-width: 30%;
 
  }
 /* Cột bên phải - ảnh */
  .slides-wrapper {
    flex: 0 0 65%;
    max-width: 65%;
    position: relative;
    width: 100%;
  }
.ThanhTra-Center-Left-View,  .ThanhTra-Center-Left-View1, .ThanhTra-Center-Right-View{
  width: 50% !important;}
    .MN-body-row {
      display: flex;
    flex-direction: row; /* quan trọng nhất */
    gap: 15px;
        
    }

    .MN-body-left {
        flex: 7;
    }

    .MN-body-right {
        flex: 3;
    }

    .MN-body-center {
  		width:100%;
  		
        padding-top: 20px;
      
    }
.menu-wrapper {
  position: relative;   /* để pseudo bám vào */
  height: 48px;         /* chiều cao menu */
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
}
/* het 1200*/
    
  .MN-body-50 {
        flex: 5; /* khoảng 50% */
    }   
    
    

.ThanhTra-LeftCenter-TieuDe,.ThanhTra-LeftCenter-TieuDe1 {
    padding: 5px 0;
    color: var(--xanhdam);
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
  	margin-top: 10px;
  margin-bottom:20px;
    height: 38px;
    font-size: clamp(13px, 1.4vw, 18px);
    line-height: 30px;
  	font-family:Merriweather;
	
    
    
}
.ThanhTra-LeftCenter-TieuDe {
    padding: 5px 0;
    color: var(--xanhdam);
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
  	margin-top: 10px;
  margin-bottom:20px;
  	margin-left:10px;
    height: 38px;
    font-size: clamp(13px, 1.2vw, 15px);
    line-height: 30px;
  	font-family:Merriweather;
	
    
    
}
    
    .ThanhTra-LeftCenter-TieuDe::before,
.ThanhTra-LeftCenter-TieuDe::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 5px;
    background-color: var(--do1);
    vertical-align: middle;
}

.ThanhTra-LeftCenter-TieuDe::before {
    margin-right: 8px; /* khoảng cách giữa thanh và chữ */
}

.ThanhTra-LeftCenter-TieuDe::after {
    margin-left: 8px;
}
      
      
      
    
.ThanhTra-LeftCenter-TieuDe a
{
  
  color: var(--xanhdam);
  
}

.ThanhTra-topmeu-ngaygio
{
  border:0;
}
.ThanhTra-top-menu-ngay
{
  float:right;
}
.Top-banner
{  	
  width:100%;
}
.ThanhTra-top-menu {  
  height: 42px;
  width: 100%;margin-top:1px;margin-bottom:1px;    
  /*background: url("img/MenuNgang.png");/* #7f0119;
  background: -webkit-linear-gradient(#FFFFFF 20%, #ccc);*/    float: left;
}
.top-menu1 {  
  height: 44px;
  width: auto;
}
.ThanhTra-top-menu ul {  
  padding: 0;
  margin: 0;
  line-height: 1;text-align:left;
}
.ThanhTra-top-menu > ul {
  width: 100%;
  z-index: 500;height:42px;
}
.ThanhTra-top-menu > ul > li {
  border-right: 1px solid #e90000;
  margin-top: 5px;
  display: inline-block;
  position: relative;
  padding: 0;
  height:33px;
}
.ThanhTra-top-menu > ul > li:hover
{
  
}
.ThanhTra-top-menu ul li a {
  display: block;
  text-decoration: none;
}
.ThanhTra-top-menu ul li img {  
  margin-top: -4px;width:24px;
}  
.ThanhTra-top-menu > ul > li > a {
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  color: #e90000;
  text-transform: uppercase;
}
.ThanhTra-top-menu > ul > li.top-menu-thanhphan > a {
  padding-right: 32px;
}
.ThanhTra-top-menu > ul > li:hover > a {
  
}
.ThanhTra-top-menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;/*giữ ul con không bị mất khi đưa chuột đến*/
  z-index: 1000;
}
.ThanhTra-top-menu > ul > li:hover > ul {
  left: auto;
  top: 34.5px;
  opacity: 1;background:#fff;
}
.ThanhTra-top-menu ul ul li 
{
  display: inline-block;width:100%;
}
.ThanhTra-top-menu ul ul li a { 
  width:100%;
  border-bottom: 1px solid #eee;
  padding: 10px 10px;
  font-size: 13px;
  color: #fff;
  background: #0078b1;
  
}
.top-menu.align-right ul ul li a {
  text-align: right;
}

.ThanhTra-top-menu ul ul li:hover > a {
  color:#ff0;
}

.ThanhTra-Top-Banner
{
  width:100%;
  
}

.ThanhTra-left-menu li
{
  height:25px;
  line-height:25px;
  list-style:none;
  padding-left: 17px;
  border-top: solid 1px #fff;
}
.ThanhTra-left-menu-chinh{
  list-style-type: none;
  width:100%;
  height: 50px;
}
.ThanhTra-left-menu-chinh li img{
  
  width: 20px;
  padding: 8px 13px;
}
.ThanhTra-left-menu-con li img
{
width: 10px;
    height: 8px;
    padding: 15px 3px;
}
.ThanhTra-left-menu-chinh li {
  display: block;
  position: relative;
  background: #042004;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  padding: 5px 5px;
  height: 50px;
  line-height: 40px;
  
}
.ThanhTra-left-menu-chinh a, .ThanhTra-left-menu-con li a {
  display: block;color:#fff;
}
.ThanhTra-left-menu-con li a , .ThanhTra-left-menu-chinh li a
{
  text-decoration: none;
  font-size: 15px;
} .ThanhTra-left-menu-chinh li a:visited
{
  
}
.ThanhTra-left-menu-con li a:hover , .ThanhTra-left-menu-chinh li:hover, .ThanhTra-left-menu-con li a:visited
{
  /*background: #C3919B;*/
}
.ThanhTra-left-menu-con{
  display: none;
  position: absolute;
}
.ThanhTra-left-menu-chinh li:hover .ThanhTra-left-menu-con{
  display: block;
  z-index: 1;
  margin-left: 98.5%;
  border-right: 1px solid #fff;
  margin-top: -24px;
  border-left: 1px solid #fff;
  font-weight: bold;
  <!--position: relative;-->
}
.ThanhTra-left-menu-con li{
  display: block;
  width: 315px;
  margin: 0 !important;
  border-top: solid 1px #fff;
  background: #7f0119;
  color: #fff;
  /* padding: 0px 2px; */
  font-size: 12px;
  <!--background:url("@Url.FrontUrl().ThemeFileUrl("img/muiten.png")");-->
}

.ThanhTra-Left-AnhLienKet{
  width:100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  list-style:none;
}

.ThanhTra-Left-AnhLienKet li{
  border: 1px solid #d0def0;
  /* border-width: 0px 0px 3px 0px; */
  /* border-radius: 5px; */
  margin: 2px 0;  
  display: block;
}
.ThanhTra-Left-AnhLienKet li img{
  display: block;
  width:99%;
}

.ThanhTra-Video{
  margin-top: 2px;
  border-top: 1px solid #d0def0;
}
.ThanhTra-Video-TieuDe{
  font-weight:bold;padding-top: 10px;
}
.ThanhTra-Video-Video-List li{
  text-align: left;
  padding: 1px;
  
}
.ThanhTra-Video-Video-List li img{width:2px;padding:2px;
}
.ThanhTra-Video-Video{
  
}
.ThanhTra-Video-Video-ChiTiet{
  text-align: justify;
  padding: 5px;
  width: 100%;
}
.ThanhTra-Video-Chuyenmuc li{
  float: left;
  padding: 7px 0 0 5px;
  width: 100%;
  text-align: justify;
}
.ThanhTra-Video-Video-TieuDe{
  
}

.ThanhTra-Center-TinMoi {
  float: left;
  height: auto;
  width: 98%;
  height: 530px;
  border: 1px dotted #ccc;
}
.ThanhTra-center-tin {
  height: 540px;
  margin: 0 auto;
  float:right;
  /*border: 1px dotted #ccc;*/
  width:100%;
}
.ThanhTra-center-tin-anh{
  height: 500px;
  position: relative;
  width:100%;
}
.slide-image-tinmoi {
  left: 0;
  position: absolute;
  top: 0;
  opacity:0;
  display:none;width: 100%;
}

.slide-image-tinmoi a, 
.ThanhTra-center-tin-tin-tieude ul li a{
  text-decoration:none;
}
.slide-image-tinmoi img{
  z-index:-1;height:495px; width:100%;
}
.ThanhTra-center-tin-tieudeanh {
  background-color: #f5e9ebd9;
  margin-top: -50px;
  width: 100%;
  color: #000;
  position: absolute;
  padding: 5px 0;
  height: 40px;
}

.slide-image-tinmoi:first-child{
  opacity:1;
  display:block;
}
.slide-pager1 {
  height: 20px;width: 57%;
}
.slide-pager1 ul {
  float: right;
  margin: 13px 0 0;
  padding: 0;
  width: auto;
}
.slide-pager1-slot {
  background: none repeat scroll 0 0 #ff9900;
  display: block;
  float: left;
  height: 12px;
  list-style: none outside none;
  margin: 0 5px 0 0;
  width: 12px;
  cursor:pointer;
  border-radius: 50%;
}
.slide-pager1-slot:hover{
  background:red;
}
.slide-pager1 ul .focus{
  background:green;
}
.slide-control-prev1 {
  margin: 5px 40px 5px 5px;
  text-align: center;
  width: 15px;
  height: 15px;
  background: none repeat scroll 0% 0% #FFA500;
  line-height: 12px;
  color: #FFF;
  cursor: pointer;
  float: right;
}
.slide-control-next1{
  margin: 5px -50px 5px 5px;
  text-align: center;
  width: 15px;
  height: 15px;
  background: none repeat scroll 0% 0% #FFA500;
  line-height: 12px;
  color: #FFF;
  cursor: pointer;
  float: right;
}
.ThanhTra-center-tin-tin
{
  width: 34%;
  height: 500px;
  border: 1px dotted #FFFFFF;
  float: left;
}
.ThanhTra-center-tin-tin ul li img
{
  width:3px;
}

.ThanhTra-center-tin-tin ul li
{
  height: 30px;
  background-color: #FFF;
  color: #000;
  padding-left: 5px;
  text-align: left;
  text-transform: none;
  font-weight: bold;
  display: block;
  height:auto;
  border-bottom: 1px dotted #ccc;
  padding: 10px 5px 10px 5px;
  text-align:justify;
}
.ThanhTra-center-tin-tin-tieude ul
{
  height:295px;overflow:auto;border-bottom:1px dotted #999999;
}
.ThanhTra-center-tin-tin-noidung ul
{
  display:block;border-bottom:1px dotted #999999;
}
.ThanhTra-center-tin-tin-noidung ul li
{
  display:block;
}
.ThanhTra-center-tin-tin-tieude
{
     width: 100%;
    color: #042004;
    /* height: 27px; */
    /* border: 1px dotted #FFF; */
        
    LINE-HEIGHT: 35PX;
    /* font-size: 12px; */
    /* padding-left: 1px; */
    padding: 5px 0;
    /* text-align: center; */
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px 2px 0px 0px;
    height: 35px;
    font-size: 20px;
}
}

.ThanhTra-Center-Anh{
  float:left;margin: 3px;border:1px solid #ccc;
}
.ThanhTra-Center-Anh-Anh{
  float:left;
}
.ThanhTra-Center-Anh-Anh li{
  
}
.ThanhTra-Center-Anh-Anh img{
  width: 250px;
  padding: 5px;
  height: 150px;
}

.UBND{
  width: 100%;
  float: left;
  text-align: justify;
	padding:0px;	
  margin-top: 5px;
  min-height:374px;
  
  min-height:618px;
  background: var(--xanh1);
  box-shadow: 2px 3px 5px 4px #ccc;
 
}
.ubnd-title {
font-family:Merriweather;
  color: white;
  font-size: clamp(11px, 1.3vw, 24px);
  font-weight:bold;
}
.ThanhTra-Center-Left-View, .ThanhTra-Center-Left-View1{
  width: 50%;
  float: left;
  text-align: justify;
	padding:0px;	
  margin-top: 5px;
  min-height:374px;
  
  height:737px;
  background: var(--trang1);
  box-shadow: 2px 3px 5px 4px #ccc;
 
}
.ThanhTra-Center-Right-View{
  width: 49%;
  float: right;
  text-align: justify;
  border-left: 1px dotted #ffd700;   
  margin: 3px;min-height:364px;
  background: #ffffff;
}
.ThanhTra-Center-View-Tin{
  padding: 0px 17px;
  min-height: 170px;
  display:block;
}
.ThanhTra-Center-View-Tin-TieuDe{
   width: 100%;
  height: auto;
  padding: 3px 2px 14px 0px;
  font-weight: bold;
  min-height: 35px;
}
.ThanhTra-Center-View-Tin-TieuDe img {
  width: 70%;
  max-width:640px;
  max-height: auto;
  padding: 3px 2px 14px 0px;
  display:block;
  border-radius: 8px;
}
.ThanhTra-Center-View-Tin-TieuDe img {
  float: none !important;  /* hủy float */
  display: block;
  font-family: merriwether;
}
.ThanhTra-Center-View-Tin-MoDau{
  font-family:Lexend;
  font-size: clamp(11px, 1vw, 14px);
  padding: 3px 0;
  margin-right:50px;
}
.ThanhTra-Center-View-Tin-ChiTiet{
  text-align: right;
}
.ThanhTra-Center-View-List{
  min-height: 200px;
  width:100%;
  margin-left:20px;
}
.ThanhTra-Center-View-List li{
  padding: 3px;
  width:90%;
  float: left;
}
.ThanhTra-Center-View-List li img{
  width: 3px;    padding-right: 3px;
}
.ThanhTra-Footer-DonVi
{
  font-size:15px;
  
  margin-right:30px;
  font-weight: bold;
  
  padding: 17px;
  font-family:avo;
}
.ThanhTra-Footer-tt
{
 
  margin-right:-5px;
  font-size:12px;
  
  padding: 5px;
  font-family:Merriweather;
}
.ThanhTra-Footer-tt p {
  margin: 0 0 5px 0;
}
.ThanhTra-Footer
{
  width:100%;
  border:1px solid #ccc;    
  /*background: url("images/Foter.png ");*/
  padding-top:30px;
  color:var(--xanhdam);
  height:160px;
  background-color: var(--xam1);
  text-align: right;      /* căn phải toàn bộ */
  margin-right: 30px;
}
.ThanhTra-Footer li
{

}

.ThanhTra-TinTuc-ChuyenMuc{
  width: 100%;
}
.ThanhTra-TinTuc-ChuyenMuc-Title{
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  color: #676464;
  text-transform: uppercase;
  font-family:Merriweather;
}
.ThanhTra-TinTuc-ChuyenMuc-Title hr{
  width: 98%;
}
.ThanhTra-TinTuc-ChuyenMuc-List{
  text-align: justify;
  border-bottom: 1px dotted #ccc;
  padding: 5px;    min-height: 80px;
}
.ThanhTra-TinTuc-ChuyenMuc-List li img{
  width: 100px;
  padding: 5px;
  height: 60px;
}
.ThanhTra-TinTuc-ChuyenMuc-Chitiet{
  text-align: right;
}

.ThanhTra-TinTuc-View{
  text-align: justify;
  padding: 5px;
}
.ThanhTra-TinTuc-View-Tieude{
  font-weight: bold;
}
.ThanhTra-TinTuc-View-Thoigiandang{
  color: #999;
  font-size: 11px;
  padding-bottom: 5px;
}
.ThanhTra-TinTuc-View-Modau{
  font-weight: bold;
  font-style: italic;
  padding-bottom: 5px;
}
.ThanhTra-TinTuc-View-NoiDung{
  
}
.ThanhTra-TinTuc-View-tacgia{
  text-align: right;
  padding: 3px;
  font-weight: bold;
}
.ThanhTra-TinTuc-ListTin{
  width:100%;text-align: left;
}
.ThanhTra-TinTuc-ListTin-Tieude td{
  border:0;
  border-bottom:1px solid #ccc;
}
.ThanhTra-TinTuc-ListTin-Tieude td img{
  width: 3px;
  padding: 3px;
}

.ThanhTra-Center-VBBlog {
  text-align: center;
  font-family: Arial, sans-serif;
  font-weight: bold;
  width: 100%;
  padding: 13px;
  text-transform: uppercase;
  color: #7f0119;
  font-size: 18px;
}

.ThanhTra-Center-VBBlog-Tbl {
  width: 100%;
  border-collapse: collapse;  /* gộp border */
  font-family: Lexend, sans-serif;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
}

.ThanhTra-Center-VBBlog-Tbl th,
.ThanhTra-Center-VBBlog-Tbl td {
  border: 1px solid #ddd;  /* kẻ mờ */
  padding: 8px 10px;
  text-align: left;
}

.ThanhTra-Center-VBBlog-Tbl th {
  text-align: center;
  font-weight: bold;
  background: linear-gradient(#fff 20%, #ccc); /* nền nhẹ */
  color: #333;
}

.ThanhTra-Center-VBBlog-Tbl tr:nth-child(even) {
  background-color: #f9f9f9; /* so le */
}

.ThanhTra-Center-VBBlog-Tbl tr:hover {
  background-color: #f1f1f1; /* hover highlight */
}

.ThanhTra-Center-VBBlog-Tbl td a {
  color: #0056b3;
  text-decoration: none;
}

.ThanhTra-Center-VBBlog-Tbl td a:hover {
  text-decoration: underline;
}


.ThanhTra-Right-VB{
  width::100%;
  float:left;
  text-align: left;
}
.ThanhTra-Right-VB-TieuDe{
  
  height:28px;
  font-size:12px;
  padding-left: 5px;
  
  font-family:Arial, Helvetica, sans-serif;
  
  font-weight:bold;
  padding-top:5px;
  
}
.ThanhTra-Right-VB-TieuDeVB{
  
  font-weight: bold;
  text-align: left;
  padding: 8px 2px !important;
  
}
.ThanhTra-Right-VB-Khung{
  
  
}
.ThanhTra-Right-VB-List{
  height:50px;
  
}
.ThanhTra-Right-VB-List li{
  
  list-style:none;
}
.ThanhTra-Right-VB-List li img{
  height: 15px; padding-top: 9px;
}
.ThanhTra-Right-VB-Khung-TieuDe{
  width:200px;float: left;
  text-align: left;
  padding: 5px 10px;
  
}
.ThanhTra-Right-VB-Khung-Noidung{
  width:550px;float: left;
  text-align: left;
  padding-left: 5px;
}
.ThanhTra-Right-VB-Khung{
  width:100%;}
.ThanhTra-Right-VB-Khung li{
  list-style: none;
  border: 1px solid #ccc;
  padding: 5px 2px !important;min-height:24px;
}


}
.ThanhTra-Right-VB-Khung-TieuDeVB{
  
}
.ThanhTra-Center-TTHC{
  padding: 5px;text-align: justify;
}
.ThanhTra-Center-TTHC-View-Tieude
{
  font-weight: bold;background: #d5e1f2;
  padding: 10px;
}
.ThanhTra-Center-TTHC-View-NoiDung table, .ThanhTra-Center-TTHC-View-NoiDung tr, .ThanhTra-Center-TTHC-View-NoiDung tr td
{
  border: 1px solid #ccc;padding:3px;
}
.ThanhTra-Center-TTHC-DanhSach
{
  width:100%;
}
.ThanhTra-Center-TTHC-DanhSach li
{
  font-weight: bold;
  /* font-size: 12px; */
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0;
}
.ThanhTra-Center-TTHC-DanhSach-Khung
{
  width:100%;
}
.ThanhTra-Center-TTHC-DanhSach-Khung a
{
  text-decoration: none;
}
.ThanhTra-Center-TTHC-DanhSach-TieuDe
{
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;    background: #d5e1f2;
}
.ThanhTra-Center-TTHC-DanhSach-TieuDe1, .ThanhTra-Center-TTHC-DanhSach-TieuDe2, .ThanhTra-Center-TTHC-DanhSach-TieuDe3
{
  padding: 5px 0;font-size: 11px;border: 1px solid #ccc;
}
.ThanhTra-Center-TTHC-DanhSach-TieuDe4, .ThanhTra-Center-TTHC-DanhSach-TieuDe1
{
  text-align: center;width:20px;
}
.ThanhTra-Center-TTHC-DanhSach-TieuDe2
{
  
}

.ThanhTra-Center-TTHC-DanhSach-TieuDe4, .ThanhTra-Center-TTHC-DanhSach-TieuDe5
{
  padding: 5px;border: 1px solid #ccc;font-weight: bold;
  color: #0078B1;
}
.ThanhTra-Center-TTHC-DanhSach-List
{
  border: 1px solid #ccc;
}
.ThanhTra-Center-TTHC-DanhSach-List1, .ThanhTra-Center-TTHC-DanhSach-List2, .ThanhTra-Center-TTHC-DanhSach-List3
{
  border: 1px solid #ccc;padding: 5px;
}

.ThanhTra-Center-TTHC-DanhSach-List1
{
  text-align: right;
}
.ThanhTra-Center-TTHC-DanhSach-List2
{
  /*width:100px;*/
}
.ThanhTra-Center-TTHC-ChuyenMuc, .ThanhTra-Center-TTHC-ChuyenMuc-List{
  width:100%;    
  
}
.ThanhTra-Center-TTHC-ChuyenMuc-TieuDe{
  width: 100%;padding: 5px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.ThanhTra-Center-TTHC-DanhSach-TieuDe1, .ThanhTra-Center-TTHC-DanhSach-TieuDe2, .ThanhTra-Center-TTHC-DanhSach-TieuDe3
{
  padding: 5px 0;font-size: 11px;border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
}
.ThanhTra-Center-TTHC-ChuyenMuc-List1, .ThanhTra-Center-TTHC-ChuyenMuc-List2, .ThanhTra-Center-TTHC-ChuyenMuc-List3{
  border: 1px solid #ccc;padding: 5px;
}
.ThanhTra-Center-TTHC-ChuyenMuc-List1{
  text-align: center;
}
.ThanhTra-Center-TTHC-ChuyenMucKhac
{
  width: 100%;
  padding: 10px 0;
}
.ThanhTra-Center-TTHC-ChuyenMucKhac li a
{
  float: left;width: 49.5%;font-weight: normal; text-decoration: none;text-align: left;
}
.ThanhTra-Center-HoiDap-TieuDe
{
  background: #F7E6D3;
  border-radius: 5px 5px 0 0;
  color: #7f0119;
  font-weight: bold;
  text-align: center;
  font-size: 14px;width:98%;
  padding:5px;float:left;
  margin:5px;
}

.ThanhTra-Center-HoiDap-CauHoi, .ThanhTra-Center-HoiDap-CauHoi a, .ThanhTra-Center-HoiDap-TraLoi, .ThanhTra-Center-HoiDap-CauHoi a, .ThanhTra-Center-HoiDap-chuyemuc
{font-weight:bold;font-size:13px;text-decoration:none;text-align: justify;padding-right:5px;padding-top: 15px;
}
.ThanhTra-Center-HoiDap-CauHoi a img{
  width: 20px;
}
.ThanhTra-Center-HoiDap-TraLoi, .ThanhTra-Center-HoiDap-TraLoi ul
{padding-left:20px;  font-style: normal;font-weight:normal;
}
.ThanhTra-Center-HoiDap-CauHoi ul
{font-style:italic;font-weight:normal;}
.ThanhTra-Center-HoiDap-chuyemuc li, .ThanhTra-Center-HoiDap-chuyemuc li  a
{list-style: none;text-decoration:none;font-weight:normal;padding-left:8px;}
.ThanhTra-Center-HoiDap-DatCauHoi
{text-align: right;height: 30px;width: 100%;font-size:12px;font-weight:bold; padding-top: 10px;}
.ThanhTra-Center-HoiDap-CauHoi a
{text-decoration:none;}
.ThanhTra-Center-HoiDap
{width:100%;}
.ThanhTra-HoiDap-Hoi{
  width: 99%;
  margin: 0px auto;
}
.ThanhTra-HoiDap-Hoi td{
  height: 25px;padding:5px;
}
.ThanhTra-HoiDap-Hoi td button{
  width: 20%;
  float: right;
  font-weight: bold;
  margin-right: 20px;
}
.ThanhTra-HoiDap-Hoi-T{
  margin: 5px;
  background: #F7E6D3;
  border-radius: 5px 5px 0 0;
  color: #7f0119;
  vertical-align: top;
  padding: 5px ;
  text-align: right;
  font-size: 9px;
  font-family: arial;
}
.ThanhTra-HoiDap-Hoi-T a{
  font-size: 14px;
}
.ThanhTra-HoiDap-Hoi-T img{
  width: 15px;
  float: right;
  padding: 0px 5px;
}
.ThanhTra-HoiDap-Hoi td span{
  color: red;
  padding-left: 20px;
}
.ThanhTra-HoiDap-Hoi td input, td textarea{
  width: 99%;height:20px;
}
.ThanhTra-HoiDap-Hoi-L{
  width: 20%;
}
.ThanhTra-HoiDap-Hoi-Line img{
  width:100%;
  display: block;
  height: 70px;
  margin-top: -40px;
  z-index:-1;
}
.ThanhTra-TinChuyenMuc{
  text-align: justify;padding: 5px;
}
.ThanhTra-TinChuyenMuc1{
  border-bottom: 1px solid #ccc;
  padding: 3px;
}
  .TTCNTT-TinTuc-NoiDung
  {
text-align: justify;
    width: 98%;
    padding: 0 1%;
    float: left;
  }


  .TTCNTT-TinTuc-NoiDung img
  {

   max-width: 80%;
  height: auto;  
  display: block;
  padding: 5px ;
    
  }
  .TTCNTT-TinTuc{
width: 100%;
    float: left;
    background: #ffffffe6;
    box-shadow: 1px 2px 5px var(--xam1);
}
.TTCNTT-TinTuc-TD{
  font-family:Merriweather;
  padding: 30px 0 30px 0;
  /*padding: 8px;*/
}
.TTCNTT-TinTuc-TD > span{
  color: var(--xanh1);
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
	margin-left: 10px;
}
.TTCNTT-TinTuc-TD >img{
  width: 150px; height:100px;
  margin-right: 2%;
  margin-top: 2px;
}
.TTCNTT-TinTuc-Lst{
  padding: 10px 0;
}
.TTCNTT-TinTuc-Modau{
  text-align: justify;
  font-weight: bold;
  font-size:15px;
  width: 90%;
  padding: 0 1%;
  margin: 0 auto; 
}

.TTCNTT-TinTuc-ChiTiet{
  width: 100%;
  text-align: right;
  font-style: italic;
  border-bottom: 1px dotted #e2e2e3;
  padding: 10px 0;
}
.TTCNTT-TinTuc-TieuDe{
  font-family:Merriweather;
  padding: 20px;
  font-size: 20px;
  color: var(--xanh1);
  
    width: 80%;
    float: left;
}
  .TTCNTT-TinTuc-TieuDe li
  {
    
   float: left;  
  }
.TTCNTT-TinTuc-Time{
  color: #aaa;
  font-size: 12px;
  padding-bottom: 10px;
        float: left;
}
.TTCNTT-TinTuc-NoiDung,
.TTCNTT-TinTuc-NoiDung > li {
  text-align: justify;
  width: 90%;
  padding: 0 1%;
  margin: 5px auto;
  display: block;        /* Đảm bảo margin auto hoạt động */
  list-style: none;      /* Bỏ dấu chấm/dấu gạch đầu dòng */
  margin-left: 40px;
  margin-top: 5px;
}

.TTCNTT-TinTuc-TacGia{
  width: 100%;
    float: left;
    text-align: right;
    font-weight: bold;
  font-style: italic;
}
    .TTCNTT-TTHC-View-NoiDung table, .TTCNTT-TTHC-View-NoiDung tr, .TTCNTT-TTHC-View-NoiDung tr td
  {
    border: 1px solid #ccc;
  }
  .TTCNTT-ViTri{    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;}

.HMA-Center-BanerFullGiua > a > img, .HMA-Center-BanerFullGiua > a,
.HMA-Center-BanerFullDuoi > a > img, .HMA-Center-BanerFullDuoi > a{    width: 100%;
    float: left;
}
 .HMA-Center-BanerFullGiua 
  {float: left;
    display: inline-block;}

.HMA-CenterBannerFullGiua
   {float: left;
	margin-top:10px;
  	margin-bottom:10px;
    width: 100%;
   }
.HMA-Center-BanerFullGiua{width:100%; float:left;}


.HMA-Center-BanerFullGiua1 > a > img, .HMA-Center-BanerFullGiua1 > a,
.HMA-Center-BanerFullDuoi > a > img, .HMA-Center-BanerFullDuoi > a{    width: 100%;
    float: left;
}
 .HMA-Center-BanerFullGiua1 
	
  {float: left;
  padding-top:5px;
  padding-bottom:5px;
  width: 100%;
    display: inline-block;}

.HMA-CenterBannerFullGiua1
   {float: left;
    width: 100%;
   }


    .tin-tuc-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .tin-tuc-anh {
        width: 400px;
        height: 250px;
        margin-right: 2%;
    	margin-left: 2%;
        object-fit: cover;
    }
    .tin-tuc-noidung {
        flex: 1;
  		margin-right:30px;
    }
    .tin-tuc-modau {
        margin: 5px 0;
    }
    hr {
        border: none;
        border-top: 1px solid #ccc;
        margin: 10px 0;
    }
  .tin-tuc-chitiet {
    text-align:right;
  	margin-right: 30px;
  }

   .tablink {
    display: flex;
    flex-wrap: nowrap;   /* Không xuống hàng, nếu muốn tự động xuống thì dùng wrap */
    gap: 10px;           /* khoảng cách giữa các ảnh */
    width: 100%;
  	height: auto;
    list-style: none;    /* bỏ dấu chấm */
    padding: 0;
    margin: 0;
    box-shadow: 2px 3px 5px 4px #ccc;
}


/* Mỗi item li */
.tablink-item {
    flex: 1 1 0;
    display: flex;                 /* để căn giữa ảnh */
    justify-content: center;       /* canh giữa ngang */
    align-items: center;           /* canh giữa dọc */
    border-radius: 15px;
    overflow: hidden;
    margin-top:10px;
      margin-bottom:10px;
}

/* Link chiếm hết ô */
.tablink-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Ảnh */
.tablink-item img {
    width: 95%;
    height: 95%;
   
    display: block;
}

/* ==========================================
   TỐI ƯU HÓA RESPONSIVE CHO DI ĐỘNG & TABLET
   ========================================== */

/* 1. Reset và thuộc tính bổ sung cho tất cả màn hình */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
}

/* Đảm bảo hình ảnh trong bài viết không bị tràn */
.TTCNTT-TinTuc-NoiDung img,
.ThanhTra-Center-View-Tin-TieuDe img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 10px auto !important;
}

/* 2. Dành cho màn hình dưới 1200px */
@media (max-width: 1199px) {
    .ThanhTra-Center-Left-View,
    .ThanhTra-Center-Right-View {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        min-height: 0 !important;
    }
}

/* 3. Dành cho màn hình dưới 992px (Tablet và Mobile) */
@media (max-width: 992px) {
    /* Layout tổng thể xếp dọc */
    .MN-body-row {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .MN-body-left,
    .MN-body-right {
        width: 100% !important;
        flex: none !important;
    }

    /* Khắc phục lỗi chiều cao cố định */
    .ThanhTra-Center-Left-View,
    .ThanhTra-Center-Right-View,
    .UBND {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        float: none !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
        margin-bottom: 15px !important;
        padding: 0px !important;
    }

    /* Tối ưu khối slide và tin mới */
    .ThanhTra-center-tin {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .slides-wrapper {
        max-width: 100% !important;
        flex: none !important;
        width: 100% !important;
    }

    .ThanhTra-center-tin-anh {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16/9 !important;
    }

    .slide-image-tinmoi img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    .ThanhTra-center-tin-tin {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin-top: 15px !important;
        border: none !important;
    }

    .titles-column {
        max-width: 100% !important;
        flex: none !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    /* Tối ưu hóa bảng biểu quy phạm pháp luật */
    .ThanhTra-Center-VBBlog-Tbl {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Khối banner full giữa */
    .HMA-CenterBannerFullGiua,
    .HMA-CenterBannerFullGiua1 {
        margin: 10px 0 !important;
    }

    .HMA-CenterBannerFullGiua img,
    .HMA-CenterBannerFullGiua1 img {
        border-radius: 6px !important;
    }
}

/* 4. Dành cho màn hình dưới 768px (Mobile) */
@media (max-width: 768px) {
.titles-column { display: none !important;}
.HOTLINE, .ThanhTra-Footer-Cert, .ThanhTra-Footer::before,.ThanhTra-Footer::after  { display: none !important;}

.HMA-CenterBannerFullGiua1 {display: none !important;}
.TTCNTT-TinTuc-NoiDung,
.TTCNTT-TinTuc-NoiDung > li {
  text-align: justify;
  width: 96%;
  padding: 0 1%;
  margin: 5px auto;
  display: block;        /* Đảm bảo margin auto hoạt động */
  list-style: none;      /* Bỏ dấu chấm/dấu gạch đầu dòng */
  margin-left: 3px !important;
  margin-top: 5px;
}

.ThanhTra-Footer {padding:0px !important;}



    /* --- MENU CUỘN NGANG CAO CẤP GIỐNG BÁO LỚN --- */
    .menu-wrapper {
        height: auto !important;
        padding: 8px 0 !important;
      
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        white-space: nowrap !important;
        display: block !important;
       
    }

.ThanhTra-Center-Left-View1 { display: none !important;}
.ThanhTra-LeftCenter-TieuDe, .ThanhTra-LeftCenter-TieuDe1 { display: none;}
.slide-item img { height: auto !important;}

.MN-body-center {

	padding: 0px !important;
}
.HMA-CenterBannerFullGiua {
   display: none;
}

    /* Ẩn thanh cuộn xấu xí trên các trình duyệt nhưng vẫn cho phép cuộn */
    .menu-wrapper::-webkit-scrollbar {
        display: none !important;
    }
    .menu-wrapper {
        -ms-overflow-style: none !important;  /* IE and Edge */
        scrollbar-width: none !important;  /* Firefox */
    }

    .Ttr-top-menu {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        gap: 0 3px !important;
        padding: 2px 15px !important;
        width: auto !important;
        margin: 0 !important;
  		height: 45px !important;
    }
.Ttr-top-menu > li {
  position: relative;
  border-right: 1px solid var(--trang);
}


    .Ttr-top-menu > li {
        display: inline-block !important;
        min-width: auto !important;
        height: auto !important;
        float: none !important;
    }

    .Ttr-top-menu > li > a {
        color: var(--xanhdam);
        padding: 8px 16px !important;
        font-size: 12px !important;
        border-radius: 10px !important;
        /* background: rgba(255, 255, 255, 0.15) !important;*/
        transition: all 0.2s ease !important;
        height: auto !important;
        line-height: normal !important;
        font-family: "avo", sans-serif !important;
        text-transform: uppercase !important;
    }

    .Ttr-top-menu > li > a:hover,
    .Ttr-top-menu > li > a:focus {
        background: var(--xanh1) !important;
        color: #fff !important;
    }

    /* Tối ưu hóa Banner */
    .Top-banner {
        height: 28vw !important;
        min-height: 90px !important;
        z-index: 5 !important;
    }

    /* Tối ưu hóa các liên kết Banner ảnh nhỏ (.tablink) */
    .tablink {
        flex-wrap: wrap !important;
        gap: 10px !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .tablink-item {
        flex: 1 1 calc(50% - 5px) !important;
        margin: 5px 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        background: #fff !important;
        height: 80px !important;
    }

    .tablink-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 5px !important;
    }

    /* Tối ưu hóa Footer */
    .ThanhTra-Footer {
        height: auto !important;
        
        text-align: center !important;
        margin: 15px 0 0 0 !important;
        background-color: var(--xam1) !important;
        color: var(--xanhdam) !important;
        border-radius: 6px !important;
  	flex-direction: column;
    }

.MN-body-row {
width: 100%;}
.TTCNTT-TinTuc-NoiDung {
  margin-left: 10px !important;
  width: 97% !important;
}
.MN-container {
padding: 0px 0px !important;
}
    .ThanhTra-Footer-DonVi {
        font-size: 14px !important;
        margin: 20px 0 10px 0 !important;
        text-align: center !important;
        padding: 0 !important;
  		width: 100% !important;
    }

    .ThanhTra-Footer-tt {
        font-size: 12px !important;
        margin-left: 5px !important;
        padding: 0 !important;
        text-align: left !important;
    }

    /* Tối ưu tin tức */
    .tin-tuc-item {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .tin-tuc-anh {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/10 !important;
        margin: 0 0 10px 0 !important;
        border-radius: 6px !important;
    }

    .tin-tuc-noidung {
        margin: 0 !important;
    }

    .tin-tuc-chitiet {
        margin: 10px 0 0 0 !important;
        text-align: left !important;
    }

    /* Đảm bảo toàn bộ bảng dữ liệu không tràn khung trên mobile */
    table, 
    .ThanhTra-Center-VBBlog-Tbl, 
    .TTCNTT-TTHC-View-NoiDung table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}