/* Desktop */
.taxdocument {
    width: 100%;
    margin: auto;
    max-width: 1470px;
    padding: 0 15px;
}

.taxdocument>div {
    display: flow-root;
    margin-top: 30px;
}

.taxdocument>div .co1 {
    width: 100%;
    max-width: 940px;
    float: left;
}

.taxdocument>div .co2 {
    width: 100%;
    max-width: 450px;
    float: right;
}

.taxdocument>div .co1 .featured-posts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.taxdocument>div .co1 .featured-posts .box:nth-child(1){
    margin-right: 15px;
}
.taxdocument>div .co1 .featured-posts .box:nth-child(2){
    margin-left: 15px;
}


.taxdocument>div .co1 .featured-posts .box .box-img {
    position: relative;
}

.taxdocument>div .co1 .featured-posts .box .box-img a{
	display: block;
}

.taxdocument>div .co1 .featured-posts .box .box-img .logo-tq {
    width: 100%;
    height: 316px;
    object-fit: cover;
    border-radius: 12px;
}

.taxdocument>div .co1 .featured-posts .box .box-img .logo-tt {
    position: absolute;
    top: 15px;
    left: 15px;
}

.taxdocument>div .co1 .featured-posts .box .box-nd h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000F20;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}

.taxdocument>div .co1 .featured-posts .box .box-nd .time {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #7F8DA0;
    background: url(img/cals.png) 0px -2px no-repeat;
    padding-left: 30px;
}


.taxdocument>div .co1 .featured-posts .box .box-nd .tailieu a,.tailieuss a {
    height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FFFFFF;
    background-color: #0094D9;
    max-width: 128px;
    padding-left: 10px;
}

.taxdocument>div .co1 .featured-posts .box .box-nd .tailieu a::before, .tailieuss a:before {
    content: url(img/dlpro.png);
    position: relative;
    top: 3px;
}

.taxdocument>div .co1 .block .box.pig {
    display: flex;
    margin-bottom: 30px;
}

.taxdocument>div .co1 .block .box.pig .box-img {
    position: relative;
    margin-right: 15px;
}

.taxdocument>div .co1 .block .box.pig .box-img a{
	display: block;
}

.taxdocument>div .co1 .block .box.pig .box-img .logo-tq {
    width: 100%;
    height: 183px;
    min-width: 263px;
    object-fit: cover;
    border-radius: 12px;
}

.taxdocument>div .co1 .block .box.pig .box-img .logo-tt {
    position: absolute;
    top: 15px;
    left: 15px;
}

.taxdocument>div .co1 .block .box.pig .box-nd {
    margin-left: 15px;
}


.taxdocument>div .co1 .block .box.pig .box-nd h2 {
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #000F20;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.taxdocument>div .co1 .block .box.pig .box-nd .time {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #7F8DA0;
    background: url(img/cals.png) 0px -2px no-repeat;
    padding-left: 30px;
}

.taxdocument>div .co1 .block .box.pig .box-nd .tailieu {
    position: relative;
}

.taxdocument>div .co1 .block .box.pig .box-nd .tailieu a {
    height: 36px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    /* font-family: Roboto; */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #FFFFFF;
    background-color: #0094D9;
    max-width: 128px;
    padding-left: 10px;
}

.taxdocument>div .co1 .block .box.pig .box-nd .tailieu a::before {
    content: url(img/dlpro.png);
    position: relative;
    top: 3px;
}




/* Mobie */
@media only screen and (max-width: 1440px) {}


@media only screen and (max-width: 1366px) {
    .header:not(.transparent) .header-bottom-nav.nav>li>a {
        padding: 0px 14px;
    }

    .taxdocument>div .co1,
    .chitiet-tintuc>div .co1,
    .chuyenmuctintuc>div .co1 {
        max-width: 63.5%;
    }

    .taxdocument>div .co2,
    .chitiet-tintuc>div .co2,
    .chuyenmuctintuc>div .co2 {
        max-width: 33.5%;
    }

    .chuyenmuctintuc>div .co1 .featured-posts .post {
        max-width: 48%;
    }

    .home07 .slick-next.slick-arrow {
        margin-right: 15px;
    }

    .home07 .slick-prev.slick-arrow {
        margin-left: 15px;
    }

    .single-taxscience>div .block-1 {
        max-width: 33.5%;
    }

    .single-taxscience>div .block-2 {
        max-width: 63.5%;
    }

}

