﻿	.image_resized {
        width: 90% !important;
		object-fit: contain;
    }
@media (max-width:1200px) and (min-width:1000px) {
    div.main_menu .header-nav-main > .menu-item {
        padding: 7px 6px 7px 4px;
    }
    .vmenu {
        bottom: unset;
    }
    div.login-box ul {
        width: 224px;
    }

    div.bannerweb {
        height: 147px;
    }

    .main_menu {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .main_menu .header-nav-main {
            width: max-content;
        }

    div.main_menu > .header-nav-main > li.has-children {
        position: unset;
    }

    .vmenu .ng-scope {
        position: relative;
    }

    .main_menu > .header-nav-main > .has-children:hover ul.nav-dropdown {
        width: 100%;
    }

    .ListHotnew a p {
        font-size: 14px;
    }

    .Hotnew p.des {
        font-size: 14px;
    }

    div.Content-News-box p.des {
        font-size: 14px;
    }

    div.Content-News-box ul li a {
        font-size: 14px;
    }

    div.TitDM {
        height: fit-content;
        min-height: 50px;
    }

    img.logo-web {
        width: 755px;
    }

    div.time-box {
        width: 35%;
    }

    ul.tabnew-box a {
        font-size: 11.5px;
    }

    div.box-new-depen ul {
        height: 500px;
        overflow-y: auto;
    }

    div.hotnew-center-box img {
        height: 362px;
    }

    div.hotnew-center-box ul li a p.des {
        font-size: 15.4px;
    }

    div.box-News-first img {
        height: 139px;
    }

    div.box-News-first div p:first-child {
        font-size: 18px;
        text-align: justify;
    }

    div.box-News-first div p:last-child {
        font-size: 15px;
    }

    div.box-News-sec ul li a div p:first-child {
        font-size: 14px;
    }

    div.box-News-sec img {
        height: 70px;
    }

    div.TitleDM a {
        font-size: 22px;
    }

        div.TitleDM a img {
            width: 23px;
        }

    div.TitleDM3 a {
        font-size: 22px;
    }

    div.TitleDM3 {
        height: 44px;
    }

    div.vanban-box-list a {
        font-size: 16px;
    }

    div.contentfooter p {
        font-size: 14.5px;
    }

    div.contentfooter {
        padding: 13px 0px 27px 0px;
    }
    .vbanner {
        height: 200px;
    }
	.image_resized {
        width: 90% !important;
    }
}
@media (max-width: 480px) {
  .image_resized {
    width: 130px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
    .image_resized {
        width: 100% !important;
    }
}
@media (max-width:999px) and (min-width:700px) {
    .vbanner {
/*        background-size: cover;
*/    }
    .vmenu {
        bottom: unset;
    }
    div.login-box {
        display: none;
    }
	.image_resized {
        width: 90% !important;
    }
    p.accordion-tin {
        width: 65%;
    }

    div.right-bx {
        width: 30%;
    }

    div.left-bx {
        width: 70%;
    }

    .main_menu {
        overflow-x: auto;
        overflow-y: hidden;
		scrollbar-width: thin;
    }

        .main_menu .header-nav-main {
            width: max-content;
        }

    div.main_menu > .header-nav-main > li.has-children {
        position: unset;
    }

    .vmenu .ng-scope {
        position: relative;
    }

    .main_menu > .header-nav-main > .has-children:hover ul.nav-dropdown {
        width: 100%;
    }

    div.time-box {
        display: none !important;
    }

    div.hotnew-center-box img {
        height: 362px;
    }

    div.hotnew-center-box ul li a p.des {
        font-size: 15.4px;
    }

    div.box-News-first img {
        height: 139px;
    }

    .box-new-depenv2,
    .box-News-Content {
        padding-bottom: 35px;
    }

    a.seemore {
        bottom: -25px !important;
    }

    .col1 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .col2,
    .col3 {
        width: 50%;
    }

    .vanbancontent a.seemore {
        bottom: 10px !important;
    }

    div.box-News-first div p:first-child {
        font-size: 18px;
        text-align: justify;
    }

    div.box-News-first div p:last-child {
        font-size: 15px;
    }

    div.box-News-sec ul li a div p:first-child {
        font-size: 14px;
    }

    div.box-News-sec img {
        height: 135px;
    }

    div.TitleDM a {
        font-size: 22px;
    }

        div.TitleDM a img {
            width: 23px;
        }

    div.TitleDM3 a {
        font-size: 22px;
    }

    div.TitleDM3 {
        height: 44px;
    }

    div.vanban-box-list a {
        font-size: 16px;
    }

    div.contentfooter p {
        font-size: 14.5px;
    }

    div.contentfooter {
        padding: 13px 0px 27px 0px;
        flex-wrap: wrap;
    }

    div.vbanner {
        height: 155px;
    }

    div.bannerweb {
        height: 105px;
    }

    .main_menu > .header-nav-main > .menu-item {
        padding: 0px 5px;
    }

    div.search-share-box {
        width: 100%;
    }

    div.search-box {
        width: 47%;
    }

    div.nopaddingleft {
        padding-left: 11px !important;
    }

    .box-News-sec ul.ps-2 {
        padding-left: 0px !important;
    }

    .contentfooter img {
        width: 100% !important;
        margin-right: 75px;
    }

    div.searchbox {
        display: none !important;
    }

    .bannerweb img {
        object-fit: fill;
    }

    .content-left {
        display: none;
    }

    #DefaultDiv #VideoMedia1 div.plyr {
        height: auto;
    }

    #send-mail .modal-dialog {
        width: auto;
    }

    .timetxt {
        bottom: -15px !important;
    }

    .slick-content-mid {
        height: 355px;
    }

    .wrapper {
        padding: 0 20px;
    }

    .TitVB a {
        padding: 0 15px;
    }

    .Content-tintuc {
        width: 45%;
    }

    .Khoi-tin-top .Tit-box p {
        overflow-y: auto;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 145px;
        padding-right: 10px;
    }
}

