@media all and (max-width: 1300px) {
    .swiper-p5 .swiper-slide.swiper-slide-next {
        margin-top: 150px;
    }
    .more {
        right: 55px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: 247px;
    }
    .title-p5 {
        right: 104px;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 275px;
    }
    .box-wp {
        max-width: 1115px;
    }
    .page1:after {
        width: 83%;
    }
    .page4_about__right p {
        line-height: 21px;
    }
    .page5_about:after {
        width: 65%;
    }
    .owl-theme .owl-nav .owl-prev {
        left: 0px;
    }
    p.close-menu{
        top: 15.65vh;
    }


}

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


}

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


}@media all and (max-width: 768px) {
    .humans-of__item.even .humans-of_text {
        left: -94px;
    }
    .about,.recruitment, .blog, .contact, .apply-content, .search-news {
        padding-top: 95px;
    }
    .menu_nho:after{
        content: none;
    }
    .header {
        height: 95px;
        position: fixed;
        width: 100%;
    }
    .logomobile {
        text-align: center;
    }
    .logomobile img {
        width: 25%;
        padding: 20px 0;
    }
    .button_container {
        top: 48px;
        left: 15px;
        height: 18px;
        width: 27px;
    }
    .left-menu{
        display: none;
    }
    .click-hidden{
        display: none;
    }
    .menu-right ul {
        width: 100%;
    }
    .applymobile {
        display: block;
        width: 96%;
        margin: 0;
    }
    .overlay-menu .menu-right {
        width: 100%;
    }
    .menu-right ul {
        left: 15px;
    }
    .applymobile a {
        width: 100%;
        background: linear-gradient(
                12.39deg
                , #FF8000 0%, #F8AA36 51.56%, #F8BB36 100%);
        border-radius: 4px;
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #FEFEFE;
        display: block;
        padding: 12px;
    }
    .menu-right__bottom {
        position: absolute;
        margin-top: 0;
        bottom: 80px;
        text-align: center;
        width: 100%;
    }
    .menu-right__bottom a {
        line-height: 36px;
        text-align: center;
    }
    form .icon, form .submits {
        top: -70px;
        right: 0;
    }
    .menu-right .menu-right2 {
        margin-right: 15px;
    }
    form #search {
        top: -70px;
        right: 0;
    }
    p.close-menu {
        top: -67px;
        right: 39px;
    }
    div#_slide div img {
        height: auto;
        object-fit: cover;
    }
    .logoden_sl img {
        width: 555px;
    }
    .logosl {
        display: none;
    }
    div#_slide .owl-nav .owl-next {
        right: 15px;
        bottom: 50%;
        background-color: #686868;
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }
    div#_slide .owl-nav .owl-prev {
        right: auto;
        left: 15px;
        bottom: 50%;
        background-color: #686868;
        border-radius: 50%;
        width: 25px;
        height: 25px;
    }
    div#_slide .owl-dots, .scroll-downs {
        display: none;
    }
    .box-slider {
        margin-bottom: 96px;
        padding-top: 95px;
    }
    .page1-img {
        width: 100%;
        float: left;
    }
    .page1-text {
        width: 100%;
        margin-top: 0;
    }
    .box-wp {
        padding: 0 15px;
    }
    .page1-content h2 {
        position: relative;
    }
    .page1:after {
        height: 74px;
        right: 0;
        width: 98%;
        background-size: 100% 74px;
        top: auto;
        bottom: 114px;
    }
    .page1-content h2 {
        bottom: 14px;
        font-size: 21px;
        text-align: left;
        right: 0;
        top: auto;
        padding-left: 50px;
        line-height: 25px;
        padding-bottom: 14px;
    }
    .page1-img img {
        width: 100%;
    }
    .page2-item {
        width: 47.33%;
        margin-bottom: 30px;
    }
    .page2-title {
        right: auto;
        bottom: auto;
        left: 155px;
        top: 88px;
    }
    .page2-item:first-child {
        margin-left: 51.33%;
    }
    .page2-content {
        width: 88%;
    }
    .page2 {
        margin: 32px 0 0;
    }
    .logomobile{
        display: block;
    }
    .slide-p3 {
        width: 100%;
    }
    /*.slide-p3 .owl-item.active + .owl-item {*/
    /*    -webkit-transform: scale(0.8) translate(250px);*/
    /*    transform: scale(0.8) translate(250px);*/
    /*}*/
    /*.slide-p3 .owl-item.active {*/
    /*    -webkit-transform: scale(1) translate(345px);*/
    /*    transform: scale(1) translate(345px);*/
    /*}*/
    /*.slide-p3 .owl-item {*/
    /*    -webkit-transform: scale(0.8) translate(600px);*/
    /*    transform: scale(0.8) translate(600px);*/
    /*}*/
    .page3 {
        padding: 32px 0;
    }
    .title-p5 {
        position: relative;
        width:auto;
        right: auto;
        background: white;
        z-index: 2;
        top: auto;
        margin: 0 15px 45px;
        display: inline-block;
    }
    .swiper-p5 .swiper-wrapper {
        margin-left: 20px;
    }
    .swiper-p5 .swiper-slide.swiper-slide-next {
        width: auto !important;
        margin-top: 0;
    }
    .swiper-p5 {
        padding: 36px 0 36px;
        margin-bottom: 32px;
    }
    .page5-img:after {
        top: -20px;
        left: -20px;
    }
    .page5sl-text h4 a {
        font-size: 40px;
        line-height: 40px;
    }
    .page5sl-text {
        width: 50%;
        padding-right: 50px;
    }
    .page5-img {
        width: 47%;
    }
    p.xanh {
        margin: 16px 0 10px;
    }
    .page5sl-text h4 {
        height: 98px;
        line-height: 41px;
    }
    .more {
        right: 15px;
        bottom: 64px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 90px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: 130px;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 96%;
        right: 15px;
        bottom: 0;
        top: auto;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 60px;
        outline: none;
    }
    .page6-title h4, .title-p5 h4 {
        font-size: 40px;
        line-height: 50px;
    }
    .page6-list {
        padding: 32px 0 20px;
    }

    .page1-about__position {
        position: relative;
        top: auto;
        -webkit-transform: translate(0,-0);
        -ms-transform: translate(0,0);
        transform: translate(0,-0);
        left: 0;
    }
    .page1-about__left {
        width: 100%;
        height: auto;
    }
    .page1_about:after {
        width: 100%;
        height: 100%;
    }
    .whymobile{
        display: block;
    }
    .page1_about:before{
        content: none !important;
    }
    .page1_about {
        position: relative;
        padding: 32px 0 93px;
    }
    .page2_about .title-all:before {
        width: 19%;
    }
    .page2_about__item {
        width: 48%;
    }
    .page2_about__item {
        height: 650px;
    }
    .page2_about {
        padding: 32px 0;
    }
    .page2ab-list__item {
        margin-top: 32px;
    }
    .page3_about .title-all:before, .page6_about .title-all:before {
        background: white;
        width: 45%;
    }
    .page4_about__left {
        width: 100%;
    }
    .page4-about__ourimg img {
        width: 100%;
    }
    .page4_about__right {
        width: 100%;
        margin-top: 30px;
    }
    .page5_about {
        padding: 45px 0;
    }
    .page6_about,.page7_about {
        padding: 64px 0;
    }
    .page7_about .title-all:before {
        right: 13vw;
        width: 50%;
    }
    .footer-left {
        width: 100%;
        float: left;
        text-align: center;
    }
    .register-form.mobile{
        display: block;
        width: 90%;
    }
    .register-form{
        display: none;
    }
    .logofooter {
        width: 100%;
    }
    .footer-tright {
        width: 100%;
    }
    .footer-right {
        width: 100%;
        margin-top: 20px;
    }
    .banner-img {
        margin-left: 0;
    }
    .banner-text {
        left: 15px;
    }
    .banner-text h4 {
        font-size: 34px;
        line-height: 45px;
    }
    .banner-img:before {
        left: 15px;
    }
    .recruitment-hot .swiper-p5 {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }
    .recruitment-hot__list .swiper-p5 .swiper-slide.swiper-slide-next {
        margin-top: 0;
    }
    .recruitment-content__list .title-all:before {
        width: 61%;
    }
    .recruitment_text {
        width: 60%;
    }
    .recruitment__item_img {
        width: 35%;
    }
    .recruitment-title__left {
        width: 100%;
        margin-bottom: 5px;
    }
    .recruitment-title__right {
        position: relative;
        width: 100%;
        height: auto;
        right: auto;
    }
    .recruitment-title__right p {
        margin-top: 10px;
        position: relative;
        right: auto;
        top: auto;
        color: #FEFEFE;
        float: left;
    }
    .recruitment-title__right a {
        position: relative;
        bottom: 0;
        right: auto;
        float: right;
    }
    .info-recruiment__item {
        margin-bottom: 10px;
    }
    h1.recruitment-detail {
        font-size: 24px;
    }
    .content {
        padding: 32px 0 32px;
    }
    h1.recruitment-detail:before {
        height: 22px;
        bottom: 0;
    }
    .recruitment-wp {
        padding: 8px 0 55px;
    }
    .skill-item {
        transition: .6s ease all;
        width: 48%;
    }
    .others-recruiment .title-all:before {
        width: 57%;
    }
    .others-recruiment__list .page5sl-text h4 {
        height: 45px;
        -webkit-line-clamp: 1;
        -ms-line-clamp: 1;
    }
    .title-all:before {
        width: 66%;
    }
    .blog-hot__item.stt1 .blog-hot__description p {
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        height: 49px;
    }
    .blog-hot__item.stt1 .blog-hot__item_text h4 a {
        text-align: left;
        height: 59px;
        font-weight: 800;
        font-size: 23px;
        line-height: 29px;
        text-transform: uppercase;
        margin: 0;
        width: 100%;
    }
    .blog-hot__item.stt1 .blog-hot__item_text h4 {
        margin-bottom: 10px;
    }
    .blog-hot__item {
        width: 96%;
        float: left;
        margin: 0 0 30px;
    }
    .blog-host__list {
        padding: 32px 0 0;
    }
    .wrap-detail {
        width: 100%;
    }
    h1.title-detail {
        font-size: 24px;
        line-height: 24px;
    }
    .others {
        width: 100%;
        float: right;
    }
    .others .title-all:after {
        width: 80%;
        content: "";
    }
    .others .title-all:before {
        width: 69%;
        content: "";
    }
    .others-list__item {
        width: 31.33%;
        float: left;
        margin: 1%;
    }
    .others .title-all {
        margin-bottom: 20px;
    }
    .news-hot__list .swiper-wrapper {
        margin-left: 15px;
    }
    .news .blog-hot__item {
        width: 48%;
        float: left;
        margin: 1%;
    }
    .news-list {
        padding: 32px 0;
    }
    .contact-content {
        padding: 64px 0;
    }
    .contact-content__left {
        width: 45%;
    }
    .contact-content__right {
        width: 51%;
    }
    .contact-content__right .title-all:before {
        width: 28%;
    }
    .form-apply {
        padding: 64px 0;
        width: 71%;
    }
    .cv-other {
        padding: 32px 0 32px;
    }
    .others-recruiment__list {
        margin-top: 24px;
    }
    .list-product.tikiem{
        padding: 32px 0;
    }
    .humans-of__left {
        width: 100%;
        position: relative;
        background: #fff;
        top: auto;
        left: 0;
        -webkit-transform: translate(0,0%);
        -ms-transform: translate(0,0%);
        transform: translate(0,0%);
        text-align: center;
    }
    .humans-of__right {
        width: 100%;
        margin-top: 30px;
    }
    .humans-of_text {
        transform: rotate(
                -90deg
        );
        background: #0086D1;
        border-radius: 8px 8px 0px 0px;
        padding: 12px;
        position: absolute;
        top: 176px;
        left: -94px;
    }
    .humans-slide {
        margin: 30px 0 40px;
    }
    .apply {
        display: none;
    }
    .humans-of {
        margin-top: 95px;
    }
    .menu-right__bottom.mobile{
        display: block;
    }
    .find-recruiment {
        width: 100%;
    }
    .page4-about__ourimg {
        text-align: center;
    }
    .page4-about__ourimg img {
        width: 55%;
    }
    .slide-p3 .owl-item.active.center {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    .slide-p3 .owl-item.active.center + .owl-item {
        -webkit-transform: scale(1) translate(4px);
        transform: scale(1) translate(4px);
        z-index: 9;
    }
    .slide-p3  .owl-stage {
        padding: 55px 0;
    }
    .slide-p3 .owl-item {
        -webkit-transform: scale(1) translate(200px);
        transform: scale(1) translate(200px);
        z-index: 9;
    }
    .slide-p3 .owl-item.active .gallery-slide:after{
        content: '';
        position: absolute;
        z-index: 2;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
    }
    .slide-p3 .owl-stage-outer {
        padding: 0;
    }
    .skill-item__img{
        background-size: 40px;
    }
    .logomenu {
        display: none;
    }
    .menu_nho .logomenu.top-fixed{
        display: none;
    }
    .swiper-p5:after{
        content: none;
    }
    .menu.mobile{
        display: block;
    }
    .header-menu{
        display: none;
    }
}

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

    .logomobile img {
        padding: 11px 0;
    }
}@media all and (max-width: 480px) {
    .humans-of__item.even .humans-of_text {
        left: -131px;
    }
    .humans-of {
        margin-top: 50px;
    }
    .header {
        height: 50px;
    }
    .button_container {
        top: 29px;
    }
    .box-slider {
        margin-bottom: 60px;
        padding-top: 50px;
    }
    .menu-right ul li a {
        font-size: 24px;
        line-height: 31px;
    }
    form .icon, form .submits, form #search {
        top: -44px;
    }
    p.close-menu {
        top: -40px;
    }
    .menu-right .menu-right2 {
        width: 80%;
    }
    .applymobile {
        width: 92%;
    }
    div#_slide .owl-nav .owl-next, div#_slide .owl-nav .owl-prev {
        width: 20px;
        height: 20px;
        background-size: 10px;
    }
    .logoden_sl img {
        width: 295px;
        bottom: -34px;
    }
    .page1:after {
        top: 218px;
        bottom: auto;
        height: 60px;
        background-size: 100% 60px;
    }
    .page1-content h2 {
        bottom: 24px;
        font-size: 16px;
        right: 0;
        top: auto;
        padding-left: 20px;
        line-height: 21px;
    }
    .page2-title {
        right: auto;
        bottom: auto;
        position: relative;
        left: 15px;
        top: auto;
    }
    .page2-title a {
        display: none;
    }
    .page2-item {
        margin-left: 20px;
        width: 100%;
    }
    .linkmobile{
        display: block;
        text-align: center;
    }
    .linkmobile a {
        font-size: 16px;
        color: #686868;
    }

    .page3 .box-wp {
        padding: 0;
    }
    .owl-theme.slide-p3 .owl-nav .owl-prev {
        margin: 0 5px;
    }
   .page3 .owl-nav {
        margin-top: -45px;
    }
    .page3 {
        padding: 32px 0 0;
    }
    .page5sl-text h4 a {
        font-size: 20px;
        line-height: 24px;
    }
    p.xanh {
        font-size: 16px;
        margin: 5px 0 5px;
    }
    .page5sl-text h4 {
        height: 48px;
    }
    .page5sl-comment {
        height: 90px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -ms-line-clamp: 4;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        line-height: 22px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    a.link-p5 {
        font-size: 14px;
        padding: 4px 12px;
    }
    .more {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: right;
        padding-right: 15px;
        margin-top: 45px;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 91%;
        right: 15px;
        bottom: 75px;
        top: auto;
    }
    .swiper-button-next, .swiper-button-prev {
        bottom: 33px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: auto;
        left: 55px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: auto;
        left: 15px;
    }
    .swiper-p5 .swiper-slide.swiper-slide-next{
        width: 375px !important;
    }
    .page6-title a{
        display: none;
    }
    .page6.mobile{
        display: block;
    }
    .page6{
        display: none;
    }
    .page6-list{
        position: relative;
    }
    .page6-list .swiper-slide {
        background: rgba(255, 255, 255, 0.01);
        box-shadow: 0px 4px 16px rgb(70 70 70 / 25%);
        backdrop-filter: blur(15px);
        border-radius: 8px;
        padding: 16px;
    }
    .page6-list .more {
        margin-top: 20px;
    }
    .page6-list .swiper-button-next, .page6-list .swiper-button-prev {
        bottom: 15px;
    }
    .page6-list .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: auto;
        left: 0px;
        padding-bottom: 15px;
    }
    .page6-list .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: auto;
        left: 40px;
        padding-bottom: 15px;
    }
    .swiper-menu {
        padding-bottom: 15px;
    }
    .footer-right_top h4, .footer-right_bottom h4 {
        padding-left: 0;
    }
    .footer-right_top p {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        line-height: 24px;
    }
    .footer-right_top p.t2{
        border-left: none;
        margin-top: 15px;
    }
    .footer-right_bottom p {
        padding-left: 0;
        width: 100%;
    }
    .register-form.mobile {
        width: 100%;
    }
    .copyright {
        text-align: center;
    }
    .danaweb {
        margin-top: 5px;
        float: none;
    }
    .footer {
        background-size: 260%;
        background-repeat: no-repeat;
        background-color: #62b0e3;
    }
    .footer-content {
        padding: 0 0 40px;
        background-color: #62b0e3;
        margin: 115px 0 0;
        border-bottom: 1px solid #FEFEFE;
    }
    .logofooter img {
        width: 192px;
    }
    .footer-tright {
        margin-top: 20px;
    }
    .about, .recruitment, .blog, .contact, .apply-content, .search-news {
        padding-top: 50px;
    }
    .page1-about__content {
        padding-right: 0;
        font-size: 14px;
    }
    .page1_about {
        padding: 32px 0 169px;
    }
    .title-all h3 span {
        font-size: 24px;
        line-height: 24px;
    }
    .page2_about .title-all:before {
        width: 78%;
    }
    .rowh {
        margin-left: 0;
        margin-right: 0;
    }
    .page2_about__item {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .page2ab-list__item.mobile{
        display: block;
    }
    .page2ab-list__item{
        display: none;
    }
    .page3_about .title-all:before, .page6_about .title-all:before {
        background: white;
        width: 22%;
    }
    .page3about-item {
        width: 100%;
        margin: 0 0 30px;
    }
    .pageabout-item__text h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .page3_about {
        padding: 32px 0;
    }
    .page4_about {
        margin-top: 32px;
    }
    .page4-about__title h4 {
        margin-bottom: 25px;
    }
    .vision-item__text {
        text-align: justify;
        width: 100%;
        position: relative;
        top: auto;
        left: 0;
        -webkit-transform: translate(0,0%);
        -ms-transform: translate(0,0%);
        transform: translate(0,0%);
    }
    .vision-item__img {
        width: 100%;
        float: right;
        margin-top: 20px;
    }
    .history_item p {
        height: 100px;
    }
    .page6_about, .page7_about {
        padding: 32px 0;
    }
    .page7_about .title-all h3 a {
        margin-top: 4px;
    }
    .page7_about .title-all:before {
        right: 24vw;
        width: 23%;
    }
    div#_humans {
        margin-top: 32px;
    }
    /*.banner-img:after {*/
    /*    background-size: 100% 90px;*/
    /*    width: 70%;*/
    /*    height: 100%;*/
    /*}*/
    .banner-text h4 {
        font-size: 30px;
        line-height: 38px;
    }
    .banner-img:before {
        width: 55%;
    }
    .recruitment-hot__list .title-p5 p {
        font-size: 18px;
        line-height: 22px;
    }
    .title-p5 {
        margin: 0 15px 40px;
    }
    .page5sl-text {
        padding-right: 36px;
    }
    .recruitment-hot__list .swiper-pagination.swiper-pagination-progressbar {
        width: 91%;
        right: 15px;
        bottom: 5px;
    }
    .recruitment-content__list .title-all:before {
        width: 43%;
    }
    .recruitment__item_img {
        width: 100%;
    }
    .recruitment_text {
        width: 100%;
        margin-top: 20px;
    }
    .recruitment-title__left h4 a {
        font-size: 20px;
        line-height: 24px;
    }
    .deadline p {
        border-left: none;
        margin-top: 4px;
        padding-left: 0;
    }
    .skill-item {
        margin: 0 0 15px;
        width: 100%;
    }
    .click-apply a {
        font-size: 18px;
        padding: 7px 50px;
    }
    .others-recruiment .title-all:before {
        width: 39%;
    }
    .others-recruiment__list .page5sl-text h4 a {
        font-size: 18px;
        line-height: 21px;
    }
    .others-recruiment__list .page5sl-text h4 {
        height: 33px;
    }
    .others-recruiment__list p.xanh {
        margin: 5px 0 0px;
    }
    .others-recruiment__list .page5sl-comment {
        height: 66px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -ms-line-clamp: 3;
    }
    .form-apply {
       width: 100%;
    }
    .form-apply .form-item {
        margin-bottom: 15px;
    }
    .blog-list {
        padding: 32px 0;
    }
    .blog-list .title-all h3 span {
        font-size: 18px;
    }
    .title-all:before {
        width: 50%;
    }
    .blog-hot__item.stt1 .blog-hot__item_img {
        width: 100%;
    }
    .blog-hot__item.stt1 .blog-hot__item_text {
        width: 100%;
        margin-top: 20px;
    }
    .rowh2 {
        margin-left: 0;
        margin-right: 0;
    }
    .blog-hot__item.stt1 .blog-hot__item_text h4 a {
        height: 45px;
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }
    .blog-hot__item_img {
        width: 100%;
    }
    .blog-hot__item_text {
        margin-top: 15px;
        width: 100%;
    }
    h1.title-detail {
        font-size: 18px;
    }
    .others-list__item {
        width: 100%;
        float: left;
        margin: 0 0 30px;
    }
    .others .title-all h3 span {
        font-size: 18px;
    }
    .others .title-all:before {
        width: 48%;
    }
    .title-all h3 span {
        font-size: 20px;
    }
    .swiper-news {
        padding: 32px 0;
    }
    .news .blog-hot__item {
        width: 100%;
        float: left;
        margin: 0 0 20px;
    }
    .contact-content__left {
        width: 100%;
    }
    .contact-content__right {
        margin-top: 15px;
        width: 100%;
    }
    .contact-content {
        padding: 32px 0;
    }
    .headquarters {
        margin-top: 20px;
    }
    .contact-content__right .title-all h3 span {
        font-size: 18px;
    }
    .contact-content__right .title-all:before {
        width: 39%;
    }
    .form-contact.clearfix .form-item {
        margin-bottom: 15px;
    }
    .map {
        margin-bottom: 32px;
    }
    h1.title-product {
        text-align: center;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .page6-list_item {
        width: 100%;
        margin: 0 0 20px;
    }
    .humans-of__content {
        padding: 32px 0 32px;
    }
    .humans-of_text {
        top: 130px;
        left: -130px;
        width: 295px;
        padding: 6px;
    }
    .humans-of_text h4 {
        font-size: 16px;
    }
    .humans-of__left .humans-of_img img {
        padding-left: 34px;
        height: 295px;
        object-fit: cover;
    }
    .humans-of__right {
        padding-left: 0;
    }
    .menu-right__bottom.mobile{
        display: block;
    }
    .menu-right ul {
        top: 45%;
    }
    .banner-img img {
        height: 160px;
        object-fit: cover;
    }
    .banner-img:after {
        width: 73%;
    }
    .left-recu__img {
        width: 100%;
        margin-bottom: 20px;
    }
    .left-recu__text {
        width: 100%;
    }
    .recruitment-wp1__right .left-recu__img {
        margin-bottom: 0;
        margin-top: 20px;
    }
    .find-recruiment h4 {
        font-size: 24px;
        line-height: 26px;
    }
    div#_slide .owl-nav .owl-next, div#_slide .owl-nav .owl-prev{
        bottom: 45%;
    }
    .page2-item:first-child {
        margin-left: 15px;
    }
    .slide-p3 .owl-item.active.center {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
    .slide-p3 .owl-item {
        -webkit-transform: scale(2) translate(200px);
        transform: scale(2) translate(200px);
        z-index: 9;
    }
    .slide-p3 .owl-stage-outer {
        padding: 0 0 37px;
    }
    .swiper-p5 .swiper-slide.swiper-slide-duplicate.swiper-slide-active:last-child {
        margin-left: 0;
    }
    .overlay.open li {
        padding-bottom: 25px;
    }
    .page4-about__ourimg img {
        width: 100%;
    }
    .others {
        padding: 20px 0 0;
    }
    .skill-item__img {
        background-size: 40px;
    }
    input#uploadFile {
        width: 81%;
    }
    span.text9 {
        right: 4px;
    }
    span.text10 {
        right: 0px;
    }
    span.text1 {
        right: -4px;
    }
     span.text2{
         right: -8px;
     }
    span.text7 {
        right: 20px;
    }
    span.text8{
        right: 16px;
    }
    .recruitment-hot__list .swiper-button-next, .recruitment-hot__list .swiper-button-prev {
        top: auto;
        bottom: 35px;
    }
    .trusovn,  .trusojp {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0;
    }
    div#_humans .owl-nav .owl-next {
        text-align: center;
        margin: 0;
        float: none;
        right: -45px;
        bottom: 3px;
        position: absolute;
    }
    div#_humans .owl-nav .owl-prev {
        text-align: left;
        margin: 0;
        float: none;
        bottom: 3px;
        position: absolute;
        left: -45px;
    }
    }
