@media only screen and (max-width: 1440px) {
    .footer-phone {
        display: flex;
        position: fixed;
        bottom: 30px;
        z-index: 1;
        left: 0;
        transform: translateY(0);
        top: auto;
    }

    .social-mess-bottom {
        display: block;
        position: fixed;
        top: auto;
        bottom: 30px;
        transform: translateY(0);
    }

    .slider-home .container {
        padding: 0 50px;
    }

    .owl-nav button {
        /* width: 30px;
        height: 55px; */
        position: absolute;
        top: 30%;
    }

    .slider-home .owl-nav .owl-next {
        right: -50px;
    }

    .slider-home .owl-nav .owl-prev {
        left: -50px;
    }

    .slider-home .owl-nav button {
        position: absolute;
        top: 40%;
    }

    .footer-phone h3 {
        display: none;
    }

    .footer-phone {
        left: 15px;
    }
}


@media only screen and (max-width: 1366px) {
    .slider-home .container {
        padding: 0 15px;
    }

    .site-introduce .owl-nav {
        display: none;
    }
}

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


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

    .site-solution .breadcrumbs,
    .site-introduce .breadcrumbs {
        margin: 25px 0;
    }

    .banner-top {
        margin-top: 0;
    }

    .banner-content {
        width: 295px;
        padding-left: 0;
    }

    .banner-picture {
        width: calc(100% - 295px);
        padding-right: 30px;
    }

    .title-h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .banner-right-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #333333;
        margin-bottom: 0px;
    }

    .site-header .menu-header ul a {
        font-size: 14px;
        text-transform: initial;
        padding: 0 15px;
    }

    /* .header-page {
        gap: 35px;
    } */

    .container-content {
        top: 50px;
    }

    .title-menu {
        font-size: 18px;
    }

    .menu-content ul li a {
        font-size: 16px;
    }

    .menu-content {
        width: 210px;
    }

    #content {
        width: calc(100% - 210px - 30px);
    }

    .menu-content ul li {
        padding-bottom: 15px;
    }

    #tab2 p {
        padding-right: 80px;
    }

    .site-introduce .owl-nav button {
        background-size: contain !important;
        /* width: 24px;
        height: 35px; */
    }

    .owl-nav .owl-prev {
        left: -33px;
    }

    .owl-nav .owl-next {
        right: -33px;
    }

    .site-introduce .owl-nav {
        display: block;
    }

    .list-slider-certificate .title-slider {
        font-size: 16px;
        line-height: 24px;
    }

    .list-slider-certificate .title-slider {
        font-size: 16px;
        color: #333333;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 0;
        font-weight: 500;
    }

    .site-bottom .widget-title {
        padding: 45px 0 0;
        font-size: 18px;
        border-bottom: 1px dashed #6a6a6a;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

    .container-footer .container {
        height: 70px;
    }

    .ct-item-download h4 {
        height: 72px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: #333333;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin-top: 15px;
        overflow: hidden;
    }

    .item-download {
        margin-top: 40px;
    }

    .site-download .breadcrumbs {
        margin: 30px 0 0;
    }

    .img-download img {
        width: 100%;
    }

    .site-contact .contact-left {
        width: calc(50% - 20px);
        margin-top: 40px;
    }

    .site-contact .container {
        display: flex;
        gap: 40px;
        padding-top: 40px;
        margin-bottom: 80px;
    }

    .contact-left-top a {
        text-align: center;
        display: block;
        margin-bottom: 60px;
    }

    .site-solution .breadcrumbs-page {
        display: none;
    }

    .item-solution .container {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        padding: 80px 20px;
    }

    .ct-igp h3 a {
        font-weight: 700;
    }

    .item-solution .ct-igp h3 {
        margin-bottom: 10px;
    }

    .item-solution .ct-igp p {
        line-height: 24px;
        font-size: 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* Số dòng tối đa */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* .social-solution {
        display: none;
    } */
    .social-solution ul li {
        opacity: 0.2;
    }

    .fb_iframe_widget span {
        max-width: 210px;
    }

    .post-title {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px;
        color: #333333;
        margin-bottom: 15px;
    }

    .entry-content h3 {
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
    }

    .post-info h2 {
        font-size: 24px;
        line-height: 1.2;
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-bottom: 12px !important;
    }

    .project-active img {
        height: 210px;
    }

    ._491z ._33ki {
        font-size: 12px;
    }

    .project-active .owl-nav button {
        /* width: 26px;
        height: 33px; */
        position: absolute;
        top: 39%;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        transform: translateY(-50%);
    }

    .footer-phone {
        display: flex;
    }

    .social-mess-bottom li:first-child {
        display: block;
    }

    .footer-phone {
        bottom: 70px;
    }

    .footer-phone {
        background-color: #fc4b1b;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    .footer-phone img {
        margin: 0 auto;
        border-radius: 50%;
    }

    .social-mess-bottom {
        bottom: 70px;
    }

    .ct-item-project {
        min-height: 170px;
    }

    .top-sg-right {
        width: 400px;
    }

    .top-sg-left .post-thumb {
        width: 100%;
        max-height: 355px;
    }

    .top-sg-left {
        width: calc(100% - 400px);
    }

    .breadcrumbs {
        margin: 30px 0;
    }

    .single-project .container>.row {
        margin: 0;
    }

    .top-sg-right h1 {
        font-size: 30px;
        line-height: 36px;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        color: #333333;
        margin-bottom: 10px;
    }

    .lst-ct-note ul li {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        color: #333333;
        margin-bottom: 0px;
        line-height: 30px;
    }

    .des p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #333;
        font-family: 'Roboto', sans-serif;
    }

    .des {
        margin-top: 10px;
        margin-bottom: 8px;
    }

    .sg-detail-prj {
        width: calc(100% - 242px);
    }

    .other-prj {
        width: 242px;
        padding-left: 30px;
    }

    .img-item-other {
        width: 100%;
        height: 140px;
    }

    .grp-title {
        font-size: 16px;
        padding-left: 55px;
    }

    .detail-prj h2 {
        font-size: 28px;
    }

    .detail-prj {
        padding-top: 30px;
    }

    .detail-prj h3 {
        font-size: 24px;
    }

    .detail-prj p:last-child {
        margin-bottom: 0;
    }

    .share {
        padding: 25px 0 20px;
        border-bottom: 1px solid #cccccc;
        border-style: dotted;
    }

    .new-right {
        width: 242px;
    }

    .new-left {
        width: calc(100% - 242px);
    }

    .news-page .thumb-big {
        width: 370px;
        height: 208px;
        float: left;
        margin-bottom: 0;
    }

    .news-page .ct-nh-right {
        width: calc(100% - 370px);
        float: left;
        padding-left: 30px;
    }

    .news-page .ct-nh-right h3 a {
        font-size: 24px;
        line-height: 30px;
    }

    .ct-nh-right h3 {
        margin-bottom: 10px;
    }

    .news-page .ct-nh-right p {
        font-size: 16px;
        line-height: 24px;
    }

    .news-page .item-nh-right {
        width: 290px;
        height: 163px;
    }

    .news-page .ct-item-nh h4 a {
        font-size: 22px;
        line-height: 26px;
    }

    .news-page .img-bgr {
        width: 290px;
    }

    .news-page .ct-item-nh h4 {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    .news-page .ct-item-nh {
        padding-left: 10px;
        width: calc(100% - 290px);
    }

    p.des-new {
        font-size: 16px;
        line-height: 24px;
        font-family: 'Roboto', sans-serif;
    }

    .thumbnail-sgn {
        width: 100%;
    }

    .img-new-rlt {
        width: 100%;
    }

    .thumbnail-sgn {
        height: 400px;
    }

    .ct-sld {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .slider-home .owl-nav button {
        top: 50%;
        transform: translateY(-50%);
        /* width: 20px;
        height: 40px; */
    }

    .ct-sld p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
    }

    .ct-sld h3 {
        margin-bottom: 25px;
    }

    .ct-sld {
        position: absolute;
        max-width: 480px;
        padding: 35px 50px 20px 20px;
        background-color: rgb(0 0 0 / 60%);
    }

    .list-prd .owl-nav button {
        /* width: 20px;
        height: 50px; */
        position: absolute;
        top: 30%;
    }

    section.grp-tm {
        padding: 80px 0 100px;
    }

    .ct-right ul li {
        font-size: 16px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .img-left {
        height: 253px;
    }

    .btn-link img {
        width: 112px;
    }

    .ct-item-rv span {
        margin: 10px 0 15px;
    }

    .owl-dots button {
        width: 14px !important;
        height: 14px !important;
    }

    .grp-gp .owl-nav button {
        /* width: 20px;
        height: 45px; */
        position: absolute;
        top: 45%;
    }

    .thumb-big {
        width: 290px;
        height: 160px;
    }

    .item-nh-left {
        width: 290px;
        float: left;
    }

    .ct-nh-right p {
        display: none;
    }

    .ct-item-nh span {
        display: none;
    }

    .item-nh-right {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 60px;
        height: 60px;
    }

    .img-bgr {
        width: auto;
    }

    .ct-item-nh {
        width: 100%;
    }

    .item-rh {
        gap: 25px;
        display: flex;
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 10px;
    }

    .ct-item-nh h4 a {
        line-height: 22px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .lst-nh-right .item-rh {
        gap: 15px;
    }

    .lst-nh-right .item-rh {
        gap: 25px;
        display: flex;
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 20px;
    }

    .news-page .lst-nh-right .item-rh {
        padding-bottom: 30px;
    }

    .lst-nh-right {
        column-gap: 20px;
    }

    .btn-gp {
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        background-color: #f7941d;
        padding: 14px;
        max-width: 170px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .ct-igp h3 {
        margin-bottom: 20px;
    }

    .ct-item-nh h4 {
        margin-top: 0px;
    }

    .list-new-home .lst-nh-right {
        width: calc(100% - 290px);
    }

    .slider-home .owl-nav .owl-prev {
        left: -35px;
    }

    .slider-home .owl-nav .owl-next {
        right: -35px;
    }

    .slider-home .owl-nav i {
        font-size: 40px;
    }

    .slider-home .owl-nav i {
        font-size: 40px;
    }

    .list-prd .owl-nav i {
        font-size: 40px;
    }

    .owl-nav i {
        font-size: 40px;
    }

    .list-new-home .item-rh:last-of-type,
    .list-new-home .item-rh:nth-of-type(5) {
        border-bottom: none;
    }

    .list-slider-partner .owl-nav .owl-next {
        right: -37px;
    }

    .list-slider-partner .owl-nav .owl-prev {
        left: -37px;
    }

    .project-active .owl-nav .owl-next {
        right: -35px;
    }

    .project-active .owl-nav .owl-prev {
        left: -35px;
    }

    .site-solution-single #sibar-menu .sidebar__inner {
        margin-top: 50px;
    }

    .thumb-big {
        margin-bottom: 18px;
    }

    #sibar-menu ul li a {
        font-size: 16px;
        line-height: 30px;
    }

    #sibar-menu ul li {
        border-bottom: 1px dashed #d3d3d3;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .list-new-page #sibar-menu .sidebar__inner {
        margin-top: 43px;
    }

    .list-new-page .breadcrumbs {
        margin: 30px 0;
    }

    .grp-gp .owl-dots {
        left: 39%;
    }

    .top-sg-prj .des {
        margin-bottom: 15px;
    }

    .new-right1 {
        width: 210px;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 991px) {
    .list-img-prd {
        width: 270px;

    }

    .content-top-prd .item-img-pr {
        width: 80px;
        height: 80px;
    }

    .single-product .new-left {
        width: 690px;
    }

    .thumbnail-sg-prd {
        width: 370px;
        height: 370px;
    }

    .content-top-prd {
        width: calc(100% - 370px);
    }

    .tell a {
        width: 130px;
    }
}

@media only screen and (max-width: 1199px) {
    .social-solution ul li {
        opacity: 0.5;
    }
}

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

@media only screen and (max-width: 990px) {
   /* new code */
  .menu-header {
    height: 100vh;
    overflow-y: scroll;
}
    .site-header .menu-header .sub-menu li .sub-menu{
        position: initial !important;
        opacity: 1 !important;
        visibility: visible !important;
        border: none;
        margin-left: 25px;
        background: #333;
    }
    .site-header .menu-header .sub-menu >li .arrow::after{
        display: none;
    }
    .site-header .menu-header ul ul li::after{
        display: none;
    }
    .site-header .menu-header ul ul li .sub-menu li::after{
        display: block;
    }
    .list-new-page {
        padding-top: 50px;
    }

    .select-items div,
    .select-selected {
        width: 100%;
    }

    .site-search-home-sp {
        position: initial;
        display: block !important;
        padding-top: 20px;
    }

    .site-search-home-sp .site-search {
        width: calc(100% - 100px);
        margin: 0 auto;
    }

    .header-page {
        position: initial;
    }

    .site-header .menu-header>ul>li ul {
        opacity: 1;
        visibility: visible;
        display: none;
    }

    .list-new-page #sibar-menu .sidebar__inner {
        margin-top: 0;
    }

    .active-sub a {
        border-bottom: none !important;
    }

    .active-sub .arrow::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .site-header .menu-header ul a {
        text-transform: none;
    }

    .active-sub>a {
        margin: 0 50px 0px !important;
        padding: 0 !important;
    }

    .active-sub .sub-menu {
        position: relative !important;
        display: block !important;
        transition: all 0.5s ease-in-out 0s;
    }

    .site-header .menu-header>ul>.active-sub ul a {
        border-top: none;
        text-transform: none;
        padding: 0;
        font-size: 28px;
        line-height: 36px;
        margin: 0 80px 20px !important;
        font-weight: 400;
    }

    .current-menu-item a a {
        color: initial;
    }

    .site-header .menu-header ul ul li {
        position: relative;
    }

    .site-header .menu-header ul ul li::after {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        font-size: 12px;
        top: 50%;
        transform: translateY(-50%);
        left: 50px;
        color: #aaaaaa;
    }

    .site-header .menu-header>ul>li ul {
        width: 100%;
        padding: 20px 0;
    }

    .header-page {
        height: 100px;
    }

    .header-main {
        display: none;
    }

    .menu-bar {
        right: 0px;
    }

    .right-header {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-right: 35px;
    }

    .menu-bar {
        display: block;
    }

    .site-country {
        width: 45px;
        height: 30px;
    }

    .site-country img {
        width: 100%;
    }

    /*.site-main {
        padding-top: 100px;
    }*/

    .header-main {
        /*        overflow: auto;*/
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        border-top: 1px solid #cccccc;
        z-index: 999;
        display: none;
        /*        flex-direction: column;
        align-items: baseline;
        margin-bottom: 0;
        height: auto;
        justify-content: center;*/
    }

    .current-menu-item {
        background: #333333;
    }

    .current-menu-item a {
        color: #f7941d !important;
    }

    .header-main.active {
        display: flex;
    }

    .site-header .menu-header ul {
        height: auto;
        flex-direction: column;
    }

    .site-header .menu-header ul li {
        width: 100%;
        border: none !important;
    }

    .search-country-pc {
        display: none;
    }

    .search-country p {
        border: none;
    }

    .search-country p img {
        width: 45px;
        height: 30px;
    }

    .site-header .menu-header ul a {
        padding: 0 0 25px;
        justify-content: left;
        height: auto;
        margin: 0 50px 20px;
        border-bottom: 1px dashed #aaaaaa;

    }

    .site-header .menu-header ul {
        padding: 20px 0 40px;
    }

    .site-header .menu-header ul li:last-child a {
        border-bottom: none;
        margin: 0 50px 0px;
        padding: 0;
    }


    .search-country a {
        padding: 0;
    }

    .click-search i {
        font-size: 30px;
    }

    .menu-header {
        width: 100%;
    }

    #tab2 p {
        padding-right: 0;
    }

    .site-introduce .owl-nav button {
        background-size: contain !important;
        /* width: 15px;
        height: 25px; */
    }

    .owl-nav .owl-prev {
        left: -20px;
    }

    .owl-nav .owl-next {
        right: -20px;
    }

    .site-bottom .widget-title {
        padding: 0;
        font-size: 28px;
        margin-bottom: 25px;
        border-bottom: none;
    }

    /* .site-bottom .col-sm-12 {
        text-align: center;
    } */

    .site-bottom {
        padding: 90px 0 0;
    }

    .site-bottom .col-sm-12:last-of-type .widget {
        border: none;
    }



    .site-bottom .widget {
        background: none;
        padding: 0;
        border: none;
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: 1px dashed;
    }

    .site-bottom .widget ul {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .headquarters li a {
        font-size: 24px;
    }

    .container-footer .container {
        height: auto;
        padding-top: 85px;
        flex-direction: column;
    }

    .copyright .span-first {
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 25px;
    }

    .copyright {
        font-size: 24px;
        line-height: 48px;
        max-width: 100%;
        border-bottom: 1px dashed;
        padding-bottom: 45px;
        margin-bottom: 40px;
        text-align: left;
    }

    .container-footer .container {
        align-items: baseline;
    }

    .social-bottom ul {
        gap: 15px;
    }

    .site-footer .social-bottom img {
        width: 45px;
        height: 45px;
    }

    .site-footer .social-bottom ul li:first-child img {
        height: 45px;
    }

    .site-footer {
        padding-bottom: 100px;
    }

    .site-header .menu-header ul a {
        font-size: 20px;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .item-download {
        margin-top: 30px;
    }

    .site-contact .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-contact .container {
        display: flex;
        gap: 20px;
        padding-top: 30px;
        margin-bottom: 70px;
    }

    .contact-left-top a {
        text-align: center;
        display: block;
        margin-bottom: 40px;
    }

    .site-contact .contact-right {
        width: calc(50% - 10px);
    }

    .site-contact .contact-left {
        margin-top: 0;
        width: calc(50% - 10px);
    }

    .item-solution .container {
        display: flex;
        align-items: center;
        gap: 30px;
        padding: 60px 15px;
    }

    .item-solution .ct-igp p {
        line-height: 22px;
        font-size: 14px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ct-igp h3 a {
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        line-height: 28px;
        color: #333;
    }

    .item-solution .btn-gp {
        border-radius: 5px;
        padding: 14px;
        margin-top: 15px;
        font-size: 16px;
    }

    .site-solution-single .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-solution-single .share {
        padding: 35px 0 25px;
        border-bottom: 1px solid #cccccc;
        border-style: dotted;
    }

    .site-404-page .container {
        padding: 80px 15px;
    }

    .site-search-result .site-404-page .container {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .site-404-page {
        padding: 0;
    }

    .content-404 h1 {
        font-size: 28px;
        font-weight: 500;
        line-height: 30px;
        color: #333333;
        margin-bottom: 10px;
    }

    .content-404 p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #333333;
        margin-bottom: 25px;
    }

    .form-search input {
        height: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        width: 100%;
        font-style: initial;
    }

    .form-search button {
        display: flex;
        position: absolute;
        background: #f7941d;
        border: none;
        align-items: center;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
    }

    .site-search-home {
        right: 10px;
    }

    /* .site-search {
        width: calc(100% - 100px);
    } */

    .site-brand a {
        display: flex;
        width: 200px;
        height: 30px;
    }

    .site-header .menu-header ul a {
        font-size: 28px;
        line-height: 46px;
        position: relative;
    }

    .arrow {
        position: initial;
    }

    .arrow::after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        font-size: 24px;
        top: 37%;
        transform: translateY(-50%);
        left: auto;
        color: #fff;
        right: 0;
    }

    .site-header .menu-header>ul>li:hover {
        background: #333333;
    }

    .site-header .menu-header>ul>li:hover ul {
        display: none;
    }

    .news-page .item-nh-left {
        flex-direction: column;
        gap: 30px;
    }

    .news-page .thumb-big,
    .news-page .ct-nh-right {
        width: 100%;
        padding-left: 0;
    }

    .news-page .item-rh {
        flex-direction: column;
        gap: 30px;
    }

    .news-page .img-bgr,
    .news-page .item-nh-right {
        width: 100%;
        height: 200px;
    }

    .news-page .ct-item-nh {
        width: 100%;
        padding-left: 0;
    }

    .thumbnail-sgn {
        height: 300px;
    }

    /*    .site-contact-header.active {
        width: 100%;
        justify-content: space-between;
        display: flex;
        position: absolute;
        bottom: 15px;
        z-index: 999;
    }*/

    .site-contact-header img {
        width: 50px;
        height: 50px;
    }

    .menu-header {
        background: #333333;
    }

    .owl-nav .owl-next {
        right: -15px;
    }

    .owl-nav .owl-prev {
        left: -15px;
    }

    .owl-nav i {
        font-size: 48px;
    }

    .list-slider-partner .owl-nav .owl-next {
        right: -15px;
    }

    .list-slider-partner .owl-nav .owl-prev {
        left: -15px;
    }

    .list-slider-partner .owl-nav i {
        font-size: 48px;
    }

    .slider-home {
        margin-top: 0;
    }

    .slider-home .container {
        padding: 0;
    }

    .slider-home .owl-nav button {
        display: none;
    }

    .slider-home .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        min-height: 300px;
    }

    .list-slider .owl-dots {
        margin-right: 20px;
    }

    p.des-sec {
        margin-bottom: 30px;
    }

    section.grp-tm {
        padding: 50px 0 40px;
    }

    .mt-50 {
        margin-top: 30px;
    }

    section.review {
        padding: 50px 0;
    }

    h2.title-section {
        text-align: center;
        font-size: 30px;
        line-height: 24px;
        color: #333;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-bottom: 15px;
    }

    p.des-sec {
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        color: #999999;
        font-style: italic;
        font-family: 'Roboto', sans-serif;
    }

    .list-review .row {
        margin-left: 0;
        margin-right: 0;
    }

    .ct-igp h3 {
        margin-bottom: 10px;
    }

    .ct-igp h3 a {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 28px;
        color: #333;
    }

    .ct-igp p {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400;
        color: #333;
        font-family: 'Roboto', sans-serif;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .btn-gp {
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        background-color: #f7941d;
        padding: 14px;
        max-width: 170px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .list-new-home.lst-nh-right {
        width: calc(100% - 250px);
        float: left;
        padding-left: 30px;
        display: grid;
        column-gap: 15px;
        row-gap: 15px;
        grid-template-columns: 50% 50%;
    }

    .item-rh {
        gap: 10px;
        display: flex;
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 10px;
    }

    .thumb-big {
        width: 250px;
        height: 160px;
    }

    .item-nh-left {
        width: 250px;
        float: left;
    }

    .thumb-big {
        margin-bottom: 15px;
    }

    .ct-nh-right h3 a {
        font-size: 20px;
        line-height: 24px;
        color: #333333;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }

    .site-banner {
        flex-direction: column;
    }

    .banner-picture {
        width: 100%;
        padding-right: 0;
    }

    .banner-content {
        width: 100%;
        margin-top: 35px;
    }

    .title-h1,
    .title-menu {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
        font-size: 32px;
    }

    .title-h1::after,
    .title-menu::after {
        position: absolute;
        width: calc(100vw - 50px);
        z-index: 0;
        background: #dddddd;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
    }

    .title-menu {
        color: #333333;
        background: none;
    }

    .title-menu img {
        display: none;
    }

    .title-h1::before,
    .title-menu::before {
        position: absolute;
        width: 100%;
        z-index: 1;
        background: #f7941d;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
    }

    .banner-right-content p {
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #333333;
        margin-bottom: 0px;
    }

    .breadcrumbs-page {
        display: none;
    }

    .banner-top {
        padding: 50px 0 50px;
    }

    .container-content {
        padding-top: 50px;
    }

    .site-introduce #content {
        width: 100%;
        order: 2;
    }

    .site-introduce .menu-content {
        width: 100%;
    }

    .menu-content ul {
        border: none;
        padding: 0;
    }

    .menu-content ul li a {
        font-size: 22px;
    }

    .menu-content ul li {
        padding-bottom: 25px;
        padding-top: 20px;
    }

    .contact-left-content ul li a {
        font-size: 14px;
        line-height: 30px;
    }

    .contact-left-content p {
        font-size: 14px;
    }

    .contact-right p label {
        font-size: 14px;
    }

    .contact-right p input {
        font-size: 14px;
    }

    .contact-right p {
        margin-bottom: 15px;
    }

    .site-contact .contact-left {
        margin-top: 53px;
    }

    .list-slider-project-active .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .site-solution-single #content {
        margin-top: 40px;
    }

    .sg-new .new-left {
        padding-top: 0;
    }

    .page-project {
        padding-top: 50px;
    }

    .list-project .row .col-md-4:nth-child(4) {
        clear: initial;
    }

    .single-project-fix {
        padding-top: 50px;
    }

    .item-gp .row {
        display: flex;
        align-items: center;
        /* flex-direction: column; */
    }

    .item-gp .ct-igp h3 a {
        margin-top: 0px;
        display: block;
    }

    .grp-gp .owl-nav button {
        position: absolute;
        /* top: 90%; */
    }

    /* .btn-gp {
        margin-left: auto;
        margin-right: auto;
    } */

    .project-active .owl-nav .owl-prev {
        left: -15px;
    }

    .project-active .owl-nav .owl-next {
        right: -15px;
    }

    .single-post .menu-item-50,
    .single-solution .menu-item-46,
    .single-project .menu-item-45 {
        background: #333333;
    }

    .single-post .menu-item-50 a,
    .single-solution .menu-item-46 a,
    .single-project .menu-item-45 a {
        color: #f7941d !important;
    }

    .site-bottom .site-contact-header {
        display: none;
    }

    .footer-phone {
        background-color: #fc4b1b;
        height: 45px;
        width: 45px;
        border-radius: 50%;
    }


    .social-mess-bottom {
        display: block;
    }

    .social-bottom-lt {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .container-footer .container {
        border-bottom: 1px dashed;
        padding-bottom: 45px;
        margin-bottom: 40px;
        padding-left: 0;
        padding-right: 0;
    }

    .site-footer {
        padding-bottom: 40px;
    }

    .footer-phone {
        bottom: 40px;
    }

    .container-footer {
        padding: 0 20px;
    }

    .social-mess-bottom {
        bottom: 40px !important;
    }

    #menu-language-1>li span {
        display: none;
    }

    #menu-language-1 .sub-menu span {
        display: block;
    }

    #menu-language-1 .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        margin-right: 20px;
        background-color: #333;
        padding: 0;
        width: auto;
        opacity: 1;
        visibility: visible;
        transition: all 0.5s ease-in-out 0s;
    }

    #menu-language-1.active .sub-menu {
        opacity: 1;
        visibility: initial;

    }

    #menu-language-1 {
        margin-bottom: 0;
        display: flex;
        height: 100%;
        align-items: center;
    }

    #menu-language-1 a img {
        display: none;
    }

    #menu-language-1 .sub-menu span {
        color: #fff;
        display: none;
        padding: 0px 0px 0 21px !important;
    }

    #menu-language-1 li>a {
        position: relative;
        width: 45px;
        display: block;
        height: 30px;
        margin-right: 20px;
    }

    #menu-language-1 .sub-menu li>a {
        margin-right: 0;
    }

    #menu-language-1 .sub-menu a {
        padding: 0;
        display: flex;
        align-items: center;
    }

    .search-country {
        height: 30px;
    }

    #menu-language-1 .sub-menu li {
        margin: 0;
    }

    #menu-language-1 a::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('../images/assets/icon-country1.png');
        width: 100%;
        height: 100%;
        background-size: contain;
        content: '';
        background-repeat: no-repeat;
    }


    html[lang="en-GB"] #menu-language-1 a::after {
        background: url('../images/assets/en.jpg');
        background-repeat: no-repeat;
        background-size: contain;

    }

    html[lang="en-GB"] #menu-language-1 .sub-menu a::after {
        background: url('../images/assets/icon-country1.png');
        background-repeat: no-repeat;
        background-size: contain;
    }

    html[lang="vi"] #menu-language-1 .sub-menu a::after {
        background: url('../images/assets/en.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }

    #menu-language-1 li>:hover.sub-menu {
        display: block;
    }

    #menu-language-1 .sub-menu a::after {
        width: 45px !important;
        height: 30px !important;
    }

    #menu-language-1 .menu-item-715-en a::after {
        background: url('../images/assets/en.jpg') !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    html[lang="vi"] .menu-item-715-vi {
        display: none;
    }

    html[lang="en-GB"] .menu-item-715-en {
        display: none;
    }

    html[lang="en-GB"] .menu-item-715-vi a::after {
        width: 22px !important;
        height: 15px !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background: url('../images/assets/icon-country1.png');

    }

    html[lang="en-GB"] .is-vi {
        display: none;
    }

    html[lang="vi"] .is-en {
        display: none;
    }

    #menu-language-1.active .sub-menu {
        opacity: 1;
        visibility: visible;
    }

    #menu-language-1>li>a {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .ct-item-product {
        height: auto;
    }

    .site-contact-header.active {
        display: flex;
    }

    .new-right1 {
        width: 100%;
    }

    .single-project-fix {
        padding-top: 0;
    }

    .list-project .ct-item-project {
        min-height: auto;
    }

    .img-partner {
        height: 360px;
    }

    .intro-content h3 {
        font-size: 48px;
        line-height: 60px;
    }

    .title-pages {
        font-size: 36px;
    }

    .intro-content h4 {
        font-size: 19px;
        font-weight: 500;
        line-height: normal;
        color: #333333;
        margin-bottom: 20px;
    }

    .intro-content ul li {
        font-size: 27px;
        line-height: 46px;
        font-style: italic;
        color: #333333;
        margin-bottom: 20px;
    }

    .intro-content p {
        font-size: 28px;
        font-weight: 400;
        line-height: 46px;
        color: #333333;
        margin-bottom: 25px;
    }

    .site-banner {
        flex-direction: column;
    }

    .banner-picture {
        width: 100%;
        padding-right: 0;
    }

    .banner-content {
        width: 100%;
        margin-top: 65px;
    }

    .title-h1,
    .title-menu {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 40px;
        position: relative;
        z-index: 1;
        font-size: 36px;
    }

    .title-h1::after,
    .title-menu::after {
        position: absolute;
        width: calc(100vw - 100px);
        z-index: 0;
        background: #dddddd;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
    }

    .title-menu {
        color: #333333;
        background: none;
        text-transform: initial;
    }

    .title-menu img {
        display: none;
    }

    .title-h1::before,
    .title-menu::before {
        position: absolute;
        width: 100%;
        z-index: 1;
        background: #f7941d;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
    }

    .banner-right-content p {
        font-size: 28px;
        font-weight: 400;
        line-height: 46px;
        color: #333333;
        margin-bottom: 0px;
    }

    .breadcrumbs-page {
        display: none;
    }

    .banner-top {
        padding: 50px 0 100px;
    }

    .container-content {
        padding-top: 90px;
    }

    #content {
        width: 100%;
        order: 2;
    }

    .menu-content {
        width: 100%;
    }

    .menu-content ul {
        border: none;
        padding: 0;
    }

    .menu-content ul li a {
        font-size: 28px;
    }

    .menu-content ul li {
        padding-bottom: 45px;
        padding-top: 30px;
    }

    .site-certificate .title-border,
    .site-partner .title-border {
        margin-top: 90px;
    }

    .list-slider-certificate .title-slider {
        font-size: 28px;
        color: #000;
        line-height: 36px;
        margin-top: 20px;
        margin-bottom: 0;
        font-weight: 500;
        text-align: center;
    }

    .title-border {
        margin-bottom: 50px;
    }

    .all-view {
        font-size: 30px;
        color: #fff;
        background: #f7941d;
        display: inline-block;
        padding: 21px 59px;
        border-radius: 5px;
    }


    .click-view {
        text-align: center;
        margin-top: 50px;
    }

    .site-introduce .owl-nav button {
        top: 111%;
        transform: translateY(-50%);
    }

    .site-introduce .owl-nav button {
        background-size: contain !important;
        /* width: 40px;
        height: 50px; */
    }

    .owl-nav .owl-prev {
        left: 0;
    }

    .list-prd .owl-nav .owl-prev {
        left: 30px;
    }

    .list-prd .owl-nav .owl-next {
        right: 30px;
    }

    .owl-nav .owl-next {
        right: 0px;
    }

    .ct-item-download h4 {
        height: 148px;
        font-size: 28px;
        font-weight: 500;
        line-height: 36px;
        color: #333333;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        margin-top: 15px;
        overflow: hidden;
    }

    .item-download {
        margin-top: 50px;
    }

    .page-nav a,
    .page-nav span {
        font-size: 24px;
        line-height: 24px;
        padding: 15px 26.4px;
    }

    .page-nav {
        display: flex;
        float: initial;
        align-items: center;
        justify-content: center;
    }

    a.next.page-numbers {
        border-bottom-right-radius: 0;
    }

    a.prev.page-numbers {
        border-bottom-left-radius: 0;
    }

    .site-bottom .col-sm-12 {
        text-align: left;
    }

    .container-footer .container {
        text-align: left;
    }

    .copyright br {
        display: block;
    }

    .site-contact .container {
        flex-direction: column;
        gap: 90px;
    }

    .site-contact .contact-left {
        width: 100%;
    }

    .site-contact .contact-right {
        width: 100%;
    }

    .contact-left-content h2 {
        font-size: 36px;
        font-weight: 500;
        line-height: 46px;
        color: #333333;
        margin-bottom: 40px;
    }

    .contact-left-content p {
        font-size: 28px;
        color: #333333;
        line-height: 46px;
        font-weight: 400;
        margin-bottom: 27px;
    }

    .site-contact .container {
        padding-right: 50px;
        padding-left: 50px;
        margin-right: auto;
        margin-left: auto;
    }

    .site-contact .container {
        padding: 100px 50px;
        margin-bottom: 0;
    }

    .contact-left-top a {
        text-align: left;
        margin-bottom: 50px;
    }

    .contact-left-content ul {
        display: flex;
        flex-direction: column;
    }

    .contact-left-content ul li:nth-child(2) {
        order: 3;
        border-bottom: none;
        padding: 40px 0px;
        text-align: center;
        background: #fffaf3;
        margin-bottom: 0;
        border: 1px solid #fddfbb;
    }

    .contact-left-content ul li:nth-child(2) a {
        position: relative;
        height: 80px;
        padding-left: 95px;
        display: inline-flex;
        align-items: center;
        background: #f7941d;
        color: #fff;
        padding-right: 30px;
        border-radius: 5px;
    }

    .contact-left-content ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 45px;
    }

    .contact-left-content ul {
        margin-bottom: 40px;
    }

    .contact-left-content ul li:nth-child(2) a::after {
        height: 100%;
        width: 85px;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        background: url('../images/assets/phone-contact.png');
        top: 0;
        left: 0;
        position: absolute;
    }

    .contact-left-content ul li a {
        color: #ff4f01;
        font-size: 28px;
        padding-left: 40px;
    }

    .contact-left-content ul li::after {
        font-size: 28px !important;
        top: 0 !important;
        color: #f7941d !important;
        transform: translateY(0) !important;
    }

    .contact-left-content ul li {
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 25px;
        margin-bottom: 15px;
    }

    .contact-left-content ul li:nth-child(2)::after {
        display: none;
    }

    .contact-left-content p {
        margin-bottom: 50px;
    }

    .contact-left .info-mxh {
        margin-top: 50px;
    }

    .site-contact .social-bottom ul {
        gap: 20px;
    }

    .site-contact .social-bottom ul a {
        display: inline-flex;
        width: 60px;
        height: 60px;
    }

    .contact-right p label {
        font-size: 24px;
    }

    .contact-right p input {
        width: 100%;
        height: 60px;
        font-size: 24px;
    }

    .contact-right p {
        margin-bottom: 30px;
    }

    .contact-right textarea {
        font-size: 24px;
    }

    .contact-right .wpcf7-submit {
        width: 100%;
        height: 80px;
        padding-left: 25px;
        font-size: 30px;
        line-height: 36px;
        font-weight: 700;
        border: none;
        background: #f7941d;
        color: #FFF;
        border-radius: 5px;
        cursor: pointer;
        max-width: 320px;
    }

    .contact-right form>p::after {
        font-size: 24px;
    }

    .item-solution .container {
        display: flex;
        align-items: flex-start;
        gap: 45px;
        padding: 60px 15px;
        padding: 50px 50px 100px;
        flex-direction: column;
    }

    .item-solution .img-igp,
    .item-solution .ct-igp {
        width: 100%;
    }

    .ct-igp h3 a {
        font-family: 'Roboto', sans-serif;
        font-size: 36px;
        line-height: 46px;
        color: #333;
        margin-bottom: 40px;
        display: block;
        font-weight: 500;
    }

    .item-solution .ct-igp p {
        line-height: 46px;
        font-size: 28px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* Số dòng tối đa */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .item-solution .btn-gp {
        border-radius: 5px;
        padding: 22px;
        margin-top: 50px;
        font-size: 30px;
        max-width: 280px;
        display: block;
    }

    .item-solution.swap .img-igp {
        order: 1;
    }

    .item-solution.swap .ct-igp {
        order: 1;
    }

    .site-solution-single #content {
        order: 1;
    }

    .site-solution-single #sibar-menu {
        order: 2;
    }

    .site-solution-single .container {
        padding: 50px 50px 100px;
    }

    .site-solution-single .post-title {
        font-size: 48px;
        font-weight: 500;
        line-height: 60px;
        color: #333333;
        margin-bottom: 45px;
    }

    .site-solution-single .entry-content p {
        font-size: 28px;
        line-height: 46px;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .site-solution-single .post-info h2 {
        font-size: 36px;
        line-height: 1.2;
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-bottom: 25px !important;
    }

    .site-solution-single .entry-content h3 {
        font-size: 32px;
        font-weight: 500;
        line-height: 36px;
        margin-bottom: 25px;
    }

    .share-mb {
        display: block;
    }

    .share-pc {
        display: none;
    }

    .site-solution-single .share {
        padding: 0 0 25px;
        border-bottom: 1px solid #cccccc;
        border-style: dotted;
    }

    .tag h3 {
        font-size: 36px;
        font-family: 'Roboto', sans-serif;
        color: #333;
        margin-bottom: 25px;
    }

    .title-category {
        margin-bottom: 0 !important;
    }

    .tag img {
        width: 30px;
    }

    .project-active img {
        height: auto;
    }

    .site-solution-single .list-tag ul a {
        font-size: 28px;
        font-style: italic;
        color: #999999;
        line-height: 46px;
    }

    .project-active .owl-nav button {
        top: 118%;
    }

    .project-active .title-slider a {
        font-size: 36px;
        font-weight: 500;
        color: #333333;
        line-height: 46px;
        margin-top: 15px;
        display: block;
    }

    #sibar-menu {
        width: 100%;
    }

    .fb_iframe_widget span,
    #custom_html-5 iframe {
        max-width: 100%;
        width: 100% !important;
    }

    .uiScaledImageContainer {
        width: 100% !important;
    }

    .uiScaledImageContainer .scaledImageFitHeight {
        width: 100% !important;
        left: 0 !important;
    }

    ._2p3a {
        width: 100% !important;
    }

    .site-search-result .site-404-page .container {
        flex-direction: column;
        gap: 40px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .site-404-page .picture-404,
    .site-404-page .content-404 {
        width: 100%;
    }

    .content-404 h1 {
        font-size: 36px;
        font-weight: 500;
        line-height: 46px;
        color: #333333;
        margin-bottom: 30px;
    }

    .content-404 p {
        font-size: 28px;
        font-weight: 400;
        line-height: 46px;
        color: #333333;
        margin-bottom: 40px;
    }

    .form-search input {
        height: 60px;
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
    }

    .form-search button {
        font-size: 24px;
    }

    .content-404 p a {
        color: #f7941d;
        font-size: 28px;
        font-weight: 400;
        line-height: 46px;
    }

    .site-404-page .container {
        padding: 80px 50px;
    }

    .list-project .item-project .img-prj a {
        max-height: 100%;
    }

    .list-project .item-project .img-prj a img {
        width: 100%;
    }

    .list-project {
        padding-top: 50px;
    }

    .ct-item-project {
        min-height: 100%;
        text-align: center;
    }

    .item-project h4 a {
        line-height: 46px;
        font-size: 28px;
    }

    .item-project ul li {
        font-size: 24px;
        line-height: 36px;
    }

    .title-mb-prj {
        display: block;
        font-size: 48px;
        line-height: 60px;
        padding: 40px 0;
    }

    .title-pc-prj {
        display: none;
    }

    .top-sg-prj {
        flex-direction: column;
    }

    .top-sg-left {
        width: 100%;
    }

    .top-sg-right {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    .lst-ct-note ul li {
        font-size: 28px;
        font-family: 'Roboto', sans-serif;
        color: #ff4f01;
        margin-bottom: 0px;
        line-height: 46px;
    }

    .it-pro {
        flex-direction: column;
        gap: 100px;
    }

    .sg-detail-prj {
        width: 100%;
    }

    .other-prj {
        width: 100%;
        padding-left: 0;
    }

    .img-item-other {
        height: 360px;
    }

    .item-other h4 {
        text-align: center;
    }

    .item-other h4 a {
        text-align: center;
        margin: 0px;
        font-size: 28px;
        line-height: 46px;
    }

    .item-other ul li {
        text-align: center;
        font-size: 24px;
        font-family: 'Roboto', sans-serif;
        color: #666;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 36px;
    }

    .grp-title {
        background-color: #f7941d;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        padding-left: 0;
        height: 80px;
        line-height: 36px;
        font-family: 'Roboto', sans-serif;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
    }

    .detail-prj h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .detail-prj {
        font-family: 'Roboto', sans-serif;
        color: #333;
        padding-top: 40px;
        font-weight: 400;
        font-size: 28px;
        line-height: 46px;
    }

    .detail-prj h3 {
        font-size: 32px;
        line-height: 46px;
    }

    .grp-title img {
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
    }

    .des {
        order: 3;
    }

    .des p {
        font-size: 28px;
        line-height: 36px;
    }

    .list-img-lst {
        padding: 0 45px;
    }

    /* .list-img-lst .owl-nav .owl-next {
        background-image: url(../images/assets/right.png) !important;
    }
    
    .list-img-lst .owl-nav .owl-prev {
        background-image: url(../images/assets/left.png) !important;
    } */

    .list-img-lst button {
        width: 30px;
        height: 40px;
    }

    .list-img-lst .owl-nav .owl-next {
        right: -42px;
    }

    .list-img-lst .owl-nav .owl-prev {
        left: -40px;
    }

    .list-tag ul li {
        font-size: 28px;
        line-height: 46px;
        font-style: italic;
        font-family: 'Roboto', sans-serif;
        color: #999;
        display: inline;
    }

    .other-prj .owl-nav button {
        /* width: 30px;
        height: 55px; */
        position: absolute;
        top: 112%;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .list-new-page {
        flex-direction: column;
        gap: 100px;
        padding-top: 50px;
    }

    .new-right,
    .new-left {
        width: 100%;
        padding-left: 0;
    }

    .news-page .thumb-big,
    .news-page .item-nh-right,
    .news-page .img-bgr {
        height: 300px;
    }

    p.des-new {
        -webkit-line-clamp: 4;
    }

    .news-page .item-nh-left {
        flex-direction: column;
        gap: 45px;
    }

    .ct-nh-right h3 {
        margin-bottom: 30px;
    }

    .news-page .ct-nh-right h3 a {
        font-size: 36px;
        line-height: 46px;
    }

    .news-page .ct-nh-right p {
        font-size: 28px;
        line-height: 46px;
    }

    .top-new {
        padding-bottom: 40px;
    }

    .news-page .item-rh {
        padding: 40px 0;
    }

    .news-page .ct-item-nh h4 a {
        font-size: 36px;
        line-height: 46px;
    }

    .news-page .ct-item-nh h4 {
        margin-top: 0px;
        margin-bottom: 40px;
    }

    p.des-new {
        font-size: 28px;
        line-height: 46px;
        font-family: 'Roboto', sans-serif;
    }

    #sibar-menu .title-category {
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: normal;
        color: #fff;
        position: relative;
        background: #f7941d;
        /* padding: 10px 0px; */
        height: 80px;
        display: flex;
        align-items: center;
        padding-left: 105px;
    }

    #sibar-menu .title-category::after {
        width: 92px;
    }

    #sibar-menu ul li {
        padding: 45px 0 30px;
    }

    #sibar-menu ul li a i {
        margin-right: 15px;
    }

    /* #sibar-menu ul li:first-child {
        padding: 0 !important;
        padding-top: 45px !important;
    } */

    #sibar-menu ul {
        display: flex;
        flex-direction: column;
        gap: 0px !important;
        padding: 0px 30px 55px;
        border-left: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

    #sibar-menu ul li a {
        font-size: 28px;
    }

    .list-related-mb {
        display: block;
    }

    .img-new-rlt {
        height: 304px;
    }

    .item-related h4 a {
        font-size: 28px;
        line-height: 46px;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        color: #333;
    }

    .item-related h4 {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .post-title {
        font-size: 46px;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .entry-content p {
        font-size: 28px;
        line-height: 46px;
        font-weight: 400;
    }

    .post-info h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .single .entry-content ul li {
        font-size: 28px;
        font-style: italic;
        line-height: 46px;
    }

    .slider-home .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .ct-sld {
        width: 100%;
    }

    .img-thumb {
        height: 370px;
        max-height: 540px;
    }

    .list-prd .owl-carousel .owl-item img {
        width: 95%;
    }

    .item-prd h3 a {
        font-size: 36px;
        line-height: 46px;
    }

    .item-prd p {
        font-size: 28px;
        line-height: 46px;
    }

    .item-prd p span {
        font-weight: 500;
    }

    .content-gt .row {
        flex-direction: column;
    }

    .img-left {
        max-height: 304px;
    }

    h2.title-section {
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 35px;
    }

    p.des-sec {
        font-size: 28px;
        line-height: 46px;
    }

    .mt-50 {
        margin-top: 40px;
    }

    .ct-right ul li {
        font-size: 28px;
        line-height: 46px;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 35px;
        padding-top: 25px;
    }

    .ct-right ul li:first-child {
        padding-top: 40px;
    }

    .review .owl-nav i {
        font-size: 72px;
    }

    .review .owl-nav button {
        position: absolute;
        top: 14%;
    }

    .img-irv {
        width: 280px;
        height: 280px;
    }

    .ct-item-rv h3 {
        font-size: 36px;
        line-height: 46px;
    }

    .ct-item-rv span {
        font-size: 28px;
        line-height: 46px;
        margin: 0 0 20px;
    }

    .ct-item-rv p {
        font-size: 28px;
        line-height: 46px;
    }

    section.review {
        padding: 50px 0 100px;
    }

    .item-gp .row {
        flex-direction: column;
    }

    .item-gp .ct-igp h3 a {
        margin-top: 45px;
    }

    .ct-igp p {
        font-size: 28px;
        line-height: 46px;
    }

    .btn-gp {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        background-color: #f7941d;
        padding: 21px;
        max-width: 280px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .grp-gp .owl-nav button {
        position: absolute;
        top: 90%;
    }

    .grp-gp .owl-nav button i {
        font-size: 72px;
    }

    .list-new-home {
        flex-direction: column;
    }

    .lst-ct-note {
        order: 2;
    }

    .item-img-pr {
        max-height: 143px;
    }

    .single-project .lst-ct-note ul li {
        font-style: italic;
        font-weight: 500;
    }

    .thumb-big {
        width: 100%;
        height: 304px;
    }

    .item-nh-left {
        width: 100%;
        float: left;
    }

    .ct-nh-right h3 a {
        font-size: 36px;
        line-height: 46px;
    }

    .ct-nh-right p {
        display: block;
        font-size: 28px;
        line-height: 46px;
    }

    .list-new-home .lst-nh-right {
        width: 100%;
        float: left;
        padding-left: 0px;
        display: grid;
        column-gap: 0;
        row-gap: 40px;
        grid-template-columns: 100%;
        margin-top: 50px;
    }

    .ct-item-nh h4 a {
        font-size: 28px;
        line-height: 46px;
    }

    .list-new-home .img-bgr {
        display: none;
    }

    .list-new-home .item-rh {
        gap: 10px;
        display: flex;
        border-top: 1px dashed #aaaaaa;
        padding-top: 10px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .list-new-home .item-rh:nth-of-type(4),
    .list-new-home .item-rh:nth-of-type(5),
    .list-new-home .item-rh:nth-of-type(6) {
        display: none;
    }

    .list-new-home .click-view {
        text-align: center;
        margin-top: 55px;
        display: block;
    }

    .site-solution-single #sibar-menu .sidebar__inner {
        margin-top: 0;
    }

    .site-search p:first-child input,
    .form-search button {
        border-radius: 0;
    }

    .item-project-search .img-search {
        height: 300px;
        width: 100%;
    }

    .ct-item-search h4 {
        height: auto;
        font-size: 28px;
        line-height: 36px;
        margin-top: 30px;
    }

    #media_image-2 {
        display: none;
    }

    ._2p3a {
        width: 100% !important;
    }

    .site-contact .contact-left {
        margin-top: 0;
    }

    .contact-top iframe {
        height: calc(100vh - 100px);
    }

    .slider-home .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        object-fit: cover;
        min-height: calc(100vh - 100px);
    }

    .close-icon {
        display: block;
    }

    .new-right1 {
        width: 100%;
        order: 2;
    }

    .site-solution-single #content {
        margin-top: 0;
    }

    .list-related-pc {
        display: none;
    }

    .sg-new .list-related-mb i {
        display: inline !important;
    }

    .list-slider-project-active {
        padding-bottom: 70px;
    }

    .project-active .owl-nav .owl-prev {
        left: 30px;
    }

    .project-active .owl-nav .owl-next {
        right: 30px;
    }

    #media_image-4 {
        height: 300px;
    }

    .prd-home .list-prd .owl-nav .owl-next,
    .list-prd .owl-nav .owl-prev {
        display: none;
    }

    .social-bottom {
        display: none;
    }

    .site-footer {
        padding-bottom: 15px;
    }

    .site-contact-mobile {
        display: flex;
    }

    /* .site-contact-header {
        display: none !important;
    } */

    .footer-phone {
        display: none;
    }

    .site-contact-mobile a img {
        border-radius: 3px !important;
    }
}

