@media only screen and (max-width: 1399px) {
    .navigation .nav-menu li a {
        font-size: 16px;
        padding: 30px 5px;
    }
}

@media only screen and (max-width:1200px) {
    .banner-session .banner-content .banner-short {
        width: 80%;
    }
   
}

@media only screen and (max-width:1199px) {
    .navigation .nav-menu li a {
        font-size: 15px;
        padding: 30px 5px;
    }

    .banner-session .item {
        min-height: 510px;
    }

    .bg_banner .banner-content {
        min-height: 510px;
    }

    .banner-session .banner-content .banner-title {
        font-size: 44px;
        line-height: 1.2;
    }

    .content-boxlink .box-link::after {
        right: 0;
    }

    .content-boxlink .box-link a {
        font-size: 20px;
    }

    .content_login .box_result .bxresult .rs_row .rs_cell:first-child {
        width: 35%;
    }
}

@media only screen and (max-width:1024px) {}

@media only screen and (max-width: 992px) {
    .header-menu {
        padding: 5px 0;
    }

    .navigation-portrait .nav-menu li a {
        padding: 15px 30px;
        font-size: 17px;
    }

    .banner-session .banner-content .banner-title {
        font-size: 40px;
    }

    .banner-session .banner-content .banner-short p {
        font-size: 18px;
    }

    .title-header {
        font-size: 32px;
    }

    .content-about .about-short {
        font-size: 16px;
    }
}

