.MainContent {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    padding-left: 5px;
    padding-right: 5px;
}


* {
        text-rendering: geometricprecision;
        /*font-weight: bold;*/
        /* font-size:14px; */
}
:root {
  --primary: #005aa0; /* global scope */
}
body {
        margin: 0 auto;
        padding: 0;
}

a {
        color: #004370;
        /* font-family: Roboto, sans-serif; */
        font-size:14px;
        text-decoration: none;
}
img {
        border: medium none;
}
.MainStructure {
        text-align: center;
        /* background: #d3dfed url("images/bbg.jpg") repeat-x scroll left top; */
        /*background: #fff;*/
}
.MainStructure .TopBanner {
        margin: 0 auto;
        /*background: url(Images/header.png) repeat-x center center;*/
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        min-height: 105px;
}
.MainStructure .TopBar {
        text-align: justify;
        position:relative;
        width: 100%;
        margin: 0 auto;
        background: #fff;
}
.MainStructure .ContentBanner {
        position: relative;
        width: 100%;
        z-index: 1;
}
.MainStructure .MainContent {
        background: #fff none repeat scroll 0 0;
        margin: 0 auto;
        padding: 0;
        vertical-align: top;
        width: 1320px;
}
.MainStructure .LeftBar {
        padding: 0 20px 0 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding: 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .FooterBanner {
        /*background: url(Images/footer.png) no-repeat center center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        
        
        margin: 0 auto;
        background: #f2f4f8;
        /*border-top: 8px solid #004370;*/
}
.MainStructure .FooterBar {
        text-align: justify;
        width: 100%;
        margin: 0 auto;
}
.MainStructure .MultiFunctionControl iframe .container{
        width: unset !important;
}

@media (max-width: 1024px) {
    .MainStructure .MainContent {
        width: 100% !important;
        max-width: 100%;
            /*
        padding-left: 10px;
        padding-right: 10px;
*/
        box-sizing: border-box;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .MainContent,
    .parent_2026,
    .congtinh_parent_2,
    .layout-1,
    .UIDanhSachVanBanMoi,
    .box-htdt{
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .parent_2026 {
        display: flex !important;
        flex-direction: column !important;
    }

    
    .parent_2026 .row_a {
        flex-wrap: wrap !important;
    }

    .parent_2026 .cell_1,
    .parent_2026 .cell_2 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .parent_2026 > .cell_7 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media only screen and (max-width: 768px){
        div.MainStructure .fixed{
		padding-top: 10px!important;
}
        
}
        
  .grid7525 {
    display:grid;
    width:100%;
	/*
          grid-template-columns: calc(37.5% - 10px/2)
                         calc(37.5% - 10px/2)
                         25%;
    */
	grid-template-columns: 3fr 3fr 2fr;
    grid-template-rows: auto auto auto; 
	row-gap: 10px; 
  	column-gap: 10px; 
  } 
  
  .grid7525 .top { 
    grid-column: 1 / span 2;
    grid-row: 1; 
  } 
  .grid7525 .mid1 { 
    grid-column: 1;
    grid-row: 2; 
  } 
  .grid7525 .mid2 { 
    grid-column: 2;
    grid-row: 2; 
  } 
  .grid7525 .bottom {
    grid-column: 1 / span 2;
    grid-row: 3; 
  } 
  .grid7525 .right { 
    grid-column: 3;
    grid-row: 1 / span 3; 
  } 


  .congtinh_parent_4060 {
    display: flex;
    width: 100%;
    }
    .congtinh_div1_4060 {
    width: 40%;
    box-sizing: border-box;
    }
    .congtinh_div2_4060 {
    width: 60%;
    box-sizing: border-box;
    }
    @media only screen and (max-width: 768px) {
    .congtinh_parent_4060 {
    flex-direction: column;
    }
    .congtinh_div1_4060,
    .congtinh_div2_4060 {
    width: 100%;
    }
    }

  
  @media (max-width: 768px){
    .grid7525 {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto auto auto;
    }
    .grid7525 .top    { grid-column: 1; grid-row: 1; }
    .grid7525 .mid1   { grid-column: 1; grid-row: 2; }
    .grid7525 .mid2   { grid-column: 1; grid-row: 3; }
    .grid7525 .bottom { grid-column: 1; grid-row: 4; }
    .grid7525 .right  { grid-column: 1; grid-row: 5; } 
  }



.congtinh_khoi_banner {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}


@media (max-width 768px) {
    .congtinh_khoi_banner {
        grid-template-columns: 1fr;
    }
}

.congtinh_khoi_banner_4_cot {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}


@media (max-width 768px) {
    .congtinh_khoi_banner_4_cot {
        grid-template-columns: 1fr;
    }
}

.HotnewsList .view-more::before {
  display: none !important;
  content: none !important;
}

.HotnewsList .view-more {
    text-align: right;
}

.HotnewsList .view-more a {
	color: #005ba0 !important;
}


.view-more::before {
  display: none !important;
  content: none !important;
}

.view-more {
    text-align: right !important;
}

.view-more a {
	color: #005ba0 !important;
    font-weight: bold;
}

a {
    color: #004370;
    /* font-family: Roboto, sans-serif; */
    font-size: 12px;
    text-decoration: none;
}
/* ===== GRID CHA ===== */
.congtinh_parent_2c1c1c {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

/* ===== DESKTOP: 50% | 25% | 25% ===== */
.congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
.congtinh_div2_2c1c1c { grid-area: 1 / 3 / 2 / 4; }
.congtinh_div3_2c1c1c { grid-area: 1 / 4 / 2 / 5; }

/* ===== TABLET (≤ 820px): 2 cột trên / 1 cột dưới ===== */
@media (max-width: 820px) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        width: 100%;
    }

    .congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
    .congtinh_div2_2c1c1c { grid-area: 2 / 1 / 3 / 2; }
    .congtinh_div3_2c1c1c { grid-area: 2 / 2 / 3 / 3; }
}

/* ===== MOBILE (≤ 768px): 1 cột, xếp dọc ===== */
@media (max-width: 768px) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        width: 100%;
    }

    .congtinh_div1_2c1c1c,
    .congtinh_div2_2c1c1c,
    .congtinh_div3_2c1c1c {
        grid-area: auto;
            max-width: 100vw;
    }
}

/* ===== iPad Portrait 768x1024 ===== */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
            max-width: 100vw;
    }

    .congtinh_div1_2c1c1c,
    .congtinh_div2_2c1c1c,
    .congtinh_div3_2c1c1c {
        grid-area: auto;
    }
}