@media only screen and (max-width: 1263px) {
    .header:not(.transparent) .header-bottom-nav.nav>li>a {
        padding: 0px 9px;
        font-size: 13px;
    }

    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 46%, transparent 46%);
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 30%, transparent 30%);
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 12%, transparent 12%);
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 19%, transparent 19%);
    }

    .home07 .kq_dd .slick-center {
        transform: scale(1.25);
        top: 0px;
        margin-bottom: auto;
    }

    .home07 .kq_dd .slick-center .box-image img {
        height: 212px;
    }

    .home07 .kq_dd .slick-center .box-image {
        height: 244px;
    }

    .home07 .kq_dd .box .box-image {
        margin-top: 0;
        max-width: fit-content;
    }

    .home07 .slick-arrow {
        top: 55%;
    }
}

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

    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 47%, transparent 47%);
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 32%, transparent 32%);
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 12%, transparent 12%);
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 20%, transparent 20%);
    }

    .home04 .co1 .box_cate_title .child_cate a,
    .home05 .box_cate_title .child_cate a {
        margin-left: 15px;
    }

}

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

    .header:not(.transparent) .header-bottom-nav.nav>li>a {
        padding: 0px 12px;
        font-size: 12px;
    }

    .widget.widget_media_image img {
        width: 100%;
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 40%, transparent 40%);
    }

    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 58%, transparent 58%);
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 15%, transparent 15%);
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 24%, transparent 24%);
    }

    .home06 .img .img-inner {
        padding: 10px 20px;
    }

    .home04 .co1 .news-style,
    .home05 .news-style {
        column-gap: 30px;
    }

    .home05 .news-style .news-item-top:nth-child(1) .news-thumb img,
    .home05 .news-style .news-item-top:nth-child(2) .news-thumb img {
        min-width: 215px;
    }

    .home07 .kq_dd .slick-center .box-image {
        height: 244px;
    }

    .home07 .kq_dd .box .box-image {
        margin-top: 0;
    }

    .home07 .kq_dd .slick-center {
        top: 0px;
        margin-bottom: auto;
        transform: scale(1);
    }

    .home07 .kq_dd .slick-center .box-image img {
        height: 212px;
    }

    .home07 .slick-arrow {
        top: 55%;
    }

    .home07 .slick-next.slick-arrow {
        right: -20px;
    }

    .home07 .slick-prev.slick-arrow {
        left: 20px;
    }
}

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

    .taxdocument>div .co1,
    .taxdocument>div .co2,
    .chitiet-tintuc>div .co1,
    .chitiet-tintuc>div .co2,
    .chuyenmuctintuc>div .co1,
    .chuyenmuctintuc>div .co2,
    .single-taxscience>div .block-1,
    .single-taxscience>div .block-2 {
        max-width: 100%;
    }

    .icon-angle-down:before {
        color: hsla(0, 0%, 7%, .85);
    }

    .home02 .row .co1 {
        padding-bottom: 20px;
    }

    .home04 .row .col {
        padding-bottom: 10px;
    }

    .home04 .co1-ro .col {
        margin-bottom: 10px;
    }

    .home05 .box_cate_title .title {
        width: 345px;
        background: linear-gradient(60deg, #0094D9 80%, transparent 80%);
    }

    .home05 .box_cate_title .child_cate {
        padding-left: 30px;
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 30%, transparent 30%);
    }

    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 42%, transparent 42%);
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 28%, transparent 28%);
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 14%, transparent 14%);
    }
}

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

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

