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



* {
        text-rendering: geometricprecision;
        /*font-weight: bold;*/
        /* font-size:14px; */
}
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;
        
        vertical-align: top;
        width: 1320px;
}
.MainStructure .LeftBar {
        padding: 0 20px 0 0;
        text-align: justify;
        vertical-align: top;
}
.MainStructure .ContentBar {
        padding: 0px;
        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 only screen and (max-width: 768px){
        div.MainStructure .fixed{
                padding-top: 10px!important;
        }
}





.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;  chỉ 1 cột 
    }
}



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

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

a {
    color: #004370;
    /* font-family: Roboto, sans-serif; */
    font-size: 14px;
    text-decoration: none;
}


@media only screen and (max-width: 768px) {
        .table-3-col td {
                display: block;
                max-width: 100% !important;
                width: 100% !important;
        }
        
}


@media (max-width: 767px) {
    .congtinh_parent_4 {
        grid-template-columns: 1fr !important;
    }
        .congtinh_parent_4 {
			width: 100vw;
        }
        
    .congtinh_parent_3 { 
    width: 100vw;       
}

        .congtinh_parent_7525 {
            width: 100vw;       
        }
        .congtinh_parent_2 {
            width: 100vw;    
        }
        .congtinh_parent_4 {
			width: 100vw;
        }
}


.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;
}



/* iPad Pro 12.9" - Portrait */
@media only screen 
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
          .MainStructure .MainContent { width: 100vw;}
          .congtinh_parent_4 {
			width: 100vw;
        }
}

/* iPad Pro 12.9" - Landscape */
@media only screen 
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
              .MainStructure .MainContent { width: 100vw;}
          .congtinh_parent_4 {
			width: 100vw;
        }
}


@media only screen 
  and (min-width: 768px)
  and (max-width: 991px)
  and (orientation: portrait)
  and (hover: none)
  and (pointer: coarse) {
  
  .congtinh_parent_4 {
			width: 100vw;
        }
}
@media only screen and (max-width: 767px) {
    .congtinh_parent {
          width: 100vw;  
     }
}

@media only screen and (max-width: 1023px) {
    .AdvertisementBottomRight {
        padding: 0px !important;
        width: 100vw;
    }
}

@media only screen and (max-width: 768px) {
    .AdvertContent {
        padding: 0px !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;
            font-size: 12px;
    text-decoration: none;
}


@media only screen and (min-width: 1024px) {
    .MainContent {
		padding: 5px;
     }
        
    .MainStructure .ContentBar {
        padding: 5px;    
            
        }
}



/* ===== 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;
    }
}

/* ===== 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;
    }

    .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; }
}