.download a{color: red;font-weight: 700;}
@media only screen and (max-width: 1024px){
    #post-area{padding: 0 10px!important;}
    .list-leader .span_4{
        width: 32%;
        padding: 15px;
        margin-right: 14px;
    }
   
    .resources .content .span_4 p{
        float: left;
        width: 100%;
        min-height: 40px;
    }
    header#top .span_6{width: 100%;}
    header#top .span_6.right{height: auto !important;}
    header#top ul#menu-top-menu-1 li{margin-top: 0px;}
    header#top ul#menu-top-menu-1 li.current-menu-item:after, .page-child ul#menu-top-menu-1 li:nth-child(2):after{
        left: 40%;
        bottom: -10px;
    }
    header#top ul#menu-top-menu-1 li:last-child{
        border-right: 0px;
    }
    header#top nav ul li{
        padding: 7px 6px!important;
    }
    /*Header*/
    .news-tabs .content .small {
        float: left;
        width: 84%;
        margin: 20px;
    }
    .news-tabs .content .thumb {
        width: 100%;
    }
    .resources .content .span_4 {
        width: 46%!important;
    }
    .resources .content .span_4:nth-child(odd){margin-left: 2%;}
    .resources .content .span_4 .img2{
        left: 114px;
    }
    .resources .content .span_4:nth-child(2) .img2 {
        left: 130px;
    }
   /* header#top nav ul li {
        float: left;
        padding: 5px!important;
    }*/
