@media(min-width: 1200px) {
    .container {
        max-width: 1230px !important;
        width: 100%;
        margin: auto;
    }
}

@media(min-width: 1080px) {

    .mn-top.fixed .mn-lg {
        padding: 8px 0;
    }

    .mn-li a:hover {
        color: #ddbb5b;
    }

    .btn-log:hover {
        background: #004193;
        color: #fff;
    }

    .btn-dis-now:hover {
        background: #004193;
        color: #fff !important
    }

    .btn-xct:hover {
        color: #e5c755;
    }

    .it-ft a:hover {
        color: #e5c755
    }

    .social a:hover i {
        color: #fff
    }

    .social .face:hover {
        background: #2d88ff;
        border-color: #2d88ff;
    }

    .social .you:hover {
        background: #ff0000;
        border-color: #ff0000
    }

    .social .twi:hover {
        background: #1da1f2;
        border-color: #1da1f2;
    }

    .btn-login:hover {
        color: #ddbb5b;
    }

    .study:hover {
        color: #fff;
        background: #004193
    }

    .list-next li:hover, .list-next li.active {
        border-color: #004193;
    }

    .it-news:hover h3 {
        color: #004193
    }

    .it-news:hover img {
        transform: scale(1.05, 1.05);
    }

    .list-intro a:hover {
        color: #004193;
    }

        .list-intro a:hover:after {
            width: 100%;
        }

    .btn-send:hover {
        background: #ddbb5b;
    }

    .find-agency .btn-send:hover {
        background: #fff;
    }

    .list-other-solu .img-solu:hover {
        background: #ddbb5b;
    }

    .list-other-solu .txt-solu:hover h3 {
        color: #004193
    }

    .mn-li:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .mn-li:hover > .sub-menu {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

    .sub-li:hover .small-mn {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }

    .sub-li:hover {
        background: #fff;
    }

    .small-li:hover {
        background: #fff;
    }

    .it-rn:hover .txt-rn h3 {
        color: #004193;
    }

    .install .img-all-pro {
        opacity: 0;
        visibility: hidden;
    }

    .des-pr-img img {
        opacity: 0;
        visibility: hidden;
    }

    .des-pr-ct .it-pro {
        opacity: 0;
        visibility: hidden;
    }

    .it-func .des-func {
        visibility: hidden;
        opacity: 0;
    }

    .mn-li:hover::after {
        transform: scale(1)
    }

    .hide-pc {
        display: none;
    }
}

@media(max-width: 1079px) {
    :root {
        --p-block: 30px;
    }

    .menu-icon {
        display: inline-block;
        width: 78px;
    }

    .mn-top-ct .top-right .language-search .search-hd {
        /* display: none; */
    }

    .list-intro.fixed {
        top: 68px;
    }

    .right-news {
        display: none
    }

    .des-content {
        width: 100%;
        padding: 0;
    }

    .list-mn {
        padding-left: 26px;
    }

    .mn-li {
        margin-right: 12px;
    }

    .search {
        margin: 0 10px 0 10px;
    }

    .certifi-ct {
        width: 80%;
    }

        .certifi-ct .sl-certifi .owl-nav .owl-prev {
            left: -30px;
        }

        .certifi-ct .sl-certifi .owl-nav .owl-next {
            right: -30px;
        }

    .cont-left {
        padding-right: 20px;
    }

    .find-agency form .form-control {
        width: 150px;
    }

    .list-news {
        grid-gap: 14px;
    }

    .atsc {
        height: initial;
        padding: 20px 0;
    }

    .it-func {
        padding-bottom: 20px;
    }

    .atsc-ct h1 {
        font-size: 60px
    }

    .atsc-ct .des-atsc {
        font-size: 30px
    }

    .atsc-ct p {
        font-size: 16px
    }

    .ai-mk h2, .ai-mk p, .btn-xct {
        opacity: 1;
        visibility: visible
    }

    .list-solu {
        grid-gap: 14px
    }

    .list-other-solu {
        padding: 20px 0
    }

    .txt-solu {
        padding-bottom: initial
    }

    .all-solu .syn-content {
        padding-bottom: initial
    }

    .like-share {
        padding-bottom: 30px
    }

    .syn-content p {
        margin-bottom: 8px
    }

    .find-agency .from-agency .form-control {
        width: 150px
    }

    .ft-frm input {
        width: calc(100% - 32px);
        float: left
    }

    .img-func img {
        height: auto
    }

    .img-func {
        height: initial
    }

    /*    .mn-top-ct .top-right {
        margin-right: 50px;
    }*/

    .mn-top-ct .form-search {
        margin-top: 0;
        /* width: 300px; */
    }

    .mn-top-ct .hotline-header {
    }

    .sub-menu-solution {
        display: none;
    }

    .form-search {
        position: relative;
        margin: 15px 10px 0;
        border: 1px solid var(--color-main);
        border-radius: 5px;
        overflow: hidden
    }

        .form-search input {
            height: 35px;
        }

    .title a, .title span {
        font-size: 30px;
    }

    .item-news-index, .item-news-index:first-child {
        width: calc((100% - 20px)/2);
    }

    .list-ft-ct {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

        .list-ft-ct .it-ft {
            width: auto;
        }

            .list-ft-ct .it-ft p {
                display: block;
            }

            .list-ft-ct .it-ft:not(:first-child) a {
                display: block;
            }


            .list-ft-ct .it-ft:first-child {
                width: 100%;
            }

    .banner h2 {
        left: calc((100% - 720px)/2);
        width: 400px;
    }

    .banner.banner-solution h2 span {
        font-size: 30px;
    }

        .banner.banner-solution h2 span:first-child {
            font-size: 20px;
        }

    .overview-solution .desc {
        max-width: 80%;
    }

    .item-reverse, .item-reverse:nth-child(even) {
        flex-direction: column;
        gap: 20px;
    }

        .item-reverse .img, .item-reverse .info {
            width: 100%;
            padding: 0;
        }

            .item-reverse .info h3 a {
                font-size: 24px;
            }

    .product-layout .block-1 .container .right h1 {
        font-size: 30px;
    }

    .product-layout .block-1 .container .right .desc > h2:first-of-type {
        font-size: 20px;
    }

    .product-layout .block-2 .container {
        gap: 20px;
    }

        .product-layout .block-2 .container .item {
            width: calc((100% - 20px) /2);
        }

    .product-layout .video, .product-layout .block-3 {
        height: auto;
        aspect-ratio: 16/9;
    }

    .block-3 .info h2, .images-product h2 {
        font-size: 24px;
    }

    .block-3 .container .info {
        max-width: 60%;
    }

    .block-4 .item, .block-4 .item:nth-child(even) {
        flex-direction: column;
        gap: 20px;
    }

        .block-4 .item .img, .block-4 .item .info {
            width: 100%;
            padding: 0;
        }

            .block-4 .item .info h2 {
                font-size: 24px;
            }

    .slide-images {
        max-width: 100%;
    }

    .specifications .container .left {
        width: 100%;
        padding-right: 0;
    }

    .specifications .container .right {
        width: 100%;
        padding-top: 30px;
    }

    .block-3.other .info .desc {
        right: calc((100% - 720px)/2);
        bottom: 15px;
        max-width: 40%;
    }

    .block-3.other .info {
        width: 50%;
    }

    .layout-3 .block-end .item:last-child .img, .layout-3 .block-end .item:last-child .info, .layout-4 .block-end .item:nth-last-child(-n+2) .img, .layout-4 .block-end .item:nth-last-child(-n+2) .info {
        width: 100%;
    }
}

@media(max-width: 1079px) {
    .mn-lg {
        padding: 10px 0;
        margin: 0 auto;
        width: initial;
    }

    .list-mn {
        display: initial;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        padding-left: 0;
        min-width: 310px;
        background: #fff;
        z-index: 999;
        padding: 0 4px;
        /*        box-shadow: 0 0 8px 4px #33333373;*/
        opacity: 0;
        visibility: hidden;
        transform: translateX(-20px);
        transition: .3s linear;
        margin-top: 72px;
    }

        .list-mn.active {
            opacity: 1;
            transform: translateX(0);
            visibility: unset;
        }

    .click-mb {
        display: block;
        position: absolute;
        right: 0
    }

    .touch-on {
        width: 34px;
        height: 34px;
        position: relative;
        z-index: 11;
    }

        .touch-on.active {
        }

        .touch-on span {
            position: absolute;
            width: 28px;
            height: 4px;
            background: #004193;
            top: 26px;
            transition: .3s linear;
        }

            .touch-on span::after {
                position: absolute;
                content: '';
                width: 34px;
                height: 4px;
                background: #004193;
                top: -10px
            }

            .touch-on span::before {
                position: absolute;
                content: '';
                width: 28px;
                height: 4px;
                background: #004193;
                top: -20px;
                transition: .3s linear;
            }

        .touch-on.active span {
            top: 15px;
            transform: rotate(45deg);
        }

            .touch-on.active span::before {
                top: 0;
                transform: rotate(-90deg);
            }

            .touch-on.active span::after {
                display: none;
            }

    .list-mn .mn-lg {
        display: block;
        margin: 0 auto;
    }

    .mn-li {
        margin-right: initial;
        padding: 8px 10px;
        border-bottom: 1px solid #00419330;
    }

    .list-mn .btn-log {
        margin: 20px 10px 0;
        display: block;
        text-align: center
    }

    .plus, .add {
        display: block;
        position: absolute;
        right: 12px;
        top: 8px;
        transform: rotate(0deg);
    }

        .plus i, .add i {
            color: #004193
        }

    .des-content {
        padding-right: 10px;
        width: 100%;
        float: initial
    }

    .right-news {
        width: 100%;
        float: initial;
    }

    .txt-edge {
        padding: 12px;
    }

    .search form {
        top: calc(100% + 24px);
    }

    .sub-menu {
        position: initial;
        opacity: 1;
        visibility: visible;
        transform: initial;
        display: none;
        transition: initial;
        padding: 0 4px;
    }

        .sub-menu li {
            max-width: 100%;
            padding-left: 4px;
            border-bottom: 1px solid #fff
        }

    .find-agency form .form-control {
        width: 100%;
    }

    .all-agency {
        height: 340px;
    }

    .vi-miss .des-vm {
        padding: initial;
    }

    .ab-mk-ct {
        display: initial
    }

    .txt-ab-mk {
        padding-right: 0;
        width: 100%;
        float: initial;
    }

    .img-ab-mk {
        width: 100%;
        float: initial;
        height: auto
    }

    .ab-mk {
        padding: 20px 0;
    }

    .vi-miss {
        padding: 20px 0;
    }

    .list-news {
        padding-bottom: 20px;
    }

    .news-ct {
        padding-bottom: 20px;
    }

    .des-pro {
        padding: 20px 0;
    }

    .small-mn {
        position: initial;
        opacity: 1;
        visibility: visible;
        transform: initial;
        margin-top: 10px;
        display: none;
        transition: initial;
    }

    .sub-li:after {
        display: none;
    }

    .small-mn:before {
        display: none;
    }

    .plus.active, .add.active {
        transform: rotate(90deg);
    }

    .btn-log {
        display: none;
    }

    .mn-li:nth-of-type(1) {
        border-top: 1px solid #004193;
    }

    .bg-black-x {
        background: #ddbb5b26;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
    }

        .bg-black-x.touch-off {
            opacity: 1;
            visibility: visible;
        }

    .mn-top.show {
    }

        .mn-top.show .list-mn {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

    .language {
    }

    .search {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        right: 40px
    }

    .discover {
        height: 400px;
    }

    .ai-mk {
        padding: 40px 0 50px;
        min-height: initial;
    }

    .edge-ai {
        padding: 20px 0 30px;
    }

    .certifi {
        padding: 20px 0 30px;
    }

    .find-agency form {
        display: block;
    }

        .find-agency form .form-control {
            margin-bottom: 10px;
        }

    .list-miss {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

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

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

    .tit-all-pr {
        font-size: 30px;
    }

    .it-ver-top {
        font-size: 17px;
    }

    .atsc-img {
        width: 44%;
    }

    .atsc-ct h1 {
        font-size: 50px;
    }

    .atsc-ct {
        width: 56%;
    }

    .sub-menu:after {
        display: none;
    }

    .mn-li::before {
        display: none;
    }

    .it-ver-top {
        padding: 6px;
    }

        .it-ver-top p {
            min-width: 170px;
            padding: 0 10px;
            top: calc(50% - 4px);
            line-height: 1.2;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .ai-mk p {
        text-align: justify
    }

    .func {
        padding: 20px 0
    }

    .des-func {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px
    }

    .it-func {
        padding-bottom: 10px
    }

    .find-agency .from-agency .form-control {
        width: 300px;
        margin-bottom: 4px
    }

    .find-agency .from-agency {
        display: block
    }

    .flex-item {
        display: block
    }

    /*11/03/2021*/
    .phone-ft {
        display: block
    }

        .phone-ft a {
            display: inline-block
        }

    .it-ft {
        padding-right: 4px
    }

    .des-pr-ct {
        width: 100%
    }

    .des-pr-img {
        width: 100%;
        text-align: center
    }

    .line-des .line-bold {
        width: 180px
    }

    .sub-des {
        width: calc(100% - 180px)
    }

    .phone-ft br {
        display: initial
    }

    .flex-item a {
        display: inline-block
    }

    .flex-item br {
        display: block
    }

    .flex-item span {
        display: inline-block
    }

    /*30/03/2021*/
    .txt-solu h3 { /* height: 72px; */
        line-height: 24px;
        font-size: 20px;
        overflow: hidden; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */
        margin-bottom: 8px;
    }

    .study {
        bottom: 30px
    }

    .ft-frm.desk {
        display: none
    }

    .ft-frm {
        display: block;
        width: 50%
    }

        .ft-frm input {
            width: calc(100% - 56px)
        }
}

@media(max-width: 992px) {
    .mn-top-ct .form-search {
        /* display: none; */
    }

    .mn-top-ct .top-right {
        justify-content: end;
        width: unset;
    }

    .list-product-propose {
        gap: 20px;
    }

        .list-product-propose .item {
            width: calc((100% - 40px)/3);
        }

    .mn-top-ct .top-right .language-search .search-hd form {
        top: 48px;
    }

    .mn-top.fixed .mn-top-ct .top-right .language-search .search-hd form {
        top: 48px;
    }
}

@media(max-width: 767px) {
    :root {
        --p-block: 20px;
        box-sizing: border-box;
    }

    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .list-mn {
        margin-top: 46px;
        width: 100%;
    }

    .list-intro.fixed {
        top: 46px;
    }

    .mn-top-ct .hotline-header {
        display: none;
    }

    #info-prd {
        display: none
    }

    .content-prd {
        display: block
    }

    .des-dis {
        width: 100%;
        padding: 20px 20px 0 0;
    }

    .discover {
        height: 180px;
    }

    .des-dis h2 {
        font-size: 30px;
        margin-bottom: 0
    }

    .des-dis p {
        font-size: 18px;
        margin-bottom: 8px
    }

    .list-ft-ct {
        display: block;
    }

    .ft-ar {
        display: block;
        padding: 10px;
        text-align: center;
    }

    .ai-mk-ct {
        width: 100%;
    }

    .product-ai-mk {
        background-position: right;
    }

    .edge-ct .owl-carousel .owl-nav {
        display: none;
    }

    .it-ft:nth-of-type(1) .tit-ft:nth-of-type(2) {
        padding: 8px 0 8px 0;
    }

    .it-ft {
        clear: both;
        padding-bottom: 10px;
        overflow: hidden;
    }

    .social {
        justify-content: center;
    }

    .ft-ar p {
        margin-bottom: 6px;
    }

    .list-cont {
        display: block;
    }

    .cont-left {
        width: 100%;
        padding-right: 0;
        float: initial;
    }

    .cont-right {
        width: 100%;
        float: initial;
    }

    .list-agency {
        display: block;
    }

    .agency-left {
        width: 100%;
        float: initial;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .agency-right {
        width: 100%;
        float: initial;
    }

    .find-agency form .form-control {
        width: 100%;
    }

    .agency-right .right-map {
        height: 220px;
    }

    .login-ct {
        display: block;
    }

    .login-left {
        width: 100%;
        float: initial;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .login-right {
        width: 100%;
        float: initial;
    }

    .ab-mk-ct {
        display: block;
    }

    .txt-ab-mk {
        padding-right: 0;
    }

    .vi-miss .des-vm {
        padding: initial;
    }

    .list-miss {
        display: block;
        padding-top: 20px
    }

    .it-miss {
        margin-bottom: 10px;
    }

    .list-des { /*display: block;*/
        padding: 10px 0
    }

    .des-content {
        padding-right: initial;
    }

    .syn-content {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .other-news .list-news {
        display: block;
        padding: 0 2px
    }

    .it-news {
        margin-bottom: 10px;
    }

    .list-news {
        display: block;
        padding-bottom: 20px;
    }

    .news-ct {
        padding-bottom: 30px;
    }

    .list-solu {
        display: block;
    }

        .list-solu .it-solu {
            margin-bottom: 14px;
            padding: 44px 20px 46px
        }

    .to-scroll-mb {
        max-width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    .table-version { /* width: 660px; */
    }

    .des-func {
        width: 100%;
        text-align: justify;
    }

    .all-atsc {
        display: initial;
    }

    .atsc-img {
        width: 80%;
        float: initial;
        margin: 0 auto 30px;
    }

    .atsc-ct {
        width: 100%;
        float: initial;
        text-align: center;
    }

    .des-pr-ct {
        width: 100%;
        float: initial;
    }

    .des-pr-img {
        width: 100%;
        float: initial;
    }

    .line-des .line-bold {
        width: 40%;
    }

    .sub-des {
        width: 60%;
    }

    .install {
        padding-top: 20px;
    }

    .func {
        padding: 20px 0 30px;
    }

    .it-func {
        padding-bottom: 20px;
    }

    .sl-real {
        padding: 20px 0;
    }

    .real-img {
        padding: 20px 0 0;
    }

    .it-ver-top p {
        padding: 0 10px;
        top: calc(50% - 10px);
    }

    .atsc-ct .des-atsc {
        line-height: 1.2;
    }

    .des-pro {
        padding: 20px 0;
    }

    .right-news {
        border: none;
        padding: initial;
        margin-bottom: 20px;
    }

    .list-other-solu {
        grid-template-columns: repeat(2, 1fr);
        padding: 10px 0;
    }

    .tt-func {
        font-size: 40px;
    }

    .mn-top .mn-lg {
        width: 80px;
        margin: initial;
    }

    .search {
        transform: initial;
        top: initial;
    }

        .search form {
            top: 56px;
            left: 5px;
            right: 5px;
            width: calc(100% - 10px);
            position: fixed;
            border-radius: initial
        }

    .mn-top.fixed .search form {
        top: 54px;
    }

    .small-mn {
        border: none
    }

    .sub-menu {
        border: none
    }

    .sub-li a {
        font-size: 16px;
        color: #004193;
        text-transform: initial
    }

    .edge-ai h2, .certifi h2 {
        margin-bottom: 20px
    }

    .certifi-ct {
        width: 100%
    }

        .certifi-ct .sl-certifi .owl-nav .owl-next {
            right: 0
        }

        .certifi-ct .sl-certifi .owl-nav .owl-prev {
            left: 0
        }

    .func .tit-all-pr {
        margin-bottom: 10px
    }

    .version .tit-all-pr {
        padding-bottom: 20px
    }

    .ft-ct {
        padding: 20px 0
    }

    .tit-des-ct h1 {
        font-size: 24px
    }

    .all-solu h1 {
        font-size: 24px
    }

    .list-cont {
        padding-bottom: 20px
    }

    .atsc-ct .des-atsc {
        font-size: 24px;
        margin-bottom: 4px
    }

    .atsc-ct h1 {
        font-size: 40px
    }

    .atsc-ct p {
        text-align: center !important;
        font-size: 14px
    }

    .txt-solu p {
        padding-bottom: 20px
    }

    .bgr-video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .btn-dis-now {
        padding: 8px 20px
    }

    .find-agency .from-agency .form-control {
        width: 100%
    }

    .it-edge {
        display: flex;
        align-items: flex-end
    }

    .txt-edge {
        padding: 40px 26px;
        text-align: justify
    }

    .it-ver {
        grid-template-columns: repeat(4,1fr);
    }

    .txt-ver {
        font-size: 16px
    }

    .other-news .it-news .img-news {
        height: 210px
    }

    .img-ver {
        display: none
    }

    /*11/03/2021*/
    .phone-ft a {
        display: initial;
        font-size: 13.5px
    }

    .txt-ver {
        padding: 4px;
        min-height: 35px;
        display: block;
    }

    .tb-mobile {
        padding-top: 70px
    }
    /*30/03/2021*/
    .ft-frm {
        width: 100%
    }

    .item-solution span:last-child {
        font-size: 16px;
    }

    .title a, .title span {
        font-size: 24px;
    }

    .title {
        margin-bottom: 20px;
    }

    .item-news-index, .item-news-index:first-child {
        width: 100%;
        aspect-ratio: 1;
    }

    footer {
        margin-bottom: 50px;
    }

    .product-layout .block-1 .container {
        flex-direction: column-reverse;
    }

        .product-layout .block-1 .container .left, .product-layout .block-1 .container .right {
            width: 100%;
            padding: 0;
        }

        .product-layout .block-1 .container .left {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .product-layout .block-1 .container .right h1, .product-layout .block-1 .container .right .desc, .product-layout .block-1 .container .right .desc h2, .product-layout .block-1 .container .right .desc p {
            text-align: left !important;
        }

    .product-layout .block-2 .container {
        gap: 15px;
    }

        .product-layout .block-2 .container .item {
            width: 100%;
        }

    .product-layout .block-3 {
        height: auto;
        aspect-ratio: unset;
    }

    .block-3 .container .info {
        max-width: 100%;
        padding: 30px 0;
    }

    .block-3.other .container {
        padding-top: 0;
    }

    .block-3.other .info {
        width: 100%;
    }

        .block-3.other .info .desc {
            position: static;
            max-width: 100%;
            text-align: left;
        }

    .specifications h2 {
        flex-direction: column;
        align-items: flex-start;
    }

    .product-layout.layout-3 .block-3, .product-layout.layout-4 .block-3 {
        height: auto;
        aspect-ratio: unset;
    }

    .block-4 .item:nth-child(even) .info, .item-reverse:nth-child(even) .info {
        padding: 0;
    }

    .it-ft .btn-contact {
        display: inline-flex !important;
    }

    .banner h2 {
        left: 15px;
        width: 80%;
    }

    .banner.banner-solution h2 span:first-child {
        font-size: 16px;
    }

    .banner.banner-solution h2 span {
        font-size: 20px;
    }

    .banner.banner-solution {
        aspect-ratio: 16/9;
    }

    .overview-solution .desc {
        max-width: 100%;
    }

    .banner {
        aspect-ratio: 16/9;
    }

    .list-product-propose .item {
        width: calc((100% - 20px)/2);
    }

    .mn-top-ct .top-right .language-search {
        gap: 10px;
    }

        .mn-top-ct .top-right .language-search .language {
            gap: 5px;
        }

        .mn-top-ct .top-right .language-search .search-hd form {
            top: 36px;
        }

    .mn-top.fixed .mn-top-ct .top-right .language-search .search-hd form {
        top: 37px;
    }

    .slide-technology .item, .slide-technology {
        aspect-ratio: 16/9;
    }

        .slide-technology .item .info {
            left: 15px;
        }

            .slide-technology .item .info p {
                font-size: 16px;
            }

    .dots-white .owl-dots {
        bottom: 5px;
    }

    .pad-section {
        padding: 15px 0;
    }

    .system-secure .flex-title {
        flex-direction: column;
        margin-bottom: 15px;
    }

        .system-secure .flex-title .title {
            font-size: 30px;
        }

        .system-secure .flex-title .title, .system-secure .flex-title .description {
            width: 100%;
        }

    .system-secure .flex-item {
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 15px;
    }

        .system-secure .flex-item .card-item {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0px;
            padding-right: 0px;
            border-right: none;
        }

        .system-secure .flex-item .desc div, .system-secure .flex-item .desc p, .system-secure .flex-item .desc li {
            text-align: center;
        }

    .system-secure .short-descripton {
        width: 100%;
    }

    .manage-secure .container {
        flex-direction: column;
        gap: 15px;
    }

        .manage-secure .container .left-side, .manage-secure .container .right-side {
            width: 100%;
        }

            .manage-secure .container .left-side .title {
                margin-bottom: 15px;
                font-size: 30px;
            }

            .manage-secure .container .left-side .title-name {
                font-size: 18px;
            }

    .report-secure .container {
        flex-direction: column;
        gap: 15px;
    }

        .report-secure .container .left-side, .report-secure .container .right-side {
            width: 100%;
        }

            .report-secure .container .right-side .title {
                margin-bottom: 15px;
                font-size: 30px;
            }

    .progress-secure .container .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .progress-secure .container .card-progress {
        aspect-ratio: 302 / 310;
    }

    .list-secure .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .security-table thead th {
        font-size: 14px;
        padding: 10px;
    }

    .security-table tbody td {
        padding: 10px;
        font-size: 14px;
        display: table-cell !important;
        -webkit-box-orient: unset !important;
        -webkit-line-clamp: unset !important;
        overflow: visible !important;
    }

    .form-contact-progress .container .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .form-contact-progress .container .description {
        width: 100%;
        margin-bottom: 15px;
    }

    .form-secure {
        padding: 15px;
        gap: 15px;
        margin-bottom: 15px;
    }

    form#SendSecure .form-group.half {
        width: 100%;
    }

    form#SendSecure .flex-form-group .left, form#SendSecure .flex-form-group .right {
        width: 100%;
    }

    form#SendSecure .flex-form-group .left {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .list-des {
        flex-wrap: wrap;
    }

    .detail-contact .title {
        color: var(--color-main);
        font-family: semibold;
        font-size: 40px;
        font-weight: 600;
        line-height: 1.3;
        margin: 0px;
        margin-bottom: 15px;
    }

    .detail-contact .title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .detail-contact .flex-top-contact {
        flex-direction: column;
        padding-bottom: 15px;
        gap: 15px;
    }

    .detail-contact .item .title-name svg {
        display: none;
    }

    .detail-contact .item .description {
        padding-left: 0px;
    }

        .detail-contact .item .description ul {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .detail-contact .item .description div, .detail-contact .item .description p, .detail-contact .item .description li {
            flex-wrap: wrap;
        }
    .banner-an-toan-thong-tin {
        aspect-ratio: 1200 / 483;
        position: relative;
    }

        .banner-an-toan-thong-tin::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.3);
            z-index: 1;
        }

        .banner-an-toan-thong-tin .info {
            left: 15px;
            z-index: 1;
        }

            .banner-an-toan-thong-tin .info > h1 {
                font-size: 25px;
            }

            .banner-an-toan-thong-tin .info > .subtitle {
                color: #FFF;
                font-family: SF-regular;
                font-size: 15px;
                font-weight: 500;
            }
}

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

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