/* ----- responsive -------- */

@media (max-width: 281px) {
    #name-vu-mobile {
        display: none !important;
    }

    .mobile-view-logo img {
        height: 45px;
        margin-top: -10px;
    }

    .vu_dp-md-none {
        display: none;
    }

    /* ------------------ index 2 ----------------- */
    /* -------------------index 3 -----------------*/
}

@media (max-width: 321px) {
    .copy-right div:first-child {
        font-size: 0.6rem !important;
    }

    .footer-bottom p.ps-4,
    .footer-bottom span.ps-4 {
        font-size: 0.7rem;
    }

    div.footer-top-intro-detail h3 {
        font-size: 1.2rem !important;
    }

    div.footer-top-intro-detail h4 {
        font-size: 1rem !important;
    }

    div.footer-top-intro-detail p {
        font-size: 0.7rem !important;
    }

    div.footer-top-intro-detail h5 {
        font-size: 0.8rem !important;
    }

    #name-vu-mobile>div {
        font-size: 12px;
    }

    /* ------------------ index 2 ----------------- */
    .list-drop-cate>div.drop-menu-cate.position-relative {
        padding: 12px 9px !important;
    }

    /* -------------------index 3 -----------------*/
    .list-drop-cate-index3>div.drop-menu-cate.position-relative {
        padding: 12px 12px !important;
    }

    /* --------------- site map -------------------- */
    .sub-site-map>.sub-item>a {
        width: 240px !important;

    }

    .img-footer-intro img {
        width: 180px !important;
    }
}

@media (max-width: 376px) {

    /* ------------------ index 2 ----------------- */
    .list-drop-cate>.drop-menu-cate.position-relative {
        padding: 12px 23px !important;
    }

    /* -------------------index 3 -----------------*/
    .list-drop-cate-index3>.drop-menu-cate.position-relative {
        padding: 12px 25px !important;
    }

    /* --------------- site map -------------------- */

    .sub-site-map>.sub-item>a {
        width: 270px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sub-site-map>li {
        line-height: 19px;
    }
}

@media (max-width: 415px) {
    .vu_w-100 {
        width: 100% !important;
    }

    .vu_mt-1 {
        margin-top: 1rem !important;
    }

    div.vu_d-ssm-none {
        display: none !important;
    }

    .vu_d-ssm-none {
        display: none !important;
    }

    .footer-top-intro-detail h3 {
        font-size: 1.5rem !important;
    }

    .footer-top-intro-detail h4 {
        font-size: 1.2rem !important;
    }

    .footer-top-intro-detail p {
        font-size: 0.8rem !important;
    }

    .footer-top-intro-detail h5 {
        font-size: 1rem !important;
    }

    .footer-bottom p.ps-4,
    .footer-bottom span.ps-4 {
        padding-left: 0 !important;
    }

    .footer-bottom span.ps-4 {
        font-size: 0.9rem;
    }

    .copy-right div:first-child {
        font-size: 0.7rem;
        padding-left: 1rem;
    }

    .vu_w-50 {
        width: 50% !important;
    }

    iframe.iframe.iframe-smd.ssm {
        height: 180px !important;
    }

    /* ------------------ index 2 ----------------- */
    ul.vu_d-ssm-none {
        display: none !important;
    }

    .list-drop-cate>div.drop-menu-cate {
        padding: 12px 32px !important;
    }

    /* -------------------index 3 -----------------*/
    .list-drop-cate-index3>div.drop-menu-cate {
        padding: 12px 35px !important;
    }

    /* ---------- site map ---------------- */
    .site-map {
        padding-left: 10px !important;
    }

}

@media (max-width:577px) {

    .vu_w-50 {
        width: 33%;
    }

    .footer-top-intro div p {
        margin: 1rem 0;
    }

    .footer-bottom div div div:last-child {
        margin-bottom: 0.5rem;
    }

    .copy-right div {
        padding-left: 15px;
    }

    /* ------------------ index 2 ----------------- */
    .list-drop-cate>.drop-menu-cate {
        padding: 12px 12px !important;
    }

    /* -------------------index 3 -----------------*/
    .list-drop-cate-index3>.drop-menu-cate {
        padding: 12px 14px !important;
    }
}

@media (max-width:602px) {
    .post-item.bg-light {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        padding-top: 0.7rem;
    }

    .list-post-new li:nth-child(3) {
        display: none;
    }

    .vu_d-smd-block {
        display: block !important;
    }

    p.h5 {
        font-size: 1rem !important;
    }

    .owl-prev,
    .owl-next {
        bottom: 2rem !important;
    }

    div>iframe.iframe.iframe-smd {
        height: 245px !important;
    }

    .post-main-new .post-item {
        padding-top: 1rem;
    }

    .vu_w-60.vu_w-100 {
        width: 100% !important;
    }

    div.footer-top-intro div {
        margin: 1rem auto 0 auto !important;
    }

    .vu_flex-wrap {
        flex-wrap: wrap;
    }

    .training.vu_w-50 {
        width: 50% !important;
    }

    div#vu_content {
        margin-top: 63px !important;
    }

    .header .opened-menu {
        top: -4px !important;
    }

    /* ------------------ index 2 ----------------- */
    .list-drop-cate>div {
        padding: 12px 15px !important;
    }

    /* -------------------index 3 -----------------*/
    .list-drop-cate-index3>div {
        padding: 12px 18px !important;
    }

    .text-intro-school {
        margin-bottom: 0 !important;
    }

    ul.list-notice li.notice {
        margin-bottom: 1.4rem !important;
    }
}