@media only screen and (max-width:991px) {
    .banner-session .banner-content .banner-title {
        font-size: 36px;
        text-align:center
    }

    .banner-session .banner-content .banner-short {
        width: 100%;
    }

    .banner-session .banner-content .banner-short p {
        font-size: 16px;
    }

    .banner-session .banner-content a.view-more {
        padding: 14px 50px;
    }

    .title-header {
        font-size: 26px;
    }

    .content-news .title-header {
        font-size: 26px;
    }

    .banner-session .item {
        min-height: 480px;
    }

    .bg_banner .banner-content {
        min-height: 480px;
    }

    .content-about {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .content-about .box_about {
        gap: 50px;
    }

    .content-boxlink .box-link.exam::after,
    .content-boxlink .box-link.schedule::after,
    .content-boxlink .box-link.search::after {
        content: '';
    }

    .content-boxlink .box-link a {
        font-size: 25px;
        justify-content: center;
    }

    .content-boxlink .box-link {
        justify-content: center;
        padding-left: 0;
    }

    .content-contact {
        padding: 50px 0;
    }

    .content-contact .contact_item {
        margin-bottom: 15px;
    }

    .content-contact .contact_item.address::before,
    .content-contact .contact_item.info::before,
    .content-contact .contact_item.time::before {
        min-width: 48px;
    }

    .footer-session .footer-box .footer-info p.footer-title {
        font-size: 18px;
    }

    .display_mobile {
        display: none;
    }

    .content-detail .box_gallery .tab_lg {
        font-size: 20px;
        padding: 0 30px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news {
        padding-left: 10px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news a {
        font-size: 14px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news .date {
        display: none;
    }

    .content_login .box_form_search {
        width: 60%;
    }

    .content_login .box_result .bxresult {
        width: 80%;
    }

    .box_register .box_result .box_list .tb_list th,
    .box_register .box_result .box_list .tb_list td {
        padding: 15px 15px;
    }

    .content-detail .box_content {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
}

@media only screen and (max-width: 768px) {
    .header-top .hd_contact p {
        padding-right: 20px;
        font-size: 14px;
    }

    .header-top .register a {
        font-size: 14px;
    }

    .header-top .register a::before {
        padding-right: 4px;
    }
    #captchaimg{
        margin-top:10px;
    }
    
}

@media only screen and (max-width: 767px) {
    .header-top .hd-top {
        gap: 20px;
        justify-content: flex-end;
    }

    .header-top .hd_contact {
        display: none;
    }

    .banner-session .banner-content .banner-title {
        font-size: 20px;
        
    }
    .news_other .item_img {
        width: 100%;
        height: 90px !important;
        object-fit: cover;
    }
    .content-about .box_about {
        gap: 20px;
        flex-direction: column;
    }

    .content-about .box_about:nth-child(2) {
        flex-direction: column-reverse;
    }

    .content-about .box_about .item_about {
        width: 100%;
    }

    .content-boxlink {
        margin: 60px 0 45px;
    }

    .content-boxlink .box-link {
        justify-content: flex-start;
        padding-left: 35px;
        margin-bottom: 15px;
    }

    .content-boxlink .box-link a {
        justify-content: start;
    }

    .content-boxlink .box-link.exam::after {
        content: url(../images/bg_exam.png);
    }

    .content-boxlink .box-link.schedule::after {
        content: url(../images/bg_schedule.png);
    }

    .content-boxlink .box-link.search::after {
        content: url(../images/bg_search.png);
    }

    .footer-session .footer-box .footer_link {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    .footer-session .footer-box .footer_link img {
        width: 33.3333%;
        padding-right: 10px;
    }

    .footer-session .footer-box .footer-info p.footer-title {
        margin-bottom: 20px;
    }

    .footer-session .footer-box {
        padding-bottom: 40px;
    }

    .content-news .news-detail .box_right {
        margin-top: 25px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news {
        padding-left: 15px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news a {
        font-size: 16px;
    }

    .content-news .news-detail .news_other .news_list .box_item .item_news .date {
        display: block;
    }

    .content-detail .box_gallery .fiter_menu {
        display: block;
        text-align: center;
    }

    .content-detail .box_gallery .fiter_menu #tabAll {
        border: 1px solid #767676;
        border-radius: 5px;
        font-family: var(--font-family-RobotoBold);
        color: #333333;
        padding: 11px 17px;
        text-transform: uppercase;
    }

    .mdi-chevron-down::after {
        content: "\f078";
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        padding-left: 15px;
    }

    .content-detail .box_gallery .all-tab {
        position: relative;
    }

    .content-detail .box_gallery .tab {
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        width: 100%;
        max-width: 200px;
        padding: 15px;
        background: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out;
        z-index: 2;
        display: block;
        text-align: center;
    }

    .show_tab {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .content_login .box_form_search {
        width: 80%;
    }

    .content_login .box_result .bxresult {
        width: 100%;
    }

    .box_register .box_result .box_list .tb_list td p.word {
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
}

@media only screen and (max-width:575px) {

    .banner-session .item {
        min-height: 300px!important;
    }

    .bg_banner .banner-content {
        min-height: 300px !important;
        padding-top:30px;
    }

    .title-header {
        font-size: 24px;
    }

    .content-news .title-header {
        font-size: 24px;
    }
    input[type="text"], input[type="password"], input[type="number"], input[type="date"], textarea, select{
        padding: 10px 10px;
    }
}

@media only screen and (max-width:480px) {
    .header-top .hd_contact {
        align-items: self-start;
        flex-direction: column;
    }

    .content-news .box-news .title_news a {
        font-size: 16px;
    }

    .footer-session .footer-box .footer-social {
        margin-bottom: 25px;
    }

    .footer-session .footer-box .footer_menu {
        margin-bottom: 15px;
    }

    .footer-session .footer-box .footer_link {
        flex-direction: column;
        align-items: start;
    }

    .footer-session .footer-box .footer_link img {
        width: auto;
        padding-right: 0;
    }

    .content_login .box_login .tab,
    .content_login .box_login .box_form,
    .content_login .box_login .box_tab {
        width: 100%;
    }

    .content_login .box_form_search {
        width: 100%;
    }

    .content_login .box_result .bxresult .rs_row .rs_cell {
        padding: 16px 20px;
    }

    .content-detail .content_form .group_flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .content-detail .content_form .group_flex .item_group {
        width: 100%;
    }
}

@media only screen and (max-width:430px) {}

@media only screen and (max-width:414px) {
    .content_login .box_result .bxresult .rs_row .rs_cell {
        padding: 12px 12px;
    }
}

@media only screen and (max-width: 390px) {
    .box_register .box_register_title .res_title {
        font-size: 24px;
    }

    .box_register .box_register_title .res_add {
        padding: 8px 20px;
    }
}

@media only screen and (max-width: 360px) {}