/* %slick-list{
	margin: 0 -15px;
	.slick-slide{
		margin: 0 15px;
	}
	} */
@media all and (min-width: 1200px) {
  .menu-item-has-children {
    margin-right: 20px; }

  .destop-bg-white {
    background: #fff; }
    .destop-bg-white .recruit-slider-box {
      height: calc(100% - 30px); }

  .recruit-page .recruit-slider-box {
    height: calc(100% - 30px); }

  .none-destop {
    display: none; }

  .col-mar-0 {
    margin-left: 0px;
    margin-right: 0px; }

  .col-mar-0 > div[class^="col-"] {
    padding-left: 0px;
    padding-right: 0px; }

  .col-mar-5 {
    margin-left: -5px;
    margin-right: -5px; }

  .col-mar-5 > div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px; }

  .col-mar-20 {
    margin-left: -20px;
    margin-right: -20px; }

  .col-mar-20 > div[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px; }

  .col-mar-10 {
    margin-left: -10px;
    margin-right: -10px; }

  .col-mar-10 > div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px; }

  .col-mar-30 {
    margin-left: -30px;
    margin-right: -30px; }

  .col-mar-30 > div[class^="col-"] {
    padding-left: 30px;
    padding-right: 30px; }

  .col-mar-25 {
    margin-left: -25px;
    margin-right: -25px; }

  .col-mar-25 > div[class^="col-"] {
    padding-left: 25px;
    padding-right: 25px; } }
@media all and (max-width: 1440px) {
  .t-right {
    display: none;
    right: -50px; }

  .t-left {
    display: none;
    left: -50px; } }
