@media screen and (max-width: 1170px) {
                                       #logo {
    width:290px;
    margin:auto;
}
.logop {
    float:left;
    position:relative;

}
.logop  img {
    margin-top: 5px!important;
}
        .col1 { width: 22%!important; }
.col2 { width: 47%!important; }
.box {
    margin: 5px 1%!important;
    float: left!important;
    padding: 0!important;
}
    #alpha {
    width:100%!important;
    clear:both;
    }
.col1 img { max-width: 100%; }
.col2 img { max-width: 100%; }

    .width100 div {

        float:left;width:100%!important;
    }
    .lh h2{
        text-align:center!important;

    }
    .lh h2 img{
       display:none;
    }
    .hinh {
        display:none;
    }
    .left-content img{
        height:initial!important;
    }
    .tinthumn {
        width:100px;
    }
    .left-content {
        float:left;
        width:65%!important;
        margin-right:3%;
    }
    .right-content {
    float: right;
    width: 32%!important;
}
    * {
        max-width:100%;
    }
    body {
        float:left;
        width:100%;
        overflow-x:hidden;
    }
    .container {
        width:100%;
        padding:0 2%;
    }
    .flright {
        float:right;
        width:40%!important;
    }
    .mlogo {
        float:left;
        width:60%!important;
    }
    .slider-wrapper {
    float: left;
    width: 100%;
}
       .slider-wrapper img{
    width: 100%;
}
    #megaUber {
        display:none;
    }
    .connect {
    font: 24px 'Cucho', Arial;
    margin: 7px 0 0 10px!important;
}
    .nav-wrp {
        float: left;
    min-height: 40px;
    width: 100%;
    background: #4bb148;
    }
    .mbdk {
        display:block!important;
        float:left;
       
    }
    .thumbnails {
    float: right;
}
#logo {
    float: left;
}
.regist a {
    color: #fff;
    margin-top: 10px;
    float: left;
    background: none;
    font: 24px 'Cucho', Arial;
}
    .deskdk {
        display:none;
    }
    .social {
    margin-top: 20px;
}
    .mnDanhMuc {
    height: 40px;
    float: right;
    margin: 10px 0 10px 0;
}
    .mnDanhMuc a {
    color: #fff;
    background: url('../images/sprites-small.png') no-repeat 8px 10px;
    display: block;
    height: 30px;
    border: #aad862 solid 1px;
    padding: 10px 5px 30px 35px;
    font-size: 14px;
}
    .mnDanhMuc a {
    line-height: 22px;
    font: 24px 'Cucho', Arial;
}
    .theme-default .nivo-directionNav a {
    width: 50px!important;
    height: 50px!important;
    background-size:30px 50px!important;
}
    .cc img {
        margin-left:0!important;
    }
 .license {
    right: 0;
    left: initial;
}
      .category ul li {
    width: 40%!important;
    margin: 10px 5%!important;
    text-align:center;
    float:left!important;
}
      .category ul li h4{
    text-align:center;
}
          .dkyhthu img {
        width:50%;
    }
          .pp, .cc, .dh {
    padding: 20px 0 20px 0;
}
    .nav {
        position:relative;
    }
    .mnDanhMuc {
    display:block;
}
    #megaUber {
    position: absolute;
    top: 0;
    right: 0;
    width: 244px;
    height: 100%;
    padding: 0px;
    z-index: 9999999999999;
    top: 64px;
    }
    #megaUber li{
    float:left;
    width:100%;
    background-color:rgb(53, 182, 49);
    margin:0!important;
    }
    .nav-links > li:nth-of-type(5) a {
        width:100%!important;
    }
    .fixed li a {
        BACKGROUND-SIZE: 70PX auto !IMPORTANT;
        color:#4bb148!important;
}
    .nav-links>li a {
        font: 18px 'Cucho', Arial;
    color: #ffffff;
    font-weight:normal;
}
     #megaUber  li:hover {
       background:#ffc7b1;
    }
     .content {
        background:none;
        padding-top:0;
    }
     .article li {
float: none;
    display: inline-block;
    width: 47%;
    margin: 15px 1%;
}
     .content1 {
    padding-bottom: 40px;
}
    .ngoai_khoa li {
        float:left;
        width:46%!important;
        margin:10px 2%!important;
    }
    
    .ba-me img{
        float:left!important;
        margin:0!important;
        width:100%!important;
        height:initial!important;
    }
    .Artistsright ,.Artistsleft,.phleft,.phright{
        display:none;
    }
    .Content_view img {
        height:initial!important;
 
    }
     .tdd{
        display:none!important;
 
    }
    .tintuc {
        text-align:center;
    }
     .tintuc li {
         float:none;
         display:inline-block;
    width: 46%;
    vertical-align:top;
    margin: 10px 1.5%!important;
}
    .THUMM {
        float:left;
        width:100%;
    }
    .THUMM img{
        float:left;
        width:100%;
    }
        .triet-ly  UL  {
    margin-left:0!important;
}
    .triet-ly  UL li {
    float: left!important;
    width: 46%!important;
    margin: 2%!important;
}
    .triet-ly  UL li img {
    width:100%!important;
}
    .tintuc .article-item-sumary h3 {
    text-align: justify;
    font: 14px 'Mont',Arial;
}
       .cc h2 a {
        font-size:40px;
    }
    .cc h2{
       text-align:right;  font-size:40px;
       width:100%!important;    padding-top: 30px;
    margin-bottom: 30px;
    }
     .cc h2 br {
       display:none;
    }
}
@media screen and (max-width: 1024px) 
{
.dh h2 a {
    font: 41px 'Cucho', Arial;
}
.category ul li {
    width: 40%!important;
    margin: 10px 4%!important;
    text-align: center;
    float: none!important;
    display: inline-block;
}


}
@media screen and (max-width: 800px) 
{
     .box {
    
        float:left;
        width:47%!important;
        margin:10px 1%!important;
    }
    .lh-left,.lh-right {
        float:left;
        width:100%; 
        margin:0!important;
    }
    .article-item-sumary span:last-child {
    margin-right: 20px!important;
    font: 14px 'VNF',Arial;
}
    .triet-ly div {
        width:100%!important;
    }
 
    .cc h2 a {
        font-size:40px;
    }
    .cc h2{
       text-align:right;  font-size:40px;
       width:100%!important;    padding-top: 30px;
    margin-bottom: 30px;
    }
     .cc h2 br {
       display:none;
    }
   .cc h2 img {
    margin-top: -10px!important; 
    width: 100px!important; 
    }
    .thumbnail {
    float: left;
    margin-bottom:10px;
    width: 100%;
}
    .gioithieu li {
    width: 24%;
   
}
    .menu-content li a {
    font: 16px 'VNF', Arial;
}

    .cau-chuyen  img{
        float:none!important; margin:auto;
    }
     .cau-chuyen  span{
        float:left!important; width:100%!important;
        text-align:justify;
    }
    .lienlac a {
    font: 40px 'Cucho', Arial;
}
    .pp h2 {
        font: 40px 'Cucho', Arial!important;
    }
     .pp h2 img{
        margin: -30px 20px 0 0px!important;
        width: 50px;
    }
     .lienlac {
    margin: 50px 0 0 0px;
}
     .tintuc span:last-child {
    margin-right: 0px;
    font: 14px 'VNF',Arial;
}

}
@media screen and (max-width: 480px) {
    .box {
    
        float:left;
        width:98%!important;
        margin:10px 1%!important;
    }

    .img-article-top h3 {
        margin-top:30px;
        float:left;
    }
    .thumbnail {
    margin-right: 0px;
}
    .tintuc li {
        float:left;
        width:100%; margin:10px 0;
    }
    .img-article-top h3 a {
    font: 26px 'VNF', Arial;
}
    .visao li {
        list-style-type:circle;
        padding:0;
        background:none;
    }
    .gioithieu li {
    width: 48%;
}
    .FormButton {
    float:right;
    margin-left:0;
    }
    .Content_page div{
        float:left;
        width:100%!important;
    }
    .ngoai_khoa li h3 {
        min-height:initial!important;
    }
    .ngoai_khoa li {
        float:left;
        width:98%!important;
        margin:10px 1%!important;
    }
    .chuong-trinh {
        float:left;
        width:100%;
    }
     .chuong-trinh img{
       margin-right:0!important;
       height:initial!important;
       margin-bottom:10px;
       width:100%;
    }
         .article li {
        float: none;
    display: inline-block;
    width: 100%;
    margin: 15px 0%;
}
    .THUMM {
        width:100%;
    }
    .article-item-sumary h2 {
        margin-top:15px;
    }
    .triet-ly div{
    float:left;
    width:100%!important;
    }
    .triet-ly ul{
    float:left;
    width:100%!important;
    margin-left:0;
    }
        .triet-ly img{
    float:none;
      width: 100%!important;
    height: initial;
    margin: auto;
    }


    .cc h2 {
        padding-top:0;
        text-align:center;
        font-size:30PX;
        min-height:initial;
    }

    .content h2 img ,  .cc h2 br{
        display:none;
    }
    .cau-chuyen1 img{
        float:left;
        width:100%!important; height:initial!important;    }
    .regist a {
    color: #fff;
    margin-top: 10px;
    float: left;
    background: none;
    font: 19px 'Cucho', Arial;
    padding-right: 0;
}
    .mnDanhMuc a {
    line-height: 22px;
    font: 18px 'Cucho', Arial;
}
    .connect {
        display:none;
    }
    .footer {
        background:#fbfbfa!important;
    }
    .lienlac img {
    width: 50px;
}
    .cc img {
        margin-left:0!important;
        width:30%!important;
    }
    .license {
        left:0;
        width:100%;
        text-align:center;
        position:relative;
    }
    .cc img {
    margin-left: 0!important;
    width: 30%!important;
    float: right;
    margin-top: -15px!important;
}
    .cc h2 a {
    font: 34px 'Cucho', Arial;
    color: #4bb148;
    font-weight: bold;
    line-height:45px;
}
    .cc > div img{
        margin-top:0!important;
    }
    .dh h2 {
    width: 100%;
}
        .dh h2 br {
   display:none;
}
    .dh .head img, .dkyhthu {
    display: none;
}
    .lienlac a {
    font: 30px 'Cucho', Arial;
}
    .license {
    left: 0;
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 14px;
    float: left;
}
    .category h3 {
        text-align:center;
    }
    .ba-me {
        margin-left:0!important;
    }
    .ct span {
        font-size:14px;
    }
      .ct span:last-child{
        margin-right:0px!important;
    }
    .img-article-top h5 ,   .img-article-top h4 {
        float:left;
        width:100%;
    }
     .triet-ly  UL li {
    float: left!important;
    width: 100%!important;
    margin: 0%!important;
}
    #alpha {
    width:100%!important;
    clear:both;
    }
.col1 img { max-width: 100%; }
.col2 img { max-width: 100%; }

}
@media screen and (max-width: 320px) {
    .regist a {
        font: 15px 'Cucho', Arial;
    }
    .lienlac a {
    font: 27px 'Cucho', Arial;
}
}