

@media (min-width: 1200px) {
    .news-video-home {
        background-color: rgba(229,236,205,.7);
        padding: 5px;
        margin-bottom: 10px
    }

        .news-video-home a {
            color: #d70006;
            font-size: 14px;
            font-weight: 700
        }

    .menulag ul li a {
        border-right: 1px solid #133f6a
    }



    .item-image-fixed {
        margin-right: 14px
    }

    .col-right {
        margin-left: 14px
    }

    .detail-post .comment-text-right {
        text-align: right
    }


    .tn-contact, .tn-dangky, .xhead-login {
        padding: 20px
    }

    .search-box {
        margin-top: 6px
    }

    .home-content {
        margin-top: 20px
    }

    .heritage .menu {
        height: 530px;
        overflow-y: scroll
    }

    .oppo-job-detail .job-content {
        margin-left: 15px
    }

    .search-box-list .datetime-from, .search-box-list .datetime-to {
        margin-left: 5px
    }

    .post-home-category .news-hot-cate {
        margin-right: 7px
    }

    .post-home-category .news-cate-other {
        margin-left: 7px
    }

    #scroll-top {
        z-index: 9999
    }

    .post-slide .list-lasted .w-item {
        height: 93px;
        overflow: hidden
    }

    .xhead-login {
        font: 400 28px/40px Roboto;
        text-transform: uppercase;
        color: #000
    }

    .padding0-3px {
        padding: 0 3px
    }

    .cc-blwh {
        color: #fff
    }

    .menu-btn {
        cursor: pointer;
        padding-left: 6px;
        height: 35px
    }

        .menu-btn .fa {
            margin-top: 7px;
            position: inherit
        }

    .post-news-category {
        margin: 0 7px
    }

    .post-news-box {
        margin: 0 -7px
    }

    .post-home-category-sub .news-content {
        height: 348px;
        overflow: hidden
    }

    .post-home-category-sub-fr {
        height: 380px;
        overflow: hidden
    }

        .post-home-category-sub-fr .news-content {
            height: 322px;
            overflow: hidden
        }

    .post-home-category-sub-cn {
        height: 364px;
        overflow: hidden
    }

        .post-home-category-sub-cn .news-content {
            height: 306px;
            overflow: hidden
        }

    .cn-post-news .w-content {
        height: 201px;
        overflow: hidden
    }

    .sub-nav {
        height: 39px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 14px
    }

    .imgMain img {
        max-height: 420px
    }
}

@media (max-width:1199px) {
    header.header a.link-header .header-project-name-en, header.header a.link-header .header-project-name-vi {
        font-size: 14px
    }

    .item-image-fixed {
        margin-right: 14px
    }


    .detail-post .comment-text-right {
        text-align: right
    }

    .hm-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0
    }

    .menuquiz, .menutravel, .menuview {
        margin: 0 0 10px 10px
    }

    .footer {
        text-align: left;
    }


        .footer .left {
            display: table;
            table-layout: fixed
        }

        .footer .text {
            padding-left: 5px;
            display: table-cell;
            vertical-align: middle
        }

            .footer .text a {
                font: 600 12px/18px Roboto;
                color: #fff
            }

                .footer .text a:hover {
                    color: #ddd
                }

    .travel-list .xitem {
        padding: 0 10px 20px;
        display: block
    }

    .tn-contact, .tn-dangky, .xhead-login {
        padding: 20px
    }

    .home-content {
        margin-top: 20px
    }

    .oppo-job-detail .job-content {
        margin-left: 15px
    }

    .search-box-list .datetime-from, .search-box-list .datetime-to {
        margin-left: 5px
    }

    .post-home-category .news-cate-other {
        margin-left: 7px
    }

    .post-slide .list-lasted .w-item {
        height: 93px;
        overflow: hidden
    }

    .xhead-login {
        font: 400 28px/40px Roboto;
        text-transform: uppercase;
        color: #000
    }

    .padding0-3px {
        padding: 0 3px
    }

    .post-mostview {
        min-height: 292px
    }

    .cc-blwh {
        color: #fff
    }

    .menu-btn {
        cursor: pointer;
        padding-left: 6px;
        border-left: 1px solid #E06567;
        height: 35px
    }

        .menu-btn .fa {
            margin-top: 7px
        }

    .post-news-category {
        margin: 0 7px
    }

    .post-news-box {
        margin: 0 -7px
    }

    .post-home-category-sub .news-content {
        height: 348px;
        overflow: hidden
    }


    .post-home-category-sub-fr {
        height: 380px;
        overflow: hidden
    }

        .post-home-category-sub-fr .news-content {
            height: 322px;
            overflow: hidden
        }

    .post-home-category-sub-cn {
        height: 364px;
        overflow: hidden
    }

        .post-home-category-sub-cn .news-content {
            height: 306px;
            overflow: hidden
        }

    .cn-post-news .w-content {
        height: 201px;
        overflow: hidden
    }

    .sub-nav {
        height: 39px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 14px
    }
}

