@charset "utf-8";
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}

/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 568px) {}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 800px) {}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}

/* Medium Devices, Desktops */

@media only screen and (min-width: 1024px) {}

@media only screen and (min-width: 1400px) {
    #wrapper_main {
        /* max-width: 1349px; */
        margin: 0 auto;
    }
}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1100px) {
    .doitac-item a {
        width: 90%;
    }
    .main-tit {
        font-size: 1.3em;
    }
    .ft-info,
    .ft-thongke {
        max-width: 50%;
    }
    .tinnb-bg,
    .gioithieu-bg,
    .video-doitac-bg,
    body:not(.index) #wrapper_main {
        background-image: none;
    }
    .container {
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    #footer1 {
        display: block;
    }
    .tinkhac-box {
        width: 230px
    }
    .noidung-box {
        width: calc(100% - 240px);
    }
    .tuyendung-item {
        width: 100%
    }
    .tuyendung-box {
        max-width: 98%;
    }
    .tuyendung-box .tit {
        font-size: 1.2em;
    }
    .news-item {
        width: 100%
    }
    .tinnb-item.tinnb2 a {
        max-width: 92%;
    }
    .tinnb-slider-box,
    .tinnb1-box {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        max-width: 100%;
    }
    .tinnb-slider-box:after,
    .tinnb-slider-box:before {
        width: 0;
        height: 0;
    }
    .tinnb-item.tinnb2 {
        width: 50%
    }
    .duan-item figure:after,
    .hoatdong-item figure:after,
    .duan-item figure:before,
    .hoatdong-item figure:before {
        width: 0;
        height: 0
    }
    .logo-banner {
        margin-left: 50px;
    }
    .idx-tit {
        font-size: 1.2em;
    }
    #hd-mobile,
    .search-mobi {
        display: block;
    }
    #w_menu_mobile {
        display: block;
    }
    #wrapper_main {
        overflow: hidden;
    }
    .hd-top {
        display: none;
    }
}

@media screen and (min-width: 500px) and (max-width: 1000px) {}

@media only screen and (max-width: 992px) {
    .combomobile {
        display: block;
    }
    .copyright-wrap {
        /* padding-bottom: 30px */
    }
    .nav-bg {
        display: none;
    }
    .row {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .ft-info,
    .ft-thongke {
        float: none;
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    .noidung-box,
    .tinkhac-box {
        width: 100%;
        float: none;
    }
    .news-item {
        width: 100%
    }
    .logo-banner {
        margin-left: 0;
    }
    .hoatdong-item a {
        max-width: 96%;
    }
    .doitac-item a:before,
    .doitac-item a:after {
        width: 0;
        height: 0
    }
    .fanpageplace {
        margin-bottom: 15px;
    }
    .ft-content {
        padding: 0
    }
    .bn-right {
        display: none;
    }
    .logo-banner {
        float: none;
        text-align: center;
    }
    .gioithieu-item {
        width: 100%
    }
    .gioithieu-item a .info p {
        overflow: hidden;
        height: 60px;
    }
    .duan-item {
        width: 100%
    }
    .tinnb-item.tinnb2 {
        width: 50%
    }
    .hoatdong-slider {
        padding: 0;
        width: 100%
    }
    .hoatdong-slider:before,
    .hoatdong-slider:after {
        width: 0;
        height: 0
    }
    .hoatdong-item {
        width: 100%
    }
    .video-khac {
        width: 50%;
    }
    .video-khac a img {
        height: 100px
    }
    .doitac-item {
        width: 50%
    }
    .doitac-item:last-child {
        display: none
    }
}

@media only screen and (max-width: 670px) {}

@media only screen and (max-width: 667px) {}

@media only screen and (max-width: 500px) {}

@media only screen and (max-width: 479px) {
    .tuyendung-box figure,
    .tuyendung-box .info {
        float: none;
        width: 100%
    }
    .tuyendung-box figure {
        margin-bottom: 15px;
    }
    .tuyendung-box .info {
        padding: 0 10px;
    }
    .gioithieu_detail .thanhnav.nav>li>a {
        font-size: 0.6em;
    }
    .news-item figure,
    .news-item .info {
        width: 100%;
        float: none;
        max-width: 100%;
    }
}

@media only screen and (max-width: 374px) {
    .doitac-item {
        width: 100%;
    }
    .tinnb-item.tinnb2 a {
        max-width: 100%;
    }
    .tinnb-item.tinnb2 {
        width: 100%
    }
    .pr-box {
        width: 100%;
    }
}