@media all and (min-width: 414px) and (max-width: 600px) {
    .swiper-p5 .swiper-slide.swiper-slide-duplicate.swiper-slide-active:last-child {
        margin-left: 39px;
    }
}@media all and (width: 414px) {

}
@media (min-width: 1400px) and (max-width: 1600px){
    .swiper-p5 .swiper-slide.swiper-slide-next {
        width: 38% !important;
    }
    .title-p5 {
        right: 10%;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 21.5%;
    }
    .swiper-p5 .swiper-wrapper {
        margin-left: -15%;
    }
    .swiper-p5:after {
        width: 6%;
    }
    .swiper-p5 .swiper-slide.swiper-slide-active {
        width: 61% !important;
    }
    .more {
        right: 9%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 15%;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: 20%;
    }
    .recruitment-hot__list .swiper-p5 .swiper-slide.swiper-slide-next {
        margin-top: 210px;
    }
    .recruitment-hot .swiper-p5 {
        padding-bottom: 32px;
    }
    .news-hot__list .swiper-wrapper {
        margin-left: 8.5%;
    }
    .banner-text h4 {
        position: relative;
        font-weight: 800;
        font-size: 54px;
        line-height: 73px;
    }
    .banner-text {
        left: 115px;
    }
    .banner-img:before {
        left: 72px;
    }
}