@media (max-width:769px) {
    .menu-bottom ul li {
        font-size: 0.8rem !important;
    }

    .menu-bottom ul li:last-child {
        display: none;
    }

    .name-uni span {
        line-height: 1rem;
        font-size: 0.7rem;
    }

    .vu_d-md-none {
        display: none;
    }

    #logo img {
        width: 60px !important;
    }

    .menu-bottom ul li:last-child {
        display: inline-block;
    }

    .vu_justify-content-end {
        justify-content: end;
    }

    .list-event>div {
        margin-bottom: 1.5rem !important;
    }

    .list-training li {
        display: inline-block;
        padding: 2px 10px;
    }

    .list-training {
        display: flex;
    }

    iframe.iframe.iframe-smd {
        height: 168px !important;
    }

    .vu_d-md-none {
        display: none;
    }

    .social {
        right: 15px;
    }

    .post-title {
        line-height: 1.1;
        font-size: 1.1rem;
        text-align: justify;
        margin-bottom: 7px;
    }

    p.h5.mt-md-2 {
        margin-top: 0.8rem !important;
    }

    .footer-top-intro div {
        margin: 3rem auto 0 auto !important;
    }

    .list-notice li:first-child {
        display: none;
    }

    .list-notice li:nth-child(2) {
        display: none;
    }

    span.vu_mt-13 {
        margin-top: 1.3rem !important;
    }

    #section-12 {
        position: inherit;
        width: 100%;
        bottom: 2px;
    }

    /* ------------------ index 2 ----------------- */
    #section-1 {
        position: inherit;
        width: 100%;
        bottom: 2px;
    }

    .list-drop-cate {
        justify-content: start;
    }

    .list-drop-cate>div {
        padding: 12px 22px;
    }

    /* -------------------index 3 -----------------*/
    #section-1.index3 {
        background-color: white !important;
    }

    .list-drop-cate-index3 {
        justify-content: start;
    }

    .list-drop-cate-index3>div {
        padding: 12px 24px;
    }

    .menu-cate-index3 {
        color: black;
    }

    .list-drop-cate-index3>a>i {
        color: black;
    }

    .active {
        color: black !important;
    }

    .img-post-main-new {
        width: 100%;
        height: 150px;
    }

    .list-post-title,
    .list-post-text-detail,
    .new-event-time {
        padding-right: 0 !important;
    }

    .footer-top-intro div.footer-top-intro-detail {
        height: 100%;
    }
}

