@media screen and (min-width:1024px) {
    header.nonefixed { position: initial }
        header.nonefixed .hb-bottom { position: fixed; top: 0; left: 0; right: 0; background-color: #fff }
    .table-dt tr th:nth-of-type(1) { width: 55px }
    .table-dt tr th:nth-of-type(2) { width: 250px }
    .table-dt tr th:nth-of-type(4) { width: 70px }
    .table-dt tr th:nth-of-type(7) { width: 80px }
    .table-dt.tntt1 tr th:nth-of-type(1) { width: initial }
    .table-dt.tntt1 tr th:nth-of-type(2) { width: initial }
    .table-dt.tntt1 tr th:nth-of-type(4) { width: initial }
    .table-dt.tntt1 tr th:nth-of-type(7) { width: initial }
}

@media screen and (min-width:992px) {
    .show-fixed .hb-bottom { animation-name: fadeInDownMenu; animation-duration: .5s; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff }
}

@media screen and (max-width:1024px) {
    .slide-news-tn .img { height: 173px }
    .ft-ct .item iframe { width: 100% }
    .logo { width: 400px }
    .hb-top-ct { position: relative }
    .touch-menu { position: absolute; width: 36px; height: 34px; background-color: #035192; right: 0; top: 14px; border-radius: 4px; z-index: 1001; display: block }
    .bg-black { position: fixed; opacity: 0; visibility: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; transition: .2s linear; background-color: #000000a6; display: block }
        .bg-black.active { opacity: 1; visibility: visible }
    .f-right { padding-right: 50px }
    .touch-menu span { display: block; width: 26px; position: absolute; height: 2px; background-color: #fff; left: 4px; top: 50%; transform: translateY(-50%); transition: .3s linear }
        .touch-menu span:after, .touch-menu span:before { content: ''; width: 26px; position: absolute; height: 2px; background-color: #fff; left: 0; top: -7px; transition: .3s linear }
        .touch-menu span:after { top: initial; bottom: -7px }
    .touch-menu.active span { transform: rotate(45deg) }
        .touch-menu.active span:after, .touch-menu.active span:before { transform: rotate(-90deg); top: 0 }
    ul.menu-top > li:before { display: none }
    ul.menu-top { display: block; padding-left: 0; max-height: 100vh }
    header .hb-bottom { position: fixed; box-shadow: initial; top: 0; left: 0; bottom: 0; min-width: 320px; z-index: 1000; background-color: #fff; transform: translateX(-100%); transition: .5s linear; opacity: 0; visibility: hidden }
        header .hb-bottom.active { transform: translateX(0); opacity: 1; visibility: visible }
    .menu-footer { display: none }
    .lhqc p a { font-size: 22px }
    .knph p a { font-size: 16px }
    .video-r .img { height: 146px }
    .list-tlsk .item .img { height: 149px }
    .list-tva .item .img { height: 166px }
    .list-news-ot .img { height: 184px }
    .list-news-ot { grid-template-columns: repeat(2,1fr) }
    .text-right .slide-images .img { height: 149px }
    .list-kthi-mn .item:first-child .img { height: 184px }
    ul.menu-top > li > a { display: inline-block; position: initial !important; font-weight: 700 }
    ul.menu-top > li { display: block; text-align: center; width: 100% !important; height: auto !important }
    .tog-show-sub { position: absolute; top: 10px; right: 0; display: block }
    .sub-menu { position: initial; opacity: 1; width: 100%; transform: translate(0); visibility: visible; box-shadow: initial; text-align: center; background: #fff; display: none; transition: initial }
    .tog-show-sub.active { transform: rotate(180deg); transition: 0.3s linear }
    .tog-show-sub { transform: rotate(0deg); transition: 0.3s linear }
    .sub-menu li a:last-of-type { padding: 5px 15px 0px 15px }
}

@media screen and (max-width:991px) {
    .educate-ct .list-news .item { display: flex; flex-direction: column }
    .table-dt { overflow-x: auto; position: relative; }
    .text-left { overflow: hidden }
    ul.menu-top { overflow-y: auto; padding: 0px 15px }
    .slide-news-tn .img { height: 129px }
    .head-top .right .login > div i { display: block }
    #aniimated-thumbnials { grid-template-columns: repeat(2,1fr); gap: 10px }
    .menu-link-ct { display: block }
        .menu-link-ct li { display: inline-block }
    .news-id { gap: 15px }
    .tchd-ct { display: block; margin: 0 }
    .tchd, .tdkn { margin: 0 }
    .tdkn { margin-bottom: 20px }
    .exhibiton-ct .list-news { display: block }
    .exhibiton-ct .img { height: 129px }
    .slide-images .img { height: 132px }
    .knph { padding: 10px }
        .knph p { background-position-y: center }
    .text-right { width: 250px; margin-left: 20px }
    .text-left { width: calc(100% - 270px); padding-right: 10px }
    .form-regis-sh .form-group.w-50 { width: 100% }
    .form-regis-sh .form-group.mg-l label { width: 150px }
    .form-regis-sh .form-group.mg-l input { width: calc(100% - 150px) }
    .form-regis-sh .form-group.mg-l { margin-left: 0 }
        .form-regis-sh .form-group.mg-l.lmgb input { width: calc(100% - 150px - 90px) }
    .hbt-dowload { display: none }
    .logo { width: 350px }
    .touch-menu { top: 10px }
    .form-search-dt select { width: 100%; margin-bottom: 10px; margin-left: 0 }
    .form-search-dt button { width: 90px; font-size: 13px }
    .form-search-dt input { width: 100%; margin-bottom: 10px }
    .list-tlsk { grid-template-columns: repeat(2,1fr) }
        .list-tlsk p.name { font-size: 16px }
    .list-dvtg { grid-template-columns: repeat(4,1fr) }
    .list-dsbch .item .img { width: 80px }
    .list-dsbch .item .text { width: calc(100% - 80px) }
    .list-hv { display: block }
        .list-hv .item { margin-bottom: 20px }
            .list-hv .item:last-child { margin-bottom: 0 }
    .list-kthi-mn .text p.note { max-height: 42px; overflow: hidden }
    .list-kthi-mn .item .img { width: 180px; margin-bottom: 12px }
    .list-kthi-mn .item .text { width: calc(100% - 180px) }
    .list-kthi-mn .item:first-child .img { height: initial }
    .list-tva { grid-template-columns: repeat(2,1fr) }
        .list-tva .item .img { height: 188px }
    .list-news-ot { display: block }
        .list-news-ot .img { height: initial }
    .list-div-news .item:first-child .img { width: 250px }
    .list-div-news .item:first-child .text { width: calc(100% - 250px) }
    .list-div-news .item:first-child .note { max-height: 42px; overflow: hidden }
    .banner.mg-bot { margin-top: 0 }
    .form-search-dt form { display: block }
    .table-dt table { margin: 0 auto; border-spacing: 0; width: 800px; }
    .head-top .left .call span { display: none }
    .head-top .right .login > div span { display: none }
    .head-top .left { align-items: center; justify-content: center }
    .show-fixed .hb-top { animation-name: fadeInDownMenu; animation-duration: .5s; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff }
    .banner .slider .text { position: initial }
    .slide-images .cl-action { top: -25px }
    header .hb-bottom.active .container { padding-left: 0px; padding-right: 0px }
}

@media screen and (max-width:767px) {

    .head-top .left { justify-content: start; display: block }
    .list-div-news .item .img { height: initial }
    .slide-news-tn .img { height: 194px; }
    .list-div-news .item:first-child { display: block }
        .list-div-news .item:first-child .img { width: 100%; margin-bottom: 15px }
        .list-div-news .item:first-child .text { width: 100% }
    .next-mem, .prev-mem { left: -10px }
    .next-mem { right: -10px; left: initial }
    .news-id { display: block }
    .top-news { margin-bottom: 15px; }
    .news-member { margin-bottom: 15px; }
    .banner.mg-bot { margin-bottom: 15px; }
    .head-top .htop-ct { display: flex; justify-content: space-between }
    .head-top .right { justify-content: flex-end; display: block }
    .head-top .left .mail { margin-left: 0px; padding: 5px 0px 0px 25px }
    .hbt-dowload { display: none }
    .logo { width: 70% }
    .f-right form { opacity: 0; visibility: hidden; position: absolute; top: calc(100% + 6px); left: 0; right: 0; transition: .2s linear }
        .f-right form.active { opacity: 1; visibility: visible }
    .list-qc { display: block }
        .list-qc a { margin-bottom: 10px }
    .tdkn .list-news { display: block }
        .tdkn .list-news .note { display: none }
        .tdkn .list-news .item:first-child .img { height: auto }
        .tdkn .list-news .item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0; grid-template-columns: 150px calc(100% - 150px); gap: 0; }
            .tdkn .list-news .item .text { padding-left: 10px; }
                .tdkn .list-news .item:first-child .text h3,
                .tdkn .list-news .item .text h3 { font-size: 14px; font-weight: 400; }
                .tdkn .list-news .item .text .time { margin-bottom: 0; }
            .tdkn .list-news .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .f-right form input { width: 100%; border-radius: 4px }
    .touch-menu { top: 2px }
    .banner .slider .text { color: #fff; margin-bottom: 0; padding: 0 15px; max-height: 40px; overflow: hidden; line-height: 20px; font-size: 13px }
    .document, .lib-img, .video-clip { width: initial; float: initial; margin: 0 }
    .ic-search-mobile { display: block; position: absolute; right: 50px; font-size: 18px; top: 8px; color: #035192 }
    .video-clip { margin-bottom: 20px }
    .document { margin-bottom: 20px }
    .slide-images .img { height: 185px; }
    .educate-ct .list-news { display: block }
        .educate-ct .list-news .item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e0e0e0 }
            .educate-ct .list-news .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
    .exhibiton-ct .img { height: 109px }
    .ft-ct .item:first-child, .ft-ct .item:nth-of-type(2) { padding-right: 0; margin-bottom: 20px }
    .ft-ct { display: block }
    .next-kthi { right: -10px }
    .prev-kthi { left: -10px }
    .list-kthi .item .img { height: 185px; }
    .text-mid-ct { display: block }
    .text-left { width: 100%; margin-bottom: 20px; padding: 0 }
    .text-right { width: 100%; margin-left: 0 }
    .form-regis-sh form { padding: 15px 18px 18px 16px }
    .form-regis-sh label { font-size: 12px; width: 130px }
    .form-regis-sh input { width: calc(100% - 130px) }
    .form-regis-sh .form-group.mg-l input { width: calc(100% - 130px) }
    .form-regis-sh .form-group.mg-l label { width: 130px }
    .form-regis-sh .form-group.mg-l.lmgb input { width: calc(100% - 130px - 90px) }
    .form-regis-sh button { margin-left: 130px }
    .text-right .slide-images .img { height: 229px }
    .video-r .img { height: 210px }
    .text-right .slide-images .img { height: 135px }
    .list-tlsk p.name { font-size: 14px }
    .list-tlsk .item .img { height: 136px }
    .form-regis-ht .form-group { width: 100% }
    .alit-gth { display: block }
        .alit-gth .item { margin-bottom: 20px }
            .alit-gth .item:last-child { margin-bottom: 0 }
    .form-regis-ht .form-group.mgl { margin-left: 0 }
    .list-dvtg { grid-template-columns: repeat(2,1fr) }
    .list-kthi-mn .item:first-child { gap: 12px; display: block }
    .list-tva .item .img { height: initial }
    .list-tva { display: block }
        .list-tva .item { margin-bottom: 20px }
            .list-tva .item:last-child { margin-bottom: 0 }
    .list-div-news .item:first-child .note { display: none }
    .list-div-news { gap: 10px; display: block }
    header { position: relative; background-color: initial }
    .mg-bot { margin-bottom: 15px; }
    .tit-h2-see h2 { font-size: 16px }
    .list-kthi-mn .text h3 { font-size: 14px }
    .list-kthi-mn .item .img { width: 100% }
    .list-kthi-mn .item .text { width: 100%; padding: 0 }
    .list-kthi-mn .item { display: block }
    .popup-vd .ifr-tv iframe { height: 300px }
    .list-tlsk .item:nth-of-type(3) { grid-column: 1/3; width: 50%; margin: 0 auto }
    .wrapper-login .nav-tab a { line-height: 40px; font-size: 14px }
    .note-register { font-size: 12px }
    .wrapper-login .tab-content { padding: 10px }
    .from-login .form-group > ._input._select select { font-size: 13px }
    .educate-ct .list-news .item { display: block }
    .educate-ct .item .img { height: initial; margin-bottom: 10px }
        .educate-ct .item .img img { width: 100% }
    .slide-images .cl-action { top: 0px }
    .head-top .right .login { margin-right: 0px; margin-bottom: 5px }
        .head-top .right .login > div { margin-right: 0px }
    .head-top .left .call { padding: 5px 0px 0px 25px }
    .text-right .images-r > .item img { width: 100% !important }
    .backToTop { right: 10px; bottom: 10px }
        .backToTop i { font-size: 15px; }
    td:first-of-type { width: 25% !important }
    td:last-of-type { width: 75% !important }
    tr, tbody, table { width: 100% !important }
    .id-contact-ct { display: block }
    .cont-left { margin-bottom: 20px; }
    .skiptranslate { display: none }
    body { top: 0 !important }
    .footer { padding: 20px 0px }
    .text-mid.mg-bot { margin-bottom: 20px }
    .text-right .lhqc { height: unset }
    .top-news .list-news .item:first-child .img { height: 194px; }
    .video-clip .item .img,
    .video-clip .item:first-child .img { height: 191px; }
    .video-clip .item { margin-bottom: 15px; }
    .video-clip .list-news { display: block; }
    .video-clip .item .img:before { width: 47px; height: 47px; }
    .tdkn { margin-bottom: 15px; }
    .tit-h2-ic h2, .tit-h2-ic h2 a { font-size: 16px; margin-top: 5px; }
    .list-qc-mb { margin-bottom: 15px; }
    .slide-mem .item { height: 88px; }
    .tit-h2-row h2 { margin-bottom: 15px; }
    .mg-bot a.list-qc-mb { display: block; width: 100%; margin-bottom: 15px; }
    .mg-bot a.list-qc-mb img{width:100%;}
}

@media screen and (max-width:365px) {
    header .hb-bottom { min-width: 285px }
    .cl-action { display: none }
    .slide-news-tn .img img, .list-kthi .item .img img { height: 100% !important; object-fit: cover }
}