@media all and (max-width: 1200px) {
  .mobile-none {
    display: none !important; }

  .container {
    padding-right: 10px;
    padding-left: 10px; }
    .container .row {
      margin-right: -10px;
      margin-left: -10px; }
      .container .row > div[class^="col-"] {
        padding-right: 10px;
        padding-left: 10px; }

  header .header-menu {
    display: none !important; }

  header {
    height: 50px;
    display: flex;
    align-items: center; }
    header .logo img {
      width: 100px;
      max-height: 50px; }

  .mobile-menu {
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
    cursor: pointer; }

  .mobile-menu .tru-menu {
    position: relative;
    width: 36px;
    height: 36px;
    margin-left: 10px; }

  .box-menu-mobile {
    background: #00000080;
    display: none;
    border-top: 1px solid #F0F0F0;
    text-align: left;
    padding-left: 0;
    height: calc(100vh - 50px);
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden; }
    .box-menu-mobile.active {
      display: block; }

  .mobile-menu ul {
    padding: 0 20px;
    background: white;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #222222;
    font-family: "SVN-Gilroy"; }
    .mobile-menu ul li {
      position: relative; }
      .mobile-menu ul li.active-tab > a {
        color: #0070BA; }
      .mobile-menu ul li.active-tab .fa {
        color: #0070BA;
        transform: rotate(180deg); }
      .mobile-menu ul li .fa {
        position: absolute;
        font-size: 16px;
        top: 16px;
        color: #14439f;
        right: 0; }
      .mobile-menu ul li ul {
        display: none;
        padding: 0;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        color: #222222; }
        .mobile-menu ul li ul li {
          padding-left: 16px;
          position: relative; }
          .mobile-menu ul li ul li:after {
            width: 6px;
            height: 6px;
            background: #C4C4C4;
            content: '';
            position: absolute;
            top: 20px;
            left: 0;
            border-radius: 50%; }
      .mobile-menu ul li a {
        display: block;
        padding: 11px 0; }
        .mobile-menu ul li a.active {
          color: #0070BA; }

  .slider-main .h-380 {
    height: 380px; }
  .slider-main .content-banner {
    padding-bottom: 25px; }
    .slider-main .content-banner .search-banner {
      padding: 10px;
      height: auto;
      margin-top: 15px; }
      .slider-main .content-banner .search-banner img {
        left: 14px; }
        .slider-main .content-banner .search-banner img.icon-search {
          top: calc(50% - 10px); }
      .slider-main .content-banner .search-banner input {
        margin-bottom: 0;
        width: 100%;
        height: 48px;
        padding: 16px 56px 16px 46px !important; }
      .slider-main .content-banner .search-banner button {
        height: 48px;
        width: 48px; }
        .slider-main .content-banner .search-banner button img {
          position: initial; }
    .slider-main .content-banner .logo-banner, .slider-main .content-banner .search-banner {
      margin-right: auto;
      width: calc(100% - 20px);
      margin-left: auto; }

  .mr-20 {
    margin-right: 10px; }

  .us-main {
    background: none !important;
    padding: 40px 0; }
    .us-main .box-us-img:after {
      border-radius: 10px;
      height: 58%; }
    .us-main .box-us-img .us-img1 {
      width: 30%;
      height: 50%;
      border-radius: 8px;
      margin-right: 8px; }
    .us-main .box-us-img .us-img2 {
      width: 55%;
      height: auto;
      border-radius: 10px; }
    .us-main .box-us-img .us-video .icon-yt {
      width: 32px;
      height: 22px;
      top: calc(50% - 2px);
      left: calc(50% - -6px); }
    .us-main .box-us-img .us-video .img-video {
      border-radius: 10px;
      height: auto;
      max-width: calc(100% - 40px); }

  .mb-40 {
    margin-bottom: 20px; }

  .text-h1, h1 {
    font-size: 30px;
    line-height: 31px; }

  .text-h2, h2 {
    font-size: 20px;
    line-height: 30px; }

  .mb-15,
  .mb-mobile-10,
  .mb-20 {
    margin-bottom: 10px; }

  .mb-mobile-20,
  .mb-30 {
    margin-bottom: 20px; }

  .recruit-main {
    padding: 40px 0; }
    .recruit-main .recruit-slider .recruit-slider-box {
      min-height: auto;
      padding: 15px 10px; }

  .language-code ul {
    flex-wrap: wrap; }
    .language-code ul li {
      margin-bottom: 8px; }

  .button-all {
    height: 48px; }

  .why-choose {
    padding: 40px 0 10px; }

  .mb-62 {
    margin-bottom: 40px; }

  .w-mobile-80 {
    width: 80%; }

  .recruitment {
    padding: 40px 0; }

  .us {
    padding: 40px 0; }
    .us .t-left, .us .t-right {
      display: none !important; }

  .register {
    padding: 40px 0;
    background: url("../images/background-mobile-register.png") no-repeat !important;
    background-size: cover !important; }

  footer {
    padding: 40px 0 0;
    background-size: cover !important; }

  .us-slider .slick-list, .recruit-slider .slick-list {
    margin: 0 -10px; }

  .back-to-top img {
    width: 48px;
    height: 48px; }

  #submitCV .modal-content {
    border-radius: 0;
    margin: auto;
    width: 320px;
    padding: 40px 10px; }
    #submitCV .modal-content .close {
      width: 16px;
      height: 16px; }
    #submitCV .modal-content input, #submitCV .modal-content select {
      margin-bottom: 10px; }
    #submitCV .modal-content .box-cv {
      padding: 10px 14px;
      width: 100%;
      height: 48px; }
      #submitCV .modal-content .box-cv img {
        width: 24px;
        height: 30px; }
    #submitCV .modal-content .button-all {
      width: 100%; }

  .mr-15 {
    margin-right: 10px; }

  .search-more {
    padding: 15px 10px;
    top: calc(100% - -1px); }
    .search-more input, .search-more select {
      margin-bottom: 10px; }

  .slider-main .slick-dots {
    bottom: -5px; }

  .recruit-page {
    padding: 20px 0; }
    .recruit-page .position-relative .input-search {
      width: 100%;
      margin-right: 0; }
    .recruit-page .select {
      width: 100% !important;
      margin-right: 0;
      margin-bottom: 10px; }
    .recruit-page .button-all {
      width: 100% !important;
      height: 48px;
      margin-bottom: 40px; }

  .new {
    padding: 40px 0; }
    .new .col-12.col-xl-3:last-child .border-bot-new {
      border-bottom: none;
      padding-bottom: 0; }
      .new .col-12.col-xl-3:last-child .border-bot-new .c-img.mb-15.pt-66 {
        margin-bottom: 0; }
    .new .border-bot-new {
      border-bottom: 1px solid #D7D7D7;
      padding-bottom: 10px; }
    .new .row.col-mar-0 {
      margin-right: 0;
      margin-left: 0; }
      .new .row.col-mar-0 div[class^="col-"] {
        padding-right: 0;
        padding-left: 0; }
        .new .row.col-mar-0 div[class^="col-"] .ml-mobile-10 {
          margin-left: 10px; }
        .new .row.col-mar-0 div[class^="col-"] .text-h4, .new .row.col-mar-0 div[class^="col-"] h4 {
          font-size: 14px;
          line-height: 20px; }
        .new .row.col-mar-0 div[class^="col-"] .text2line {
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }

  .recruit-page-detail .form-register .d-xl-flex .position-relative .icon-search {
    top: calc(50% - 14px); }
  .recruit-page-detail .form-register .d-xl-flex .position-relative .input-search {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    border-radius: 48px; }
  .recruit-page-detail .form-register .d-xl-flex .select {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 10px; }
  .recruit-page-detail .form-register .d-xl-flex .button-all {
    width: 48px !important;
    height: 48px;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 100%; }

  .pagination {
    justify-content: center; }

  .recruit-page-detail .box-detail-top {
    padding: 20px 5px 0;
    text-align: center; }
    .recruit-page-detail .box-detail-top .row {
      margin: 0 -5px; }
    .recruit-page-detail .box-detail-top div[class^="col-"] {
      margin-bottom: 20px;
      padding: 0 5px; }
    .recruit-page-detail .box-detail-top .ml-32 {
      margin-left: 0; }

  .send-cv {
    margin-bottom: 40px;
    padding: 20px 10px; }
    .send-cv .line-contact {
      display: none; }

  .text-modal {
    font-size: 26px;
    line-height: 27px; }

  .p-20 {
    padding: 15px 10px; }

  .about {
    padding: 113px 0;
    background-size: cover !important; }

  .provided .mb-40 {
    margin-bottom: 10px; }
  .provided .box-provided {
    padding: 20px 10px; }

  .vision {
    padding: 40px 0 0;
    background: none !important;
    text-align: center; }
    .vision .text-h3 {
      margin-bottom: 20px; }
    .vision .vision-img {
      padding-left: 10px;
      position: relative;
      padding-bottom: 10px; }
      .vision .vision-img:after {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        top: 10px; }
    .vision .vision-img.v1 {
      padding-right: 10px;
      margin-bottom: 20px; }
      .vision .vision-img.v1:after {
        top: 10px; }

  .mb-80 {
    margin-bottom: 40px; }

  .achievement {
    padding: 40px 0; }
    .achievement .text-h1 {
      margin-bottom: 40px; }
    .achievement .text-achievement {
      font-size: 60px;
      line-height: 63px; }
    .achievement .achievement-box {
      height: 133px;
      width: 100%;
      margin-bottom: 20px; }

  .board {
    padding: 40px 0 40px; }
    .board .container .row {
      margin-right: -5px;
      margin-left: -5px; }
      .board .container .row div[class^="col-"] {
        padding-right: 5px;
        padding-left: 5px; }
    .board img {
      margin-top: 10px; }
    .board .board-img {
      width: 150px;
      height: 150px; }
      .board .board-img.v1 {
        width: 100px;
        height: 100px; }
        .board .board-img.v1 .box-board .text-h2 {
          font-size: 18px;
          line-height: 28px; }
        .board .board-img.v1 .box-board p {
          font-size: 12px;
          line-height: 16px; }
    .board .box-board {
      box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.15);
      border-radius: 10px;
      padding: 6px 10px;
      width: 100%; }

  .banner-intern {
    background-size: cover !important;
    padding: 40px 0; }

  .value {
    padding: 40px 0; }
    .value .box-value {
      padding: 20px 10px; }

  .format {
    padding: 40px 0; }
    .format .box-format {
      padding-bottom: 30px; }
      .format .box-format .text-h3 {
        font-size: 18px;
        line-height: 28px; }
      .format .box-format .format-content {
        margin-left: 10px; }
        .format .box-format .format-content:after {
          left: 19px; }
        .format .box-format .format-content li {
          margin-bottom: 40px; }
          .format .box-format .format-content li span {
            width: 40px;
            height: 40px;
            margin-right: 10px; }
          .format .box-format .format-content li .text-modal {
            font-size: 16px;
            line-height: 19px; }
      .format .box-format .c-img {
        margin-bottom: 30px; }

  .join {
    padding: 40px 0; }
    .join .join-img {
      margin-top: 30px; }
    .join .join-icon {
      margin-right: 10px; }

  .event {
    padding: 40px 0; }
    .event .slick-arrow {
      display: none !important; }
    .event .col-xl-5 {
      margin-bottom: 20px; }
    .event .slick-dots {
      bottom: -40px; }

  .event-list {
    padding: 40px 0; }

  .pt-50 {
    padding-top: 66.7%; }
    .pt-50 img {
      border-radius: 10px; }

  .event-detail {
    padding: 40px 0 20px; }
    .event-detail .event-detail-box {
      margin: 20px 0; }

  .event-detail-content {
    padding: 40px 0; }
    .event-detail-content .text-h3 {
      font-size: 16px;
      line-height: 28px; }
    .event-detail-content .text-modal {
      font-size: 22px;
      line-height: 32px; }

  .blog-detail .p-20.borderD7 {
    padding: 15px 10px 0; }

  .borderD7-mobile {
    padding: 15px 10px 0;
    border: 1px solid #D7D7D7;
    border-radius: 10px;
    margin-bottom: 40px; }

  .input-error {
    margin-bottom: 10px; }
    .input-error input {
      margin-bottom: 0 !important; }
    .input-error p {
      margin-top: 10px; }

  .modal.show .modal-dialog {
    margin: 0; }

  #CVSuccessfully .modal-content {
    border-radius: 0;
    width: 320px; }

  #CVSuccessfully .modal-content .modal-body {
    padding-bottom: 234px; }

  #submitCV button.close,
  #CVSuccessfully button.close {
    position: absolute;
    top: 12px;
    right: 12px; }
    #submitCV button.close img,
    #CVSuccessfully button.close img {
      object-fit: contain;
      width: 16px;
      height: 16px; }

  .slider-main .content-banner {
    top: auto;
    bottom: 0px;
    height: auto;
    align-items: inherit; }

  .banner-intern .text-h2 {
    font-size: 18px;
    line-height: 28px; }

  .send-cv .button-all {
    box-shadow: 0px 0px 8px #00000040; }
  .send-cv input, .send-cv select {
    margin-bottom: 10px; }
  .send-cv .box-cv {
    padding: 9px 0; }
    .send-cv .box-cv .mr-15 {
      margin-right: 1px; }
    .send-cv .box-cv img {
      width: 23px;
      height: 30px;
      object-fit: contain; }

  .show-multi ul.list {
    max-height: 290px; }

  .recruit-page .select, .recruit-page .nice-select {
    width: 100% !important;
    margin-right: 0; }

  .box-menu-mobile .button-all {
    margin: 10px 20px;
    border-radius: 10px;
    width: calc(100% - 40px); }

  header .header-lang a.button-all {
    width: 90px;
    height: 36px;
    font-size: 14px;
    line-height: 24px; }

  #toc_container {
    font-size: 100%;
    margin: 10px 0;
    padding: 10px !important; }

  .recruit-page-detail .col-12.col-xl-4 .sidebar.borderD7 {
    margin-top: 20px; }
    .recruit-page-detail .col-12.col-xl-4 .sidebar.borderD7 .wysiwyg {
      padding: 15px 10px;
      border-top: 1px solid #D7D7D7; }

  .partner {
    padding: 40px 0; }
    .partner .partner-slider img {
      margin-bottom: 20px;
      max-height: 32px;
      max-width: 100px; }

  .home-testimonial {
    padding: 60px 15px 40px; }
    .home-testimonial p.font-svn-semi {
      font-size: 13px;
      line-height: 14px;
      letter-spacing: 0.433333px;
      text-align: left !important;
      margin-bottom: 2px; }
    .home-testimonial h2.text-h1 {
      font-size: 27px;
      line-height: 28px;
      text-align: left !important; }
    .home-testimonial .testimonial-slider-box {
      padding: 30px 20px; }
      .home-testimonial .testimonial-slider-box .people-testimonial {
        width: 62px;
        height: 62px; }
      .home-testimonial .testimonial-slider-box .mb-30 {
        margin-bottom: 30px; }
      .home-testimonial .testimonial-slider-box p.text-h3 {
        font-size: 18px;
        line-height: 30px; }
      .home-testimonial .testimonial-slider-box .testimonial-info h3 {
        font-size: 20px;
        line-height: 21px; }
      .home-testimonial .testimonial-slider-box .testimonial-info p {
        font-size: 14px;
        line-height: 15px; }
    .home-testimonial .slick-dots {
      margin-top: 20px; } }
@media all and (max-width: 576px) {
  .w-mobile-100 {
    width: 100%; } }

/*# sourceMappingURL=mobile.css.map */