@media (max-width:993px) {
    #parallelogram {
        width: 40%;
    }

    input[id='search'] {
        width: 80%;
    }

    .name-uni span {
        line-height: 1.2rem;
        font-size: 0.8rem;
    }

    .name-uni {
        padding-top: 4px;
        height: 36px;
    }

    #logo img {
        width: 48px !important;
        margin-top: -6px;
    }

    .name-uni {
        padding-top: 2px !important;
        margin-top: -10px !important;
    }

    .menu-bottom ul li {
        font-size: 0.9rem;
    }

    .list-notice li:first-child {
        display: none;
    }

    .list-notice li {
        margin-bottom: 0.9rem !important;
    }

    .list-training li {
        margin-bottom: 0.2rem !important;
    }

    p.h5 {
        font-size: 1.07rem;
        margin-top: 2rem;
    }

    iframe.iframe {
        height: 221px !important;
    }

    .vu_mt-15 {
        margin-top: 1.5rem !important;
    }

    .footer-top-intro div {
        padding: 1rem 0rem;
        width: 100%;
        margin: 5rem auto 0 auto;
    }

    .vu_d-md-flex {
        display: flex;
    }

    .vu_justify-content-md-between {
        justify-content: space-between;
    }

    .vu_w-60 {
        width: 70% !important;
        margin-right: 2rem;
    }

    .owl-prev {
        left: -58px;
    }

    .owl-next {
        right: -58px;
    }

    .img-main-new {
        height: 330px !important;
    }

    /* ------------------ index 2 ----------------- */
    /* -------------------index 3 -----------------*/
}

@media (max-width:1201px) {
    html {
        font-size: 14px;
    }

    .list-notice li {
        margin-bottom: 0.7rem;
    }

    .list-training>li {
        margin-bottom: 0.4rem !important;
    }

    .vu_mt-32 {
        margin-top: 3.2rem;
    }

    .mobile-hidden {
        display: block !important;
    }

    /* ------------------ index 2 ----------------- */
    /* -------------------index 3 -----------------*/
    /* ---------- site map ---------------- */
    .site-map {
        padding-left: 35px;
    }

    .img-library {
        height: 100px !important;
    }

    .list-post-ss2>div:nth-child(4),
    .list-post-ss2>div:nth-child(5) {
        display: none;
    }

    #slide2 div a img.d-block {
        height: 340px;
    }

}

@media all and (min-width: 20em) {
    .showCurrentDate {
        font-size: 12px;
    }

    .mobile-remove-space {
        display: none;
    }

    .mobile-view-logo {
        display: block;
        margin-top: -10px;
    }

    .menu-top-container {
        width: 100%;
        float: left;
    }

    .nav-item {
        border-right: 0;
    }

    .vu-header-bottom {
        display: none;
    }

    .vu_dp-md-none {
        display: none;
    }

    #vu-header-top {
        height: 60px;
        margin-bottom: 1px;
    }

    #name-vu>div {
        margin-top: 10px;
    }

    .show-in-mobile {
        display: block !important;
        background-color: #f2f2f2;
    }

    .index2 {
        display: none !important;
    }

    .index3 {
        display: none !important;
    }
}

@media all and (min-width: 40em) {
    .showCurrentDate {
        font-size: 15px;
    }

    .mobile-remove-space {
        display: block;
    }

    .menu-top-container {
        width: 70.5%;
        margin-top: -10px;
        float: left;
    }

    .nav-item:not(li:first-child, li:last-child) {
        border-right: 1px solid white;
    }

    .vu-header-bottom {
        display: block;
    }

    .vu_dp-md-none {
        display: block;
    }

    .mobile-view-logo {
        display: none;
    }

    #vu-header-top {
        height: 45px;
    }

    .show-in-mobile {
        display: none !important;
    }

    #name-vu>div {
        margin-top: 0px;
    }

    .index2 {
        display: block !important;
    }

    .index3 {
        display: block !important;
    }
}


/*  VU bootstrap added   */

.bg-primary {
    background-color: var(--vu_color-blue) !important;
}

.nav-link {
    color: white !important;
    font-size: 12px;
    line-height: 1px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.nav-link:hover {
    color: yellow !important;
}

.navbar-nav {
    padding: 0 !important;
}

.icon-bank-top {
    color: white;
    font-size: 10px;
    padding-top: 4px;
}

.dropdown-toggle::after {
    display: none;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link,
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

@media all and (max-width: 1460px) {
    .mobile-hidden {
        display: none !important;
    }
}

@media all and (max-width: 620px) {
    .vu-header-bottom {
        display: none !important;
    }
}

@media all and (max-width: 780px) {
    .vu-header-bottom {
        display: none !important;
    }

    .index2 {
        display: none !important;
    }

    .index3 {
        display: none !important;
    }

    .list-cate-title {
        display: none !important;
    }
}