@media only screen and (max-width: 480px) {
    .footermain .co.co2 .nvx {
        grid-template-columns: repeat(1, 1fr);
    }

    .footermain .co.co2 .nvx>div {
        margin-bottom: 15px;
    }

    .chuyenmuctintuc>div .co1 .post.dig,
    .chuyenmuctintuc>div .co1 .featured-posts {
        display: block;
    }

    .chuyenmuctintuc>div .co1 .post.dig .hinhanh,
    .chuyenmuctintuc>div .co1 .post.dig .content,
    .chuyenmuctintuc>div .co1 .featured-posts .post {
        max-width: 100%;
    }

    .bg-breadcrumb .block-breadcrumb {
        min-height: 160px;
    }

    .chuyenmuctintuc>div .co1 .post.dig .hinhanh {
        margin-right: 0;
    }

    .chuyenmuctintuc>div .co1 .post.dig .content {
        margin-left: 0;
    }

    .chuyenmuctintuc>div .co1 .post.dig:nth-child(2) .content {
        margin-top: 25px;
    }

    .thongtin-header-1 p {
        margin-top: 10px;
    }

    .chitiet-tintuc .co1 .block img {
        height: 290px;
    }

    .home02 .row .co2 .co2-2 {
        margin-top: 15px;
    }

    .home04 .co1 .box_cate_title .title {
        width: 439px;
        background: linear-gradient(60deg, #0094D9 83%, transparent 83%);
    }

    .home04 .co1 .box_cate_title .child_cate {
        padding-left: 10px;
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 20%, transparent 20%);
    }

    .home03 .row .col .col-inner {
        padding: 20px;
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 24%, transparent 24%);
    }

    .home04 .co1 .news-style,
    .home05 .news-style {
        grid-template-columns: repeat(1, 1fr);
    }

    .home05 .news-style .news-item-top:nth-child(1) {
        margin-bottom: 20px;
    }

    .home05 .box_cate_title .title {
        width: 345px;
        background: linear-gradient(60deg, #0094D9 73%, transparent 73%);
        padding: 6px 75px 6px 12px;
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 52%, transparent 52%);
    }

    .home04 .co1-ro .col {
        margin-bottom: 0px;
    }

    .bg-breadcrumb .block-breadcrumb .row-breadcrumb h1 {
        font-size: 26px;
    }

    .bg-breadcrumb .block-breadcrumb {
        padding: 15px 15px;
    }

    .home01 .nd h2,
    .home03 .row .col .col-inner h2,
    .home07 .nd h2 {
        font-size: 30px;
        line-height: 48px;
    }

    .home07 .kq_dd .slick-center .box-image {
        height: 340px;
    }

    .home07 .kq_dd .slick-center .box-image img {
        height: 310px;
    }

    .home07 .nd h2 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .footermain .co.co3 iframe {
        width: 100%;
    }
    .taxdocument>div .co1 .featured-posts{
        display: block;
    }
    .taxdocument>div .co1 .featured-posts .box:nth-child(1){
        margin-right: 0;
        margin-bottom: 30px;
    }
    .taxdocument>div .co1 .featured-posts .box:nth-child(2){
        margin-left: 0;
    }

    .taxdocument>div .co1 .block .box.pig{
        display: block;
    }
    .taxdocument>div .co1 .block .box.pig .box-img{
        margin-right: 0;
    }
    .taxdocument>div .co1 .block .box.pig .box-nd{
        margin-left: 0;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 430px) {
    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 48%, transparent 48%);
    }

    .home02 .row .co2 .nd.nd2 {
        background: linear-gradient(60deg, #0094D9 24%, transparent 24%);
    }

    .home04 .co1 .box_cate_title,
    .home05 .box_cate_title {
        display: block;
    }

    .home04 .co1 .box_cate_title .title {
        padding: 6px 62px 6px 12px;
    }

    .home04 .co1 .box_cate_title .child_cate,
    .home05 .box_cate_title .child_cate {
        padding-left: 0;
        margin-top: 10px;
    }

    .home04 .co1 .box_cate_title .child_cate a,
    .home05 .box_cate_title .child_cate a {
        margin-left: 0px;
        margin-right: 15px;
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 27%, transparent 27%);
    }

    .home05 .box_cate_title .title {
        background: linear-gradient(60deg, #0094D9 78%, transparent 78%);
    }

    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 58%, transparent 58%);
    }

    .home05 .news-style .news-item-top:nth-child(1),
    .home05 .news-style .news-item-top:nth-child(2) {
        display: block;
    }

    .home05 .news-style .news-item-top:nth-child(1) .news-thumb,
    .home05 .news-style .news-item-top:nth-child(2) .news-thumb {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .home05 .news-style .news-item-top:nth-child(1) .news-thumb img,
    .home05 .news-style .news-item-top:nth-child(2) .news-thumb img {
        width: 100%;
    }

    .home05 .news-style .news-item-top:nth-child(1) .box-slider,
    .home05 .news-style .news-item-top:nth-child(2) .box-slider {
        margin-left: 0;
    }
}

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

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

@media only screen and (max-width: 390px) {
    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 64%, transparent 64%);
    }
}

@media only screen and (max-width: 375px) {
    .home02 .row .co2 .nd.nd1 {
        background: linear-gradient(60deg, #0094D9 53%, transparent 53%);
    }

    .home03 .row .col .col-inner h3 {
        height: 90px;
    }

    .home04 .co1-ro .nd {
        background: linear-gradient(60deg, #0094D9 29%, transparent 29%);
    }
}

@media only screen and (max-width: 360px) {
    .home06 .nd {
        background: linear-gradient(60deg, #0094D9 68%, transparent 68%);
    }
}