/* ************************************************************************************** */
/* Desktop */
@media(max-width: 1760px) {}

@media(max-width: 1470px) {
    .home03 .co1 .img{
        min-width: 600px;
        left: -70px;
    }
}

@media(max-width: 1366px) {}

@media(max-width: 1263px) {
    .home03 .co1 .img{
        min-width: 570px;
        left: -25px;
    }
}

@media(max-width: 1232px) {}

@media(max-width: 1170px) {

    .home03 .co1 .img{
        min-width: auto;
        left: 0px;
    }

    .home02 .row {
        margin-bottom: 20px;
    }

    .home02 .box .box-text {
        position: unset;
        padding: 0 10px;
    }

}

@media(max-width: 1140px) {
    .formtk {
        max-width: 400px;
    }

}

@media(max-width: 1088px) {
    .nav>li {
        margin: 0 10px;
    }

    .home03 .co1 {
        flex-basis: 40%;
        max-width: 40%;
    }

    .home03 .co2 {
        flex-basis: 60%;
        max-width: 60%;
    }
}

@media(max-width: 1040px) {
    .nav>li {
        margin: 0 5px;
    }

    .head-hotline a,
    .header-main .nav>li>a {
        font-size: 14px;
    }
}

@media(max-width: 1024px) {
    .chuyenmuctintuc .block {
        grid-template-columns: repeat(2, 1fr);
    }

    .home04 .ro2 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .gtc03 .col-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .gtc03 .col-inner .icon-box {
        width: fit-content;
    }

    .blog-single-service .nd_sv .left {
        width: 100%;
    }

    .blog-single-service .nd_sv .right {
        width: 100%;
    }

    .blog-single-service .right .new-list-post-pro .post-content::before {
        width: 415px;
    }

    .blog-single-service .right .title_hd {
        margin-top: 20px;
    }

    .formtk {
        top: 175%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        padding: 0 15px;
    }

    .blog-single-service .right .new-list-post-pro .post-image img {
        object-fit: cover;
        min-width: 849px;
    }

    .blog-single-service .left .new-list-post-pro .post-image img {
        object-fit: cover;
        min-width: 849px;
        height: 340px;
    }
}

@media(max-width: 926px) {

    .head-hotline a,
    .header-main .nav>li>a {
        font-size: 12px;
    }

    .service-archive .new-list-service {
        grid-template-columns: repeat(1, 1fr);
    }

}