@media (max-width:500px) and (min-width:300px) {
	   .df-video {
        display: flex;
        justify-content: center;
    }
    .wrapper {
        padding: 15px 20px;
    }
	.image_resized {
        width: 90% !important;
    }
    .slick-content-mid {
        height: 470px;
    }

    .HotNew-boxleft,
    .HotNew-boxright {
        width: 100%;
    }

    .main_menu {
        display: none;
    }

    div.vmenu {
        height: auto;
    }

    div.vbanner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .box-search {
        display: none;
    }

    .main_menu .header-nav-main {
        width: max-content;
    }

    div.main_menu > .header-nav-main > li.has-children {
        position: unset;
    }

    img.ps45 {
        padding-left: 0px;
    }

    .vmenu .ng-scope {
        position: relative;
    }

    div.vbanner {
/*        height: 78px;
*/        height: 59px;
    }

    .DayofW p {
        font-size: 15px;
    }

    .main_menu > .header-nav-main > .has-children:hover ul.nav-dropdown {
        width: 100%;
    }

    .ListHotnew a p {
        font-size: 15px;
    }

    .Hotnew p.des {
        font-size: 15px;
    }

    div.Content-News-box p.des {
        font-size: 15px;
    }

    div.Content-News-box ul li a {
        font-size: 15px;
    }

    div.TitDM {
        height: fit-content;
        min-height: 40px;
        margin-top: 10px;
        display: flex;
        align-items: center;
    }

    img.logo-web {
        width: 100%;
    }

    .content-left {
        margin-bottom: 10px;
    }

    div.Content-News-box p.tit {
        font-size: 17px;
        min-height: auto;
    }

    .Video-content {
        margin-bottom: 10px;
    }

    .Content-News-firstitem img {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .Content-News-firstitem .des {
        display: none;
    }

    div.TitDM a {
        font-size: 17px;
    }

    div.hot-view-box p {
        font-size: 13.5px;
    }

    div.Tit-weather {
        height: 65px;
        padding: 5px;
    }

        div.Tit-weather p {
            text-align: center;
        }

    .content-weather-box2 p {
        text-align: center;
    }

    div.videoright a {
        font-size: 14.5px;
    }

    div.videoleft p {
        font-size: 22px;
    }

    .contentfooter img {
        width: 40% !important;
        margin-bottom: 15px;
    }

    .logobox {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contentfooter p {
        /* text-align: center;*/
    }

    div.content-left-box {
        padding-right: 5px;
        padding-left: 5px;
    }

    div.time-box {
        display: none !important;
    }

    div.box-new-depen ul {
        overflow-y: auto;
    }

    div.hotnew-center-box img {
        height: 280px;
    }

    div.hotnew-center-box ul li a p.des {
        font-size: 15.4px;
    }

    div.box-News-first img {
        height: 139px;
    }

    div.box-News-first div p:first-child {
        font-size: 18px;
        text-align: justify;
    }

    div.box-News-first div p:last-child {
        font-size: 15px;
    }

    div.box-News-sec ul li a div p:first-child {
        font-size: 14px;
    }

    div.box-News-sec img {
        height: 135px;
    }

    div.TitleDM a {
        font-size: 22px;
    }

        div.TitleDM a img {
            width: 23px;
        }

    div.TitleDM3 a {
        font-size: 22px;
        text-align: center;
        padding: 5px 7px;
    }

    div.TitleDM3 {
        height: auto;
    }

    div.vanban-box-list a {
        font-size: 16px;
    }

    div.contentfooter p {
        font-size: 14.5px;
    }

    div.contentfooter {
        padding: 13px 0px 27px 0px;
        flex-wrap: wrap;
    }

    div.vbanner a {
        color: black;
        font-size: 10.5px;
    }

    div.vbanner {
        height: 81px;
    }
        div.vbanner img{
            height:81px;
        }
        div.menumobi {
            display: block;
            position: absolute;
            right: -13px;
            bottom: 3px;
        }

        div.menumobi img {
            width: 25px !important;
            height: 25px !important;
            padding: 3px;
            border: 1px solid #5895a1;
            background-color: white;
            border-radius: 3px;
        }

    div.box-langua {
/*        bottom: 19px;
*/        bottom: unset;
          top:-50px;
        right: 12px;
    }

        div.box-langua ul {
            margin-bottom: unset !important;
        }

    div.bannerweb {
        height: 100px;
    }

        div.bannerweb img {
            height: 70px;
            object-fit: fill;
        }

    .main_menu > .header-nav-main > .menu-item {
        padding: 0px 5px;
    }

    div.Khoi-tin-top .Tit-box a {
        font-size: 15px;
        padding-top: 15px;
    }

    .Khoi-tin-top .Tit-box p {
        font-size: 13px;
    }

    div.khoi-bay {
        display: none;
    }

    div.Khoicodinh-box {
        height: 300px;
    }

    div.search-share-box {
        width: 100%;
    }

    div.Khoi-tin-top .Tit-box {
        height: 100%;
        width: 100%;
        padding: 0px 0px 10px 20px;
        color: white;
        background: #00000073;
        height: auto;
        bottom: 0;
    }

    div.search-box {
        display: none !important;
    }

    .login-box {
        display: none;
    }

    div.nopaddingleft {
        padding-left: 11px !important;
    }

    .box-News-sec ul.ps-2 {
        padding-left: 0px !important;
        margin-top: 10px;
    }

    .contentfooter img {
        width: 30%;
    }

    .thongbao-box {
        display: none !important;
    }

    div.box-News-sec img {
        width: 38.5%;
    }

    div.pe5 {
        padding-right: 15px !important;
    }

    div.searchbox {
        display: none !important;
    }

    .content-left {
        display: none;
    }

    div.footercontent .col-image {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    div.footercontent .col-6m {
        width: 100%;
    }

    div.footercontent .col-5m {
        width: 100%;
    }

    div.hotnew img {
        height: 305px;
    }

    div.footercontent {
        width: 100%;
    }

    .right-bx {
        display: none;
    }

    div.left-bx {
        width: 100%;
    }

    p.accordion-tin {
        font-size: 13px;
        width: 65%;
    }

    div.HotNew-Slick img {
        height: 325px;
    }

    div.HotNew-Slick a p {
        padding: 19px 15px 10px 15px;
        font-size: 20px;
    }

    .box-new-depenv2,
    .box-News-Content {
        padding-bottom: 10px;
    }

    a.seemore {
        bottom: -25px !important;
    }

    .col1 {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .col2,
    .col3 {
        width: 100%;
    }

    .vanbancontent a.seemore {
        bottom: 10px !important;
    }

    div.divmobi {
        width: 100%;
        overflow: auto;
    }

    .center-slider .slick-slide {
        margin: 0 auto;
    }

    div.tinlickss ul {
        width: max-content !important;
    }

        div.tinlickss ul li {
            height: 50px;
        }

    div.divmobi ul {
        flex-direction: column;
    }

        div.divmobi ul li {
            width: auto;
            padding: 0px 5px;
        }

    .New-box4 .list-tab-slnews li {
        padding: 0px 10px 0px 10px;
        background-color: #dcdcdc;
    }

    .list-tab-slnews2 a {
        font-size: 15px;
    }

    .Thoitiet-box {
        margin-bottom: 20px;
    }

    div.bannerweb img {
        width: 100%;
    }

    .navbar-collapse.show {
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
        min-width: 280px;
        padding: 0 !important;
    }

    .navbar-collapse.show {
        height: 100%;
        left: 0;
        transition: left 400ms ease-in-out;
        min-width: 280px;
        padding: 0 !important;
        z-index: 1000;
    }

    .overlay_menu.active {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #000000a6;
        z-index: 99;
    }

    .navbar-collapse {
        position: fixed;
        top: 0px;
        left: -500px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        height: 100%;
        transition: left 500ms ease-in-out;
    }

    .mobile_menu .navbar-toggler {
        border: unset;
        color: #fff;
        opacity: 1;
        top: 0;
        position: absolute;
        right: 0;
        display: flex;
        justify-content: end;
        background-color: #3777BC;
    }

    .html_nav_position_text {
        background: #3777BC;
        min-height: 40px;
        padding-left: 13px;
    }

    .mobile_menu .navbar-nav .nav-item {
        border-top: 1px solid #c5c5c5;
        position: relative;
        padding-left: 10px;
    }

        .mobile_menu .navbar-nav .nav-item .nav-link {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 15px;
            font-weight: 500;
            color: #333;
            position: relative;
            top: 2px;
        }

    .nav-mobile-sub {
        padding: 10px 0;
        background: #e6e6e6;
        display: none;
    }

    .mobile_menu .has-child .fa-caret-down {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        top: 6px;
        font-size: 18px;
        cursor: pointer;
        color: #949494;
    }

    #DefaultDiv #VideoMedia1 div.plyr {
        height: auto;
    }

    #send-mail .modal-dialog {
        width: auto;
    }

    .box-tinnoibat {
        display: block;
    }

    .HotNew-boxright {
        padding: 0px 0px 0px 0px;
    }

    .tinanhvid-box {
        display: flex;
        flex-direction: column;
    }

        .imganhvideo, .tinanhvid-box img {
            height: 200px !important;
        }

   /* .Content-tintuc {
        width: 60%;
    }
*/
    .tinichimg {
        height: auto !important;
    }

        .tinichimg img {
            height: auto !important;
        }

    .nav-mobile-sub .menu-item {
        padding-left: 5px;
    }

    .khoislick {
        justify-content: center;
    }

    .Khoi-tin-top img {
        width: 100%;
    }

    .Khoi-tin-top .Tit-box a {
        border-bottom: unset;
    }

    .Khoi-tin-top {
        height: 300px;
    }

    .tintucphus {
        display: none;
    }

    .tinlickss ul {
        flex-direction: unset !important;
    }

    .col3 {
        padding-left: 15px;
    }

    .tieu-de-tin-tuc {
        font-size: 24px;
        font-weight: bold;
    }

    .Content-tintuc p {
        text-align: unset;
    }

    div#s4-bodyContainer {
        overflow-x: hidden;
    }

    div.ms-webpart-zone, div.ms-webpart-chrome-vertical, div.ms-webpart-cell-vertical-inline-table {
        display: block !important;
    }

    div.tinlickss {
        display: block !important;
    }

    div.Contentmid-box {
        margin-top: 0px !important;
    }

    .slick-hotnew a p {
        padding: 22px 10px !important;
    }

    ul.lstLK, div.Vanban-box {
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .mobile_menu a {
        color: #2d6cbf !important;
    }

    .formobides {
        display: block;
    }

    .searchmobi {
        display: none;
        position: absolute;
        left: 2%;
        z-index: 100;
        width: 100%;
    }

    .searchbox-div input {
        height: 47px;
        width: 96%;
        border-radius: 6px;
        border: 1px solid lightgray;
        padding: 0px 40px 0px 10px;
    }

    .searchbox-div img.iconwebs {
        background-image: unset !important;
        width: 30px !important;
        height: 30px !important;
        bottom: 8px !important;
        right: 25px;
    }

    .lsttitles {
        position: relative;
        width: 100%;
        margin-bottom: 1rem;
    }
    .tintta {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    .anhtuyentruyen {
        width: 100% !important;
    }
        .anhtuyentruyen img {
            width: 100%;
            display: block;
            transition:unset !important;
            object-fit:unset !important;
        }
        .anhtuyentruyen:hover img {
            transform: unset !important;
        }
    .Content-tintuc {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem;
        background: rgba(0, 0, 0, 0.5); /* Nền đen với độ trong suốt */
        color: white; /* Màu chữ trắng */
        box-sizing: border-box;
    }
        .Content-tintuc p {
            color:white;
            text-align:justify
        }
    .Content-tintuc .des{
        display:none;
    }
    .align-items-center{
        position:relative;
    }
    .Content-tintuc p.tit{
       padding-bottom:5px !important;
    }
        .Content-tintuc p.tit:hover {
            color: #22aced !important;
        }

    .vmenu{
        bottom:unset;
    }
}
@media (max-width: 400px) and (min-width: 333px) {
    .image_resized {
		margin-right: 10px;
	}
}