.news_info {
  margin-top: 20px;
  padding-bottom: 0 !important;
}
    .news_info .news-tabs .owl-controls{top: 163px;}
    .admissions .span_4.first,.admissions .span_4.two,.admissions .span_4.three{
        width: 32%;
        margin-right: 1%;
    }
    .admissions .span_4.first{margin-left: 1%;}
    .resources .content .span_4:nth-child(3n){margin-right: 2%;}
    ul.banner-bottom{display: none;}
    header#top nav > ul > li > a{
    	font-size: 13px!important;
    }
    .ms-layer h2 {
        font-size: 23px;
        top: -50px;
    }
    .ms-layer .text{
    	position: absolute;
    	top: -32px;
    }
    .bottom-slide .one-fourths{
    	margin-right: 15px!important;
    }
    .bottom-slide{
    	position: absolute;
        left: -35px;
        top: -28px;
    }
    .say_our .item .content{padding: 10px!important}
    #footer-outer #nav_menu-5{
        width: 180px!important
    }
    #footer-outer #footer-widgets{padding: 10px;}
    .top-header .right section {
        width: 76%;
    }
    .top-header .right section:nth-child(2) {
        width: 20%;
    }
    .top-header{padding: 0 15px;}
    .form-search {      
        top: 37px;
        left: 579px;
    }
	.cat_title_1 {
		border-bottom: 0px !important;
		}
	.container_cat_title_1 {
margin-bottom: -30px !important;
text-align: center !important;
}
    .vision-info .title img {
        right: 0px;
    }
    .vision-info .sec1 .circle::before{
        right: -28px;
    }
    .vision-info .sec2 .title img {
        right: -10px;
    }
    .section h2.title{width: 420px;font-size: 20px;}
    .owl-controls {
        display: block!important;
    }
    .say_our .list-getnews i.fa.fa-chevron-left, .events .list-getnews i.fa.fa-chevron-left {
        position: absolute;
        top: -49px;
        left: initial;
        right: 73px;
        font-size: 20px;
        padding: 10px 15px;
        background: #2470E4;
        border-radius: 0;
        color: #fff;
    }
    .say_our .list-getnews i.fa.fa-chevron-right, .events .list-getnews i.fa.fa-chevron-right {
        position: absolute;
        top: -50px;
        right: 20px;
        font-size: 20px;
        padding: 10px 15px;
        background: rgba(51, 51, 51, 0.68);
        border-radius: 0;
        color: #fff;
    }
    #footer-outer #copyright p{margin-left: 10px;}
    .list-getnews-khoa .span_4{
        min-height: 140px;
    }
    .list-getnews-khoa .content h3{
        font-size: 16px;
    }
    #header-outer header#top nav > ul.buttons{display: none;}
    .menu-sub-new ul li {
        width: 32%!important;
        margin-right: 10px!important;
    }
    .main-content .nav-map-2 li {
        float: left;
        width: 30.4%;
    }
    .main-content .nav-map-1 > li:nth-child(2):before{
        top: 0%;
    }
    .main-content .nav-map-1 > li:nth-child(2):after{
        top: 46.5%;
    }
    .main-content .nav-map-1 > li:first-child:after{
        width: 50px;
        top: 39.5%;
        right: -50px;
    }
    .main-content .map-second ul li a img{
        width: 100px;
        height: 100px;
    }
    .site-item h3, .site-item .sitte-text {
        width: 76%;
    }
    .listEvents .span_4{
        width: 31%!important;
        min-height: 358px;
    }
    .map-second,#section-tabs-ct{padding: 0 10px;}
    .main-content .nav-map-2 li {
        margin-left: 110px!important;
    }
    li#menu-item-35 .sub-menu{
        left: -115px!important;
    }
    li#menu-item-1165 .sub-menu{
        left: -130px!important;
    }

}
@media only screen and (max-width: 1000px){
    #post-area.col_last.span_12{
        padding: 0 10px!important;  
    }
    header#top{background-image: none !important;}
    header#top ul#menu-top-menu-1 li.current-menu-item:after, .page-child ul#menu-top-menu-1 li:nth-child(2):after{
        display: none;
    }
    .news-tabs .content {
        width: 100%;
        min-height: 90px;
    }
    header#top{
        height: 150px!important;
    }
    header#top .span_6{padding-bottom: 20px;}
    header#top .col.span_12.col_last{
        height: 30px;
        width: 35px;
        border-bottom: 0;
        background: #1d559f;
    }
    header#top #toggle-nav{text-align: center;top: 0;}
   
    .ms-layer .text {
        line-height: 18px;
        top: 17px!important;
    }
    .bottom-slide{display: none;}
    
    .admissions .span_4 {
    width: 29%;}
    .admissions .span_4 .orther .thumb {
        width: 100%!important;
        height: auto!important;
    }
    .admissions .span_4 .orther .content {
        width:100%!important;
        float: right;
    }
    header#top {background-position: bottom 30px center;;padding: 0 15px;}
    .ms-layer h2 {
        font-size: 32px;
        line-height: 26px;
        
    }
    .top-header .span_6 {
        float: left;
        width: 50%;
    }
    .top-header .right section {
        width: 68%;
    }
    .top-header .right section:nth-child(2) {
        width: 25%;
    }
    #mobile-menu{padding: 0 15px;min-height: 323px;margin-top: 51px;margin-left: 15px;background-image: linear-gradient( to top, rgba(25, 86, 179, 0), #1956B3 );}
    .resources .content .span_4{min-height: 120px;}
    /*Content*/
    .main-content .news-tabs .content .thumb {
        width: 48%;
        padding: 0;
        margin-right: 2%;
    }
    .main-content .news-tabs .content .small{
        width: 50%;
        float: left;
        margin: 0;
        padding: 0;
    }
    .news_info .news-tabs .owl-controls{
        top: 80%;

    }
    #footer-outer #nav_menu-6{border-right: none;}
    #footer-widgets .container .col.span_4:first-child{width: 100%}
    #footer-widgets .container .col.span_4:first-child .widget{
        float: left;
    }
    #footer-widgets .container .col.span_4:nth-child(2){width: 78%}
    #footer-widgets .container .col.span_4:nth-child(3){width: 100%;text-align: center;}
    #footer-outer .row {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .resources .content .span_4 img{
        min-height: 84px;
    }
    #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
        height: 46px!important;
    }
    .form-search input[type="text"] {
        width: 52%;
    }
    .form-search {
        top: 52px;
        left: 327px;
    }
    .page-id-9 #post-area{width: 100%;}
    .page-id-9 #sidebar{display: none;}
    #about h2{text-align: center;}
    .introduce{margin-bottom: 0!important}
    #about {
        margin-bottom: 0!important;
    }
    .page-template-page-left-sidebar #post-area,.page-template-page-left-sidebar #sidebar {width: 100%;}
    .admissions h3{text-align: left;font-size: 12px;padding-left: 10px;}
    .admissions .get_news .title a{
        font-size: 16px;
        text-align: left;
    }
    .admissions h3.top-title i{
        margin-right: 0;
    }
    .resources .content .span_4 .title{
        padding-bottom: 8px;
        font-size: 16px;
    }
    .resources .content .span_4{
        background-size: 15%;
        background-position: left 5px top 25px!important;
        padding-left: 70px!important;
        background-size: 18%!important;
        padding-top: 20px!important;
    }
    .news_info h3{
        text-align: center;
    }
    .vision-info .title img {
        right: 20px;
    }
    .vision-info .sec2 .title img {
        right: 10px;
    }
    .vision-info .sec1 .circle::before {
        right: 8px;
    }
    .vision-info {
        padding: 60px 25px 0px 35px!important;
    }
    .page-template-page-left-sidebar #sidebar{margin-top: 0!important}
    .page-template-page-left-sidebar .left-sidebar .widget{width: 49%;float: left;margin-right: 1%;}
    .page-template-page-left-sidebar .left-sidebar .widget:first-child{width: 100%;}
    .history .vc_row-fluid .vc_col-sm-6 {
        padding-left: 10px;
        padding-right: 10px;
        border-right: none;
    }
    #events h2{padding-left: 10px;}
    #document {padding: 0 10px;}
    #document .listDocument {
        width: 100%;
        float: left;
    }
    #document .listDocument li{
        width: 100%;
    }
    .section h2.title {
        width: 490px;
    }
    .resources .content .span_4 .img1{opacity: 1!important}
    .resources .content .span_4 .img2{display: none!important}
    .resources .content .span_4{padding: 0}
    .ms-layer .content-slide-new strong{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .msp-preset-btn-89{
        top: 20px;
    }
    #footer-outer .span_4:first-child a {
        width: 100%;
        text-align: center;
    }
    #footer-outer .span_4:first-child .title-footer {
        width: 100%;
    }
    #footer-outer #copyright .col {
        width: 100%;
    }
    #footer-widgets .container .col.span_4:nth-child(3) {
        width: 50%;
        text-align: left;
    }
    #footer-widgets .container .col.span_4:nth-child(2) {
        width: 50%;
    }
    #footer-outer #copyright{z-index: 9999}
    #footer-outer .row {
        padding: 5px 0px;
    }
    #footer-outer #footer-widgets {
        padding-bottom: 0;
    }
    #footer-widgets .container .col.span_4:nth-child(3) {
         background-color: rgba(29, 85, 159, 0.64); 
    }
    #footer-outer .row {
        padding: 0;
    }
    #footer-outer #footer-widgets .container img.bg-footer{
        width: 370px;
    }
    .menu-sub-new ul {
        padding: 35px 10px 50px 10px;
    }
    .menu-sub-new ul li {
        width: 49%!important;
    }
    .menu-sub-new ul li:nth-child(2n){
        margin-right: 0!important;
    }
     .list-leader .span_4 span em{
        width: 100%;
        float: left;
        text-align: center;
    }
    .list-leader .span_4 span {
        font-size: 18px;
        text-align: center;
    }
    .list-leader .span_4 .small h5 {
        color: #1d559f;
        font-size: 15px;
    }
    .leader-school{padding: 0 10px;}
    .col, body .vc_row-fluid .wpb_column {
         margin-bottom: 0!important; 
    }
       .listEvents{
        float: left;
        padding: 0 10px;
    }
    .listEvents .span_4 {
        width: 31%!important;
        margin-right: 25px;
    }
    .listEvents .span_4 .thumb span{
        font-size: 17px;
    }
     .main-content .map-second ul li a{
        line-height: 25px;
    }
    .main-content .map-second ul li a strong {
        font-size: 18px;
        margin-top: 27px;
        float: left;
        width: 120px;
        text-align: center;
    }
    .show-icon .vc_col-sm-4{
        margin: 10px 0!important;
        width: 50%!important;
        min-height: 82px!important;
    }
    .main-content .nav-map-2 li {
        margin-left: 85px!important;
    }
}
@media only screen and (max-width: 767px){
    .ms-layer h2{top: -29px!important;}
    #footer-outer .span_4:nth-child(2) .widget_nav_menu,#footer-outer #nav_menu-5 {
        width: 33%!important;
    }
    #footer-outer #nav_menu-4{border-left: none;}
    #footer-outer .span_4{width: 100%!important;}
    #footer-widgets .container .col.span_4:first-child{text-align: center;}
    #footer-outer .widget {
        margin-bottom: 0px;
    }
    #slide .list{top: 66%;}
    .admissions h3.top-title {
        height: 55px;
        line-height: 22px;
        padding-top: 5px;
        font-size: 15px;
    }
    #mobile-menu {
        min-height: 327px;
        margin-top: 24px;
        margin-left: 0;
    }
    #header-outer{padding-top: 0!important}
    .vision-info .circle img{width: 100%}
    .vision-info .sec1 .circle::before {
        right: -26px;
    }
    .vision-info .sec2 .circle::before{
        left: 135px;
        top: -23px;
        transform: rotate(90deg);
    }
    .vision-info .sec1 .circle::before{
        right: 134px;
        top: 299px;
        transform: rotate(90deg);
    }
    .section h2.title {
        width: 460px;
    }
    .top-bcck{padding: 0 10px;}
    .contact-bottom form textarea{height: 220px;}
    .main-content ul.nav-map-1{
            float: left;
        position: relative;
    }
    .main-content .nav-map-1 > li:nth-child(2):after {
        top: 46.5%;
    }
    .main-content .nav-map-1 > li:nth-child(2):before {
        top: -22px;
        right: -88px;
    }
    .main-content .nav-map-1 > li:first-child:after {
        width: 33px;
        top: 44.5%;
    }
    .main-content .nav-map-2 li {
        width:  46.5%;
    }
    .listEvents .span_4 {
        margin-right: 24px;
    }
    .listEvents .span_4 .thumb span {
        font-size: 16px;
    }
    .main-content .nav-map-1 > li:first-child:after {
        right: -33px;
    }
    .main-content .map-second ul li a strong {
        font-size: 17px;
        margin-top: 16px;
    }
    .main-content .map-second ul li a img {
        width: 85px;
        height: 85px;
    }
    .main-content .map-second ul li{
        height: 88px;
    }
    .main-content .nav-map-2 li:nth-child(2n){
        margin-right: 0!important;
    }
    .main-content .nav-map-2 li {
        margin-left: 46px!important;
        width: 39%;
    }
}
@media only screen and (max-width: 668px){
    #mobile-menu{
        margin-top: 25px;
    }
    .top-header{height: auto;}
    .top-header .span_6 {
        width: 100%;
        height: 34px;
        text-align: center;
    }
    .top-header .span_6.left .item{padding-bottom: 0!important}
    .dropdown-content{top: 33px;}
   .form-search {
        top: 0;
        left: 270px;
    }
    .top-header .right ul.menu li:last-child a{border-right: none;}
    .say_our .item .content .title{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .say_our .item .content .text p{
        padding-top: 15px;
        background-position: left top 0;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 37px!important;
    }
    .admissions .span_4 .orther{padding-left: 0}
    .admissions .span_4 .orther h4{padding-left: 10px;}
    .resources .content .span_4{
       margin-right: 2%;
    }
    .ms-layer .text,.ms-layer h2{width: 100%;}
    .ms-layer h2 {
        top: 0px!important;
    }
    .form-search input[type="text"] {
        width: 60%;
    }
    
    .news_info .list-getnews .item .date{
        margin: auto;
        float: none;
    }
    .news_info .list-getnews .item .content .title, .events .list-getnews .item .title, .news_info .list-getnews .item .content .small, .slider-sg .item .date .title{
        width: 100%;
        float: left;
    }
    .say_our .item .content .text{
        line-height: 20px;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 23px!important;
    }
    .events .item {
        min-height: 190px;
    }
    #mobile-menu {
        top: 187px;
        min-height: 280px;
    }
    .listName .item{line-height: 20px;}
        .vision-info .title img {
        right: 0px;
    }   
    .vision-info .circle{
        max-width: 302px;
        position: relative;
        margin: auto;
    }
    .vision-info .sec3 .circle img {
        width: 302px;
        height: 302px;
        float: right;
    }
    .vision-info .title img {
        right: 140px;
    }
    .vision-info .sec2 .title img {
        right: 120px;
    }
    .vision-info .sec3 .circle{
        float: none;
        margin: auto;
        display: block;
    }
    .vision-info .sec3{padding-right: 0!important}
    .vision-info .text {
        padding-top: 0;
    }
    .vision-info .sec2 .text {
        padding-top: 20px;
        text-align: left;
    }
    .vision-info .sec3{
        padding-top: 60px;
    }
    .vision-info .sec3 .circle::before{
        right: 140px;
        top: 322px;    
    }
    .function{
        height: 950px;
        background-size: 100% 100%;
    }
    .function .content{margin-bottom: 30px;}
    .history .vc_row-fluid .vc_col-sm-6{width: 100%;}
    .section h2.title {
        width: 385px;
        font-size: 19px;
    }
    .search-ajax{top: 69px;}
    .news-tabs .content .thumb {
        width: 21%;
    }
    .news-tabs .content .small {
        width: 76%;

    }
    .news-khoa p.note{font-size: 16px!important;}
    .list-getnews-khoa .span_4{
        width: 50%;
        float: left;
    }
    .news_info .news-tabs .owl-controls {
        top: 78%;
    }
    .list-leader .span_4 {
        width: 48%;
    }
    .list-leader .span_4:nth-child(2n){
        margin-right: 0;
    }
    .listEvents .span_4 {
        margin-right: 21px;
    }
    .listEvents .span_4 .thumb span {
        font-size: 15px;
    }
    .listEvents .span_4 .thumb p{
        font-size: 14px;
    }
    .main-content .map-second ul li a strong{
            width: 102px;
    }
    .main-content .nav-map-2:before {
        left: 45%!important;
    }
    #mobile-menu {
        min-height: 290px;
        margin-top: 0px;
    }
    .main-content .nav-map-2 li {
        margin-left: 45px!important;
        width: 38%;
    }
}
@media only screen and (max-width: 600px){
    #tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs.ui-state-default a:visited{font-size: 14px;}
    .form-search {
        top: 0;
        left: 205px;
    }
    #mobile-menu ul li a {
        padding: 10px 0 !important;
    }
    #mobile-menu {
        top: 180px;
        min-height: 259px;
    }
    .introduce .aboutContent .left img{height: 240px;}
    .vision-info .title img {
        right: 105px;
    }
    .vision-info .sec2 .title img {
        right: 90px;
    }
    .bottom-funtion {
        padding-left: 0;
        line-height: 30px;
        font-size: 18px;
        padding-right: 15px;
    }
    .function .content {
        padding-left: 0;;
        text-align: justify;
        padding-right: 15px;
    }
    .list-leader .span_6{width: 100%;}
    .section h2.title {
        width: 335px;
    }
    .ms-layer .content-slide-new{
        line-height: 20px;
    }
    .msp-preset-btn-89 {
        top: 30px;
        padding: 10px 10px!important;
        font-size: 13px!important;
        width: auto!important;
    }
    .msp-preset-btn-89:active {
        top: 30px;
    }
    header#top .col.span_12.col_last{
        top: -2px;
        left: -12px;
    }
    #mobile-menu {
        top: 184px;
        margin-top: 0;
        left: 0;
    }
    #mobile-menu ul li a:hover{
        color: red;
    }
    .admissions h3.top-title {
        line-height: 45px;
        font-size: 20px;
    }
    .admissions .span_4{
        width: 100%!important;
    }
    .admissions .get_news .content{padding: 0;}
    .admissions .span_4 .orther .get_news{min-height: auto;}
    .resources h2{
        font-size: 25px;
    }
    body .bao_cao_cong_khai .vc_col-sm-6{
            width: 100%!important;
            padding: 0 10px;
            min-height: 85px;
    }
    .top-title{
        padding: 0 10px;
    }
    ul#menu-top-menu-1 li a:first-child{
        padding: 10px 0 0 0;
    }
    .main-content .map-second ul li{
        background-size: 100% 100%;
        height: 65px;
    }
	.main-content .map-second ul li a{
		padding-top:0px;
	}
    .main-content .map-second ul li a img {
        width: 72px;
        height: 72px;
        margin-top: 0px;
        margin-left: -4px;  
    }
    .main-content .map-second ul li a span {
        float: left;
        font-size: 15px;
        text-align: center;
        height: auto;
        padding: 10px 0;
    }
    .listEvents .span_4 {
        margin-right: 19px;
    }
    .main-content .map-second ul li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
        border-radius: 5px;
    }
    .main-content .map-second ul li a strong {
        width: 70%;
        font-size: 16px;
        margin-top: 10px;
    }
    .main-content .nav-map-1 > li:nth-child(2):before {
        top: -36px;
    }
    .news_info .news-tabs .owl-controls {
        top: 76%;
    }
    .show-icon .vc_col-sm-4{
        width: 100%!important
    }
    .show-icon .text-icon{
        display: none;
    }
    .main-content .nav-map-2 li {
        margin-left: 45px!important;
        width: 36%;
    }
    .main-content .nav-map-2 li a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 569px){
    .news-tabs .content .thumb {
        width: 23%;
    }
    .news-tabs .content .small {
        width: 74%;
    }
    .news_info .list-getnews .item .content .title, .events .list-getnews .item .title, .news_info .list-getnews .item .content .small, .slider-sg .item .date .title{
        min-height: auto;
    }
    .say_our .item .content .text {
        line-height: 25px;
        padding-top: 25px;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 72px!important;
    }
    .admissions .span_4{margin: 0 12px;}
    #mobile-menu {
        min-height: 245px;
    }
    .form-search {
        left: 175px;
    }
    .news_info .list-getnews .item .date{
        position: absolute;
        top: 64px;
    }
    .listName .item {
        min-height: 115px;
        padding: 0 10px;
    }
    .introduce .aboutContent .listName{
        background: rgba(25, 86, 179, 0.78);
    }
    .vision-info .title img {
        right: 85px;
    }
    .vision-info .sec2 .title img {
        right: 75px;
  
    }
    .section h2.title {
        width: 300px;
        font-size: 17px;
    }
    .main-content .nav-map-1 > li:first-child:after {
        width: 20px;
    }
    .main-content .nav-map-1 > li:nth-child(2):after{
        width: 26px;
    }
    .listEvents .span_4 {
        margin-right: 10px!important;
        width: 49%!important;
    }
    .listEvents .span_4:nth-child(2n){
        margin-right: 0!important;
    }
    .main-content .map-second ul li a strong {
        width: 57%;
    }
    .ms-layer h2 {
        font-size: 30px;
    }
    .news_info .news-tabs .owl-controls {
        top: 74%;
    }
    .main-content .nav-map-2 li {
        margin-left: 45px!important;
        width: 90%;
    }
}
@media only screen and (max-width: 480px){
    .site-item h3, .site-item .sitte-text {
        width: 70%;
    }
     .news-tabs .content .small{
        width: 100%;
    }   
    .news-tabs .content .thumb {   
        width: 100%;
        border: none;
    }
    #tabs .ui-state-default a, #tabs .ui-state-default a:link, #tabs.ui-state-default a:visited{width: 100%!important;}
    #slide .list{right: 0!important;}
    .form-search input[type="text"] {
        width: 50%;
    }
    .form-search {
        left: 0;
    }
    .ms-layer .text{display: none;}
    .admissions .span_4 {
        margin: 0;
        width: 100%;
    }
    .admissions h3.top-title {
        height: 34px;
        font-size: 18px;
        cursor: pointer;
    }
    .resources .content .span_4 .title{
        font-size: 17px;
    }
    #footer-outer #nav_menu-4,#footer-outer #nav_menu-5,#footer-outer #nav_menu-6{padding-left: 20px!important}
    #mobile-menu .container > ul > li{
        padding-left: 40px;
    }
    #mobile-menu{padding-top: 0}
    .admissions .span_4{margin-bottom: 5px;}
   .admissions .span_4 .list-news ,.admissions .span_4 .orther{
        width: 100%;
        float: left;
        display: none;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 146px!important;
    }
    .admissions .hasClick .list-news,.admissions .hasClick .orther{display: block;}
    .news_info .list-getnews .item .date {
        top: 132px;
    }
    .introduce .aboutContent .left img {
        height: 320px;
    }
    .vision-info .sec3 h5{margin-top: 20px;}
    .page-template-page-left-sidebar .left-sidebar .widget{width: 100%;margin-bottom: 0!important}
    .left-sidebar .widget h4{cursor: pointer;}
    .left-sidebar .widget > div{display: none;}
    .left-sidebar .widget.active > div{display: block;}
    .page-template-page-left-sidebar #sidebar{margin-bottom: 5px;}
    .vision-info .row-bg.using-image{
        background-image: url(https://uop.io.vn/wp-content/themes/education/images/bg-smtn.jpg)!important;    
    }
    #public-education .listEducation li img,#public-education .listEducation li{width: 100%;}
    #public-education h2, #public-education h3{text-align: center;}
    #sidebar.left-sidebar > div, #sidebar.pageSidebar > div {
        margin-bottom: 0;
    }
    .history .vc_row-fluid .vc_col-sm-6 {
        width:100%!important;
        padding-right: 10px;
    }
    .main-content .history .time h2{text-align: center;}
    .listEvents .wrap img,.listEvents .item{width: 100%;}
    .listDocument li .mask {
        width: 75%;
    }
    .listDocument li .wrap {
        width: 25%;
    }
    .listDocument li .mask > p{padding-right: 0;}
    .section h2.title {
        width: 100%;
        font-size: 17px;
        position: relative;
        right: 0;
        text-align: center;
        top: 0px;
    }
    .ui-tabs .ui-tabs-nav li{width: 100%;float: left;}
    .news-tabs .content .small p{text-align: justify;}
    .news-tabs .content img {
        margin: 0 auto;
        float: none;
    }
    header#top{padding: 0;}
   /* ul#menu-top-menu-1 li a{display: none;}*/
    ul#menu-top-menu-1 li{padding-bottom: 0;}
    header#top .col.span_12.col_last {
        top: -11px;
        left: 5px;
    }
    #mobile-menu {
        top: 160px;
        border-top: 1px solid #fff;
    }
    .ms-layer h2 {
        font-size: 22px;
        line-height: 26px;
        padding: 0;
    }
    .ms-layer .content-slide-new{top: -30px;}
    .ms-layer .content-slide-new strong{margin-bottom: 10px;}
    ul#menu-top-menu-1 li{width: 13%;}
    .msp-preset-btn-89{
        top: 20px;
    }
    .main-content .news-tabs .content .thumb {
        width: 100%;
    }
    .main-content .news-tabs .content .small {
        width: 100%;
    }
    .news_info .news-tabs .owl-controls {
        top: 57%;
    }
    .admissions h3.top-title{height: 50px;}
    .list-getnews-khoa .span_4 {
        width: 100%;
    }
    .resources .content .span_4{
        width: 100%!important;
    }
    .resources .content .span_4{
        margin-right: 0;
        margin-left: 0!important
    }
    .container{padding: 0 10px!important;}
    .resources .content .span_4{
        padding-left: 80px!important;
        padding-top: 30px!important;
    }
    #footer-outer #copyright{
        height: auto;
        text-align: center;
    }
    #footer-outer #copyright .col.span_12 p {
        color: #1956b3;
        line-height: 25px;
    }
    #footer-outer #copyright .col.span_12{
        margin: 0
    }
    .menu-sub-new ul li {
        width: 100%!important;
    }
    .list-leader .span_4 {
        width: 100%;
        padding: 15px;
        margin-right: 0;
        text-align: center;
		border-right: none;
    }
	.list-leader .span_8 {
		margin: 15px 0;
        width: 100%;
        padding: 15px;
        margin-right: 0;
        text-align: left;
    }
    .list-leader .span_4 img{
        width: 100%;
    }
    .main-content .nav-map-1 > li {
        width: 100%;
        float: left;
        margin: 10px 0!important;
    }
    .main-content .nav-map-1 > li:first-child:after,.main-content .nav-map-1 > li:nth-child(2):before,.main-content .nav-map-1 > li:nth-child(2):after{display: none;}
    .main-content .map-second ul li {
        width: 86%!important;
        margin: 10px 0;
        background-repeat: no-repeat!important;
    }
    .main-content .nav-map-2 li {
        width: 86%;
        margin: 10px 0;
    }
    .listEvents .span_4 {
        margin-right: 0px!important;
        width: 100%!important;
    }
    header#top .span_6.right .menu-top-menu-container{
        text-align: center;
    }
    ul#menu-top-menu-1 li {
        width: 23% !important;
    }
	ul#menu-top-menu-1 li:nth-child(2) {
		width: 47% !important;
	}
    header#top {
        height: auto !important;
    }
    #mobile-menu {
        top: 200px;
    }
    header#top .col.span_12.col_last {
        top: -65px;
    }
    .main-content .map-second ul li a strong {
        width: 65%;
    }
    .sent {
        width: 35%;
        float: left;
    }
    #page-categories .thumb,#page-categories .desc {
        width: 100%!important;
    }
}
@media only screen and (max-width: 415px){
    .news_info .news-tabs .owl-controls {
        top: 53%;
    }
    .top-title h2 {
        font-size: 26px;
        margin-top: 0;
    }
    .dao-tao .top-title,.dao-tao .leader{margin-top: 0;}
    .show-icon .iwithtext .iwt-text strong {
        font-size: 15px;
    }
    .show-icon .iwithtext .iwt-text a{
        font-size: 14px;
    }
}