@media (min-width:678px) and (max-width:992px) {

    .post-mostview, .post-slide .list-lasted .w-item, .post-tieudiem .w-content {
        height: auto
    }



    header.header a.link-header .header-project-name-en, header.header a.link-header .header-project-name-vi {
        font-size: 16px
    }


    .col-left, .item-image-fixed {
        margin-right: 0
    }

    .hm-footer {
        position: relative
    }

    .menuquiz, .menutravel, .menuview {
        margin: 10px 0 0
    }


    .travel-list .xitem {
        margin-bottom: 10px;
        display: block;
        padding: 0
    }


    .home-content {
        margin-top: 10px
    }

    .event-cal-icon {
        margin-top: 5px
    }

    .heritage .menu {
        height: auto;
        overflow: visible
    }

    .oppo-job-detail .job-content {
        margin: 0
    }

    .search-box-list .datetime-from {
        margin: 8px 0 0
    }

    .search-box-list .datetime-to {
        margin: 8px 0 0 5px
    }

    .col-right {
        margin-left: 0
    }

    .post-home-category .news-hot-cate {
        margin-bottom: 14px
    }

    .post-home-category .news-cate-other {
        margin: 0
    }

    #scroll-top {
        position: fixed;
        bottom: 10px;
        right: 5px;
        z-index: 9999
    }

    .xhead-login {
        font: 400 18px/20px Roboto;
        text-transform: uppercase;
        color: #000;
        padding: 10px
    }

    .padding0-3px, .tn-contact, .tn-dangky {
        padding: 0
    }

    .cc-blwh {
        color: #da0100
    }

    .menu-btn {
        cursor: pointer;
        padding-left: 0;
        border: 0;
        height: 35px;
        float: left
    }

    .cn-post-news .w-content, .post-home-category-sub-cn, .post-home-category-sub-cn .news-content, .post-home-category-sub-fr, .post-home-category-sub-fr .news-content, .sub-nav {
        height: auto
    }

    .menu-btn .fa {
        margin-top: 5px
    }

    .post-news-box, .post-news-category, .sub-nav {
        margin: 0
    }

    .post-home-category-sub .news-content {
        height: auto;
        overflow: hidden
    }


    .sub-nav {
        border: 0
    }

    .imgMain img {
        height: 538px
    }
}

