@media screen and (max-width: 1450px) {
    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 1366px) {
    .BannerZone .owl-slideQC .owl-stage .owl-item .content_news .QC-content .QC-LinkName,
    .event .swiper-slide .main-content-right .info-event .divlock > div .pDate {
        font-size: 30px !important;
    }

    .BannerZone .DsTinBaiLietKeAnh ul li .li__content .news_link a {
        font-size: 28px;
    }

    .LienHeoption .main-LienHe-title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .having_lined h4.titleH .Head,
    .DsChuyenMucTinBai .news_list_detail .news_title,
    .GopY .GopY_Title {
        font-size: 20px;
    }

    .having_icon .titleH .Head,
    .NganhDaoTao .container > span,
    .having_icon_book .book_icon .Head,
    .ThongTinLienHe .Title {
        font-size: 18px;
    }

    .NganhDaoTao .main h5 span,
    .NganhDaoTao .extra_link,
    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinThucHien ul li,
    .ChuyenMuc .titleH,
    .div-sidebar .ThongTinThucHien ul li a,
    #dstinAccordion .card-header h5 .div_title a,
    .name_sdtc_title .name_sdtc_title,
    .name_sdtc,
    .event .swiper-slide .main-content-right .info-event .divlock > div .ptDate {
        font-size: 16px;
    }

    .div-news.TinNoiBat .dstinbaimotanh .newstooltip .news_list__first .news_list__first__content .news_link_bold,
    .div-news.TinNoiBat .dstinbaimotanh .newstooltip .news_list__first .news_list__first__content .news_date,
    .div-news.TinDoanThe .DsTinBaiLietKeAnh .newstooltip ul li .li__content .news_link > a,
    .div-news.TinDoanThe .DsTinBaiLietKeAnh .newstooltip ul li .li__content .news_date > span,
    .div-news.ThongBao .dstinbaikhonganh .newstooltip ul li > .news_link > a.news_link,
    .div-news.ThongBao .dstinbaikhonganh .newstooltip ul li > .news_link .news_date,
    .ThongTinTruong .GioiThieu ul li,
    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul li,
    .DanhChoSinhVien .menu-m1 ul li a,
    .DanhChoSinhVien .dstinbaikhonganh .newstooltip ul li > .news_link > a.news_link,
    .DanhChoSinhVien .dstinbaikhonganh .newstooltip ul li > .news_link .news_date,
    .ChuyenMuc .menu-m1 ul li a,
    .div-sidebar .dstinbaikhonganh .newstooltip ul li > .news_link > a.news_link,
    .div-sidebar .DsTinBaiLietKeAnh .newstooltip ul li .li__content .news_link > a,
    p,
    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .listcategory_title a,
    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .news_date,
    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .news_summary, .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .news_summary p, .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .news_summary span,
    .page_size a, #pagelistnumber a,
    .DsChuyenMucTinBai .news_list_detail .news_summary,
    .DsChuyenMucTinBai .news_list_others ul li a,
    .DsChuyenMucTinBai .news_list_others ul li .news_date,
    .section-inner_ThongBao .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li .listcategory__content .listcategory_title a,
    .card-header h5 .div_title a,
    .section-inner .Image-gallery .Image-bg-lg ul li .album-lg .image-title, .section-inner .Video-library .Video-Gallery .videogallery .videosAlbum .videos-title > a,
    #sdtc table tbody table tr td:last-child, .dvhc_tabs ul li a,
    .card-details .chucdanh, .card-details .ngaysinh, .card-details .quequan, .card-details .tel, .card-details .email, .card-details .mtitle,
    .BannerZone .DsTinBaiLietKeAnh ul li .li__content .news_summary span,
    .DsTinBai_SlideCross .js-marquee a,
    .TuyenSinh .DsTinBaiLietKeAnh ul li .li__content .news_link a,
    .ThongTinLienHe ul li, .ThongTinLienHe ul li a,
    .TinTuc .DsTinBaiLietKeAnh .LietKeAnh_Slide .LietKeTinBai_item .li__content .news_date,
    .TinTuc .DsTinBaiLietKeAnh .LietKeAnh_Slide .LietKeTinBai_item .li__content .news_link a,
    .NganhDaoTao .menu-m1 ul li a,
    .NganhDaoTao .NganhDaoTao_Slide .SignUp,
    .fixed-dock ul li a,
    .TuyenSinh .DsTinBaiLietKeAnh .LietKeTinBai_item .li__content .news_link a,
    .DsChuyenMucTinBai .news_list_detail .news_content span,
    .DsChuyenMucTinBai .news_list_detail .news_content p,
    .DsChuyenMucTinBai .news_list_detail .news_content ul li {
        font-size: 16px;
    }

    .form-GuiGopY .title-container p.title-top {
        font-size: 32px !important;
    }

    .form-GuiGopY .title-container p.title-bottom {
        font-size: 16px !important;
    }
}

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

}

