@media all and (max-width: 1300px) {
    .box-wp{
        max-width: 1200px;
    }
    .one-product__slider img {
        height: 543px;
        object-fit: cover;
        width: 100%;
    }
    .contact-top-de {
        width: 83%;
    }
    .bb-product-item-l-c.bottom-p p{
        -webkit-line-clamp: 3;
        height: 62px;
    }
    .bb-menu-sb ul li{
        margin-right: 40px;
    }
    .click-dowload-l a{
        padding: 6px 77px;
    }
    .item.text{
       height: auto;
    }
    #slick1:before, #slick1:after{
        width: 56px;
    }
    .nertduan_home .slick-slider .slick-prev {
        left: -35px;
    }
    .nertduan_home .slick-slider .slick-next{
        right: -35px;
    }
    .nertduan_home .slick-slider .slick-prev, .nertduan_home .slick-slider .slick-next {
        width: 35px;
        height: 35px;
    }
    .slick-prev.slick-arrow, .slick-next.slick-arrow {
        background-size: 13px;
    }
    .about-p3-r {
    top: 6px;
    left: -24px;
    }
    /*.ft-top-l{*/
    /*    width: 459px;*/
    /*}*/
    /*.ft-top-l-b p.width100{*/
    /*    letter-spacing: 1.5px;*/
    /*}*/
}

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


}