@media (max-width:676px) {

    .xs-mgt5 {
        margin-top: 5px !important
    }

    .v3post-home-category, .xs-mgt0 {
        margin-top: 0 !important
    }

    .xs-pd5 {
        padding: 5px !important
    }

    .xs-pdt5 {
        padding-top: 5px !important
    }

    .xs-mgb5 {
        margin-bottom: 5px !important
    }

    .v3-home-group-title {
        padding-bottom: 3px !important
    }

    .footer .vmenufooter, .ps-slide, .v3footermenu, .xtimer {
        display: none
    }

    .v3w-hot-list a div {
        margin: 0 !important;
        font-weight: 400
    }

    h2.h2cate1, h3.h3cate, h3.h3cate1 {
        font-weight: 400 !important
    }

    .v3-content .col-md-12 {
        margin-bottom: 5px
    }

    .v3home-block-title a, h3.h3cate1 {
        font-size: 14px !important
    }

    .v3-content .xlink {
        line-height: 16px;
        font-size: 12px;
        font-family: Arial;
        color: #004478;
        padding: 0 2px;
        margin-left: 10px;
        text-align: justify;
        font-weight: 700
    }

    .Slide .item h3 a, header.header a.link-header .header-project-name-en, header.header a.link-header .header-project-name-vi {
        font-size: 14px
    }

    .detail-post .comment-text-right, .document-info .info-action, .event-cal-icon, .test-time, .tn-dangky .form-group .title-head {
        text-align: left
    }

    .none-last-chilrd .imgcenter img {
        height: auto !important
    }

    .Slide .item .imgslide, .docnhieu, .post-mostview, .post-slide .list-lasted .w-item, .post-tieudiem .w-content, .raudio, .viewtd {
        height: auto;
        min-height: inherit !important
    }

    .himg-discuss {
        max-width: 100% !important
    }

    .div-search .text-search {
        border-left: none
    }

    .v3-home-group-title a {
        font-weight: 700
    }

    .v3-home-group-title {
        padding-left: 5px
    }

    .col-left, .item-image-fixed {
        margin-right: 0
    }

    .hm-footer {
        position: relative
    }


    .travel-list .xitem {
        margin-bottom: 10px;
        display: block;
        padding: 0
    }


    .home-content {
        margin-top: 10px
    }

    .event-cal-icon {
        margin-top: 5px
    }

    .search-box-list .datetime-from {
        margin: 8px 0 0
    }

    .search-box-list .datetime-to {
        margin: 8px 0 0 5px
    }

    .col-right {
        margin-left: 0
    }

    .post-home-category .news-hot-cate {
        margin-bottom: 14px
    }

    .post-home-category .news-cate-other {
        margin: 0
    }

    .xhead-login {
        font: 400 18px/20px Roboto;
        text-transform: uppercase;
        color: #000;
        padding: 10px
    }

    .padding0-3px, .tn-contact, .tn-dangky {
        padding: 0
    }

    .cc-blwh {
        color: #da0100
    }

    .menu-btn {
        cursor: pointer;
        padding-left: 0;
        border: 0;
        height: 28px;
        margin-left: 10px;
        margin-top: -4px
    }

    .cn-post-news .w-content, .post-home-category-sub-cn, .post-home-category-sub-cn .news-content, .post-home-category-sub-fr, .post-home-category-sub-fr .news-content, .sub-nav {
        height: auto
    }

    .menu-btn .fa {
        font-size: 28px
    }

    .post-news-box, .post-news-category, .sub-nav {
        margin: 0
    }


    .post-home-category-sub .news-content {
        height: auto;
        overflow: hidden
    }

    .sub-nav {
        border: 0
    }


    .post-category-slide .ca-nav {
        width: 65px
    }

    .imgautodiv {
        text-align: center;
        width: 100%
    }


    .detail-post .post-content img, .imgtelerik {
        max-width: 100%;
        width: auto !important;
    }

    .imgEditor {
        width: 580px
    }

    .mgcr .raudio {
        margin-top: 15px !important
    }

    .mediacontent {
        border: 0 !important;
        padding-bottom: 0 !important
    }

    .videolist {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .imgaudio img {
        width: 305px;
        height: 200px
    }

    #main-audio-player audio {
        width: 305px
    }

    .vltitle {
        margin-left: 0;
        padding-top: 0
    }

    .vboxplay {
        padding-left: 0;
        padding-right: 0
    }

    .box-video-player #flvplayer {
        height: 200px !important
    }

    .img-responsive {
        display: inherit !important;
        width: 100% !important
    }

    .pagethree {
        padding-right: 2px !important
    }

    .ismages1 {
        margin-bottom: -40px
    }

    .imgMain img {
        height: 451px
    }

    .imgplayback {
        background: 0 0
    }

    .hotimg-responsive {
        width: 150px !important;
        height: 105px !important
    }

    .search-box-list {
        padding-right: 0 !important
    }
}

@media (max-width:480px) {

    .post-comment .members-comments .comment-info .c-content {
        width: 95%
    }


    .v3w-hot-link a {
        font-size: 14px
    }

    .none-last-chilrd .vhomecbl {
        font-weight: 600
    }

    .Slide .item h3 a {
        line-height: 20px
    }

    .hothome-page {
        border: none
    }

    .xtimer #Date {
        margin-top: -30px;
        padding-left: 5px
    }

    .menu-btn .fa {
        position: absolute;
        right: 2px;
        z-index: 100
    }

    .post-category-slide .xitem .imgslide {
        height: auto;
        max-height: 160px !important
    }

    .detail-post .post-content img, .imgtelerik {
        max-width: 100%;
    }

    .imgEditor {
        width: 400px
    }


    .imgMain img {
        height: 219px
    }

    .ismages1 {
        margin-bottom: -40px
    }
}


@media (max-width:375px) {

    ul.breadcrumbPageTwo {
        display: inline-block !important
    }

    .btsend-view, .xcaptcha {
        float: none !important;
        text-align: left
    }

    .post-comment .w-send {
        font-size: 13px
    }

    .detail-post .post-title {
        font-size: 22px
    }

    .menupt ul li a {
        font-size: 10px
    }

    .detail-post .post-content, .detail-post .post-summary h2 {
        font-size: 16px;
        line-height: 26px
    }

    .menulag ul li a, .menupt ul li a {
        padding: 0 5px
    }

    .detail-post .post-content img, .imgtelerik {
        max-width: 330px !important
    }

    .imgEditor {
        width: 360px
    }

    .txt-Summary {
        display: none
    }
}

@media (max-width:320px) {
    .detail-post .post-content img, .imgtelerik {
        max-width: 100% !important;
        width: auto !important
    }

    .imgEditor {
        width: 100%
    }
}