@media screen and (max-width: 1280px) {
    .section-inner-threecol .owl-nav {
        display: none;
    }
}

@media screen and (max-width: 1240px) {
    .ThongTinSinhVien .ThongTinSinhVien {
        flex-direction: column;
        position: relative;
    }

    .ThongTinSinhVien .ThongTinSinhVien > img {
        flex: 0 0 422px;
        object-fit: none;
        flex: none;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0.7;
        top: 50%;
        display: none;
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul {
        justify-content: flex-start;
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul li {
        flex-direction: row;
    }

    .DangKyTuyenSinh > .row > .col-lg-4 {
        display: none;
    }

    .DangKyTuyenSinh > .row > .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

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

@media screen and (max-width: 1117px) {
    .ThongTinLienHe {
        padding: 10px 15px;
    }

    .event .swiper-slide {
        gap: 10px;
    }

    .event .swiper-slide > div[class*="main-content"] {
        flex: 0 0 calc(50% - 5px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {

}

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

}

@media screen and (max-width: 991px) {
    .event .swiper-slide {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .event .swiper-slide > div[class*="main-content"] {
        flex: 0 0 100%;
    }

    .event .swiper-slide .main-content-right .info-event .divlock > div .pDate {
        font-size: 40px !important;
    }
    .event .swiper-slide .main-content-right .info-event .divlock > div .ptDate {
        font-size: 18px;
    }

    .ThongTinLienHe {
        margin-bottom: 15px;
    }

    .BannerZone .DsTinBaiLietKeAnh ul {
        gap: 10px;
    }

    .BannerZone .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/4 - 30px/4);
    }

    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory,
    .section-inner .Image-gallery .Image-bg-lg ul, .section-inner .Video-library .Video-Gallery .videogallery {
        gap: 15px;
    }

    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li,
    .section-inner .Image-gallery .Image-bg-lg ul li, .section-inner .Video-library .Video-Gallery .videogallery .videosAlbum {
        flex: 0 0 calc(100%/3 - 10px);
    }

    .section-inner_LienHe > .row {
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .GopY {
        margin-bottom: 25px;
        padding: 20px;
    }

    .form-GuiGopY {
        padding: 20px;
    }
        .form-GuiGopY .title-container p.title-top {
            font-size: 28px !important;
        }

    .LienHeoption img {
        margin-left: 0;
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinLienHe ul {
        gap: 20px
    }

    .DanhChoSinhVien > .container > .row {
        gap: 20px;
    }

    .ThongTinTruong .GioiThieu ul {
        margin-top: 20px
    }

    .ThongTinTruong .GioiThieu ul li {
        flex: 0 0 calc(50% - 10px);
    }

    .NganhDaoTao > .container > .row {
        gap: 20px;
    }

    .NganhDaoTao .LienThong {
        display: flex;
        gap: 20px;
        margin-top: 25px;
        flex-direction: column;
    }

    .DanhChoSinhVien > .container > .row > div > section > .row {
        gap: 20px;
    }

    .employee_detail_info p {
        width: 100%;
    }

    .onlinecounter-statistics {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }
}

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

    .menu-bar .header_bottom > ul > li {
        margin-right: 0 !important;
    }
    
    .BannerZone .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/2 - 5px);
    }

    .ThongTinLienHe ul {
        display: flex;
        flex-direction: column;
    }

    .TuyenSinh .DsTinBaiLietKeAnh ul {
        gap: 10px;
    }

    .TuyenSinh .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/4 - 30px/4);
    }

    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li,
    .section-inner .Image-gallery .Image-bg-lg ul li, .section-inner .Video-library .Video-Gallery .videogallery .videosAlbum {
        flex: 0 0 calc(100%/2 - 7.5px);
    }

    .VanBanChuyenNganh_List .DanhSachVanBan .table {
        width: 1000px;
    }

    .form-hoidap .search-container .search-form {
        flex-wrap: wrap;
    }

    .DanhChoSinhVien {
        margin-bottom: 25px;
    }

    .ChiTietTinBai .TinBai_BaiViet {
        display: flex;
        flex-direction: column;
    }

    .ChiTietTinBai .group-function {
        position: sticky;
        top: 0;
        left: 0;
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
        margin-right: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #FFF;
        flex-direction: row;
    }

        .ChiTietTinBai .group-function .text-zoom .group-small {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-direction: row;
        }

    .menu-bar .header_bottom > ul > li > ul > li > a, 
    .menu-bar .header_bottom > ul > li > ul > li > ul > li > a {
        color: #fff;
    }

}

@media screen and (max-width: 767px) {
    .home-layout .main-body-content {
        padding: 20px 0;
    }

    .section-inner-2col .row div[class*="col-"]:not(:last-child) {
        margin-bottom: 20px;
    }

    .TinBai2Cot_TieuDiem {
        flex-direction: column;
    }

        .TinBai2Cot_TieuDiem .right-pane {
            max-height: 400px;
        }

    .search {
        justify-content: space-between;
    }

    .DanhSachChuyenMuc_ListIcon ul li {
        flex: 0 0 calc(100%/2 - 10px);
    }

    .menu-bar .header_top .image-header {
        display: none;
    }

    .DnnModule-Organization_UnitInfo_VPUB .leader {
        gap: 25px;
    }

    .d-flex-row {
        flex-direction: column;
    }


    .layout-3-col .DanhSachTinBai ul.list_news,
    .layout-3-col .event-other {
        --spacing: 10px;
        --columns: 2;
        margin-left: calc(-1 * var(--spacing));
    }

        .layout-3-col .DanhSachTinBai ul.list_news li,
        .layout-3-col .event-other .item {
            --columns: 2;
            --spacing: 15px;
        }

    .layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a .news_title_inner {
        font-size: 16px !important;
    }

    .search #currentTime,
    .menu-bar .header_bottom > ul > li > a {
        color: #FFF;
    }

        .menu-bar .header_bottom > ul > li > a.current,
        .menu-bar .header_bottom > ul > li > a:hover,
        .menu-bar .header_bottom > ul > li:hover > a {
            color: #182940;
        }
}

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

}

