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

    .nav-box>li>a,
    .nav-pills>li>a {
        padding: 0 6px;
    }

    .chantrang .co1 {
        padding-right: 15px;
    }

    .chantrang .co2 {
        padding-left: 15px;
    }

    .chantrang .copy-footer .right {
        max-width: 16%;
    }

    .block-BBT .t2::after {
        top: 23.9%;
    }

    .block-BBT .t3::before,
    .block-BBT .t3::after {
        top: 37.7%;
    }

    .block-lienhe-TLDB .t2 {
        gap: 50px;
    }

    .block-lienhe-TLDB .t2 .t2-2 {
        padding-left: 50px;
    }

    .blog-wrapperr-main .txt .page {
        max-width: 78%;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 17%;
    }

    .tax-media .project .block-1 {
        max-width: 70%;
    }

    .tax-media .project .block-2 {
        max-width: 28%;
    }

    .single-videohinhanh .related_old .txtF a {
        width: 18%;
    }
}

@media only screen and (max-width: 820px) {
    .chantrang .copy-footer .right {
        max-width: 19%;
    }

    .block-BBT .t1::after,
    .block-BBT .t2::after,
    .block-BBT .t3::before,
    .block-BBT .t3::after {
        display: none;
    }

    .block-BBT .t1,
    .block-BBT .t2,
    .block-BBT .t3 {
        margin-bottom: 15px;
        max-width: 100%;
    }

    .block-BBT .t4 .t4-1 .bottom,
    .block-BBT .t4 .t4-2 .bottom {
        grid-template-columns: repeat(1, 1fr);
    }

    .quydinh-TLDB>div {
        height: auto;
    }

    .quydinh-TLDB p {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .blog-wrapperr-main .txt {
        display: inline;
    }

    .blog-wrapperr-main .txt .txtF {
        max-width: 100%;
    }

    .blog-wrapperr-main .txt .page {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .blog-wrapperr-First .box-1 {
        max-width: 100%;
        padding-right: 0px;
        padding-bottom: 10px;
    }

    .blog-wrapperr-First .box-2 {
        max-width: 100%;
        padding-top: 10px;
        padding-left: 0px;
    }

    .blog-wrapperr_second .category-page .box .post {
        margin-bottom: 15px;
    }

    .blog-wrapperr_second .category-page .box .post .co2 {
        padding: 0;
    }

    .blog-wrapperr_second .category-page .box .post .co2 .thongtin {
        margin-bottom: 0;
    }

    .blog-wrapperr_second .category-page .box .post .co2 {
        max-width: 61%;
    }

    .blog-wrapperr_second .category-page {
        max-width: 70%;
    }

    .blog-wrapperr_second .sidebar-tintuc {
        max-width: 28%;
    }

    .tintuc-single .single-layout .single-main {
        max-width: 70%;
    }

    .tintuc-single .single-layout .single-sidebar {
        max-width: 28%;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 24%;
    }

    .tax-media .project .block-1 .post-main .post-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-videohinhanh .related_old .txtF a {
        width: 24%;
    }

    .single-videohinhanh .related_old .new-list-related {
        grid-template-columns: repeat(2, 1fr);
    }

    .video-main .video {
        grid-template-columns: repeat(2, 1fr);
    }

    .chantrang .co1 p {
        padding-right: 0;
    }
}

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

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 25%;
    }

}