/* ************************************************************************************** */
/* Tablet */
@media(max-width: 849px) {

    .blog-single-service .left .new-list-post-pro .post-image img {
        height: 250px;
    }

    .footer-main .ro1 .co1,
    .footer-main .ro1 .co2,
    .footer-main .ro1 .co3,
    .footer-main .ro1 .co4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .footer-main h3 {
        margin-top: 0;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        color: #262626;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical i::before {
        font-size: 20px;
    }

    .off-canvas .nav-vertical li li>a {
        font-size: 14px;
    }

    .chitiet-tintuc .block .left {
        max-width: 60%;
    }

    .chitiet-tintuc .block .right {
        max-width: 40%;
    }

    .lienhe .co2 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .lienhe .co3 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .home07 .col,
    .home01 .col {
        padding-bottom: 30px;
    }

    .home07 .co1,
    .home01 .co1 {
        padding-left: 0;
        padding-right: 0;
    }

    .home02 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .home02 .box .icon-box p {
        max-width: 100%;
        min-height: auto;
    }

    .home03 .col {
        flex-basis: 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }

    .home06 .ux-tintuc {
        grid-template-columns: repeat(1, 1fr);
    }

    .home04 .ro2 img {
        max-height: 300px;
        min-height: 300px;
        object-fit: cover;
    }

    .home04 .ro2 .box-text h3,
    .home04 .ro2 .box-text p {
        max-width: 100%;
    }

    .gtc01 .co1,
    .gtc01 .co2 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .gtc01 .co2 {
        padding-top: 0;
    }

    .gtc02 .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .gtdn02 .col-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .gtdn01 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .tuyendung01 .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .tuyendung02 .row .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-wrapper-search .orenda-new-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .rules-archive .new-list-rules {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 820px) {}

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

@media(max-width: 768px) {

    .tuyendung02 .row.diff .ux-tintuc {
        grid-template-columns: repeat(1, 1fr);
    }

    .chitiet-tintuc .block .left {
        max-width: 100%;
    }

    .chitiet-tintuc .block .right {
        max-width: 100%;
    }

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

    .gtcsvc01 p {
        margin-top: 0;
    }

    .blog-single-library .thuvien_slk,
    .library-archive .block1 .new-list-library,
    .library-archive .block2 .block-video {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-single-library .nd_ck .left,
    .blog-single-library .nd_ck .right {
        width: 100%;
        padding: 0;
    }

    .blog-single-library .nd_ck {
        margin: auto;
    }

    .blog-single-rules .related-rules .new-list-project {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 691px) {

    .gtc05 .row .col-inner,
    .gtc04 .row .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .gtlsh .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .gtcstpn .row .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .gtcstpn .row .co1 {
        order: 1;
    }

    .gtcstpn .row .co2 {
        order: 2;
    }

}

@media(max-width: 656px) {
    .chuyenmuctintuc .block {
        grid-template-columns: repeat(1, 1fr);
    }

    .home04 .ro2 img {
        max-height: 300px;
        min-height: 300px;
    }

    .content-mainsv .block1 .content-main .blk {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 560px) {
    .blog-single-service .left .new-list-post-pro .post-image {
        width: 0%;
    }

    .blog-single-service .left .new-list-post-pro .post-content {
        width: 100%;
    }

    .rules-archive .new-list-rules {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width: 510px) {
    .formtk {
        top: 150%;
    }
}

@media(max-width: 500px) {

    .home04 .ro2 .im2 .box-image,
    .home04 .ro2 .im1 .box-image,
    .home04 .ro2 .im2 .box-text,
    .home04 .ro2 .im1 .box-text {
        max-width: 100%;
    }

    .home04 .ro2 img {
        border-radius: 20px !important;
    }

    .gtcsvc02 .co2 .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* ************************************************************************************** */
/* Mobile */
@media(max-width: 480px) {
    h1 {
        font-size: 24px !important;
        line-height: 38px !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 32px !important;
    }

    h3 a,
    h3 {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .footer-main .ro1 .co1,
    .footer-main .ro1 .co2,
    .footer-main .ro1 .co3,
    .footer-main .ro1 .co4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .hl-ring a span {
        display: none;
    }

    .form-gyctv .ro {
        display: block;
    }

    .form-gyctv .r1 span {
        max-width: 100%;
    }

    .gtc03 .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .gtdn01 .co2 .row-collapse .col-inner {
        gap: 10px;
    }

    .gtdn01 .co2 .row-collapse .icon-box::before {
        display: none;
    }

    .service-archive .new-list-post-pro .post-content {
        width: 70%;
    }

    .service-archive .new-list-post-pro .post-image {
        width: 30%;
    }

    .blog-single-service .right .new-list-post-pro .post-content {
        width: 100%;
    }

    .blog-single-service .right .new-list-post-pro .post-image {
        width: 0%;
    }

    .page-wrapper-search .orenda-new-list {
        grid-template-columns: repeat(1, 1fr);
    }

    #logo img {
        max-height: 60px;
    }
}

@media(max-width: 430px) {
    .gtdn02 .col-inner {
        grid-template-columns: repeat(1, 1fr);
    }
}

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

@media(max-width: 390px) {}

@media(max-width: 375px) {}

@media(max-width: 360px) {}

@media(max-width: 350px) {
    .service-archive .new-list-post-pro .post-content {
        width: 99%;
    }

    .service-archive .new-list-post-pro .post-image {
        width: 1%;
    }
}