@media screen and (max-width: 600px) {
    .TuyenSinh .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/2 - 10px/2);
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinThucHien ul li {
        flex: 0 0 100%;
    }

    .frm_send_question_content .group-button-custom, .frm_send_question_content .group-button-action {
        justify-content: flex-start;
    }

    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong .ThongTinThucHien ul,
    .DanhChoSinhVien > .container > .row,
    .DanhChoSinhVien > .container > .row > div > section > .row,
    .ThongTinSinhVien .ThongTinSinhVien > .HoatDong,
    .NganhDaoTao > .container > .row,
    .ThongTinTruong .GioiThieu ul {
        gap: 10px
    }

    .DanhChoSinhVien {
        padding: 15px 0;
    }

    .NganhDaoTao .container > span {
        margin-bottom: 10px;
    }

    .ThongTinTruong .GioiThieu ul li {
        padding: 15px;
    }

    .DnnModule-Organization_UnitInfo_VPUB .leader {
        flex-direction: column;
    }

    .DnnModule-Organization_UnitInfo_VPUB .leader_info__title__name {
        font-size: 16px;
    }

    .DanhSachTinBai .list_news li {
        gap: 10px;
        flex-direction: column;
    }

    #DanhSachTinBai.DanhSachTinBai .list_news li .item_img_link {
        width: 100%;
    }

    .ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
        width: 300px;
    }

}

@media screen and (max-width: 576px) {
    .ThongTinTuyenSinh {
        margin-top: 15px;
    }

    .BannerZone {
        display: none;
    }

    .ThongTinLienHe {
        display: none;
    }
    
    .ThongTinTruong .GioiThieu ul li,
    .section-inner .Image-gallery .Image-bg-lg ul li, .section-inner .Video-library .Video-Gallery .videogallery .videosAlbum {
        flex: 0 0 100%;
    }

    .section-inner .DsChuyenMucTinBai .news_list_chuyenmuc .listcategory li {
        flex: 0 0 100%;
    }

    .event .swiper-slide .main-content-right .info-event .divlock > div .pDate {
        font-size: 28px !important;
    }
    .event .swiper-slide .main-content-right .info-event .divlock > div .ptDate {
        font-size: 16px;
    }
    .event .swiper-slide .main-content-right .info-event .divlock {
        gap: 20px;
    }

    .filter-box {
        padding: 10px;
    }

    .layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a .news_title_inner {
        padding-left: 0;
    }

        .layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a .news_title_inner:before {
            display: none;
        }

    .ChiTietTinBai .TinBai_GioiThieu .news_title {
        font-size: 22px;
    }

}

