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

}

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


}

@media all and (max-width: 850px) {
    .mobile-wrap {
        padding: 0 10px;
    }
    .hide-on-mobile {
        display: none;
    }

    .header__hamburger {
        padding: 11px 12px;
        display: block;
        background-color: white;
    }

    .header_mb-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 11px;
    }

    .header__contact-box {
        display: flex;
        align-items: center;
        z-index: 1;
    }

    .header__items-icon {
        margin-right: 10px;
    }
    .header__items-icon .icon-box {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 2px solid var(--primary-color);
        text-align: center;
    }

    .header__items-icon .icon-box .icon {
        width: 100%;
        height: 100%;
        background-size: 10px;
    }
    /* h-mobile */
    .h-about{
        padding: 35px 10px;
    }
    h2.title-main {
        text-align: center;
    }
    span.ab-description p {
        font-weight: 400;
        width: fit-content;
        text-align: center;
        margin: 15px 0;
    }

    .ab__btn {
        text-align: center;
    }

    .btn {
        padding: 7px 20px;
    }


    .h-pro_items.left h4 {
        font-weight: bold;
        font-size: 17px;
        line-height: 19px;
        letter-spacing: 1px;
    }
    .h-pro_items.left h5 {
        font-size: 14px;
        line-height: 19px;
        margin-top: 8px;
    }

    .h-pro_items.center table {
        width: 90% !important;
        margin: 10px auto;
    }
    .h-pro_items.right {
        font-size:13px
    }

    .h-news__watch {
        margin-top: 35px;
    }

    /* footer */
    .ft__logo {
        text-align: center;
    }

    h2.ft__company-name {
        text-align: center;
    }

    h2.ft__company-name:nth-last-of-type(1){
        display: none;
    }
    .ft__heading {
        display: none;
    }
    .ft__social-mobile {
        display: flex;
        justify-content:center;
    }
    .ft__items-icon:not(.ft__social-box .ft__items-icon) {
        padding-top: 10px;
        margin-left: 40px;
    }
    .ft_col {
        padding-top: 15px;
    }
    .ft__items-icon .icon-box {
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }
    .ft-copyright .col {
        text-align: left;
    }
    .ft-copyright .col.danaweb {
        text-align: right;
    }
    .ft__logo--mobile {
        display: block;
        text-align: center;
    }
    .header__mb-search {
        position: relative;
        display: flex;
        align-items: center;
    }

    input#search {
        height: 100%;
        width: 100%;
        outline: none;
        background: white;
    }
    input#search::placeholder{
        color: black;
    }
    form#frm-search {
        display: flex;
        align-items: center;
        position: absolute;
        background-color:#fff;
        top: -15px;
        bottom: 0;
        right: 0;
        width: 0;
        box-shadow: 0px 0px 10px rgb(102 102 102 / 25%);
        border-radius: 4px;
        overflow: hidden;
    }
    a.icon {
        width: 30px;
        height: 30px;
        padding: 5px;
        background-color: var(--primary-color);
        border-radius: 5px;
    }

    .form-input{
        display: flex;
        align-items: center;
    }
    button.submits {
        width: 30px;
        height: 30px;
        display: inline-block;
        background-image: url('../images/icon/fe_search.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-color: var(--primary-color);
        background-size: 20px;
        background-position: center;
    }
    .header_mb-logo {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: 10px;
        text-align: center;
    }
    .right-page1 {
        padding: 0;
        width: 81%;
        margin: 0 auto;
    }
    .h-pro_items.center p {
        font-size: 14px;
    }
    .page2-c{
        padding: 0 30px;
    }
    .h-pro__item-name {
        bottom: 10px;
        font-size: 18px;
    }
    .h-pro_petrol {
        padding: 35px 0;
    }
    .daunhot-content {
        width: calc(50% - 50px);
        margin: 0 25px 30px;
    }
    .h-pro__side-font img{
        width: 100%;
    }
    .daunhot-h {
        margin: 0 0 0 25px;
    }
    .box-wp {
        padding: 0 12px;
    }
    .item-news-h {
        width: calc(33.33% - 20px);
        margin: 0 10px;
    }
    .news-h-b{
        margin: 0 -10px;
    }
    .ft1 {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft2 {
        width: 45%;
        float: left;
    }
    .ft3 {
        width: 55%;
        float: left;
    }
    .ft2.map-ft {
        display: none;
    }
    .ft__main {
        padding: 30px 0;
    }
    .page1-ab-l {
        display: none;
    }
    .page1-ab-r {
        width: 85%;
        float: none;
        text-align: justify;
        margin: 0 auto;
    }
    .page1-ab-r .title-ab {
        text-align: center;
    }
    .pd70 {
        padding: 35px 0;
    }
    .item-fields{
        font-size: 15px;
    }
    .item-fields.fie5, .item-fields.fie1 {
        left: 140px;
    }
    .item-fields.fie6, .item-fields.fie2{
        right: 140px;
    }
    .page5-content{
        width: 90%;
    }
    .page5-content .img img {
        margin: 20px auto 0;
    }
    .timeline-r{
        font-size: 14px;
    }
    .timeline-l {
        width: 100%;
    }
    .timeline-item {
        width: 14%;
        float: left;
    }
    .page3-ab{
        display: none;
    }
    .page3-ab.timeline{
        display: block;
    }
    .rag {
        width: 100%;
        height: 0.5px;
        background: #000000b3;
        position: absolute;
        top: 43px;
        left: 0;
        right: 0;
    }
    .navhss {
        position: relative;
    }
    .timeline-nav__item.slick-slide.slick-current.slick-active::before {
        background: #c4232a;
    }
    .timeline-nav__item::before {
        content: "";
        position: absolute;
        top: 33px;
        left: 128px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 19px;
        height: 19px;
        border-radius: 100%;
        background-color: #C4C4C4;
        -webkit-transition: .2s;
        transition: .2s;
        z-index: 11;
        right: auto;
    }
    .timeline-nav__item {
        position: relative;
    }
    .timeline-slide {
        margin: 0 10px 10px;
    }
    .timeline-nav__item.slick-slide.slick-current.slick-active p {
        font-weight: 700;
        color: #c4232a;
    }

    .timeline-nav__item p {
        letter-spacing: 0.01em;
        font-size: 19px;
        margin-bottom: 60px;
        text-align: center;
        color: #C4C4C4;
    }
    .time-pad h3 {
        margin: 10px 0;
        letter-spacing: 0.005em;
        color: #C4232A;
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 5px;
    }
    .texthis {
        letter-spacing: 0.005em;
        color: #233881;
    }
    .timeline-wrapper .slick-next.slick-arrow {
        right: -4px;
        background-size: 25px;
        background-color: white;
        border-radius: 8px;
        background-position: center;
        top: 32%;
        width: 30px;
        height: 30px;
        z-index: 1;
    }
    .timeline-wrapper .slick-prev.slick-arrow {
        left: -4px;
        background-size: 25px;
        background-color: white;
        border-radius: 8px;
        background-position: center;
        top: 32%;
        width: 30px;
        height: 30px;
        z-index: 1;
    }
    .about .about-menu ul {
        scroll-behavior: smooth;
        display: flex;
        align-items: center;
        overflow-x: scroll;
    }
    .about .about-menu ul li a {
        text-align: center;
        letter-spacing: 0.371429px;
        font-size: 14px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .about .about-menu ul li {
        margin-right: 20px;
    }
    .xang-dau-l {
        width: 100%;
        float: none;
    }
    .xang-dau-r {
        width: 50%;
        float: none;
        position: relative;
        margin: 40px auto 60px;
    }
    .bb-product-gia-xang{
        width: 100%;
    }
    .bb-product-list {
        margin: 0;
    }
    .bb-product-item {
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px 20px;
    }
    .mangluoi-item:nth-child(3n+4), .bb-product-item:nth-child(3n+4) {
        clear: inherit;
    }
    .mangluoi-p1 {
        width: 100%;
    }
    .mangluoi-ab-r{
        padding-right: 0;
    }
    .mangluoi-ab-l {
        width: calc(40% - 40px);
        margin-right: 40px;
    }
    .mangluoi-item {
        width: calc(33.33% - 20px);
        margin: 0px 10px 20px;
        display: none;
    }
    .mangluoi-list {
        margin: 0 -10px;
    }
    .mangluoi-item .text h4{
        font-size: 18px;
    }
    .news .title-ab {
        margin-bottom: 30px;
    }
    .bb-post-item {
        width: calc(33.33% - 20px);
        margin: 0 10px 20px;
    }
    .hk-post-list {
        margin: 0 -10px;
    }
    .news {
        padding-top: 35px;
    }
    .content .wrap-detail {
        width: 100%;
        padding-bottom: 35px;
    }
    .bb-post-others {
        padding: 35px 0 40px;
    }
    .bv-recruit-item {
        width: calc(50% - 20px);
        margin: 0 10px 30px;
        padding: 20px 30px;
    }
    .bv-recu-c .title-ab {
        margin-bottom: 20px;
    }
    .title-ab{
        font-size: 22px;
    }
    .content{
        padding-bottom: 0;
    }
    .detail-wp h1, .detail-wp h2, .detail-wp h3, .detail-wp h4, .detail-wp h5, .detail-wp p, .detail-wp div, .detail-wp table, .detail-wp ul, .detail-wp ol{
        margin-bottom: 10px;
    }
    .gallery-list .item {
        width: calc(33.33% - 20px);
        margin: 0 10px 20px;
    }
    .gallery .title-ab {
        margin-bottom: 20px;
    }
    .gallery-list {
        margin: 0 -10px;
    }
    .ct-left {
        padding: 40px 20px;
    }
    .title-ct, .name-company h2{
        font-size: 22px;
    }
    .ct-right{
        padding: 40px 20px 70px 0;
    }
    .header__hamburger.fixed {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 99;
    }
    .others-content-b {
        padding: 10px 0;
        width: 100%;
        margin: 0 auto;
    }
    .pdt70{
        padding-top: 35px;
    }
    .slider {
        height: auto;
    }
    .others-content h4{
        font-size: 30px;
    }
    .others-content p{
        font-size: 15px;
    }
    .others-content {
        width: calc(25% - 30px);
        margin: 0 15px;
    }
    .h-news__text h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .h-news__text label a {
        font-size: 14px;
    }
    .h-news__text {
        padding: 10px 15px;
    }
    .bb-post-tm .time{
        font-size: 14px;
    }
    .bb-post-tm{
        margin-bottom: 5px;
    }
    .bb-post-others-td{
        padding-bottom: 35px;
    }
    .bv-recu-c .bb-post-others-td .title-ab{
        padding-top: 35px;
    }
    .about-menu.fixed{
        top: 90px;
    }
    .lg-product-t a {
 
    float: left;
    margin-bottom: 5px;
    }
    .bb-p-text {
    padding-left: 25px;
}
}@media all and (max-width: 768px) {


}

@media all and (max-width: 680px) {
    h2.title-main {
        font-size: 17px;
        text-align: center;
        margin-bottom: 10px;
    }
    .title-ab.mobile {
        display: block;
    }
    .mangluoi-ab-l  .title-ab.mobile {
        margin-left: -60px;
    }
    .mangluoi-ab-r .title-ab:not(title-ab.mobile) {
        display: none;
    }
    span.ab-description p{
        margin: 0 0 20px;
    }
    .right-page1{
        width: 100%;
    }
    .btn .btn-link{
        font-size: 11px;
    }
    .ab__btn .btn {
        padding: 6px 15px;
    }
    .others-content{
        width: calc(50% - 30px);
    }
    .others-content h4{
        font-size: 24px;
    }
    .others-content p{
        font-size: 11px;
    }
    .page2-l {
        width: 100%;
    }
    .page2-c {
        margin: 15px 0;
        padding: 0 20px;
        width: 100%;
    }
    .page2-r {
        width: 100%;
    }
    .item-xangdau{
        width: 100%;
    }
    .g-ssm{
        margin: 0;
    }
    .h-pro__item-name {
        bottom: 10px;
        font-size: 16px;
    }
    .h-pro_petrol h2.title-main {
        margin-bottom: 25px;
    }
    .daunhot-content {
        width: calc(50% - 30px);
        margin: 0 15px 30px;
    }
    .h-pro__side-font:after{
        left: -15px;
        top: 25px;
    }
    .h-ro__name {
        font-size: 11px;
        padding-top: 0px;
        padding-right: 30px;
    }
    .icon-dn {
        width: 45px;
        height: 44px;
        bottom: 10px;
        padding: 5px;
        left: -13px;
    }
    .daunhot-h {
        margin: 0 -15px 0 0;
    }
    .h-news {
        padding: 35px 0;
    }
    .item-news-h {
        width: 100%;
        margin: 0 0 26px;
    }
    .news-h-b {
        margin: 0;
    }
    .bb-post-tm .time{
        font-size: 11px;
    }
    .h-news__text h3 {
        font-size: 12px;
        line-height: 1.2;
        margin: 5px 0;
    }
    .h-news__text label a {
        font-size: 11px;
    }
    .h-news__text {
        padding: 10px 18px;
    }
    .item-news-h:last-child {
        display: none;
    }
    .h-news__watch {
        margin-top: 0px;
    }
    .ft2 {
        width: 100%;
    }
    .ft3 {
        display: none;
    }
    .ft__items-icon:not(.ft__social-box .ft__items-icon) {
        padding-top: 10px;
        margin-left: 0;
        font-size: 13px;
    }
    .ft_col {
        padding-top: 0;
        margin-top: -10px;
    }
    .ft-copyright .col {
        text-align: center;
    }
    .ft-copyright .col.danaweb {
        text-align: center;
        margin-top: 5px;
    }
    .ft2 .ft__social-box.hide-on-mobile {
        display: block;
        text-align: center;
    }
    .ft2 .ft__social-box.hide-on-mobile .ft__items-icon{
        display: inline-block;
    }
    .page1-ab-r .title-ab {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .page1-ab-r, .page1-content {
        width: 100%;
    }
    body{
        font-size: 13px;
    }
    .item-fields.fie5, .item-fields.fie1 {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
    }
    .item-fields.fie6, .item-fields.fie2 {
        right: auto;
        position: relative;
        top: auto;
        bottom: auto;
    }
    .item-fields.fie3, .item-fields.fie4 {
        position: relative;
        left: auto;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        top: auto;
        right: auto;
    }
    .item-fields {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }
    .page2-content-abs {
        position: relative;
    }
    .text-about h4 {
        font-size: 17px;
        width: auto;
        margin-bottom: 20px;
    }
    .logo-about {
        display: none;
    }
    .page2-content{
        padding: 35px 0;
    }
    .item-fields img {
        width: 50%;
    }
    .item-fields p {
        margin: 7px 0;
        font-size: 14px;
    }
    .title-ab {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .timeline-nav__item p{
        font-size: 14px;
        margin-bottom: 35px;
    }
    .timeline-nav__item::before {
        left: 91px;
        width: 15px;
        height: 15px;
        top: 22px;
    }
    .rag{
        top: 30px;
    }
    .item-page4 {
        width: 100%;
        margin: 0 0 17px;
    }
    .item-page4 h4 {
        margin: 10px 0;
    }
    .page5-content{
        width: 100%;
        font-size: 14px;
    }
     .about-menu ul {
        scroll-behavior: smooth;
        display: flex;
        align-items: center;
        overflow-x: scroll;
    }
    .about-menu ul li a {
        text-align: center;
        letter-spacing: 0.371429px;
        font-size: 14px;
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .about-menu ul li {
        margin-right: 20px;
    }
    .content-daunhot.xd .title-ab {
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 1.2;
    }
    .xang-dau-l{
        font-size: 14px;
    }
    .xang-dau-r {
        width: 60%;
        margin: 32px auto 50px;
        margin-left: 100px;
    }
    .box-thongbao-t-l {
        width: 90px;
    }
    .box-thongbao-t-l {
        width: 100%;
    }
    .box-thongbao-t-r {
        width: 100%;
        margin-top: 5px;
    }
    .box-thong-bao-b{
        padding: 24px;
    }
    .thongbao{
        margin-bottom: 35px;
    }
    .bb-product-gia-xang a h4{
        font-size: 15px;
    }
    .time-tb{
        margin-top: 0;
    }
    .breadcrumb a{
        font-size: 13px;
    }
    .content-daunhot .title-ab {
        margin-bottom: 10px;
    }
    .bb-product-item {
       width: calc(50% - 6px);
        margin: 0 0 30px;
    }
    .bb-product-item:not(.bb-product-item:nth-of-type(2n)) {
        margin-right: 12px;

    }
    .bb-p-photo {
        width: 100%;
        margin-bottom: 20px;
    }
    .bb-p-text {
        width: 100%;
        padding: 0;
    }
    .comment-product {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .content-ts span.left {
        width: 130px;
    }
    .content-ts span{
        width: calc(100% - 130px);
    }
    .mangluoi-ab-l {
        width: 100%;
        margin-bottom: 80px;
        margin-right: 0;
    }
    .mangluoi-ab-r {
        font-size: 14px;
        width: 100%;
    }
    .button-mangluoi {
        font-size: 14px;
        padding: 12px 21px;
        background-position: 240px 16px;
    }
    .mangluoi-list{
        margin: 0;
    }
    .mangluoi-item {
        width: 100%;
        margin: 0 0 20px;
    }
    .mangluoi-list {
        margin: 0;
    }
    .news .title-ab {
        margin-bottom: 15px;
    }
    .bb-post-item {
        width: 100%;
        margin: 0 0 20px;
    }
    .hk-post-list{
        margin: 0;
    }
    .bb-post-item h3 a{
        font-size: 15px;
    }
    .bb-post-item h3{
        height: auto;
        margin-bottom: 0;
    }
    .bb-post-item .text {
        padding: 15px 20px 15px;
    }
    .news .content .title-ab, .bv-recu-c .wrap-detail .title-ab{
        line-height: 1.2;
    }
    .bv-recruit-item {
        width: 100%;
        margin: 0 0 20px;
        font-size: 14px;
    }
    .bv-recruit-item h4 a{
        font-size: 17px;
    }
    .bv-recu-c .bb-post-others-td .title-ab {
        margin-bottom: 10px;
        padding-top: 35px;
    }
    .gallery-list .item {
        width: 100%;
        margin: 0 0 30px;
    }
    .gallery-list{
        margin: 0;
    }
    .gallery-list .item .comment h3 {
        margin-top: 10px;
    }
    .gallery .title-ab {
        margin-bottom: 10px;
    }
    .gallery .title-ab.gallety-de, .gallery .txt-medium{
        margin-bottom: 10px;
    }
    .ct-right {
        width: 100%;
        padding: 25px 0 0;
    }
    .title-ct, .name-company h2 {
        font-size: 17px;
        margin-bottom: 10px;

    }
    .ct-left {
        width: 100%;
        padding: 35px 12px 20px;
    }
    .bb-contact{
        background-image: none;
    }
    .ct-right ul li {
        margin-bottom: 5px;
        font-size: 15px;
        display: flex;
    }
    .name-company {
        margin-bottom: 15px;
    }
    .h-pro_petrol {
        padding: 35px 0 20px;
    }
    .ab-description{
        font-size: 14px;
    }
    .about-menu.gallery-b ul {
        display: block;
    }
    .h-news__text label.more {
        text-align: right;
        padding-right: 0;
    }
    .ft__items-icon.addresdb .icon-box {
        width: 28px;
    }
    .mangluoi-list.mb-none {
        display: none;
    }
    .product_menu_list li:not(.product_menu_list li:last-child) {
        margin-right: 14px;
    }
    .lg-product-b-cont table{
        width: 100%!important;
    }
    .product_menu_list li span, .bb-product-item .text h4 a{
            font-size: 15px;
    }
    .product_menu_list li{
        padding: 5px 0;
    }
    .box-thongbao-t-r h4{
        font-size: 13px;
        margin: 15px auto 4px;
    }
   /* .about-menu ul li a:hover {*/
   /*     color: #243881;*/
   /* }*/
   /*.about-menu ul li a:hover:after{*/
   /*     content: none;*/
   /* }*/
   .conten-timeline {
    margin-top: 10px;
    }
    .lg-product-t a{
        margin-right: 5px;
    }
    }
}@media all and (max-width: 480px) {

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

}@media (min-width: 1400px) {


}
@media (width: 1920px) {

    }