@media all and (max-width: 900px) {
    .navigation {
        display: none;
    }
    .logo_ft a {
        letter-spacing: 2px;
    }

    .ft-top-l-b p.width100 {
        width: 100%;
        letter-spacing: 1.6px;
    }
    .dropdown_pt{
        margin-right: 65px;
        width: 24px;
    }
    .dropdown_pt img {
        width: 24px;
        height: 24px;
    }
    .button_container_m {
        position: fixed;
        top: 26px;
        right: 10px;
        height: 27px;
        width: 35px;
        cursor: pointer;
        z-index: 1000;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }

    .button_container_m:hover {
        opacity: .7;
    }

    .button_container_m.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #1c4036;
        height: 2px;
    }

    .button_container_m.active .middle {
        opacity: 0;
        background: #3D441E;
    }

    .button_container_m.active .bottom {
        -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #1c4036;
        height: 2px;
    }

    .button_container_m span {
        background: #003114;
        border: none;
        height: 2px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer;
        z-index: 1;
    }

    .button_container_m span:nth-of-type(2) {
        transform: rotate(180deg);
        top: 11px;
    }

    .button_container_m span:nth-of-type(3) {
        top: 22px;
    }

    .overlay_m {
        position: absolute;
        background: white;
        top: 0;
        right: 0;
        width: 25rem;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .35s, visibility .35s, height .35s;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
    }

    .overlay_m.open {
        opacity: 1;
        visibility: visible;
        height: auto;
        z-index: 999;
        border: none;
        width: 100%;
        padding: 15px;
        position: fixed;
    }

    .overlay_m.open li {
        -webkit-animation: fadeInRight .5s ease forwards;
        animation: fadeInRight .5s ease forwards;
        /*-webkit-animation-delay: .35s;*/
        /*animation-delay: .35s;*/
    }

    /*.overlay_m.open li:nth-of-type(2) {*/
    /*    -webkit-animation-delay: .4s;*/
    /*    animation-delay: .4s;*/
    /*}*/

    /*.overlay_m.open li:nth-of-type(3) {*/
    /*    -webkit-animation-delay: .45s;*/
    /*    animation-delay: .45s;*/
    /*}*/

    /*.overlay_m.open li:nth-of-type(4) {*/
    /*    -webkit-animation-delay: .50s;*/
    /*    animation-delay: .50s;*/
    /*}*/

    ul.menu-mobile li {
        margin-bottom: 30px;
    }

    .menu-mobile li a {
        font-size: 19px;
    }

    .menu-mobile {
        letter-spacing: 0.5px;
        font-family: riftbold;
        color: #013415;
        text-align: center;
        text-transform: uppercase;
        list-style: none;
        margin-top: 40px;
    }

    .overlay-menu .social li a i {
        color: #33574B;
        font-size: 20px;
    }

    .overlay-menu .social {
        width: 100%;
        border-top: 0.5px solid rgba(51, 87, 75, 0.5);
        border-bottom: 0.5px solid rgba(51, 87, 75, 0.5);
        padding: 14px 0;
        text-align: center;
    }

    ul.menu-mobile .mm-selected a {
        color: #EEB851;
    }

    .button_container_m.active {
        top: 30px;
    }

    .button_container_m.fixed {
        top: 25px;
    }

    .navbarmobile {
        display: block;
    }

    .social-fixed li {
        display: none;
    }

    ul.social-fixed li.favo_home {
        display: inline-block;
        background: transparent;
        border-bottom: none;
    }

    ul.social-fixed li.favo_home img {
        margin-top: -5px;
    }

    ul.social-fixed li.tell {
        top: -20px;
        display: inline-block;
        background: 0 0;
        border-bottom: none;
        position: relative;
    }

    ul.social-fixed {
        position: fixed;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 999;
        top: 15px;
    }

    ul.social-fixed.fixed {
        top: 15px;
    }

    .header-left .logo {
        width: auto;
        text-align: left;
        float: left;
    }

    .header .header-flex {
        padding: 5px 0;
    }

    .header {
        height: 75px;
    }

    /*.slide-hd {*/
    /*    padding-top: 75px;*/
    /*}*/
    .slider-h {
        height: 380px;
    }

    .slide-hd .swiper-button-prev {
        left: 0;
    }

    .slide-hd .swiper-button-next {
        right: 0;
    }

    #slide-slide img, #slide-slide video {
        height: 432px;
    }

    .owl-next {
        right: 0;
    }

    .owl-prev {
        left: 0;
    }

    .mouse {
        bottom: 20px;
    }

    .pd70 {
        padding: 40px 0;
    }

    .bg-criteria img {
        width: 100%;
    }

    .bg-criteria {
        width: 50%;
    }

    .page1-content-l {
        background-position: right top;
        background-repeat: no-repeat;
        width: 50%;
        font-size: 15px;
    }
    .page1-content-l:after {
        background-size: contain;
        bottom: 0;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .page1-l-item h5 {
        font-size: 17px;
    }
    .page1-l-item{
        margin-left: 45px;
    }
    .page1-content-r p{
        font-size: 13px;
    }
    .title-gt {
        margin-bottom: 40px;
    }

    .title-gt img {
        width: 250px;
    }

    .menu-news {
        width: 100%;
        padding-right: 0;
    }

    .one-product__slider_navigation {
        width: 100%;
        float: left;
        padding-right: 0;
        margin-top: 60px;
        padding-bottom: 10px;
    }

    .one-product__slider {
        width: 100%;
    }

    .box-wp {
        padding: 0 12px;
    }

    .title {
        margin-bottom: 35px;
    }

    .nertduan_home .slick-list:before, .nertduan_home .slick-list:after {
        width: 50px;
    }

    .nertduan_home .slick-slider .slick-prev {
        left: 5px;
    }

    .nertduan_home .slick-slider .slick-next {
        right: 5px;
    }

    .content_detail p a, .content_detail .namepro_home_pst a {
        font-size: 17px;
    }

    .content-hover-h h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .content-hover-h p {
        font-size: 14px;
    }

    p.linka {
        margin-top: 15px;
    }

    .comment-project-h {
        margin-top: 12px;
    }

    .pdb70 {
        padding-bottom: 40px;
    }

    .ft-top-l {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        float: none;
    }

    .ft-top-r {
        float: none;
        padding-left: 0;
        width: 80%;
    }

    .footer {
        padding: 44px 0 20px;
    }

    .overlay_m.open .logo {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
    }

    .language-sm img {
        border-radius: 50px;
        width: 24px;
        height: 24px;
        margin: 0 5px;
    }

    /*.banner, .slider-pro {*/
    /*    padding-top: 75px;*/
    /*}*/

    .title-ca {
        bottom: 35px;
        font-size: 24px;
    }

    .about-us-lf-ct {
        display: block;
        margin-bottom: 30px;
    }

    .content-ab-l {
       padding: 20px;
    }

    .about-us-l {
        margin-bottom: 0px;
        width: 100%;
    }
    .about-us-r {
    position: initial;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}
    .about-us-lf {
        margin-bottom: 30px;
    }
    .vision-content p {
        font-size: 18px;
        width: 75%;
    }

    .about-p3-l {
        width: 100%;
        float: left;
        position: relative;
        height: 100%;
        display: none;
    }

    .about-p3-t {
        padding: 50px 0 70px;
    }

    .about-p3-r {
        width: 100%;
    }

    .about-p3-r:before {
        content: none;
    }

    .abut-p5-content {
        width: 100%;
    }

    body {
        font-size: 14px;
    }

    .about-p6 h4 {
        font-size: 15px;
    }

    .time-pad {
        padding: 0 20px;
    }

    .time-pad h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .texthis {
        font-size: 14px;
        margin-top: 20px;
    }

    .timeline .slick-prev.slick-arrow, .timeline .slick-next.slick-arrow {
        width: 30px;
        height: 30px;
        background-size: 7px;
        top: -55px;
    }

    .timeline-nav__item p {
        font-size: 15px;
    }

    .comment-dt {
        width: 80%;
    }

    .menu-mobile li.active a {
        color: #33A02C;
        background: linear-gradient(to right, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 400;
    }

    .bb-product-item {
        margin: 0 7px 30px;
        display: block;
        width: calc(50% - 14px);
        float: left;
    }

    .bb-product-item-r {
        width: 100%;
        margin-bottom: 0;
    }

    .bb-product-item-l {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }

    .bb-product-list .bb-product-item:nth-child(odd) .bb-product-item-l {
        margin-left: 0;
    }

    .bb-product-list {
        margin: 0 -7px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 30px;
        height: 40px;
        background-size: 12px;
    }

    .bb-product-item-l-k h4 a {
        font-size: 17px;
    }

    .bb-product-item-l-k {
        padding-bottom: 15px;
    }

    .bb-product-item-l-c.bottom-p p {
        -webkit-line-clamp: 2;
        height: 40px;
    }

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

    .thong_tin h4 {
        font-size: 22px;
        margin: 15px 0;
    }

    .thong_tin {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .p-title {
        font-size: 24px;
        bottom: 35px;
    }

    .box-wpnews {
        width: 100%;
        margin-bottom: 30px;
    }

    .news-content {
        padding: 32px 20px;
        margin-bottom: 0;
    }

    .news .title-ca {
        bottom: 100px;
    }

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

    .lf-right {
        width: 100%;
    }

    .events {
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px;
    }

    .adv-news, .article-others {
        float: right;
        width: calc(50% - 20px);
        margin: 0 10px;
    }

    .bb-post.news {
        padding-bottom: 40px;
    }

    .title-detail {
        font-size: 20px;
    }

    .othrmonile {
        display: none;
    }

    .othrmonile.mobile {
        display: block;
    }

    .lf-right.detail-ne .othrmonile {
        display: block;
    }

    .swiper-pagination {
        margin-top: 20px;
        margin-bottom: 22px;
    }

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

    .pdt70 {
        padding-top: 40px;
    }

    .gallety-popup.modal {
        max-width: 740px;
    }

    .gallery-top img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .gallery-content .swiper-button-next, .gallery-content .swiper-button-prev {
        top: auto;
        bottom: 10px;
    }

    table.recru tr th:nth-child(2) {
        width: 18% !important;
    }

    .pup-recrui-top .logo-down {
        width: 107px;
        top: 0;
    }

    .title-p-recrui .title {
        font-size: 24px;
    }

    .pup-recrui-center {
        display: block;
    }

    .recrui-center-p-item {
        margin-bottom: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid rgba(72, 72, 72, 0.2);
        border-right: none;
    }

    .dowload-gene {
        position: relative;
        width: 100%;
        bottom: auto;
    }

    .click-dowload-l {
        width: 324px;
    }

    .recrui-popup {
        min-width: 600px;
    }

    .form-rec {
        width: 100%;
    }

    .policy-content {
        padding: 20px 20px;
        font-size: 14px;
    }

    .policy.chan .policy-content {
        padding: 35px;
    }

    .contact-top-de {
        width: 100%;
    }

    .contact-t-l p {
        margin: 0 27px 10px;
    }

    .ct-left {
        padding: 68px 0 68px 12px;
    }

    .send_dowload_price {
        max-width: 700px;
        top: 45px;
    }

    .info-dowload {
        width: 100%;
        padding: 20px;
        display: none;
    }

    .box-info-down {
        width: 100%;
        padding: 30px;
        position: relative;
    }

    .box-info-down h5 {
        font-size: 20px;
    }

    .content-down .title-download {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .modal .send_dowload_price a.close-modal {
        top: -37px;
    }

    .one-product__slider img {
        height: auto;
        object-fit: cover;
        width: 100%;
    }

    .navbarmobile {
        display: block;
    }

    .item-r p {
        height: 36px;
    }

    .menu-project-de ul li a {
        font-size: 15px;
    }

    .menu-news ul li.more {
        padding: 13.8px 10px 14px;
    }

    .menu-project-de.fixed {
        top: 75px;
    }

    .header .header-left {
        width: 100%;
        text-align: center;
    }

    .search {
        position: absolute;
        right: 115px;
        top: 23px;
    }
    .header .search > .b-search{
        width: 25px;
        background-size: 25px;
        margin-top: 0;
        height: 25px;
    }
    .header .header-right {
        position: absolute;
        top: 0;
        width: 30%;
        right: 0;
    }

    .header .search > .form-search.show {
        right: -11px;
        bottom: -48px;
    }

    .content.sp {
        width: 100%;
    }

    .header.fixed {
        height: 76px;
    }

    #slick1 {
        padding: 0 45px;
    }

    #slick1:before {
        left: 0;
    }

    #slick1:before, #slick1:after {
        width: 45px;
        z-index: 5;
    }

    #slick1:after {
        right: 0;
    }

    .ft-top-l-b {
        width: 459px;
    }

    .ft-top-l-b p {
        text-align: left;
    }
    .header .logo a.menu-fixed {
        display: block;
    }

    .about-p5 {
        margin-bottom: 40px;
    }

    .about-p6, .bb-partner.about-p7 {
        padding-bottom: 40px;
    }

    .header:after {
        content: none;
    }

    .loading h1 {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%;
        padding-right: 0;
        text-align: center;
        font-size: 25px;
    }
    .menu-project ul{
        width: 100%;
        padding: 15px 0 0;
    }
    .menu-project ul li{
        padding: 15px 0;
    }
    .pprojects-h.pd70 {
        padding: 0 0 40px;
    }
    .news-h {
        padding-bottom: 40px;
    }
    .rtopVideoHolder.hasFAIcons video {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .modal-content {
        max-width: 95%;
    }
    .header.fixed .dropdown_pt {
        margin-top: 10px;
    }
    .multiple-items .slick-next.slick-arrow {
        width: 26px;
        height: 35px;
        background-size: 11px;
    }
    .multiple-items .slick-prev.slick-arrow {
        width: 26px;
        height: 35px;
        background-size: 11px;
    }
    .video-h{
        height: auto;
    }
    .policy-img img {
        height: auto;
    }
    .logo img{
        width: 84px;
    }
    .header-left .logo{
        padding-left: 12px;
    }
    .adv-news.adv2 {
        display: none;
    }
    .new-other-db.mobile {
        display: block;
    }
    .new-other-db {
        display: none;
    }
    .article-others {
        width: 100%;
    }
    .about-us-r img {
    height: 100%;
    object-fit: contain;
}
.one-product__slider_navigation .slick-list.draggable {
    height: 490px !important;
}
    .download p{
        line-height: 1.3;
    }
}@media all and (max-width: 768px) {


}