@media screen and (max-width: 460px) {
    .DanhChoSinhVien .dstinbaikhonganh {
        display: none;
    }

    .BannerZone .DsTinBaiLietKeAnh ul li {
        flex: 0 0 100%;
    }

    .TuyenSinh .DsTinBaiLietKeAnh ul li {
        flex: 0 0 100%;
    }

    .menu-bar .header_top .nav-brand {
        padding: 10px 0;
    }

    .DanhSachChuyenMuc_ListIcon ul li {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

        .DanhSachChuyenMuc_ListIcon ul li .icon_chuyenmuc {
            /*display: none;*/
        }

    .menu-bar .header_top .nav-brand img {
        width: 50px;
        height: 50px;
        /*padding-right: 10px;*/
    }

    .menu-bar .header_top .nav-brand .logocontent .toplogocontent {
        font-size: 12px;
    }

    .menu-bar .header_top .nav-brand .logocontent .bottomlogocontent {
        font-size: 17px;
    }

    .header .contra-nav label {
        top: -51px;
    }

    .menu-bar .header_top .nav-brand img {
        margin-right: 10px;
    }

    .form-GuiGopY .form-container .form-group {
        margin-bottom: 20px;
    }

    .form-GuiGopY .form-container .form-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .DnnModule-Organization_UnitInfo_VPUB .employee_title-main {
    }

    .title_head p {
        font-size: 18px;
    }

    .group-button-action .btn {
        font-size: 14px !important;
        padding: 8px 8px !important;
        line-height: 1.8 !important;
        min-width: 100px;
    }

    .layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a .news_title_inner {
        font-size: 14px !important;
    }

    .first_Item_Large .DanhSachTinBai .list_news li:first-child .news_info .news_title a, 
    .DanhSachTinBai .list_news li .news_info .news_title a {
        font-size: 16px;
    }

}

@media screen and (max-width: 400px) {
    .DanhSachChuyenMuc_ListIcon ul li {
        padding: 5px;
        min-height: 50px;
    }

        .DanhSachChuyenMuc_ListIcon ul li a {
            font-size: 14px;
        }

    .TitleCM > h4,
    .having_sideline h4,
    .TinBai2Cot_TieuDiem .news_info .news_title a {
        font-size: 18px;
    }

    .DnnModule-Organization_UnitInfo_VPUB .leader {
        padding: 10px;
    }
}

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

    .tinbai-slidePane-slide .slide_bglnk,
    .tinbai-slidePane-slide .date-congbo {
        font-size: 14px;
    }

    .form-GuiGopY {
        padding: 10px;
    }

        .form-GuiGopY .title-container p.title-top {
            font-size: 24px !important;
        }

        .form-GuiGopY .title-container p.title-bottom {
            font-size: 14px !important;
        }

    .layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a .news_title_inner {
        margin: 0 5px 5px 5px;
        font-size: 12px !important;
    }
}

@media screen and (max-width: 330px) {
    .menu-bar .header_top .nav-brand img {
        margin-right: 5px;
    }

    .menu-bar .header_top .nav-brand .logocontent .toplogocontent {
        font-size: 11px;
    }

    .menu-bar .header_top .nav-brand .logocontent .bottomlogocontent {
        font-size: 15px;
    }

    .tinbai-slidePane-slide .date-congbo {
        font-size: 16px;
    }

}

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

    .DanhSachChuyenMuc_ListIcon ul li a {
        font-size: 13px;
    }


    .menu-bar .header_top .nav-brand .logocontent .toplogocontent,
    .menu-bar .header_top .nav-brand .logocontent .bottomlogocontent {
        display: none;
    }

    .search,
    .search > *,
    .search .searchInputContainer input,
    footer .block-info span, 
    footer .block-copyright span {
        min-width: unset;
        width: 100%;
        font-size: 14px;
    }

    .TinBai2Cot_TieuDiem .right-pane ul li {
        gap: 10px;
    }

    .section-inner-2col {
        padding: 8px;
    }


    .onlinecounter-statistics {
        flex-direction: column-reverse;
        gap: 2px;
    }
}


@media screen and (max-width: 300px) {
    .TitleCM > h4, .having_sideline h4,
    .TinBai2Cot_TieuDiem .news_info .news_title a,
    .having_icon .titleH .Head,
    .NganhDaoTao .container > span,
    .having_icon_book .book_icon .Head,
    .ThongTinLienHe .Title {
        font-size: 16px;
    }

    .TinBai2Cot_TieuDiem .left-pane .news_info .news_summary,
    .TinBai2Cot_TieuDiem .right-pane ul li .news_info .news_title a,
    .tinbai-slidePane-slide .date-congbo,
    .TinBaiKhongAnh ul.list_news li .news_title {
        font-size: 14px;
    }

    .form-GuiGopY .title-container p.title-top {
        font-size: 20px !important;
    }


    .ChiTietTinBai .TinBai_GioiThieu .Media .news_audio audio {
        width: 240px;
    }
}