/* ===== iPad Landscape 1024x768 ===== */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
    }

    .congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
    .congtinh_div2_2c1c1c { grid-area: 1 / 3 / 2 / 4; }
    .congtinh_div3_2c1c1c { grid-area: 1 / 4 / 2 / 5; }
}


.parent_2026 {
    display: flex;
    width: 100%;
    gap: 8px;
}
.col_a {
    display: flex;
    flex-direction: column;
    flex: 3;
    gap: 8px;
}
.row_a,
.row_b {
    display: flex;
    flex: 1;
    gap: 8px;
}
.cell_1,
.cell_2,
.cell_3,
.cell_4,
.cell_5,
.cell_6,
.cell_7 {
    flex: 1;
}

.cell_3 {

        flex: unset;

}

@media (max-width: 576px) {
    .parent_2026,
    .col_a,
    .row_a,
    .row_b {
        flex-direction: column;
        height: auto;
    }
    .cell_1,
    .cell_2,
    .cell_3,
    .cell_4,
    .cell_5,
    .cell_6,
    .cell_7 {
        flex: none;
        width: 100%;
    }
}

/* ===== GRID CHA ===== */
.congtinh_parent_2c1c1c {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

/* ===== DESKTOP: 50% | 25% | 25% ===== */
.congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
.congtinh_div2_2c1c1c { grid-area: 1 / 3 / 2 / 4; }
.congtinh_div3_2c1c1c { grid-area: 1 / 4 / 2 / 5; }

/* ===== TABLET (≤ 820px): 2 cột trên / 1 cột dưới ===== */
@media (max-width: 820px) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        width: 100%;
    }

    .congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
    .congtinh_div2_2c1c1c { grid-area: 2 / 1 / 3 / 2; }
    .congtinh_div3_2c1c1c { grid-area: 2 / 2 / 3 / 3; }
}

/* ===== MOBILE (≤ 768px): 1 cột, xếp dọc ===== */
@media (max-width: 768px) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        width: 100%;
    }

    .congtinh_div1_2c1c1c,
    .congtinh_div2_2c1c1c,
    .congtinh_div3_2c1c1c {
        grid-area: auto;
            max-width: 100vw;
    }
}

/* ===== iPad Portrait 768x1024 ===== */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
            max-width: 100vw;
    }

    .congtinh_div1_2c1c1c,
    .congtinh_div2_2c1c1c,
    .congtinh_div3_2c1c1c {
        grid-area: auto;
    }
}

/* ===== iPad Landscape 1024x768 ===== */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
    .congtinh_parent_2c1c1c {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
    }

    .congtinh_div1_2c1c1c { grid-area: 1 / 1 / 2 / 3; }
    .congtinh_div2_2c1c1c { grid-area: 1 / 3 / 2 / 4; }
    .congtinh_div3_2c1c1c { grid-area: 1 / 4 / 2 / 5; }
}


@media (max-width: 767px) {
    .congtinh_parent_3 {
        width: 100vw;
    }
}