@media only screen and (max-width: 384px){
    .site-item h3, .site-item .sitte-text {
        width: 68%;
    }
    .top-title h2 {
        font-size: 25px;
    }
    .bao_cao_cong_khai h2.title {
        line-height: 25px;
        font-size: 16px;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 127px!important;
    }
    .news_info .list-getnews .item .date {
        top: 111px;
    }
    .introduce .aboutContent .left img {
        height: 350px;
    }
    .listContent div{width: 100%;}
    .vision-info .title img {
        right: 0;
    }
    .vision-info .sec2 .title img {
        right: -10px;
    }
    .function .content,.bottom-funtion{
        font-size: 16px;
    }
    .section h2.title{font-size: 16px;}
    .contact-bottom form .sent, .contact-bottom form .again {
        width: 145px;
    }
     #mobile-menu .container > ul > li {
        padding-left: 20px;
    }
    .news_info .news-tabs .owl-controls {
        top: 50.5%;
    }
    .admissions h2{
        font-size: 20px;
    }
    .ms-layer h2 {
        font-size: 20px;
    }
    #footer-outer #copyright{
        height: auto;
        text-align: center;
    }
    #footer-outer #copyright .col.span_12 p {
        color: #1956b3;
        line-height: 25px;
    }
    #footer-outer #copyright .col.span_12{
        margin: 0
    }
    .main-content .nav-map-2 li {
        width: 85%;
    }
    .main-content .nav-map-2{width: 100%;float: left;}
}
@media only screen and (max-width: 376px){
.news_info .news-tabs .owl-controls {
  left: 0;
  top: 158px;
} 
    .news-tabs.owl-carousel.owl-theme.owl-loaded {
        min-height: 385px;
    }
    .msp-preset-btn-89{
        left: 65px!important
    } 
}
@media only screen and (max-width: 320px){
    .top-header .span_6.left .item{font-size: 13px;}
    .top-header .right section {
        width: 100%;
    }
    .top-header .right ul.menu li a{
        padding: 0 10px;
    }
    .top-header .span_6{height: auto;}
    .top-header .right section:nth-child(2) {
        width: 90%;
    }
    .form-search {
        left: -64px;
        top: 45px;
    }
    .events .list-getnews .item .date, .slider-sg .item .date {
        top: 90px!important;
    }
    .resources .content .span_4 .title{font-size: 15px;}
    #mobile-menu {
        top: 239px;
    }
    #mobile-menu .container > ul > li {
        width: 100%;
        border-right: none;
    }
    .news_info .list-getnews .item .date {
        top: 81px;
    }
    #footer-outer .span_4:nth-child(2) .widget_nav_menu, #footer-outer #nav_menu-5 {
        width: 50%!important;
    }
    #footer-outer .span_4:last-child .widget {
        line-height: 30px;
        font-size: 12px;
        
    }
    #about .text-about h5{display: none;}
    #about .text-about h4{
            margin-right: 15px;
    }
    .listName .item {
        width: 100%;
    }
    .introduce .aboutContent .left img {
        height: 470px;
    }
    .vision-info .circle img{height: 245px;}
    .vision-info .sec1 .circle::before{
        top: 240px;
        right: 108px;
    }
    .vision-info .title img {
        right: -10px;
    }
    .vision-info .sec2 .circle::before {
        left: 110px;
    }
    .vision-info .sec2 .title img {
        right: -20px;
    }
    .vision-info .sec3 .circle img{height: 230px;}
    .vision-info .title img {
        right: 0px;
    }
    .vision-info .sec3 .circle::before {
        right: 108px;
        top: 250px;
    }
    .listEducation li h5{line-height: 25px;}
    .bottom-funtion{line-height: 23px;}
    .listDocument li .mask:before{display: none;}
    .listDocument li .wrap {
        width: 100%;
    }
    .listDocument li .mask {
        width: 100%;
        padding-top: 10px;
        padding-left: 0;
    }
    .section h2.title {
        font-size: 15px;
    }
    .contact-bottom form .sent input, .contact-bottom form .again input{padding-left: 40px;}
    .contact-bottom form .sent, .contact-bottom form .again {
        width: 115px;
    }
    .search-ajax {
        top: 78px;
        right: 37px;
    }
    .ms-layer .content-slide-new strong{
        font-size: 14px;
    }
    .ms-layer h2 {
        font-size: 17px;
    }
    .ms-layer .content-slide-new {
        left: -20px;
        font-size: 14px;
        line-height: 17px!important;
    }
    .msp-preset-btn-89 {
        top: 15px;
    }
    .news_info .news-tabs .owl-controls {
        top: 42%;
    }
    .admissions h2 {
        line-height: 25px;
    }
    .news_info h2:before, .news-khoa h2:before, .say_our h2:before, .admissions h2:before, .resources h2:before{
        left: 60%;
    }
    #mobile-menu {
        top: 160px;
    }
    .news-khoa h2{font-size: 24px;}
    .resources h2 {
        font-size: 21px;
    }
    .main-content .site-item h4{
        margin: 0 auto;
        display: block;
        float: none;
    }
    .site-item h3, .site-item .sitte-text {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    ul#menu-top-menu-1 li:nth-child(4) {
        width: 33%;
    }
    ul#menu-top-menu-1 li {
        width: 32%;
    }
    ul#menu-top-menu-1 li a{
        font-size: 11px!important
    }
    header#top .col.span_12.col_last {
        top: -12px;
        left: 0;
    }
    #mobile-menu {
        top: 240px;
    } 
    .news-tabs.owl-carousel.owl-theme.owl-loaded {
        min-height: 350px;
    }
    .msp-preset-btn-89 {
        left: 65px!important;
    }
    .sent {
        width: 55%;
        float: left;
        text-align: center;
    }
    .main-contact-new{padding: 0;}
    .main-contact-new h2{margin-top: 0;font-size: 25px;text-align: center;}
    .top-title h2 {
        text-align: center;
    }
    .map h2{
        font-size: 20px;
    }
    .main-content .map-second ul li a strong {
        width: 60%;
    }
    .main-content .nav-map-2 li {
        width: 80%;
    }
}