@media (min-width: 1600px) {
    .swiper-p5 .swiper-slide.swiper-slide-next {
        width: 43% !important;
    }
    .title-p5 {
        right: 8%;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 18.5%;
    }
    .swiper-p5 .swiper-wrapper {
        margin-left: -11%;
    }
    /*.swiper-p5 .swiper-slide.swiper-slide-active {*/
    /*    width: 58% !important;*/
    /*}*/
    .swiper-p5:after {
        width: 13%;
    }
    .swiper-p5 {
        position: relative;
        overflow: hidden;
        padding: 136px 0 64px;
        margin-bottom: 0;
    }
    .more {
        right: 13%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 18%;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: 20%;
    }
    .recruitment-hot__list .swiper-p5 .swiper-slide.swiper-slide-next {
        margin-top: 158px;
    }
    .recruitment-hot .swiper-p5 {
        padding-bottom: 32px;
    }
    .news-hot__list .swiper-wrapper {
        margin-left: 13.5%;
    }
    .banner-text h4 {
        position: relative;
        font-weight: 800;
        font-size: 65px;
        line-height: 85px;
    }
}

@media (min-width: 1920px) {
    .recruitment-hot .swiper-p5 {
        padding-bottom: 64px;
    }
    .menu-right ul {
        width: 44%;
    }
    .page1:after {
        width: 71%;
    }
    .menu_nho:after {
        width: 70px;
    }
    .button_container {
        left: 23px;
    }
    .apply {
        left: -28px;
        bottom: 60px;
    }
    .apply a {
        padding: 10px 20px;
    }
    .left-menu {
        width: 70px;
    }
    .swiper-p5 .swiper-wrapper {
        margin-left: -225px;
    }
    /*.swiper-p5 .swiper-slide.swiper-slide-active {*/
    /*    width: 912px !important;*/
    /*}*/
    .swiper-p5.swiper-p5 .swiper-slide.swiper-slide-next {
        width: 986px !important;
        margin-top: 165px;
    }
    .swiper-p5 .swiper-slide.swiper-slide-next .page5sl-text h4 a {
        font-size: 64px;
        line-height: 39px;
    }
    .swiper-p5:after {
        content: none;
    }
    .swiper-p5{
        margin-bottom: 0;
        padding: 136px 0 90px;
    }
    .title-p5 {
        right: 328px;
        top: 92px;
    }
    .swiper-p5 .swiper-pagination.swiper-pagination-progressbar {
        width: 498px;
    }
    .more {
        bottom: 50px;
        right: 368px;
    }
    .swiper-p5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 450px;
        bottom: 50px;
    }
    .swiper-p5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        right: 484px;
        bottom: 50px;
    }
    .swiper-p5  .swiper-slide.swiper-slide-next a.link-p5{
        display: none;
    }
    .banner-text img {
        width: 300px;
    }
    .blog.news-1 .banner-text img {
        width: 155px;
    }
    .news-hot__list .swiper-wrapper {
        margin-left: 19%;
    }
    .contact .banner-text img {
        width: 200px;
    }
    /*.banner-img {*/
    /*    margin-left: 70px;*/
    /*}*/
    .banner-text {
        left: 63px;
    }
    .banner-text h4 {
        position: relative;
        font-weight: 800;
        font-size: 63px;
        line-height: 77px;
        text-transform: uppercase;
        color: #0086D1;
        float: left;
    }
    .footer-content {
        padding: 260px 0 40px;
    }
    .page5_about:after {
        width: 60.5%;
    }
    .page7_about .title-all:before {
        right: 5vw;
        width: 69%;
    }
    .menu_nho .logomenu {
        margin: 10px 10px;
        width: 53px;
    }
    .swiper-p5:after {
        width: 18%;
    }
    .swiper-p5 .swiper-slide.swiper-slide-duplicate.swiper-slide-active:last-child {
        margin-left: 30%;
    }
    .recruitment-hot__list .swiper-p5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        top: 20%;
        bottom: auto;
    }
    .recruitment-hot__list .swiper-p5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        top: 20%;
        bottom: auto;
    }
}