@media all and (max-width: 680px) {
    .header .header-left {
        float: none;
        width: 100%;
    }
    .header-left .logo {
        width: 140px;
    }
    .search{
        top:16px;
        right: 92px;
    }
    body{
        font-size: 14px;
        color: #484848;
        letter-spacing: 0.1px;
    }
    p{
        margin-bottom: 5px;
    }
    .header {
        height: 58px;
    }
    .slide-hd{
        /*padding-top: 58px;*/
        height: auto;
        background: transparent;
    }
    .title-gt img {
        width: 170px;
    }
    .title-gt {
        margin-bottom: 18px;
    }
    .page1-l-item h5 {
        font-size: 14px;
    }
    .page1-l-item {
        margin-bottom: 10px;
    }
    .page1-content-l{
        width: 100%;
        font-size: 14px;
        padding: 12px;
    }
    .bg-criteria img {
        width: 100%;
        position: relative;
    }
    .page1-content-r {
        padding: 0 12px;
        width: 100%;
        position: relative;
        bottom: auto;
        font-size: 13px;
    }
    .page1-l-item:last-child {
        margin-bottom: 0;
    }
    .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .menu-news ul li a{
        font-size: 15px;
    }
    .menu-news ul li.more{
        padding: 13.5px 10px 13px;
        font-size: 13px;
    }
    .text_duana .item-r p {
        -webkit-line-clamp: 2;
    }
    .text_duana .item-r h4 a, .text_duana .item-r h3 a {
        -webkit-line-clamp: 1;
    }
    .text_duana{
        padding: 15px 10px 30px;
        position: relative;
        background-color: #07381a;
        background-image: url(/images/bgp1.png);
        background-size: 800px;
    }
    .slick-dots {
        bottom: 5px;
    }
    .date {
        font-size: 40px;
        line-height: 47px;
    }
    .m-y {
        font-size: 15px
    }
    .item-r p{
        font-size: 13px;
    }
    .content_detail p a, .content-hover-h h4, .content_detail .namepro_home_pst a {
        font-size: 18px;
    }
    .content-hover-h p {
        padding: 0;
    }
    .logo_ft a{
        font-size: 25px;
        letter-spacing: 1.2px;
    }
    .ft-top-r{
        width: 100%;
    }
    .footer-sc p {
        display: block;
        float: none;
        font-size: 13px;
        margin-bottom: 5px;
        text-align: center;
    }
    .social {
        width: 100%;
        float: none;
        text-align: center;
        padding-left: 0;
    }
    .social li {
        margin: 0 10px;
    }
    .ft-center {
        display: none;
    }
    .ft-cpr-item {
        float: none;
        text-align: center;
    }
    .ft-cpr-item.danaweb {
        float: none;
        padding: 10px 0;
    }
    .ft-copyright{
        margin-top: 20px;
        font-size: 12px;
    }
    .title-ca {
        bottom: 20px;
        font-size: 20px;
    }
    .about-us-l .title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .about-us-l {
        margin-bottom: 14px;
    }
    .vision-content img {
        width: 65px;
    }
    .vision-content h4, .vision-content h3 {
        font-size: 16px;
        margin: 15px 0 5px;
    }
    .vision-content p {
        font-size: 13px;
        width: 95%;
    }
    .about-p3-r .title{
        font-size: 22px;
        margin-bottom: 0px;
    }
    .title-about-p3{
        font-size: 19px;
    }
    .about-p3-r{
        padding-top: 20px;
    }
    .about-p3-list{
        margin: 0 20px;
    }
    .about-p3-t .box-wp {
        padding: 0;
    }
    .about-pe-comment{
        font-size: 13px;
    }
    .timeline-nav {
        width: 80%;
    }
    .rag{
        width: 80%;
    }
    .timeline-slide.slick-slide{
        display: block;
    }
    .timeline-text {
        margin-top: 20px;
    }
    .time-pad{
        padding: 0;
    }
    .title-detail {
        font-size: 17px;
        line-height: 1.2;
    }
    .share-icon p{
        font-size: 11px;
    }
    .article-bottom .single-post__tags {
        width: 100%;
    }
    .news-others .bb-post-item .img {
        margin-bottom: 0;
    }
    .othrmonile.mobile{
        display: none;
    }
    .othrmonile{
        display: block;
    }
    .news-others{
       margin: 0;
    }
    .bb-post-item_o:last-child {
        margin-bottom: 0;
    }
    .bb-post-item_o .bb-post-tm{
        float: none;
    }
    .events {
        width: 100%;
        float: left;
        margin: 0 0 15px;
    }
    .adv-news, .article-others {
        float: right;
        width: 100%;
        margin: 20px 0 20px;
    }
    .news .title-ca {
        bottom: 20px;
    }
    .bb-post-item h3{
        height: auto;
    }
    .loadMoreNews a{
        font-size: 13px;
    }
    .bb-post-item h3 a{
        font-size: 15px;
    }
    .about-p4{
        padding: 20px 0 0 0;
    }
    .about-p6 h4 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .comment-dt {
        width: 100%;
        margin-bottom: 20px;
    }
    /*.banner, .slider-pro{*/
    /*    padding-top: 58px;*/
    /*}*/
    .button_container_m{
        top: 20px;
    }
    .menu-project ul li a {
        font-size: 14px;
    }
    .bb-product-list {
        margin: 0;
        padding-top: 30px;
    }
    .bb-product-item {
        margin: 0 0 15px;
        width: 100%;
    }
    .p-title {
        font-size: 20px;
        bottom: 20px;
    }
    .slider-pro .swiper-button-next{
        right: 0;
    }
    .slider-pro .swiper-button-prev{
        left: 0;
    }
    .slider-pro img {
        height: 200px;
        object-fit: cover;
    }
    .bb-product-others .bb-product-item {
        width: 100%;
        margin: 0 0 30px;
    }
    .other-project{
        margin: 0;
    }
    .news-content {
        padding: 0;
        margin: 0;
    }
    .bb-post.news {
        padding-bottom: 25px;
    }
    .follow-news ul li.facebook img {
        width: 10px;
    }
    .follow-news ul li img {
        width: 18px;
    }
    .follow-news ul li {
        margin: 0 10px;
    }
    .follow-news p{
        margin-bottom: 5px;
    }
    .bb-menu-sb ul li a {
        font-size: 14px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .bb-menu-sb ul {
        margin: 0 -15px 30px -15px;
        padding: 0 15px;
        scroll-behavior: smooth;
        display: flex;
        align-items: center;
        overflow-x: scroll;
    }
    .bb-post-item .img {
        margin-bottom: 3px;
        width: 100%;
    }
    .comment-ar a {
        margin-bottom: 8px;
        font-size: 14px;
    }
    .bb-post-item, .bb-post-item:first-child{
        padding-bottom: 14px;
    }
    .bb-post-tm {
        float: right;
    }
    .bb-post.news .page-navigation {
        margin: 0 0 10px;
    }
    .bb-post-item .text {
        width: 100%;
        padding: 0 10px 10px 10px;
    }
    .send_dowload_price {
        max-width: 350px;
    }
    .logo-down {
        width: 135px;
        margin: 0 0 14px;
    }
    .gallety-popup.modal {
        max-width: 350px;
    }
    .gallery-content .swiper-slide h4 {
        font-size: 13px;
    }
    .gallery-content .swiper-button-next, .gallery-content .swiper-button-prev{
        bottom: 5px;
    }
    .title-gal{
        font-size: 22px;
        margin-bottom: 6px;
    }
    .slider-nav .slick-next.slick-arrow, .slider-navha .slick-next.slick-arrow, .slider-nav .slick-prev.slick-arrow, .slider-navha .slick-prev.slick-arrow{
        width: 30px;
        height: 40px;
        background-size: 10px;
    }
    .video_content > a::before {
        background-size: 50px;
    }
    .form .form-item.form-sm {
        width: 100%;
    }
    .form-recrui{
        margin: 15px 0;
        padding: 15px 0 10px;
    }
    .policy-item{
        display: block;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .policy.chan .policy-item{
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #01341599;
    }
    .policy.chan .policy-content{
        border: none;
    }
    .policy-text{
        font-size: 13px;
    }
    .title-po{
        font-size: 19px;
        margin-bottom: 5px;
    }
    .policy.chan .policy-item:last-child {
        border: none;
    }
    .policy{
        padding-bottom: 22px;
    }
    .policy.chan .policy-content {
        padding: 12px 15px;
        text-align: justify;
    }
    .contact-t-l {
        width: 100%;
        margin-bottom: 0;
        padding-right: 0;
    }
    .contact-t-r {
        width: 100%;
        float: right;
        border-left: none;
        padding-left: 0;
    }
    .contact-t-l p {
        margin: 0 0 10px;
        float: none;
    }
    .ct-left {
        width: 100%;
        padding: 15px 0 20px;
    }
    .ct-right {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
    .content-contact {
        background: linear-gradient(to left, #EDEDED 100%, #fff 100%);
        margin-bottom: 0;
    }
    /*.recruitment-list.mobile{*/
    /*    display: block;*/
    /*}*/
    /*.recruitment-list{*/
    /*    display: none;*/
    /*}*/
    /*.big-recrui-m {*/
    /*    border-bottom: 1px solid #beb9b9;*/
    /*    padding: 10px 0;*/
    /*    margin: 10px 0;*/
    /*}*/
    /*.big-recrui-m p {*/
    /*    color: #C2C2C2;*/
    /*}*/
    /*.big-recrui-m span {*/
    /*    color: black;*/
    /*    padding-left: 5px;*/
    /*    font-size: 14px;*/
    /*}*/

    .ov-mn {
        overflow: scroll;
    }
    table.recru {
        width: 720px;
    }
    .status-r{
        font-size: 13px;
    }
    .bg-criteria {
        position: relative;
        width: 100%;
    }
    #slide-slide img,  #slide-slide video {
        height: 232px;
    }
    .overlay_m.open .logo img {
        width: 89px;
    }
    ul.menu-mobile li {
        margin-bottom: 25px;
    }
    .menu-mobile li a {
        font-size: 17px;
    }
    .one-product__slider .slick-prev.slick-arrow {
        left: 0;
    }
    .one-product__slider .slick-next.slick-arrow {
        right: 0;
    }
    .text_duana .item-r {
        padding: 0;
    }
    .ft-top-l-b p{
        width: 100%;
        text-align: left;
        font-size: 11px;
        letter-spacing: 0.43px;
    }

    form#_reg .form-item.submit-reg button{
        padding: 10px 0;
    }
    form#_reg .form-item {
        width: calc(100% - 78px);
    }
    form#_reg .form-item.submit-reg{
        width: 78px;
    }
    .width60{
        width: 100%;
        margin-top: 17px;
    }
    .cont-pro {
        width: 57%;
    }
    .tt-pro {
        width: 42%;
    }
    .list-detail:last-child p {
        margin-bottom: 0;
    }
    .recrui-popup {
        min-width: auto;
        max-width: 350px;
        padding: 20px;
    }
    .pup-recrui-top .logo-down{
        position: relative;
    }
    .modal .recrui-popup a.close-modal {
        top: 12px;
        right: 0;
    }
    .title-p-recrui .title {
        font-size: 18px;
        width: 100%;
        margin-bottom: 20px;
    }
    .title-pu-re {
        font-size: 15px;
    }
    .menu-project-de {
        display: none;
    }
    .thong_tin table tr td {
        width: 100% !important;
        display: initial;
    }
    .item-r p {
        height: 32px;
    }
    .slider-pro .breadcrumb{
        bottom: 0;
    }
    .bb-product .p-title {
        bottom: -3px;
        font-size: 20px;
    }
    .slider-pro .breadcrumb a {
        font-size: 13px;
    }
    .db-form{
        padding: 11px 22px;
    }
    .ft-top-l-b p:nth-child(3) {
        text-align: left;
        float: right;
    }
    .ft-top-l-b {
        width: 365px;
    }
    .about-p3-t {
        padding: 20px 0 23px;
    }
    .about-p5.pd70 {
        padding-top: 40px;
    }
    .about-p7 .title {
        margin-bottom: -5px;
    }
    .about-p6, .bb-partner.about-p7 {
        padding-bottom: 15px;
    }
    .bb-product  .page-navigation{
        margin-bottom: 0;
    }
    .bb-product {
        padding-bottom: 10px;
    }
    .page1-content-r:after {
        bottom: -14px;
        height: calc(100% + 40px);
        width: 100%;
        left: 0;
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);
        background: transparent;
    }
    .content-b-p1{
        padding-bottom: 0;
    }
    .loading{
        width: 100%;
        background: transparent;
        display: none;
    }
    .loading h1{
        width: 100%;
    }
    .content.sp{
        padding: 0 0 15px;
    }
    .menu-project-blur{
        padding: 5px;
    }
    .one-product__slider_navigation {
        display: none;
    }
    .one-product__slider {
        margin-top: 48px;
    }
    .ft-copyright .box-wp{
        padding-top: 10px;
        margin-top: -7px;
    }
    .footer{
        padding: 12px 0 10px;
    }
    .footer-sc {
        margin-top: 10px;
    }
    .ft-top-l{
        margin-bottom: 10px;
        width: 365px;
    }
    .dropdown_pt{
        margin-top: -8px;
    }
    .header.fixed .dropdown_pt {
        margin-top: 5px;
    }
    .bb-product-item-l{
        padding: 7px 15px 3px;
    }
    .bb-partner.contact-mo {
        display: none;
    }
    .ct-left .title-ab {
        display: block;
        margin-bottom: 0;
    }
    .title-ab{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .header.fixed{
        height: 60px;
    }
    .menu-project ul {
        padding: 0;
        scroll-behavior: smooth;
        display: flex;
        align-items: center;
        overflow-x: scroll;
    }
    #slick1{
        padding: 0 12px;
    }
    #slick1:before, #slick1:after{
        content: none;
    }
    #slick1 .slick-list {
        overflow: hidden;
    }
    .slider-h {
        height: 200px;
    }
    .vision-about {
        display: block;
    }
    .vision-content {
        margin-bottom: 20px;
    }
    .menu-project ul li.active:after, .menu-project ul li:hover:after{
        width: 100%;
    }
    .modal2.active{
        padding-top: 40px;
    }
    .gallery-t, .multiple-items{
        margin: 0;
    }
    .multiple-items{
        padding-bottom: 40px;
    }
    .multiple-items .slick-prev.slick-arrow {
        left: 0;
    }
    .multiple-items .slick-next.slick-arrow {
        right: 0;
    }
    .multiple-items .slick-dots {
        bottom: 13px;
    }
    .gallery-content h4 {
        font-size: 14px;
        position: relative;
    }
    .bb-post.news{
        background: white;
    }
    .thong_tin h4 {
        font-size: 19px;
        margin: 26px 0 7px;
        line-height: 1.3;
    }
    .content-b-p1{
        display: none;
    }
    .content-b-p1.mobile{
        display: block;
    }
    .dv-text {
        padding: 14px 12px 0;
        background-image: url(/images/bg-all5.png);
        background-size: 105px;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    .dv-text h4 {
        font-size: 13px;
        margin-bottom: 7px;
    }
    .content-b-p1.mobile .owl-theme .owl-nav [class*='owl-'] {
        top: 32%;
    }
    .dv-mb p {
        margin-bottom: 0;
    }
    .pd70 {
        padding: 22px 0;
    }
    .box-rbtn .btn.btn-send {
        padding: 15px 64px;
    }
    .form-item.form-lg.box-rbtn {
        padding: 0;
    }
    .bb-map p {
        margin-bottom: 0;
    }
    .logo_ft {
        margin-bottom: 5px;
        text-align: left;
        padding-left: 28px;
    }
    .ft-top-l-b p {
        display: flex;
        float: left;
        width: auto;
    }
    .ft-top-l-b p a {
        margin: 0;
    }
    .contact-t-l p a {
        margin: 0;
    }
    .contact-t-l p {
        display: flex;
    }
    .contact-t-l p b {
        margin: 0 5px 0 0;
    }
    .btn-send-f {
        padding: 7px 15px 3px;
        margin-top: 0px;
    }
    .form-recrui .title-gal{
        margin-bottom: 5px;
    }
    .policy-content {
        padding: 12px;
    }
    .pdt70 {
        padding-top: 22px;
    }
    .recru tr td {
        padding: 10px;
    }
    .recru th{
        padding: 12px;
    }
    .pprojects-h.pd70{
        padding: 0 0 24px;
    }
    .pdb70, .news-h{
        padding-bottom: 26px;
    }
    .about-p2 {
        margin-top: 10px;
    }
     .PJ-button ul li a:hover span{
         width: auto;
         font-size: 11px;
         white-space: nowrap;
    }
    .bb-product .PJ-button ul li a:hover span {
        width: auto; 
        font-size: 11px;
        padding: 8px;
    }
    .content-project .PJ-button ul li a:hover span{
        width: 165px;
    }
    .article-bottom {
        margin-top: 7px;
    }
    .box-wpnews{
        margin-bottom: 10px;
    }
    .news-others {
        margin-bottom: -5px;
    }
    .news-others .bb-post-item h3 {
        margin-top: 0;
    }
    .bb-menu-sb {
        margin-top: 15px;
    }
    .button_container_m{
        top: 23px;
        width: 24px;
    }
    .button_container_m span:nth-of-type(2){
        top: 8px;
    }
    .button_container_m span:nth-of-type(3) {
        top: 16px;
    }
    .button_container_m.active span:nth-of-type(3) {
        top: 22px;
    }
    .dropdown_pt{
        margin-right: 50px;
    }
    .mouse{
        display: none;
    }
    .menu-news ul li{
        padding: 6px 10px;
    }
    .title-gt {
        margin-bottom: 22px;
    }

    .page1.pd70 {
        padding-top: 20px;
        background-size: auto;
    }
    .logo_ft img{
        display: none;
    }
    .contact-t-l p img{
        margin: 0 5px 0 0;
    }
    .box-wp{
        padding: 0 14px;
    }
    .contact-t-l p:first-child img {
        margin-top: -21px;
    }
    .contact-top.pdt70 {
        padding-top: 30px;
    }
    .contact-top .title{
        font-size: 22px;
        margin-bottom: 8px;
        letter-spacing: 0;
    }
    .contact-k .loading {
        display: block;
    }
    .content_detail{
        padding: 10px;
    }
    .policy.le .title-gal {
        margin-top: 24px;
    }
    .policy-big .policy-item:nth-child(even) {
        padding-top: 5px;
    }
    .policy.chan .title-gal {
        width: 198px;
    }
    .policy-item:after {
        width: 100%;
        height: calc(100% - 217px);
        right: 0;
        top: auto;
        bottom: 0;
        background-size: 160px;
    }
    .logo_ft a {
        letter-spacing: 1.2px;
    }
    .bb-menu-sb ul li {
        margin-right: 15px;
    }
    .logo_ft img {
        background: transparent;
        /*background: linear-gradient(to right, #a77329, #e6c292, #b97e36, #e4b06c, #d2ae7e, #d2934a, #a26f33);*/
        border-radius: 50%;
        width: 21px;
        margin-top: -10px;
        padding: 5px;
    }
    .ft-top-l-b p.width100{
        font-size: 11px;
        white-space: nowrap;
        letter-spacing: 0.8px;
    }
    .ft-top-l-b p.width100{
        display: block;
    }
    .form-reg {
        width: 365px;

    }
    .PJ-button ul li a{
        width: 20px;
        height: 20px;
        padding: 2px;
    }
    .PJ-button ul li a svg {
        width: 13px;
        height: 13px;
    }
    .bb-product-others{
        padding: 22px 0 0;
    }
    .ft-bottom .box-wp{
        padding: 0;
    }
    .about-us-l{
        width: 100%;
    }
    .about-us-r {
        position: relative;
        width: 100%;
    }
    .content-ab-l {
        padding: 15px 15px 0 15px;
    }
    .box-wp.pd70 {
        padding: 22px 14px;
    }
    .logo img {
        width: 63px;
    }
    .bb-product-item-l p {
        font-size: 14px;
    }
    .description{
        font-size: 14.5px;
    }
    .hinhtuong .content-b-p1 {
        display: block;
    }
    .hinhtuong .page1-l-item {
        margin-left: 0;
    }
    .hinhtuong .page1-l-item {
        padding: 12px 0 12px 0;
    }
    .hinhtuong .page1-content-l{
        padding: 0;
    }
    .hinhtuong {
        margin-bottom: 22px;
        background-size: auto;
    }
    .about-us-r img{
        height: auto;
    }
    .ynghia-logo{
        padding-bottom: 22px;
    }
    header.header.fixed .logo img{
        transform: scale(1,1);
        margin-top: 0;
    }
    form#_reg .form-item input{
        font-size: 11px;
    }
    .about-us-lf-ct:after {
        width: 100%;
        background-size: 50px;
    }
    .about-p3-r:after, .about-p3-r{
        background-size: 160px;
    }
    .page1-content-l:after {
        background-size: 160px;
        background-position: left bottom;
    }
    #hinhtuong.owl-theme .owl-dots {
        position: absolute;
        bottom: 2px;
    }
    .about-us-lf {
        margin-bottom: 0;
    }
    .bb-post-item_o {
        width: 100%;
        margin: 0 0 18px;
    }
    .nutgoidien {
        display: block;
    }
    .about-p3-r{
        left: 0;
    }
    .alo-phone1 {
        left: 20px;
        bottom: 75px;
    }
    a.hover-project{
        background-color: transparent;
    }
    .header-left:after{
        display: none;
    }
    .right_contact {
        float: initial;
        width: auto;
        margin: 0 -15px;
    }
a.hover-project img {
    width: 156px;
}
    .content_detail .namepro_home_pst a h3 {
        font-weight: 400;
        line-height: 1;
        font-size: 18px;
    }
}
@media all and (max-width: 480px) {
h1.show.a {
    display: none;
}
}@media all and (max-width: 375px) {
#slide-slide img,  #slide-slide video {
        height: 211px;
    }
}@media (min-width: 1400px) {


}
@media (width: 1920px) {

    }