@media only screen and (max-width: 540px) {
    .header-page {
        height: 50px;
    }

    .site-search-home-sp .site-search {
        width: calc(100% - 40px);
    }

    .list-tag ul li {
        font-size: 20px;
        line-height: 36px;
        font-style: italic;
        font-family: 'Roboto', sans-serif;
        color: #999;
        display: inline;
    }

    .social-bottom ul {
        gap: 9px;
    }

    .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin-right: auto;
        margin-left: auto;
    }

    .banner-right-content p {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #333333;
        margin-bottom: 0px;
    }

    .title-h1,
    .title-menu {
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
        z-index: 1;
        font-size: 30px;
    }

    .title-menu {
        margin-bottom: 0;
    }

    .banner-content {
        width: 100%;
        margin-top: 45px;
    }

    .container-content {
        padding-top: 50px;
    }

    .title-h1,
    .title-menu {
        font-size: 28px;
    }

    .menu-content ul li {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .menu-content ul li a {
        font-size: 20px;
    }

    .container-content {
        gap: 10px;
    }

    .title-pages {
        font-size: 24px;
    }

    .intro-content h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    .title-border {
        margin-bottom: 35px;
    }

    .intro-content p {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #333333;
        margin-bottom: 25px;
    }

    .banner-top {
        padding: 50px 0 70px;
    }

    .intro-content ul li {
        font-size: 20px;
        line-height: 30px;
        font-style: italic;
        color: #333333;
        margin-bottom: 10px;
    }

    .site-certificate .title-border,
    .site-partner .title-border {
        margin-top: 50px;
    }

    .site-certificate .title-border,
    .site-partner .title-border {
        margin-top: 50px;
    }

    .headquarters li a {
        font-size: 20px;
    }

    .site-bottom .widget-title {
        padding: 0;
        font-size: 24px;
        margin-bottom: 25px;
        border-bottom: none;
    }

    .site-bottom {
        padding: 50px 0 0;
    }

    .site-bottom .widget {
        background: none;
        padding: 0;
        border: none;
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px dashed;
    }

    .site-bottom .col-sm-12 {
        text-align: left;
    }

    .container-footer .container {
        height: auto;
        padding-top: 50px;
        flex-direction: column;
    }

    .copyright {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%;
        /* border-bottom: 1px dashed;
        padding-bottom: 25px;
        margin-bottom: 25px; */
        text-align: left;
    }

    .copyright .span-first {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .site-footer {
        padding-bottom: 15px;
    }

    .site-footer .social-bottom img {
        width: 30px;
        height: 30px;
    }

    .site-footer .social-bottom ul li:first-child img {
        height: 30px;
    }

    .contact-mb-left,
    .contact-mb-right {
        gap: 10px;
        z-index: 99;
    }

    .site-contact-mobile {
        gap: 10px;
    }

    .col-xs-6 {
        width: 100%;
    }

    .ct-item-download h4 {
        height: auto;
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        color: #333333;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        margin-top: 15px;
        overflow: hidden;
    }

    span.page-numbers.current {
        color: #fff;
        background-color: #ff4f01;
        border: none;
    }

    .page-nav a,
    .page-nav span {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 11.4px
    }

    .site-contact .container {
        padding: 50px 15px;
        margin-bottom: 0;
    }

    .contact-left-top a {
        text-align: left;
        margin-bottom: 40px;
    }

    .contact-left-content h2 {
        font-size: 30px;
        font-weight: 500;
        line-height: 36px;
        color: #333333;
        margin-bottom: 25px;
    }

    .contact-left-content p {
        font-size: 20px;
        color: #333333;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 27px;
    }

    .contact-left-content ul li a {
        color: #ff4f01;
        font-size: 20px;
        padding-left: 25px;
        line-height: 30px;
    }

    .contact-left-content ul li::after {
        font-size: 20px !important;
        top: 3px !important;
        color: #f7941d !important;
        transform: translateY(0) !important;
    }

    .contact-left-content ul li {
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .contact-left-content ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 30px;
    }

    .contact-left-content ul li:nth-child(2) {
        padding: 25px 0px;
    }

    .contact-left-content ul li:nth-child(2) a {
        position: relative;
        height: 55px;
        padding-left: 72px;
        display: inline-flex;
        align-items: center;
        background: #f7941d;
        color: #fff;
        padding-right: 30px;
        border-radius: 5px;
        font-size: 22px;
    }

    .contact-left-content ul li:nth-child(2) a::after {
        height: 100%;
        width: 61px;
        background-repeat: no-repeat;
        background-size: contain !important;
        content: "";
        background: url(../images/assets/phone-contact.png);
        top: 0;
        left: 0;
        position: absolute;
    }

    .contact-left-content ul {
        margin-bottom: 30px;
    }

    .site-contact .social-bottom ul a {
        display: inline-flex;
        width: 40px;
        height: 40px;
    }

    .contact-left .info-mxh {
        margin-top: 35px;
    }

    .site-contact .container {
        flex-direction: column;
        gap: 50px;
    }

    .contact-right p label {
        font-size: 20px;
    }

    .contact-right p input {
        width: 100%;
        height: 50px;
        font-size: 18px;
    }

    .contact-right p {
        margin-bottom: 25px;
    }

    .contact-right textarea {
        font-size: 18px;
        height: 150px;
    }

    .contact-right .wpcf7-submit {
        width: 100%;
        height: 60px;
        padding-left: 15px;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        border: none;
        background: #f7941d;
        color: #FFF;
        border-radius: 5px;
        cursor: pointer;
        max-width: 250px;
    }

    .contact-right form>p::after {
        font-size: 20px;
    }

    .item-solution .container {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 60px 15px;
        padding: 50px 15px 50px;
        flex-direction: column;
    }

    .ct-igp h3 a {
        font-family: 'Roboto', sans-serif;
        font-size: 26px;
        line-height: 36px;
        color: #333;
        margin-bottom: 25px;
        display: block;
        font-weight: 500;
    }

    .item-solution .ct-igp p {
        line-height: 36px;
        font-size: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .item-solution .btn-gp {
        border-radius: 5px;
        padding: 15px;
        margin-top: 35px;
        font-size: 22px;
        max-width: 210px;
        display: block;
        margin-left: 0;
    }

    .site-solution-single .container {
        padding: 50px 15px 100px;
    }

    .site-solution-single .post-title {
        font-size: 36px;
        font-weight: 500;
        line-height: 46px;
        color: #333333;
        margin-bottom: 40px;
    }

    .site-solution-single .entry-content p {
        font-size: 20px;
        line-height: 36px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .site-solution-single .entry-content h3 {
        font-size: 28px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .site-solution-single .post-info h2 {
        font-size: 30px;
        line-height: 1.2;
        color: #333333;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-bottom: 20px !important;
    }

    .single .entry-content ul li {
        font-size: 20px;
        font-style: italic;
        line-height: 36px;
    }

    .site-solution-single .list-tag ul a {
        font-size: 20px;
        font-style: italic;
        color: #999999;
        line-height: 30px;
    }

    .project-active .title-slider a {
        font-size: 22px;
        font-weight: 500;
        color: #333333;
        line-height: 30px;
        margin-top: 15px;
        display: block;
    }

    .click-view {
        text-align: center;
        margin-top: 25px;
    }

    .project-active {
        margin: 30px 0 30px;
    }

    .owl-nav button {
        top: 115%;
        /* width: 20px;
        height: 25px; */
    }

    .all-view {
        font-size: 22px;
        color: #fff;
        background: #f7941d;
        display: inline-block;
        padding: 13px 40px;
        border-radius: 5px;
    }

    .tag h3 {
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        color: #333;
        margin-bottom: 20px;
    }

    .share-mb ul li a {
        width: 40px;
        height: 40px;
        display: flex;
    }

    .single .entry-content ul {
        margin: 0 0 20px 10px;
    }

    .site-search-result img {
        width: 100%;
    }

    .site-search-result .site-404-page .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .content-404 h1 {
        font-size: 30px;
        font-weight: 500;
        line-height: 36px;
        color: #333333;
        margin-bottom: 20px;
    }

    .content-404 p {
        font-size: 20px;
        font-weight: 400;
        line-height: 36px;
        color: #333333;
        margin-bottom: 30px;
    }

    .form-search input {
        height: 50px;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        width: 100%;
        font-style: initial;
    }

    .form-search button {
        font-size: 20px;
    }

    .site-404-page .container {
        padding: 80px 15px;
    }

    .content-404 p a {
        color: #f7941d;
        font-size: 20px;
        font-weight: 400;
        line-height: 46px;
    }

    .item-project h4 a {
        line-height: 36px;
        font-size: 24px;
    }

    .item-project ul li {
        font-size: 20px;
        line-height: 30px;
    }

    .title-mb-prj {
        display: block;
        font-size: 36px;
        line-height: 46px;
        padding: 30px 0 20px;
    }

    .it-pro {
        margin-top: 35px;
    }

    .detail-prj {
        padding-top: 30px;
    }

    .top-sg-left .post-thumb {
        width: 100%;
        max-height: 255px;
    }

    .single-project .lst-ct-note ul li {
        font-size: 24px;
        font-family: 'Roboto', sans-serif;
        color: #ff4f01;
        margin-bottom: 0px;
        line-height: 36px;
    }

    .top-sg-right {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .des p {
        font-size: 20px;
        line-height: 1.2;
    }

    .grp-title {
        background-color: #f7941d;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        padding-left: 0;
        height: 40px;
        line-height: 36px;
        font-family: 'Roboto', sans-serif;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
    }

    .detail-prj h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .detail-prj p {
        margin-bottom: 15px;
    }

    .detail-prj {
        font-family: 'Roboto', sans-serif;
        color: #333;
        padding-top: 40px;
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
    }

    .detail-prj h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .it-pro {
        flex-direction: column;
        gap: 50px;
    }

    .item-other h4 a {
        text-align: center;
        margin: 0px;
        font-size: 24px;
        line-height: 30px;
    }

    .item-other ul li {
        text-align: center;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        color: #666;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 30px;
    }

    .item-other {
        margin-bottom: 10px;
    }

    .img-item-other {
        height: 250px;
    }

    .other-prj .all-view {
        font-size: 20px;
        color: #fff;
        background: #f7941d;
        display: inline-block;
        padding: 10px 30px;
        border-radius: 5px;
    }

    .other-prj .owl-nav button {
        top: 107%;
        width: 31px;
        height: 36px;
    }

    .list-img-lst .owl-nav button {
        /* top: 39%; */
        /* width: 34px;
        height: 30px; */
    }

    .site-brand a {
        display: flex;
        width: 120px;
        height: 20px;
    }

    #menu-language-1 li>a {
        width: 40px;
        height: 25px;
    }

    #menu-language-1 .sub-menu a::after {
        width: 40px !important;
        height: 25px !important;
        background-size: contain !important;
    }

    .search-country a.click-search img {
        width: 25px;
        height: auto;
        object-fit: cover;
    }

    .lines {
        width: 32px;
        height: 3px;
    }

    .site-header .menu-header ul a {
        font-size: 20px;
        line-height: 36px;
        position: relative;
    }

    .news-page .thumb-big,
    .news-page .item-nh-right,
    .news-page .img-bgr {
        height: auto;
    }

    .news-page .item-nh-left {
        flex-direction: column;
        gap: 30px;
    }

    .news-page .ct-nh-right h3 a {
        font-size: 30px;
        line-height: 36px;
    }

    .ct-nh-right h3 {
        margin-bottom: 20px;
    }

    .news-page .ct-nh-right p {
        font-size: 20px;
        line-height: 36px;
    }

    .top-new {
        padding-bottom: 30px;
    }

    .news-page .item-rh {
        padding: 30px 0;
    }

    .news-page .ct-item-nh h4 a {
        font-size: 30px;
        line-height: 36px;
    }

    .news-page .ct-item-nh h4 {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    p.des-new {
        font-size: 20px;
        line-height: 36px;
        font-family: 'Roboto', sans-serif;
    }

    .news-page .ct-item-nh h4 a {
        font-size: 30px;
        line-height: 36px;
    }

    #sibar-menu .title-category {
        height: 40px;
        padding-left: 55px;
        font-size: 16px;
    }

    #sibar-menu ul li a {
        font-size: 18px;
        line-height: 30px;
    }

    #sibar-menu ul li {
        padding: 20px 0 15px;
    }

    #sibar-menu ul {
        padding: 0px 30px 30px;
    }

    .post-title {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    .entry-content p {
        font-size: 20px;
        line-height: 36px;
        font-weight: 400;
    }

    .post-info h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px !important;
    }

    .site-header .menu-header>ul>.active-sub ul a {
        font-size: 20px;
    }

    .active-sub>a {
        margin: 0 15px 0px !important;
        padding: 0 !important;
    }

    .arrow::after {
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        font-size: 20px;
        top: 37%;
        transform: translateY(-50%);
        left: auto;
        color: #fff;
        right: 0;
    }

    .site-header .menu-header ul ul li::after {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        font-size: 9px;
        top: 50%;
        transform: translateY(-50%);
        left: 0px;
        color: #aaaaaa;
    }

    .site-header .menu-header>ul>li ul {
        width: calc(100% - 30px);
        padding: 10px 0;
        border-bottom: 1px dashed #aaaaaa;
        left: 15px;
    }

    .site-header .menu-header>ul>.active-sub ul a {
        margin: 0 60px 10px !important;
    }

    .site-header .menu-header ul li:last-child a {
        border-bottom: none;
        margin: 0 15px 0px;
        padding: 0;
    }

    .site-header .menu-header ul .active-sub {
        /* border-bottom: 1px dashed #aaaaaa !important; */
        margin-bottom: 20px;
    }

    .sub-menu a {
        color: #fff !important;
    }

    .active-sub>a {
        margin: 0 15px 0px !important;
        padding: 0 !important;
    }

    .site-header .menu-header>ul>.active-sub ul a {
        margin: 0 20px 10px !important;
    }

    .site-header .menu-header ul a {
        padding: 0px 0 10px;
        justify-content: left;
        height: auto;
        margin: 0 20px 10px;
        font-weight: 400 !important;
    }

    .site-header .menu-header ul {
        padding: 30px 0;
    }

    .img-partner {
        height: 220px;
    }

    h2.title-section {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px;
    }

    .prd-home {
        padding-bottom: 50px;
    }

    p.des-sec {
        font-size: 20px;
        line-height: 30px;
    }

    .item-prd h3 a {
        font-size: 28px;
        line-height: 36px;
    }

    .item-prd p {
        font-size: 20px;
        line-height: 36px;
    }

    h2.title-section {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 8px;
    }

    .ct-right ul li:first-child {
        padding-top: 30px;
    }

    .ct-right ul li {
        font-size: 20px;
        line-height: 30px;
        font-family: 'Roboto', sans-serif;
        padding: 10px 0;
    }

    section.review {
        padding: 50px 0 70px;
    }

    .img-irv {
        width: 200px;
        height: 200px;
    }

    .review .owl-nav i {
        font-size: 50px;
    }

    .review .owl-nav button {
        position: absolute;
        top: 12%;
    }

    .item-gp .ct-igp h3 a {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .ct-item-rv h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .ct-item-rv span {
        font-size: 20px;
        line-height: 36px;
        margin: 0px 0 10px;
    }

    .ct-item-rv p {
        font-size: 20px;
        line-height: 36px;
    }

    section.grp-gp {
        padding: 50px 0;
    }

    .lst-gp {
        margin-top: 30px;
    }

    .ct-igp h3 a {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
        line-height: 36px;
        color: #333;
        margin-bottom: 20px;
        display: block;
        font-weight: 500;
        margin-top: 0px;
    }

    .ct-igp p {
        font-size: 20px;
        line-height: 36px;
    }

    .btn-gp {
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        font-family: 'Roboto', sans-serif;
        background-color: #f7941d;
        padding: 13px;
        max-width: 200px;
        border-radius: 5px;
        display: block;
        text-align: center;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .grp-gp .owl-nav button i {
        font-size: 50px;
    }

    .grp-gp .owl-nav button {
        position: absolute;
        top: 92%;
    }

    .grp-gp-home .owl-nav button {
        position: absolute;
        top: 90%;
    }

    section.new-home {
        padding: 50px 0;
    }

    .thumb-big {
        width: 100%;
        height: 254px;
    }

    .list-new-home .thumb-big {
        height: auto;
    }

    .ct-nh-right h3 a {
        font-size: 28px;
        line-height: 36px;
    }

    .ct-nh-right p {
        display: block;
        font-size: 20px;
        line-height: 36px;
    }

    .list-new-home .lst-nh-right {
        width: 100%;
        float: left;
        padding-left: 0px;
        display: grid;
        column-gap: 0;
        row-gap: 10px;
        grid-template-columns: 100%;
        margin-top: 35px;
    }

    .ct-item-nh h4 a {
        font-size: 20px;
        line-height: 36px;
    }

    .site-search {
        width: calc(100vw - 30px);
    }

    .title-h1::after,
    .title-menu::after {
        width: calc(100vw - 30px);
    }

    .site-solution-single .post-thumb {
        margin-bottom: 20px;
    }

    .site-solution-single .post-title {
        margin-bottom: 30px;
    }

    .prd-home .list-prd .owl-nav i {
        font-size: 40px;
    }

    .prd-home .list-prd .owl-nav .owl-next,
    .list-prd .owl-nav .owl-prev {
        top: 91%;
        display: none;
    }

    .project-active .owl-nav i {
        font-size: 40px;
    }

    .list-new-page {
        gap: 50px;
    }

    .slider-home .ct-sld {
        padding: 20px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
        right: auto;
    }

    .active-hihi {
        height: calc(100vh + 100px);
    }

    .prd-home {
        padding-top: 50px;
    }

    .prd-home .list-prd {
        margin-top: 20px;
    }

    .prd-home p.des-sec {
        font-size: 20px;
        line-height: 26px;
    }

    .prd-home .item-prd h3 a {
        font-size: 24px;
        line-height: 30px;
    }

    .prd-home .item-prd h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .prd-home .item-prd p {
        font-size: 20px;
        line-height: 30px;
    }

    .ct-item-product {
        margin: 20px 0 50px 0;
    }

    .ct-item-project {
        padding: 10px 0 50px;
    }

    .top-new {
        padding-bottom: 45px;
    }

    .item-project-search {
        margin-bottom: 60px;
        display: block;
    }

    .site-search-home {
        top: 100%;
        margin-top: 0;
    }
}



@media only screen and (max-width: 768px) {
    .social-solution ul li a img {
        width: 30px;
        height: 30px;
        object-fit: cover;
    }

    .site-footer .social-bottom ul li:first-child img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }

    .social-solution {
        top: auto;
        transform: none;
        bottom: 135px;
    }

    .social-solution {
        top: 50%;
    }

    .social-solution ul li a img {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (width: 768px) {
    .active-hihi {
        height: calc(100vh + 100px);
    }

}

@media only screen and (width: 640px) {
    .active-hihi {
        height: calc(100vh + 100px);
    }
}

@media only screen and (width: 600px) {
    .active-hihi {
        height: calc(100vh + 100px);
    }
}

@media only screen and (max-width: 540px) {
    .active-hihi {
        height: calc(100vh + 220px);
    }

    .link-dmca {
        width: calc(100vw - 240px);
    }

    .site-contact-mobile a {
        height: 40px;
        object-fit: cover;
        display: flex;
    }
    .container-footer .container{
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 414px) {
    .link-dmca {
        width: calc(100vw - 200px);
    }

    .site-contact-mobile a {
        height: 30px;
        object-fit: cover;
        display: flex;
    }

    .link-dmca img {
        object-fit: contain;
    }

}

@media only screen and (max-width: 375px) {
    .active-hihi {
        height: calc(100vh + 250px);
    }
}