@media only screen and (max-width: 800px) {
    .blog-wrapperr-main .txt .page {
        column-gap: 30px;
        text-align: center;
    }

    .single-videohinhanh .related_old .txtF a {
        width: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .chantrang .copy-footer .right {
        max-width: 20%;
    }

    .blog-wrapperr-main .txt .page {
        column-gap: 15px;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a,
    .single-videohinhanh .related_old .txtF a {
        width: 26%;
    }

    .tax-media .project .block-1 .txt .dmcon>div {
        gap: 6px;
    }

}

@media only screen and (max-width: 480px) {
    .header-main {
        height: 100px;
    }

    .chantrang .copy-footer>div,
    .chantrang .copy-footer .left {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .chantrang .copy-footer .left .diff {
        margin-left: 10px;
    }

    .chantrang .copy-footer .right {
        max-width: 35%;
        margin-top: 10px;
    }

    .chantrang .co1 {
        padding-bottom: 10px;
    }

    .block-BBT .t4 {
        display: inline;
    }

    .block-BBT .t4 .t4-1,
    .block-BBT .t4 .t4-2 {
        max-width: 100%;
    }

    .block-BBT .t4 .t4-2 {
        margin-top: 15px;
    }

    .block-lienhe-TLDB .t2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .block-lienhe-TLDB .t2 .t2-2 {
        border-left: none;
        padding-left: 0;
    }

    .blog-wrapperr-First .box-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-wrapperr_second .category-page,
    .blog-wrapperr_second .sidebar-tintuc {
        max-width: 100%;
    }

    .blog-wrapperr-main .txt .page {
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
    }

    .blog-wrapperr_second .sidebar-tintuc {
        margin-top: 30px;
    }

    .blog-wrapperr_second .category-page .box .post .co1 img {
        height: 120px;
    }

    .tintuc-single .single-layout .single-main,
    .tintuc-single .single-layout .single-sidebar {
        max-width: 100%;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 31%;
    }

    .tintuc-single .related_old .new-list-related {
        grid-template-columns: repeat(1, 1fr);
    }

    .tax-media .project .block-1,
    .tax-media .project .block-2 {
        max-width: 100%;
    }

    .tax-media .project .block-1 .post-main .post-1,
    .tax-media .project .block-1 .post-main .post-2 {
        max-width: 100%;
    }

    .tax-media .project .block-1 .post-main .post-3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .tax-media .project .block-1 .post-main .post-2 .content:nth-child(1) .r1 .img-diff,
    .tax-media .project .block-1 .post-main .post-3 .r1>div .img-diff {
        width: 70px;
    }

    .single-videohinhanh .related_old .new-list-related {
        grid-template-columns: repeat(1, 1fr);
    }

    .single-videohinhanh .related_old .txtF a {
        width: 31%;
    }

    .tax-media .project .block-1 .txt {
        display: block;
    }

    .tax-media .project .block-1 .txt .dmcon>div {
        margin-bottom: 15px;
    }
    .search-new-list>div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .search-new-list>div img{
        height: 150px;
    }
}

@media only screen and (max-width: 428px) {
    .chantrang .copy-footer .right {
        max-width: 39%;
    }

    .blog-wrapperr_second .category-page .box .post .co2 .thongtin>div {
        margin-right: 15px;
    }

    .blog-wrapperr-main .txt .page {
        column-gap: 10px;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 36%;
    }

    .single-videohinhanh .related_old .txtF a {
        width: 37%;
    }

    .video-main .video {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (max-width: 390px) {
    .chantrang .copy-footer .right {
        max-width: 42%;
    }

    .blog-wrapperr_second .category-page .box .post .co2 .thongtin>div {
        margin-right: 8px;
    }

    .blog-wrapperr-main .txt .page {
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }

    .blog-wrapperr-main .txt .txtF h1 {
        text-align: center;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 42%;
    }

    .single-videohinhanh .related_old .txtF a {
        width: 41%;
    }

    .blog-wrapperr-main .txt .page a {
        text-align: center;
    }
}

@media only screen and (max-width: 375px) {
    .chantrang .copy-footer .right {
        max-width: 44%;
    }

    .blog-wrapperr_second .category-page .box .post .co2 .thongtin>div {
        margin-right: 3px;
    }

    .tintuc-single .related_old .txtF a,
    .tintuc-single .related_new .txtF a {
        width: 45%;
    }

    .tintuc-single .related_new .new-list-post .post-content {
        padding: 10px 0;
    }

    .single-videohinhanh .related_old .txtF a {
        width: 44%;
    }
    .tax-media .project .block-1 .txt .dmcon>div{
        grid-template-columns: repeat(1, 1fr);
    }
}