@media(max-width:1023px) {
    .left-news-bottoms {
        width: 100%;
        margin: 0;
    }

    .item-InfoCommunicationNews.item-study-bb:nth-child(4) {
        display: block;
    }

    .full-note-new-home .p-side-read.p-side-item.widget-note-h {
        margin-top: 0;
    }

    .full-note-new-home {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 15px;
    }

        .full-note-new-home .side-note.p-side-item.list-side-new-event {
            border-radius: 10px;
            border: unset;
        }

        .full-note-new-home .p-side-read .title {
            font-size: 13px;
            padding-bottom: 8px;
        }

        .full-note-new-home .side-note .p-side-wrap {
            border-radius: 0 0 10px 10px;
            border: 1.5px solid #389723;
        }

        .full-note-new-home .swiper-slide.item-note-home a {
            padding-top: 8px;
        }

        .full-note-new-home .side-note .item {
            padding-top: 8px;
            padding-bottom: 8px;
        }

        .full-note-new-home .optionsRightNew h3.title {
            font-size: 13px;
        }

    .decorThongbao svg {
        width: 18px;
        height: auto;
    }

    .full-note-new-home .p-side-title h3 {
        font-size: 12px;
        margin-left: 6px;
    }

    .side-note.p-side-item.list-side-new-event.side-list-link-hh .decor-new-event {
        width: 62.398px;
        height: 40px;
    }

        .side-note.p-side-item.list-side-new-event.side-list-link-hh .decor-new-event svg {
            width: 27px;
            height: auto;
        }

    .side-pic.p-side-item.list-img-homee .p-side-title .decor-new-event {
        width: 61.398px;
        height: 40px;
        padding-left: 10px;
    }

    .full-note-new-home .optionsRightNew .WDateViewNewHome {
        display: none;
    }

    .full-note-new-home .decor-new-event svg {
        width: 16px;
        height: auto;
    }

    .full-note-new-home .p-side-title.title-note-home {
        width: 100%;
    }

    .full-note-new-home .decor-svg-note-l {
        display: none;
    }

    .full-note-new-home .side-note .p-side-title {
        border-radius: 10px 10px 0 0;
    }

    .full-note-new-home .decor-new-event {
        width: 33px;
        height: 40px;
        padding-left: 7px;
        border-radius: 10px 0px 23px 0;
    }

    .full-note-new-home .p-side-title {
        height: 40px;
    }

    .swiper-slide.item-note-home a {
        padding: 14px 10px 0 8px;
    }

    .right-content-bottom-school-activity-news h5 {
        font-size: 15px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    span.des-page-student-h {
        font-size: 14px;
    }

    .left-img-right-bottom-school-activity-news {
        width: 135px;
    }

    .right-content-bottom-school-activity-news {
        width: 100%;
    }

    .top-news-hot:after {
        right: 0px;
    }

    .p-side-read.p-side-item.widget-note-h .p-side-wrap.list-note-home-side {
        height: 255px;
        border-radius: 0 0 10px 10px;
    }

    .side-note.p-side-item.list-side-new-event.side-list-link-hh .p-side-wrap.side-list-new-event-home {
        height: 255px;
    }

    .p-side-title h3 {
        font-size: 18px;
    }

    .side-note.p-side-item.list-side-new-event.side-list-link-hh .p-side-title h3 {
        font-size: 16px;
        margin-left: 10px;
    }

    .side-note.p-side-item.list-side-new-event .p-side-title {
        width: max-content;
        border-radius: 10px 10px 0 0;
        padding-right: 15px;
        height: 40px;
    }

    .full-note-new-home .side-note.p-side-item.list-side-new-event .p-side-title {
        width: 100%;
    }

    .side-note.p-side-item.list-side-new-event.side-list-link-hh {
        background: unset;
        border: unset;
    }

        .side-note.p-side-item.list-side-new-event.side-list-link-hh .p-side-wrap.side-list-new-event-home {
            margin-top: 0;
            padding-top: 13px;
            background: #f5f5f5;
        }

    .side-pic.p-side-item.list-img-homee .p-side-title {
        width: max-content;
        padding-right: 18px;
        height: 40px;
    }

    .side-pic.p-side-item .p-side-title h3 {
        font-size: 16px;
    }

    .banner-left-executive-management a img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .side-pic.p-side-item.list-img-homee .side-img-list {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .side-img-item {
        height: 150px;
    }

    .top-news-working-schedule:after {
        right: 0px;
    }

    .widget-link-web .top-news-working-schedule:after {
        right: 0px;
    }

    .right-news-bottoms {
        float: unset;
        width: 100%;
    }

    .widget-school-activity-news.new-list-home-full {
        margin-top: 0;
    }

    .title-general h4 {
        font-size: 15px;
    }

    .right-b-general-information {
        width: 39%;
        float: right;
    }

    .left-b-general-information {
        float: left;
        width: 60%;
    }

    ul.list-bottom-general-information {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 18px;
        row-gap: 15px;
    }

    .imgDecor-bottom-general-information img {
        display: block;
        width: 100%;
        height: 140px;
    }

    ul.listImgSys {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
        margin-bottom: 20px;
    }

    .left-bottom-school-activity-news {
        float: left;
        width: 49%;
    }

    .right-bottom-school-activity-news {
        float: right;
        width: 49%;
    }

    .view-date-bottom-school-activity-news .view-date {
        font-size: 12px;
    }

    .content-bottom-student-activity-news {
        float: right;
        width: 50%;
    }

    .img-bottom-student-activity-news {
        float: left;
        width: 48%;
    }

    span.des-bottom-student-activity-news {
        -webkit-line-clamp: 4;
    }

    .bottom-InfoCommunication-news span.des-bottom-student-activity-news {
        margin-top: 6px;
    }

    .view-date-bottom-student-activity-news .view-date {
        font-size: 12px;
    }

    ul.listBannerRightHome li a img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .bottom-InfoCommunication-news .content-bottom-student-activity-news {
        width: 54%;
    }

    .bottom-InfoCommunication-news .img-bottom-student-activity-news {
        width: 45%;
        height: 185px;
    }

    .bottom-InfoCommunication-news .content-bottom-student-activity-news h5 {
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .item-bottom-InfoCommunication-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .item-bottom-study-activity-news .item-bottom-InfoCommunication-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
        padding-top: 18px;
    }

    span.des-study-news-item {
        margin-top: 4px;
        font-size: 13px;
    }

        span.des-study-news-item.item-des-ll-h {
            font-size: 14px;
            text-overflow: ellipsis;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

    .InfoCommunicationNews-img-news img {
        display: block;
        width: 100%;
        height: 150px;
    }

    .right-list-study-h .InfoCommunicationNews-img-news img {
        height: 150px;
    }

    .item-bottom-study-activity-news .item-bottom-InfoCommunication-news .InfoCommunicationNews-img-news img {
        height: 150px;
    }

    .item-InfoCommunicationNews.item-study-bb:last-child {
        display: block;
    }

    .right-list-study-h .item-bottom-InfoCommunication-news {
        padding: 0;
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 15px;
        margin-top: 18px;
    }

    .right-list-study-h .item-InfoCommunicationNews:nth-child(1) {
        padding-bottom: 0;
    }

    .right-list-study-h .view-date:nth-child(2) {
        display: none;
    }

    .left-list-study-h .InfoCommunicationNews-img-news img {
        height: 236px;
    }

    .bottom-InfoCommunication-news .item-top-student-activity-news {
        padding-bottom: 6px;
    }

    .banner-left-executive-management a h3, .banner-left-executive-management a h3 strong {
        font-size: 14px;
        display: inline;
    }
}

@media(min-width:740px) and (max-width:1023px) {
    .title-general h4 {
        font-size: 13px;
    }

    .widget-news-bottoms {
        flex-direction: column-reverse;
    }

    .WImgAboutHome {
        overflow: hidden;
        border-radius: 15px;
        width: 100%;
        height: 100%;
    }

    .banner-left-executive-management {
        display: none;
    }

    .side-img-item {
        height: 250px;
    }

    .side-general-information {
        padding: 10px 0;
        margin: 0px 10px;
    }

    .bottom-general-information {
        margin-top: 10px;
        padding: 0 10px;
        padding-bottom: 10px;
    }

    ul.list-bottom-general-information {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .widget-general-information {
        margin-bottom: 10px;
    }

    .top-news-working-schedule h3 {
        font-size: 13px;
    }

    .top-news-hot h3 {
        font-size: 15px;
    }

    .widget-new-left-three {
        margin-top: 10px;
        padding: 10px;
    }

    .widget-working-schedule {
        padding-top: 10px;
        background: #ffffff;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    .left-bottom-school-activity-news {
        float: left;
        width: 49%;
    }

    .right-bottom-school-activity-news {
        float: right;
        width: 49%;
    }

    .right-bottom-school-activity-news {
        padding-top: 0;
    }

    .img-bottom-school-activity-news img {
        height: 320px;
    }

    .right-content-bottom-school-activity-news {
        width: 380px;
    }

    ul.listImgSys li a img {
        width: 100%;
        height: 100%;
    }

    .bottom-school-activity-news {
        padding: 10px;
    }

    .bottom-student-activity-news {
        padding: 10px;
    }

    .item-bottom-student-activity-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 15px;
    }

    .dropLinkWeb select {
        width: 100%;
    }

    .img-bottom-student-activity-news {
        height: 223px;
    }

    .widget-student-activity-news {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .left-list-study-h {
        float: unset;
        width: 100%;
    }

    .right-list-study-h {
        float: unset;
        width: 100%;
    }

        .right-list-study-h .InfoCommunicationNews-img-news img {
            height: 250px;
        }

    .item-bottom-study-activity-news .item-bottom-InfoCommunication-news .InfoCommunicationNews-img-news img {
        height: 250px;
    }

    .left-list-study-h .InfoCommunicationNews-img-news img {
        height: 100%;
    }

    ul.listBannerRightHome {
        margin-bottom: 20px;
    }

    .bottom-InfoCommunication-news {
        padding: 10px 0;
        margin: 0px 10px;
    }

        .bottom-InfoCommunication-news .img-bottom-student-activity-news {
            width: 49%;
            height: 185px;
        }

        .bottom-InfoCommunication-news .item-top-student-activity-news span.des-bottom-student-activity-news {
            text-overflow: ellipsis;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

    .InfoCommunicationNews-img-news img {
        display: block;
        width: 100%;
        height: 200px;
    }

    .bottom-InfoCommunication-news .content-bottom-student-activity-news {
        width: 49%;
    }

    .decor-img-top-general-information img {
        display: block;
        width: 100%;
        height: 250px;
    }

    span.title-item-news-hot {
        font-size: 15px;
    }

    .wp-notification-banner {
        padding-bottom: 20px;
    }
}

@media(max-width:739px) {
    .widget-news-bottoms {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .left-list-study-h .InfoCommunicationNews-img-news img {
        height: 350px;
    }

    .side-note.p-side-item.list-side-new-event.side-list-link-hh {
        margin-top: 0;
    }

        .side-note.p-side-item.list-side-new-event.side-list-link-hh .p-side-title h3 {
            font-size: 12px;
        }

    .left-news-bottoms {
        float: unset;
        width: 100%;
        order: 2;
    }

    .right-news-bottoms {
        float: unset;
        width: 100%;
        order: 1;
    }

    .title-general h4 {
        font-size: 14px;
        padding: 0 10px;
    }

    a.view-general-information {
        display: none;
    }

    .left-b-general-information {
        float: unset;
        width: 100%;
    }

    .right-b-general-information {
        width: 100%;
        float: unset;
    }

    .side-general-information {
        padding: 10px 0;
        margin: 0 10px;
    }

    .bottom-general-information {
        margin-top: 10px;
        padding: 0 10px;
        padding-bottom: 10px;
    }

    ul.list-bottom-general-information {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 9px;
    }

    ul.listImgSys li a img {
        width: 100%;
        height: 100%;
    }

    ul.listImgSys li {
        list-style: none;
        padding: 5px;
    }

    .widget-general-information {
        margin-bottom: 10px;
    }

    h5.title-img-sys {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    a.link-view-school-activity-news {
        display: none;
    }

    .left-top-school-activity-news h6 {
        font-size: 16px;
    }

    .left-list-study-h, .right-list-study-h {
        float: none;
        width: 100%;
    }

    .left-bottom-school-activity-news {
        float: unset;
        width: 100%;
    }

    .right-bottom-school-activity-news {
        float: unset;
        width: 100%;
        padding-top: 15px;
    }

    .item-right-bottom-school-activity-news:nth-child(1) {
        border-top: 1px solid #e2e2e2;
        padding-top: 10px;
    }

    .bottom-school-activity-news {
        padding: 10px 0;
    }

    .img-bottom-school-activity-news img {
        height: auto;
    }

    .img-bottom-student-activity-news {
        float: unset;
        width: 100%;
    }

    .content-bottom-student-activity-news {
        float: unset;
        width: 100%;
    }

    .bottom-student-activity-news {
        padding: 10px;
    }

    .content-bottom-student-activity-news h5 {
        font-size: 15px;
        font-family: 'InterSB';
        margin: 0;
        margin-top: 5px;
        line-height: 1.4;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .content-bottom-school-activity-news h5 {
        font-size: 15px;
        font-family: 'InterB';
        margin: 0;
        line-height: 1.4;
        margin-top: 5px;
        margin-bottom: 8px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .item-bottom-student-activity-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(1,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 12px;
        padding-top: 20px;
    }

    ul.listBannerRightHome {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 15px;
        row-gap: 15px;
        margin-bottom: 15px;
    }

    .widget-student-activity-news {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bottom-InfoCommunication-news .img-bottom-student-activity-news {
        width: 100%;
        height: 185px;
    }

    .bottom-InfoCommunication-news .content-bottom-student-activity-news {
        width: 100%;
    }

    .bottom-InfoCommunication-news {
        padding: 10px 0;
        margin: 0;
    }

    .item-bottom-InfoCommunication-news {
        display: grid;
        grid-auto-rows: minmax(min-content,max-content);
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 10px;
        row-gap: 15px;
    }

    .content-InfoCommunicationNews-news span.des-bottom-student-activity-news {
        font-size: 15px;
    }

    span.des-bottom-student-activity-news.title-decor-ll {
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .top-news-hot:after {
        right: -5px;
        background: url(/Design/img/CaoDangBT/NewHot/decorHeaderRS.png) no-repeat;
    }

    .top-news-hot:before {
        top: 0;
    }

    .widget-new-left-three {
        margin-top: 10px;
        padding: 10px;
    }

    h5.title-new-left-three {
        width: 259px;
    }

    ul.list-new-left-three {
        padding-top: 10px;
    }

    .top-news-working-schedule:after {
        right: 0px;
        background: url(/Design/img/CaoDangBT/NewHot/decorHeaderRS.png) no-repeat;
    }

    .widget-working-schedule {
        padding-top: 10px;
        background: #ffffff;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    ul.list-new-left-three li {
        padding: 10px 0;
    }

    .img-new-left-three {
        width: 73px;
        height: 65px;
    }

    .mini-banner-left-home a img {
        margin-bottom: 10px;
    }

    .widget-link-web .top-news-working-schedule:after {
        right: -5px;
    }

    .footer-top-menu-linkIcon {
        display: none;
    }

    .widget-link-web {
        background: #fff;
        margin-bottom: 10px;
    }

    .widget-InfoCommunication-news {
        margin-bottom: 10px;
    }
}

@media(max-width:400px) {
    .left-list-study-h .InfoCommunicationNews-img-news img {
        height: 235px;
    }
}

@media(max-width:350px) {
    .full-note-new-home .p-side-title h3 {
        font-size: 11.5px;
        margin-left: 4px;
    }
}