#cssmenu.mobile .menu-top {
    display: none;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding: 0;
    float: none;
}

.item-link-url a {
    word-break: break-all;
}
@media (max-width: 1080px) {
    #cssmenu.mobile, .box-photo.mobile, #lastest.mobile {
        display: none;
    }
    #cssmenu, #P87321, #P89056, .box-photo, #lastest {
        display: block;
    }
    .menu-mobile-icon {
        display: none;
    }
}
@media(max-width: 576px) {
    .main, #zone-spliter-SCREEN-col-1, #zone-spliter-SCREEN, #zone-spliter-PAGE_CONTENT-col-1, #zone-spliter-PAGE-CONTENT-col-2, #zone-spliter-PAGE_CONTENT-col-2, #zone-spliter-PAGE-CONTENT-1, #zone-spliter-PAGE_CONTENT-col-11, #zone-spliter-PAGE_CONTENT-col-12, #zone-spliter-PAGE-CONTENT, #zone-spliter-PAGE_CONTENT-col-1, #tintuc-zone-spliter-PAGE_CONTENT-col-1 {
        width: 100% !important;
        min-width: auto;
        box-sizing: border-box;
    }
    #P49132, #page-header, .box-header, #P74847, #P86627, #P87320, #P93522, #P95009 .menu-top {
        width: 100%;
    }

    .box-header {
        min-height: 125px;
    }

    #P49132 .page_logo {
        height: 70px;
    }

    .page_cover {
        max-width: 100%;
        width: 100%;
        height: auto;
        min-height: inherit;
    }
    #P49132 .page_school {
        top: 25px;
    }
    .top-news-left, .box-hotnews .swiper-container {
        width: 100%;
    }
    .top-news-left .avatar img, .box-hotnews .item, .box-hotnews .item .avatar img {
        max-width: 100%;
        width: 100%;
        height: auto;
        min-height: auto;
    }
    .news-cate-home .portlet-content {
        background: none;
    }
    #lastest, #P49148_B12638 .item-right, .news-cate-home .portlet-content .item-right, .box-home-cate {
        margin-top: 10px;
        width: 100%;
        float: left;
        padding-left: 0px;
        margin-left: 0;
    }
    #P49138, #SUB_P49138, #footer-master, #footer-info, #page-body, #P86636, #P93513, #SUB_P93513 {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        height: auto;
        padding: 10px;
    }
    #col1, .col1, #col2, .col2, .col11, .col31, .col32, .col12, .col21, .col24 {
        width: 100% !important;
        margin-top: 10px;
    }
    #P49148_B12638 .first, .news-cate-home .portlet-content .first {
        width: 100%;
        box-sizing: border-box;
    }
    .page-about, .page-about-bg, #cssmenu > ul > li {
        background: none;
    }
    .box-search .text {
        width: calc( 100% - 20px );
        box-sizing: border-box;
    }
    #cssmenu, #P87321, #P89056, .box-photo, #lastest {
        display: none;
    }
    #cssmenu.mobile, .box-photo.mobile, #lastest.mobile {
        display: block;
        position: relative;
    }
    #cssmenu.mobile .menu-top {
        height: 100%;
    }
    #cssmenu ul li a {
        padding: 10px 14px 10px;
        font-size: 12px;
        letter-spacing: 1px;
        text-decoration: none;
        color: #eee;
        font-weight: 700;
        text-transform: uppercase;
        box-sizing: border-box;
    }
    .menu-mobile-icon {
        width: 32px;
        height: 32px;
        display: block;
        background: url(/assets/global/img/Hamburger_icon_64_white.png) no-repeat;
        background-size: cover;
    }
    #cssmenu.mobile .menu-top .item {
        float: left;
        width: 100%;
        padding-right: 0;
    }
    #cssmenu.mobile .menu-top .item ul {
        left: -100%;
    }
    #cssmenu.mobile .menu-top .item.expanded {
        height: auto;
    }
    #cssmenu.mobile .menu-top .item.expanded ul {
        left: 0;
        position: relative;
        width: 100%;
    }
    #cssmenu.mobile .menu-top .item.expanded>ul>.item>a {
        width: 100%;
    }

    #cssmenu > ul > li > a {
        color: black;
    }
    #cssmenu.mobile .menu-top>.item>a {
        position: relative;
        width: 100%;
        line-height: 1;
        display: block;
    }
    #cssmenu.mobile .menu-top .item:hover>a, #cssmenu.mobile .menu-top .item.selected>a {
        /*color: #f9ff0d;*/
    }
    .menu-mobile-icon-close {
        width: 32px;
        height: 32px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url(/assets/global/img/times_200.png) no-repeat;
        background-size: cover;
        z-index: 999;
    }
    .menu-children-collapse {
        background: url(/assets/global/img/portlet-collapse-icon.png) no-repeat;
        padding: 0!important;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 32px;
        height: 32px;
        background-position: center;
    }
    #cssmenu.mobile .menu-top .item.expanded .menu-children-collapse {
        background: url(/assets/global/img/portlet-expand-icon.png) no-repeat;
        background-position: center;
    }
    .article img, .detail img {
        max-width: 100% !important;
    }
    .clearfix::after {
         display: block;
         content: "";
         clear: both;
     }
    #footer {
        margin-left: 0px;
        padding-bottom: 80px;
    }
    /*#page-body {*/
    /*    padding: 0 10px;*/
    /*}*/
    #P49132 .page_school_title, #page-header .page_school_title, .box-header .page_school_title, #P74847 .page_school_title, #P86627 .page_school_title, #P87320 .page_school_title, #P89044 .page_school_title, #P93522 .page_school_title {
        font-size: 27px;
    }
    #page-header {
        min-height: 125px;
    }

    .page_cover {
        opacity: 0.4;
    }
    #box-top-photo-player .swiper-container .swiper-slide .avatar, #box-top-photo-player .swiper-container .swiper-slide .avatar img {
        width: auto;
        text-align: center;
    }
    .page-menu {
        padding: 0 10px;
    }
    .box-row .row {
        display: block;
        width: 100%!important;
    }
    .box-row .box-2 {
        margin-left: 0;
    }
    .box-photo.mobile .first {
        height: 100%;
        width: 145px;
    }
    .box-photo.mobile .first .item {
        width: 145px;
        height: 96px;
        text-align: center;
    }
    .box-photo.mobile .first .item .avatar {
        text-align: center;
    }
    .box-photo.mobile .item .avatar img {
        width: auto;
        height: 100%;
    }
    .box-photo.mobile .item-right .item {
        height: 96px;
        /*padding: 10px;*/
        /*background: #e4e4e4;*/
    }
    .box-photo.mobile .item-right .item .title {
        height: 100%;
        box-sizing: border-box;
        /*padding: 0;*/

    }
    .box-photo.mobile .item-right .item .title p {
        overflow: hidden;
        max-height: 100%;
        -webkit-line-clamp: 4;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
    }
    #lastest.mobile {
        display: table;
    }
    #lastest.mobile .item {
        display: table-row;
    }
    #lastest.mobile .item .avatar {
        display: inline-block;
        width: 100px;
        height: auto;
    }
    #lastest.mobile .item .avatar img {
        width: 100%;
        height: auto;
        border: none;
    }
    #lastest.mobile .item h3 {
        display: table-cell;
        vertical-align: top;
        padding: 0 10px;
        overflow: hidden;
    }
    #lastest.mobile .item .lead, #lastest.mobile .item a.title {
        display: block;
        width: 100%;
        -webkit-line-clamp: 3;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #F0F0F0;
    }
    .tinmoi .box-body {
        display: table;
    }
    .tinmoi .box-body .item {
        display: table-row;
        width: 100%;
        margin-left: 0;
    }
    .tinmoi .item a.title {
        padding-right: 10px;
    }

    .box-hotnews .item .avatar img {
        box-sizing: border-box;
        margin-left: 0;
    }
    .box-hotnews .item .title {
        margin-top: 10px;
        font-size: 16px;
    }
    .box-hotnews .swiper-container {
        height: auto;

    }
    #zone-spliter-SCREEN {
        margin-left: 0;
    }
    #P74847 {
        /*padding: 0 10px;*/
    }
    .icon-search {
        top: 3px;
    }
    .timkiem {
        position: absolute;
        right: 0px;
        top: 3px;
        margin-top: 0!important;
        width: 29px;
    }
    .caroufredsel_wrapper, #P74863_B64220 .caroufredsel_wrapper, #P74863_B64220 .item .avatar, #P74874 .dev7-caroufredsel-image img {
        width: 100%;
        height: 340px;
        min-height: auto;
    }
    .caroufredsel_wrapper {
        position: static;
    }
    #P74874 .bg-opacity {
        width: 100%;
        height: 65px;
    }
    #P74874 .dev7-caroufredsel-image {
        height: auto;
    }
    #P74874 .dev7-caroufredsel-image img {
        float: none;
        max-height: 200px;
    }
    #P74874 .dev7-caroufredsel-pag {
        left: 0;
    }
    #P74874 .dev7-caroufredsel-pag a {
        height: 50px;
        width: 63px;
    }
    #P74874 .dev7-caroufredsel-pag a:nth-child(5) {
        display: none;
    }
    #P74874 .dev7-caroufredsel-pag img {
        height: 100%;
        width: 100%;
        min-height: auto;
        box-sizing: border-box;
    }
    #P74874 .lead, #P74874 .viewdetail {
        display: none;
    }
    .row_default .first .avatar img {
        width: 100%;
        min-height: auto;
    }
    #P74863_B64220 .item .avatar img {
        width: auto;
        height: 100%;
    }
    #zone-spliter-PAGE-CONTENT-col-2 #P74863_B64220.side-image {
        display: none !important;
    }
    #P74874 h3 a {
        -webkit-line-clamp: 2;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #page-menu {
        padding: 0 10px;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    #P75268 {
        margin-bottom: 0;
    }
    #P75268 .item .avatar, #P86475 .item .avatar {
        width: auto;
        height: auto;
    }
    #P75268 .item, #P86475 .item {
        width: auto;
    }
    #P75268 .item .avatar img, #P86475 .item .avatar img {
        width: 100%;
        height: auto;
    }
    #P75268 .item .carousel-caption, #P86475 .item .carousel-caption {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
    }
    #P75268 .item .lead {
        display: none;
    }
    #P86475 .item h3 a.title {
        font-size: 18px;
    }
    #P75268 #P75268-pager, #P86475-pager {
        display: none!important;
    }
    #P75263_B64980 .item .avatar {
        width: auto;
        height: 100%;
    }
    #P75263_B64980 .caroufredsel_wrapper {
        margin-left: 0!important;
    }
    #P86655 .item .avatar img {
        width: 100%;
        float: right;
        min-height: auto;
    }
    .caroufredsel-pag {
        display: none!important;
    }
    #P86655 .item .content {
        float: none;
        height: auto;
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        padding: 10px;
    }
    #P86656 .item {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-bottom: 10px;
    }
    #P86656 .item img {
        width: auto;
        height: 160px;
    }
    #P86656 .item a.avatar {
        margin: auto;
        background: none;
        margin-bottom: 10px;
    }
    .mobilesearch {
        position: absolute;
        top: 0;
        right: 0;
    }

    .photo-list .item {
        width: 100%;
    }

    .photo-list .item a.avatar {
        width: 100%;
        position: relative;
        border: none;
        height: auto;
    }

    .photo-list .item a span.border-1 {
        width: 100%;
        height: auto;
        border: none;
        position: unset;
        top: 0;
        left: 0;
    }

    .photo-list .item a span.border-2 {
        width: 100%;
        height: auto;
        border: none;
    }

    .photo-list .item img {
        width: 100%;
        height: auto;
        max-width: 100%
    }

    .photo-list .item .title {
        font-weight: unset;
    }

    .contact_form, .form-holder{
        margin-left: 5px;
    }

    .news-list .item .avatar img {
        width: 100% !important;
    }
}
