@charset "UTF-8";
.header-mobile {
  display: none;
  margin: 15px 0;
  position: relative;
  z-index: 999999; }
  .header-mobile__content .menu-mobile {
    width: 65px;
    float: left; }
    .header-mobile__content .menu-mobile__icon {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      font-size: 25px;
      color: #1B4298; }
  .header-mobile__content .logo-mobile {
    width: calc(100% - 85px - 65px);
    float: left; }
    .header-mobile__content .logo-mobile__image {
      width: 100%;
      height: 100%; }
      .header-mobile__content .logo-mobile__image .image img {
        width: 100%;
        height: 100%;
        max-width: 40%;
        display: block;
        object-fit: contain;
        margin: auto; }
  .header-mobile__content .action-mobile {
    width: 85px;
    float: right; }
    .header-mobile__content .action-mobile__content {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
      .header-mobile__content .action-mobile__content .search-mobile {
        width: 30px;
        float: left; }
        .header-mobile__content .action-mobile__content .search-mobile i {
          font-size: 110%;
          color: #1B4298;
          position: relative;
          top: 2px; }
      .header-mobile__content .action-mobile__content .lang-mobile {
        width: calc(100% - 30px);
        float: left;
        background: #F4C44D;
        border-radius: 18px;
        position: relative; }
        .header-mobile__content .action-mobile__content .lang-mobile p {
          color: #fff;
          border-radius: 50px;
          font-size: 12px;
          padding: 4px 8px;
          margin: 0 0 0 5px;
          cursor: pointer; }
          .header-mobile__content .action-mobile__content .lang-mobile p:after {
            content: ' ▼';
            font-size: 9px; }
        .header-mobile__content .action-mobile__content .lang-mobile ul {
          position: absolute;
          display: none;
          background-color: #fff;
          border: 1px solid #dedede;
          border-radius: 10px;
          padding: 5px 10px;
          right: 0;
          z-index: 400; }
          .header-mobile__content .action-mobile__content .lang-mobile ul.active {
            display: block; }
          .header-mobile__content .action-mobile__content .lang-mobile ul li {
            font-size: 14px;
            padding: 1px 5px;
            color: #333;
            cursor: pointer;
            margin: 5px 0; }
            .header-mobile__content .action-mobile__content .lang-mobile ul li:hover {
              background-color: #ddd; }

.footer-mobile {
  display: none; }
  .footer-mobile__title {
    background: #1B4298;
    height: 50px;
    line-height: 50px; }
    .footer-mobile__title a {
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      border: 1px solid #fff;
      border-radius: 20px;
      padding: 8px 15px; }
  .footer-mobile__body {
    background: url("https://vinaconex.com.vn/themes/vinaconex/images/power-plant-construction.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 45px;
    position: relative; }
    .footer-mobile__body .bg-gradient {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #1B4298;
      opacity: 0.8;
      z-index: 9; }
    .footer-mobile__body-title {
      position: relative;
      z-index: 99; }
      .footer-mobile__body-title a {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase; }
    .footer-mobile__body-content {
      position: relative;
      z-index: 99;
      margin-top: 20px; }
      .footer-mobile__body-content--top .form-foot {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap; }
        .footer-mobile__body-content--top .form-foot .box_form {
          width: 50%; }
          .footer-mobile__body-content--top .form-foot .box_form input {
            width: 100%;
            border-radius: 5px;
            padding: 7px 15px;
            margin: 6px auto;
            border: none;
            height: 40px;
            font-size: 10px !important; }
          .footer-mobile__body-content--top .form-foot .box_form textarea {
            border: none;
            width: 100%;
            border-radius: 5px;
            padding: 7px 15px;
            margin: 6px 0;
            font-size: 10px !important; }
          .footer-mobile__body-content--top .form-foot .box_form select {
            border: none;
            width: 100%;
            border-radius: 5px;
            padding: 7px 15px;
            font-size: 10px !important; }
          .footer-mobile__body-content--top .form-foot .box_form .btn-foot {
            border: 1px solid #F4C44D;
            border-radius: 5px;
            color: #F4C44D;
            background: none;
            margin: 5px 0 24px 0;
            height: 30px;
            width: 80px;
            transition: all 0.6s;
            cursor: pointer;
            font-size: 12px;
            line-height: 30px;
            font-weight: 300;
            text-align: center; }
            .footer-mobile__body-content--top .form-foot .box_form .btn-foot:hover {
              background-color: #F4C44D;
              color: #fff; }
          .footer-mobile__body-content--top .form-foot .box_form .custom-arrow-select2__3 .select2-selection--single {
            border-radius: 6px;
            height: 40px; }
            .footer-mobile__body-content--top .form-foot .box_form .custom-arrow-select2__3 .select2-selection--single .select2-selection__rendered {
              line-height: 40px;
              font-family: "Avenir Next Regular" !important;
              font-size: 10px !important; }
          .footer-mobile__body-content--top .form-foot .box_form .custom-arrow-select2__3 .select2-selection__arrow {
            top: 2px !important; }
      .footer-mobile__body-content--top .logo-social {
        width: 50%;
        float: left; }
        .footer-mobile__body-content--top .logo-social__logo .logo-foot {
          width: 50%;
          height: 75px;
          margin: auto; }
          .footer-mobile__body-content--top .logo-social__logo .logo-foot img {
            display: block;
            margin: auto;
            width: 100%;
            height: 100%;
            object-fit: contain; }
        .footer-mobile__body-content--top .logo-social__title {
          color: #fff;
          font-size: 12px;
          text-align: center;
          margin-top: 10px; }
        .footer-mobile__body-content--top .logo-social__social {
          margin-top: 10px; }
          .footer-mobile__body-content--top .logo-social__social ul {
            width: 100%;
            margin: auto;
            justify-content: center; }
            .footer-mobile__body-content--top .logo-social__social ul li {
              display: inline-block;
              float: left;
              margin-left: 20px; }
              .footer-mobile__body-content--top .logo-social__social ul li i {
                font-size: 35px;
                color: #fff; }
              .footer-mobile__body-content--top .logo-social__social ul li:first-child {
                margin-left: unset; }
      .footer-mobile__body-content--bottom {
        margin-top: 20px; }
        .footer-mobile__body-content--bottom .title a {
          color: #fff;
          font-size: 13px;
          font-weight: 700; }
        .footer-mobile__body-content--bottom .name {
          color: #fff;
          font-size: 13px;
          text-transform: uppercase;
          margin-top: 20px;
          line-height: 22px; }
        .footer-mobile__body-content--bottom .info {
          margin-top: 20px;
          color: #fff;
          font-size: 15px;
          line-height: 30px; }
          .footer-mobile__body-content--bottom .info-left {
            width: 30%;
            float: left;
            margin-right: 100px; }
            .footer-mobile__body-content--bottom .info-left p:first-child {
              line-height: 24px; }
          .footer-mobile__body-content--bottom .info-right {
            width: 30%;
            float: left;
            padding-top: 20px; }
  .footer-mobile__bottom {
    background: #1B4298;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    z-index: 99; }
    .footer-mobile__bottom p {
      color: #fff;
      font-size: 12px;
      font-weight: 700; }

.bg-background-box {
  background: none; }

@media only screen and (min-width: 0px) and (max-width: 992px) {
  #admin_bar {
    display: none; } }
@media only screen and (min-width: 1279px) and (max-width: 1365px) {
  .header-home .header-content {
    width: calc(1280px - 10px); } }
@media only screen and (min-width: 1200px) and (max-width: 1278px) {
  .block_content_parent, .container-parent, .containers {
    width: 970px; }

  .search_parent header {
    width: calc(100% - 20px); }
  .search_parent .content_search {
    width: calc(100% - 20px); }

  .header-mobile {
    height: 60px; }
    .header-mobile__content .logo-mobile__image .image img {
      width: 120px; }

  .header-desktop {
    display: none; }

  .header-mobile {
    display: block; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }

  .block_content_parent .title_block_content .title_block {
    font-size: 20px; }

  .title-general-intro {
    font-size: 20px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search_parent header {
    width: calc(100% - 20px); }
  .search_parent .content_search {
    width: calc(100% - 20px); }

  .header-mobile {
    height: 60px; }
    .header-mobile__content .logo-mobile__image .image img {
      width: 120px; }

  .block_content_parent, .container-parent, .containers {
    width: 970px; }

  .header-desktop {
    display: none; }

  .header-mobile {
    display: block; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }

  .block_content_parent .title_block_content .title_block {
    font-size: 20px; }

  .title-general-intro {
    font-size: 20px; }

  .share-button {
    width: 100%;
    margin-bottom: 20px; }
    .share-button ul {
      display: flex;
      flex-wrap: wrap; }
      .share-button ul li {
        margin: unset;
        width: 35px;
        margin-right: 10px;
        font-size: 1em; }
        .share-button ul li a {
          width: 35px;
          height: 35px; }
        .share-button ul li:last-child {
          margin-top: unset; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search_parent header {
    width: calc(100% - 10px) !important; }
    .search_parent header .logo_search {
      width: 120px; }
    .search_parent header i {
      position: relative;
      right: 20px; }
  .search_parent .content_search {
    width: calc(100% - 10px) !important; }
    .search_parent .content_search .title_search {
      font-size: 20px;
      line-height: 35px;
      margin-bottom: 50px; }
    .search_parent .content_search form {
      flex-wrap: wrap; }
      .search_parent .content_search form input {
        font-size: 16px; }
      .search_parent .content_search form .desktop {
        display: none; }
      .search_parent .content_search form .mobile {
        display: block; }
    .search_parent .content_search .hint_search {
      flex-wrap: wrap; }

  .header-mobile {
    height: 60px; }
    .header-mobile__content .logo-mobile__image .image img {
      width: 120px; }

  .block_content_parent, .container-parent, .containers {
    width: 750px; }

  .header-desktop {
    display: none; }

  .header-mobile {
    display: block; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }

  .block_content_parent .title_block_content .title_block {
    font-size: 20px; }

  .title-general-intro {
    font-size: 20px; }

  .share-button {
    width: 100%;
    margin-bottom: 20px; }
    .share-button ul {
      display: flex;
      flex-wrap: wrap; }
      .share-button ul li {
        margin: unset;
        width: 35px;
        margin-right: 10px;
        font-size: 1em; }
        .share-button ul li a {
          width: 35px;
          height: 35px; }
        .share-button ul li:last-child {
          margin-top: unset; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .search_parent header {
    width: calc(100% - 20px); }
  .search_parent .content_search {
    width: calc(100% - 20px); }

  .block_content_parent, .container-parent, .containers {
    width: 440px; }

  .header-desktop {
    display: none; }

  .header-mobile {
    display: block;
    height: 50px; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }
    .footer-mobile__body-content--top .form-foot {
      width: 100%; }
      .footer-mobile__body-content--top .form-foot .box_form {
        width: 100% !important; }
    .footer-mobile__body-content--top .logo-social {
      width: 100%;
      margin-top: 30px; }
    .footer-mobile__body-content--bottom .info-left, .footer-mobile__body-content--bottom .info-right {
      width: 100%;
      margin-right: unset; }
    .footer-mobile__body-content--bottom .info-right {
      padding-top: 4px; }

  .block_content_parent .title_block_content .title_block {
    font-size: 20px; }

  .title-general-intro {
    font-size: 20px; }

  .achievement-content .achievement-list {
    margin-top: 17px; }
    .achievement-content .achievement-list .item-achievement {
      width: calc(100%/5);
      margin-bottom: 18px;
      padding: 0 10px; }
      .achievement-content .achievement-list .item-achievement .image {
        display: flex;
        height: 62px; }
        .achievement-content .achievement-list .item-achievement .image img {
          height: 90px; }
      .achievement-content .achievement-list .item-achievement .info {
        display: none;
        width: 100%;
        margin-top: 5px;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        border: none;
        height: unset;
        opacity: 1;
        visibility: visible;
        padding: 5px 10px; }
        .achievement-content .achievement-list .item-achievement .info-image {
          display: none; }
        .achievement-content .achievement-list .item-achievement .info-name {
          margin-top: unset;
          line-height: 16px; }
          .achievement-content .achievement-list .item-achievement .info-name h4 {
            font-size: 10px; }

  .share-button {
    width: 100%;
    margin-bottom: 20px; }
    .share-button ul {
      display: flex;
      flex-wrap: wrap; }
      .share-button ul li {
        margin: unset;
        width: 35px;
        margin-right: 10px;
        font-size: 1em; }
        .share-button ul li a {
          width: 35px;
          height: 35px; }
        .share-button ul li:last-child {
          margin-top: unset; }

  .search_parent header {
    width: calc(100% - 10px) !important; }
    .search_parent header .logo_search {
      width: 120px; }
    .search_parent header i {
      position: relative;
      right: 20px; }
  .search_parent .content_search {
    width: calc(100% - 10px) !important; }
    .search_parent .content_search .title_search {
      font-size: 20px;
      line-height: 35px;
      margin-bottom: 50px; }
    .search_parent .content_search form {
      flex-wrap: wrap; }
      .search_parent .content_search form input {
        font-size: 16px; }
      .search_parent .content_search form .desktop {
        display: none; }
      .search_parent .content_search form .mobile {
        display: block; }
    .search_parent .content_search .hint_search {
      flex-wrap: wrap; } }
@media only screen and (min-width: 0px) and (max-width: 449px) {
  .block_content_parent, .container-parent, .containers {
    width: calc(100% - 25px); }

  .header-desktop {
    display: none; }

  .header-mobile {
    display: flex;
    flex-wrap: wrap;
    height: 50px; }

  .video-bg_parent #video_bg {
    object-fit: contain; }

  .footer-parent {
    display: none; }

  .footer-mobile {
    display: block; }
    .footer-mobile__body-content--top .form-foot {
      width: 100%; }
      .footer-mobile__body-content--top .form-foot .box_form {
        width: 100% !important; }
    .footer-mobile__body-content--top .logo-social {
      width: 100%;
      margin-top: 30px; }
    .footer-mobile__body-content--bottom .info-left, .footer-mobile__body-content--bottom .info-right {
      width: 100%;
      margin-right: unset; }
    .footer-mobile__body-content--bottom .info-right {
      padding-top: 4px; }

  .block_content_parent .title_block_content .title_block {
    font-size: 20px; }

  .title-general-intro {
    font-size: 20px; }

  .block_content_parent .title_block_content {
    padding: 0; }
    .block_content_parent .title_block_content .title_block {
      color: #1B4298; }

  .search_parent header {
    width: calc(100% - 10px) !important; }
    .search_parent header .logo_search {
      width: 120px; }
    .search_parent header i {
      position: relative;
      right: 20px; }
  .search_parent .content_search {
    width: calc(100% - 10px) !important; }
    .search_parent .content_search .title_search {
      font-size: 20px;
      line-height: 35px;
      margin-bottom: 50px; }
    .search_parent .content_search form {
      flex-wrap: wrap; }
      .search_parent .content_search form input {
        font-size: 16px; }
      .search_parent .content_search form .desktop {
        display: none; }
      .search_parent .content_search form .mobile {
        display: block; }
    .search_parent .content_search .hint_search {
      flex-wrap: wrap; }

  .custom-arrow-select2__3 .select2-selection--single {
    border-radius: 6px;
    height: 40px; }
    .custom-arrow-select2__3 .select2-selection--single .select2-selection__rendered {
      line-height: 40px; }
  .custom-arrow-select2__3 .select2-selection__arrow {
    top: 2px !important; }

  .achievement-content .achievement-list {
    margin-top: 17px; }
    .achievement-content .achievement-list .item-achievement {
      width: calc(100%/5);
      margin-bottom: 18px;
      padding: 0 10px; }
      .achievement-content .achievement-list .item-achievement .image {
        display: flex;
        height: 62px; }
        .achievement-content .achievement-list .item-achievement .image img {
          height: 90px; }
      .achievement-content .achievement-list .item-achievement .info {
        display: none;
        width: 100%;
        margin-top: 5px;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        border: none;
        height: unset;
        opacity: 1;
        visibility: visible;
        padding: 5px 10px; }
        .achievement-content .achievement-list .item-achievement .info-image {
          display: none; }
        .achievement-content .achievement-list .item-achievement .info-name {
          margin-top: unset;
          line-height: 16px; }
          .achievement-content .achievement-list .item-achievement .info-name h4 {
            font-size: 10px; }

  .share-button {
    width: 100%;
    margin-bottom: 20px; }
    .share-button ul {
      display: flex;
      flex-wrap: wrap; }
      .share-button ul li {
        margin: unset;
        width: 35px;
        margin-right: 10px;
        font-size: 1em; }
        .share-button ul li a {
          width: 35px;
          height: 35px; }
        .share-button ul li:last-child {
          margin-top: unset; } }
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .history-slide .item .content-right .year {
    font-size: 208px;
    top: 120px; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .president .box-intro_manager_company .content .letter-president {
    padding: 0 10px; }
    .president .box-intro_manager_company .content .letter-president__title {
      color: #1B4298 !important; }

  .box-last_intro_page .text {
    width: calc(100% - 490px); }

  .history {
    height: auto; }
    .history-title {
      background: #1B4298; }
    .history-content {
      margin-top: 20px; }
    .history-slide .item {
      display: flex;
      flex-wrap: wrap; }
      .history-slide .item .baner {
        width: 100%;
        order: 2;
        margin-top: 15px; }
        .history-slide .item .baner img {
          object-fit: contain;
          height: auto; }
      .history-slide .item .content {
        position: relative;
        height: auto;
        top: unset;
        transform: unset;
        order: 1; }
        .history-slide .item .content-left {
          width: 100%;
          height: 100%; }
          .history-slide .item .content-left__show .title {
            color: #1B4298;
            font-size: 20px; }
        .history-slide .item .content-right {
          width: 100%;
          height: 100%; }
          .history-slide .item .content-right .year {
            transform: unset;
            font-size: 35px;
            top: unset;
            color: #1B4298; }

  .union-intro__title {
    background: #1B4298; }

  .achievement-content__desc-title {
    background: #1B4298; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .president {
    overflow: hidden; }
    .president .box-intro_manager_company {
      width: calc(750px - 80px);
      margin: auto;
      margin-top: 60px; }
      .president .box-intro_manager_company img {
        display: none; }
      .president .box-intro_manager_company .content {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: unset; }
        .president .box-intro_manager_company .content .letter-president__title {
          color: #1B4298 !important; }
        .president .box-intro_manager_company .content .text {
          max-width: 100%; }

  .box-last_intro_page.container-parent {
    width: calc(750px - 80px); }
  .box-last_intro_page .image {
    height: 480px;
    width: 310px; }
  .box-last_intro_page .text {
    width: calc(100% - 355px); }
    .box-last_intro_page .text h3 {
      margin-top: 30px; }

  .history {
    height: auto; }
    .history-title {
      width: calc(100% - 70px);
      margin: auto; }
      .history-title p {
        line-height: 27px;
        width: 175px;
        padding: 0;
        color: #1B4298; }
    .history-content {
      margin-top: 5px; }
    .history-slide .item {
      display: flex;
      flex-wrap: wrap; }
      .history-slide .item .baner {
        width: 100%;
        order: 2;
        margin-top: 15px; }
        .history-slide .item .baner img {
          object-fit: contain;
          height: auto; }
      .history-slide .item .content .containers {
        width: calc(750px - 80px); }
      .history-slide .item .content-left {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-left__show {
          width: 260px; }
          .history-slide .item .content-left__show .title {
            width: 100%;
            color: #1B4298;
            font-size: 14px;
            line-height: 19px; }
          .history-slide .item .content-left__show .desc {
            width: 100%;
            font-size: 14px;
            line-height: 19px;
            margin-top: 3px; }
      .history-slide .item .content-right {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-right .year {
          transform: unset;
          font-size: 35px;
          top: unset;
          color: #1B4298; }
    .history-slide .owl-nav {
      top: 60%; }
      .history-slide .owl-nav .owl-prev i, .history-slide .owl-nav .owl-next i {
        font-size: 25px;
        color: #dbdbdb; }
      .history-slide .owl-nav .owl-prev {
        left: 3%; }
      .history-slide .owl-nav .owl-next {
        right: 3%; }

  .mission-corevalue {
    margin-top: 20px; }
    .mission-corevalue .containers {
      width: calc(750px - 80px); }
    .mission-corevalue__content .mission {
      width: 100%; }
      .mission-corevalue__content .mission-content__icon {
        width: 155px;
        padding-left: unset; }
        .mission-corevalue__content .mission-content__icon .image {
          width: 114px;
          height: 114px; }
        .mission-corevalue__content .mission-content__icon-title {
          top: 49px;
          font-size: 20px; }
      .mission-corevalue__content .mission-content__text {
        width: calc(100% - 155px - 9px);
        margin-left: 9px; }
        .mission-corevalue__content .mission-content__text-content {
          top: unset; }
          .mission-corevalue__content .mission-content__text-content p {
            font-size: 14px;
            line-height: 19px; }
      .mission-corevalue__content .mission .commit-title {
        font-size: 20px; }
      .mission-corevalue__content .mission .commit-content .item-commit__info-name {
        font-size: 14px;
        color: #1B4298; }
      .mission-corevalue__content .mission .commit-content .item-commit__info-desc {
        padding: 0 0;
        font-size: 11px;
        line-height: 14px;
        margin-top: 4px; }
    .mission-corevalue__content .corevalue {
      width: 100%;
      margin-top: 20px;
      margin-left: unset; }
      .mission-corevalue__content .corevalue-title {
        font-size: 20px; }
      .mission-corevalue__content .corevalue-content__show {
        display: none; }
      .mission-corevalue__content .corevalue-content .item-corevalue__icon {
        width: 56px; }
      .mission-corevalue__content .corevalue-content .item-corevalue__info {
        width: calc(100% - 56px - 21px); }
      .mission-corevalue__content .corevalue-content .corevalue-show-mobile {
        display: flex; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left {
          width: calc(50% - 10px);
          float: left; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__icon {
            width: 56px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info {
            width: calc(100% - 56px - 21px); }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info-desc {
              font-size: 14px;
              line-height: 19px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue:first-child {
            margin-top: unset; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue:nth-child(2) {
            margin-top: 25px; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right {
          width: calc(50% - 10px);
          float: right;
          margin-left: 20px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue {
            margin-top: 30px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__icon {
              width: 65px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info {
              width: calc(100% - 65px - 21px); }
              .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info-desc {
                font-size: 14px;
                line-height: 19px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue:first-child {
              margin-top: unset; }

  .video-intro {
    height: 420px; }
    .video-intro__container {
      width: calc(750px - 80px); }
      .video-intro__container-image .icon {
        width: 70px !important;
        height: 70px !important; }

  .union-intro .containers {
    width: calc(750px - 80px); }
  .union-intro__title {
    background: #1B4298; }
  .union-intro__content .item-union-cate .image {
    height: 160px; }
  .union-intro__content .item-union-cate .info-name .name {
    font-size: 20px; }

  .achievement .containers {
    width: calc(750px - 80px); }
  .achievement-content__desc-title {
    background: #1B4298; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .president {
    width: 100%;
    overflow: hidden; }
    .president .box-intro_manager_company {
      width: calc(450px - 80px); }
      .president .box-intro_manager_company img {
        max-width: 165%;
        width: 165%; }
      .president .box-intro_manager_company .content {
        position: unset;
        flex-wrap: wrap;
        width: 100%;
        transform: unset;
        justify-content: unset; }
        .president .box-intro_manager_company .content .letter-president {
          padding: 0; }
          .president .box-intro_manager_company .content .letter-president__title {
            position: absolute;
            top: -40px; }
          .president .box-intro_manager_company .content .letter-president__content .css-content {
            font-size: 10px !important;
            line-height: 14px; }
            .president .box-intro_manager_company .content .letter-president__content .css-content p, .president .box-intro_manager_company .content .letter-president__content .css-content div, .president .box-intro_manager_company .content .letter-president__content .css-content b, .president .box-intro_manager_company .content .letter-president__content .css-content span, .president .box-intro_manager_company .content .letter-president__content .css-content li, .president .box-intro_manager_company .content .letter-president__content .css-content strong {
              font-size: 10px !important;
              line-height: 14px;
              margin-top: 10px; }

  .slider_full_width_intro {
    margin-top: 50px; }
    .slider_full_width_intro .swiper-wrapper {
      height: auto; }
      .slider_full_width_intro .swiper-wrapper .swiper-slide {
        height: auto; }
        .slider_full_width_intro .swiper-wrapper .swiper-slide img {
          height: auto; }

  .history {
    height: auto; }
    .history-title {
      width: calc(100% - 70px);
      margin: auto; }
      .history-title p {
        line-height: 27px;
        width: 175px;
        padding: 0; }
    .history-content {
      margin-top: 5px; }
    .history-slide .item {
      display: flex;
      flex-wrap: wrap; }
      .history-slide .item .baner {
        width: 100%;
        order: 2;
        margin-top: 15px; }
        .history-slide .item .baner img {
          object-fit: contain;
          height: auto; }
      .history-slide .item .content .containers {
        width: calc(450px - 80px); }
      .history-slide .item .content-left {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-left__show {
          width: 150px; }
          .history-slide .item .content-left__show .title {
            width: 100%;
            color: #1B4298;
            font-size: 10px;
            line-height: 14px; }
          .history-slide .item .content-left__show .desc {
            width: 100%;
            font-size: 10px;
            line-height: 14px;
            margin-top: 3px; }
      .history-slide .item .content-right {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-right .year {
          transform: unset;
          font-size: 35px;
          top: unset;
          color: #1B4298; }
    .history-slide .owl-nav {
      top: 60%; }
      .history-slide .owl-nav .owl-prev i, .history-slide .owl-nav .owl-next i {
        font-size: 25px;
        color: #dbdbdb; }
      .history-slide .owl-nav .owl-prev {
        left: 3%; }
      .history-slide .owl-nav .owl-next {
        right: 3%; }

  .mission-corevalue {
    margin-top: 20px; }
    .mission-corevalue .containers {
      width: calc(450px - 80px); }
    .mission-corevalue__content .mission {
      width: 100%; }
      .mission-corevalue__content .mission-content__icon {
        width: 155px;
        padding-left: unset; }
        .mission-corevalue__content .mission-content__icon .image {
          width: 114px;
          height: 114px; }
        .mission-corevalue__content .mission-content__icon-title {
          top: 49px;
          font-size: 20px; }
      .mission-corevalue__content .mission-content__text {
        width: calc(100% - 155px - 9px);
        margin-left: 9px; }
        .mission-corevalue__content .mission-content__text-content {
          top: unset; }
          .mission-corevalue__content .mission-content__text-content p {
            font-size: 10px;
            line-height: 14px; }
      .mission-corevalue__content .mission .commit-title {
        font-size: 20px; }
      .mission-corevalue__content .mission .commit-content .item-commit {
        width: calc(100%);
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap; }
        .mission-corevalue__content .mission .commit-content .item-commit__image {
          width: 38px;
          height: 37px; }
        .mission-corevalue__content .mission .commit-content .item-commit__info {
          width: calc(100% - 38px - 30px);
          float: left;
          margin-left: 29px;
          text-align: left;
          margin-top: 0; }
          .mission-corevalue__content .mission .commit-content .item-commit__info-name {
            font-size: 10px;
            color: #1B4298; }
          .mission-corevalue__content .mission .commit-content .item-commit__info-desc {
            padding: 0 0;
            font-size: 10px;
            line-height: 14px;
            margin-top: 4px; }
    .mission-corevalue__content .corevalue {
      width: 100%;
      margin-top: 20px;
      margin-left: unset; }
      .mission-corevalue__content .corevalue-title {
        font-size: 20px; }
      .mission-corevalue__content .corevalue-content__show {
        display: none; }
      .mission-corevalue__content .corevalue-content .item-corevalue__icon {
        width: 56px; }
      .mission-corevalue__content .corevalue-content .item-corevalue__info {
        width: calc(100% - 56px - 21px); }
      .mission-corevalue__content .corevalue-content .corevalue-show-mobile {
        display: flex; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left {
          width: calc(50% - 10px);
          float: left; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__icon {
            width: 56px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info {
            width: calc(100% - 56px - 21px); }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info-desc {
              font-size: 10px;
              line-height: 14px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue:first-child {
            margin-top: unset; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue:nth-child(2) {
            margin-top: 25px; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right {
          width: calc(50% - 10px);
          float: right;
          margin-left: 20px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue {
            margin-top: 30px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__icon {
              width: 65px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info {
              width: calc(100% - 65px - 21px); }
              .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info-desc {
                font-size: 10px;
                line-height: 14px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue:first-child {
              margin-top: unset; }

  .video-intro {
    height: 25vh; }
    .video-intro__container {
      width: calc(450px - 80px); }
      .video-intro__container-image .icon {
        width: 70px !important;
        height: 70px !important; }

  .union-intro {
    margin-top: 29px; }
    .union-intro .containers {
      width: calc(450px - 80px); }
    .union-intro__title {
      text-align: center; }
    .union-intro__content {
      margin-top: 20px; }
      .union-intro__content .item-union-cate {
        width: calc((100% - 28px)/3);
        margin-bottom: 0px; }
        .union-intro__content .item-union-cate .image {
          height: 62px; }
        .union-intro__content .item-union-cate:nth-child(3n+2) {
          margin-left: 14px;
          margin-right: 14px; }
        .union-intro__content .item-union-cate .info-name .name {
          font-size: 10px; }
        .union-intro__content .item-union-cate:last-child {
          margin-bottom: unset; }

  .achievement {
    margin-top: 15px; }
    .achievement .containers {
      width: calc(450px - 80px); }
    .achievement-content__desc-content {
      font-size: 10px; }
      .achievement-content__desc-content p {
        font-size: 10px;
        line-height: 14px; }

  .box-last_intro_page {
    flex-wrap: wrap;
    margin-top: unset; }
    .box-last_intro_page.container-parent {
      width: calc(450px - 80px); }
    .box-last_intro_page .image {
      width: 107px;
      height: 237px; }
    .box-last_intro_page .text {
      width: calc(100% - 107px - 18px);
      margin-left: 18px; }
      .box-last_intro_page .text h3 {
        margin-top: 0px;
        font-size: 20px;
        padding: unset;
        line-height: 25px; }
      .box-last_intro_page .text .title-h3-member {
        margin-top: 30px; }
      .box-last_intro_page .text p {
        font-size: 10px;
        line-height: 14px;
        margin-top: 0px; }
      .box-last_intro_page .text a {
        font-size: 10px;
        margin-top: 10px;
        padding: 1px 15px; } }
@media only screen and (min-width: 0px) and (max-width: 449px) {
  .president .box-intro_manager_company {
    width: calc(100% - 80px);
    margin: auto; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .president {
    width: 100%;
    overflow: hidden; }
    .president .box-intro_manager_company {
      width: calc(100% - 80px); }
      .president .box-intro_manager_company img {
        max-width: 165%;
        width: 165%; }
      .president .box-intro_manager_company .content {
        position: unset;
        flex-wrap: wrap;
        width: 100%;
        transform: unset;
        justify-content: unset; }
        .president .box-intro_manager_company .content .letter-president {
          padding: 0; }
          .president .box-intro_manager_company .content .letter-president__title {
            position: absolute;
            top: -40px; }
          .president .box-intro_manager_company .content .letter-president__content .css-content {
            font-size: 10px !important;
            line-height: 14px; }
            .president .box-intro_manager_company .content .letter-president__content .css-content p, .president .box-intro_manager_company .content .letter-president__content .css-content div, .president .box-intro_manager_company .content .letter-president__content .css-content b, .president .box-intro_manager_company .content .letter-president__content .css-content span, .president .box-intro_manager_company .content .letter-president__content .css-content li, .president .box-intro_manager_company .content .letter-president__content .css-content strong {
              font-size: 10px !important;
              line-height: 14px;
              margin-top: 10px; }

  .slider_full_width_intro {
    margin-top: 50px; }
    .slider_full_width_intro .swiper-wrapper {
      height: auto; }
      .slider_full_width_intro .swiper-wrapper .swiper-slide {
        height: auto; }
        .slider_full_width_intro .swiper-wrapper .swiper-slide img {
          height: auto; }

  .history {
    height: auto; }
    .history-title {
      width: calc(100% - 70px);
      margin: auto; }
      .history-title p {
        line-height: 27px;
        width: 175px;
        padding: 0; }
    .history-content {
      margin-top: 5px; }
    .history-slide .item {
      display: flex;
      flex-wrap: wrap; }
      .history-slide .item .baner {
        width: 100%;
        order: 2;
        margin-top: 15px; }
        .history-slide .item .baner img {
          object-fit: contain;
          height: auto; }
      .history-slide .item .content .containers {
        width: calc(100% - 80px); }
      .history-slide .item .content-left {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-left__show {
          width: 150px; }
          .history-slide .item .content-left__show .title {
            width: 100%;
            color: #1B4298;
            font-size: 10px;
            line-height: 14px; }
          .history-slide .item .content-left__show .desc {
            width: 100%;
            font-size: 10px;
            line-height: 14px;
            margin-top: 3px; }
      .history-slide .item .content-right {
        width: 100%;
        height: 100%; }
        .history-slide .item .content-right .year {
          transform: unset;
          font-size: 35px;
          top: unset;
          color: #1B4298; }
    .history-slide .owl-nav {
      top: 60%; }
      .history-slide .owl-nav .owl-prev i, .history-slide .owl-nav .owl-next i {
        font-size: 25px;
        color: #dbdbdb; }
      .history-slide .owl-nav .owl-prev {
        left: 3%; }
      .history-slide .owl-nav .owl-next {
        right: 3%; }

  .mission-corevalue {
    margin-top: 20px; }
    .mission-corevalue .containers {
      width: calc(100% - 80px); }
    .mission-corevalue__content .mission {
      width: 100%; }
      .mission-corevalue__content .mission-content__icon {
        width: 155px;
        padding-left: unset; }
        .mission-corevalue__content .mission-content__icon .image {
          width: 114px;
          height: 114px; }
        .mission-corevalue__content .mission-content__icon-title {
          top: 49px;
          font-size: 20px; }
      .mission-corevalue__content .mission-content__text {
        width: calc(100% - 155px - 9px);
        margin-left: 9px; }
        .mission-corevalue__content .mission-content__text-content {
          top: unset; }
          .mission-corevalue__content .mission-content__text-content p {
            font-size: 10px;
            line-height: 14px; }
      .mission-corevalue__content .mission .commit-title {
        font-size: 20px; }
      .mission-corevalue__content .mission .commit-content .item-commit {
        width: calc(100%);
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap; }
        .mission-corevalue__content .mission .commit-content .item-commit__image {
          width: 38px;
          height: 37px; }
        .mission-corevalue__content .mission .commit-content .item-commit__info {
          width: calc(100% - 38px - 30px);
          float: left;
          margin-left: 29px;
          text-align: left;
          margin-top: 0; }
          .mission-corevalue__content .mission .commit-content .item-commit__info-name {
            font-size: 10px;
            color: #1B4298; }
          .mission-corevalue__content .mission .commit-content .item-commit__info-desc {
            padding: 0 0;
            font-size: 10px;
            line-height: 14px;
            margin-top: 4px; }
    .mission-corevalue__content .corevalue {
      width: 100%;
      margin-top: 20px;
      margin-left: unset; }
      .mission-corevalue__content .corevalue-title {
        font-size: 20px; }
      .mission-corevalue__content .corevalue-content__show {
        display: none; }
      .mission-corevalue__content .corevalue-content .item-corevalue__icon {
        width: 65px; }
      .mission-corevalue__content .corevalue-content .item-corevalue__info {
        width: calc(100% - 50px - 21px); }
      .mission-corevalue__content .corevalue-content .corevalue-show-mobile {
        display: flex; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left {
          width: calc(50% - 10px);
          float: left; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue {
            margin-top: 40px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__icon {
              width: 56px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info {
              width: calc(100% - 56px - 21px); }
              .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue__info-desc {
                font-size: 10px;
                line-height: 14px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__left .item-corevalue:first-child {
              margin-top: unset; }
        .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right {
          width: calc(50% - 10px);
          float: right;
          margin-left: 20px; }
          .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue {
            margin-top: 19px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__icon {
              width: 56px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info {
              width: calc(100% - 56px - 21px); }
              .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue__info-desc {
                font-size: 10px;
                line-height: 14px; }
            .mission-corevalue__content .corevalue-content .corevalue-show-mobile__right .item-corevalue:first-child {
              margin-top: unset; }

  .video-intro {
    height: 25vh; }
    .video-intro__container {
      width: calc(100% - 80px); }
      .video-intro__container-image .icon {
        width: 70px !important;
        height: 70px !important; }

  .union-intro {
    margin-top: 29px; }
    .union-intro .containers {
      width: calc(100% - 80px); }
    .union-intro__title {
      text-align: center; }
    .union-intro__content {
      margin-top: 20px; }
      .union-intro__content .item-union-cate {
        width: calc((100% - 28px)/3);
        margin-bottom: 0px; }
        .union-intro__content .item-union-cate .image {
          height: 62px; }
        .union-intro__content .item-union-cate:nth-child(3n+2) {
          margin-left: 14px;
          margin-right: 14px; }
        .union-intro__content .item-union-cate .info-name .name {
          font-size: 10px; }
        .union-intro__content .item-union-cate:last-child {
          margin-bottom: unset; }

  .achievement {
    margin-top: 15px; }
    .achievement .containers {
      width: calc(100% - 80px); }
    .achievement-content__desc-content {
      font-size: 10px; }
      .achievement-content__desc-content p {
        font-size: 10px;
        line-height: 14px; }

  .box-last_intro_page {
    flex-wrap: wrap;
    margin-top: unset; }
    .box-last_intro_page.container-parent {
      width: calc(100% - 80px); }
    .box-last_intro_page .image {
      width: 107px;
      height: 237px; }
    .box-last_intro_page .text {
      width: calc(100% - 107px - 18px);
      margin-left: 18px; }
      .box-last_intro_page .text h3 {
        margin-top: 0px;
        font-size: 20px;
        padding: unset;
        line-height: 25px; }
      .box-last_intro_page .text .title-h3-member {
        margin-top: 30px; }
      .box-last_intro_page .text p {
        font-size: 10px;
        line-height: 14px;
        margin-top: 0px; }
      .box-last_intro_page .text a {
        font-size: 10px;
        margin-top: 10px;
        padding: 1px 15px; }

  .content_list_only ul {
    flex-wrap: wrap; }
    .content_list_only ul li {
      width: 100%;
      margin-bottom: 5px; }
      .content_list_only ul li a {
        font-size: 14px; } }
.cate-lists__mobile {
  display: none; }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .project-head__content-left {
    width: 100%;
    margin-right: unset; }
  .project-head__content-right {
    width: 100%;
    margin-top: 20px; }

  .location-description__content-left {
    width: 100%; }
  .location-description__content-right {
    width: 100%;
    margin-top: 20px;
    margin-left: unset; }

  .contact-parent .contact-box .contact-block-left .mt-35 {
    font-size: 30px; }
  .contact-parent .contact-box .contact-block-left .mt-25 {
    font-size: 18px !important; }
  .contact-parent .contact-box .contact-block-left .info .p-left {
    width: 100px;
    padding: 2px 5px; }
  .contact-parent .contact-box .contact-block-left .info .p-right {
    width: calc(100% - 100px); }
  .contact-parent .contact-box .contact-block-left .info p {
    font-size: 16px; }
  .contact-parent .contact-box .contact-block-right .info-contact p {
    font-size: 16px; }

  .image-project__content .slide-project-show .item {
    height: 400px; }
  .image-project__content .slide-project-show .owl-nav .owl-prev, .image-project__content .slide-project-show .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.3);
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%; }
    .image-project__content .slide-project-show .owl-nav .owl-prev i, .image-project__content .slide-project-show .owl-nav .owl-next i {
      font-size: 30;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .baner-build {
    height: 30vh; }
    .baner-build .swiper-wrapper .swiper-slide .box-baner-slide {
      height: 30vh; }
      .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media {
        left: 50%;
        width: calc(100% - 10px);
        transform: translateX(-50%); }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media h3 {
          font-size: 20px;
          line-height: 30px; }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media p {
          font-size: 12px;
          width: 100%; }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media .box-see-more .see-more {
          padding: 5px 10px;
          font-size: 12px; }
    .baner-build .mySwiper__index-tap {
      left: unset;
      right: 10px;
      display: none; }

  .baner-page {
    height: 30vh; }
    .baner-page__content {
      height: 30vh; }
      .baner-page__content .list-baner .item-text__content {
        width: 100%; }
        .baner-page__content .list-baner .item-text__content .name {
          font-size: 20px;
          line-height: 30px; }
        .baner-page__content .list-baner .item-text__content .desc {
          font-size: 12px; }

  .cate-lists__content {
    display: none;
    background: #fff;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
    justify-content: unset;
    height: 26px; }
    .cate-lists__content a {
      margin-right: 30px;
      margin-left: 30px; }
      .cate-lists__content a:first-child {
        margin-left: unset; }
  .cate-lists__mobile {
    display: block;
    margin-top: 27px;
    margin-bottom: 27px;
    position: relative; }
    .cate-lists__mobile-btn {
      text-align: center; }
      .cate-lists__mobile-btn .btn-show-cate {
        width: 240px;
        height: 41px;
        border: 1px solid #0f368e;
        border-radius: 20px;
        overflow: hidden;
        margin: auto;
        font-size: 14px;
        color: #828282;
        line-height: 41px;
        position: relative; }
        .cate-lists__mobile-btn .btn-show-cate img {
          width: 8px;
          height: 8px;
          object-fit: contain;
          position: absolute;
          top: 58%;
          transform: translateY(-50%);
          right: 60px; }
    .cate-lists__mobile-list {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      z-index: 99999; }
      .cate-lists__mobile-list .cate-ul {
        width: 240px;
        margin: auto;
        background: #fff;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #828282; }
        .cate-lists__mobile-list .cate-ul__li {
          width: 100%;
          text-align: center;
          padding-bottom: 10px; }
          .cate-lists__mobile-list .cate-ul__li a {
            color: #1b4298;
            font-size: 14px; }
          .cate-lists__mobile-list .cate-ul__li:first-child {
            padding-top: 10px; }

  .content-parent__box-imgs .content-parent__box-img--chirlren {
    width: calc(100%); }
    .content-parent__box-imgs .content-parent__box-img--chirlren:nth-child(3n+2) {
      margin-left: unset;
      margin-right: unset; }
    .content-parent__box-imgs .content-parent__box-img--chirlren .box-info .info-image h3 {
      font-size: 20px; }

  .box-news_category .content-parent__title {
    margin-bottom: 40px; }
  .box-news_category .content-parent__search form {
    flex-wrap: wrap; }
    .box-news_category .content-parent__search form input {
      width: 100%; }
    .box-news_category .content-parent__search form div {
      width: 100%;
      margin-top: 5px; }
  .box-news_category .content-parent__search--button-search {
    margin-top: 5px; }

  .project-head__content-left {
    width: 100%;
    margin-right: unset; }
  .project-head__content-right {
    width: 100%;
    margin-top: 20px; }

  .location-description__content-left {
    width: 100%; }
  .location-description__content-right {
    width: 100%;
    margin-top: 20px;
    margin-left: unset; }

  .box-image-left-content-right .image {
    width: 100%;
    margin-top: 20px; }
  .box-image-left-content-right .content {
    width: 100%;
    margin-left: unset;
    margin-top: 20px; }

  .box-image-right-content-left .image {
    width: 100%; }
  .box-image-right-content-left .content {
    width: 100%;
    margin-right: unset; }

  .box-text-center-not-full {
    width: 100%; }

  .contact-parent .contact-box .contact-block-left .mt-35 {
    font-size: 20px; }
  .contact-parent .contact-box .contact-block-left .mt-25 {
    font-size: 16px !important; }
  .contact-parent .contact-box .contact-block-left .info .p-left {
    width: 100px;
    padding: 2px 5px; }
  .contact-parent .contact-box .contact-block-left .info .p-right {
    width: calc(100% - 100px); }
  .contact-parent .contact-box .contact-block-left .info p {
    font-size: 14px; }
  .contact-parent .contact-box .contact-block-right .info-contact p {
    font-size: 14px; }

  .image-project__content .slide-project-show .item {
    height: 420px; }
  .image-project__content .slide-project-show .owl-nav .owl-prev, .image-project__content .slide-project-show .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.3);
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%; }
    .image-project__content .slide-project-show .owl-nav .owl-prev i, .image-project__content .slide-project-show .owl-nav .owl-next i {
      font-size: 25;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .baner-build {
    height: 30vh; }
    .baner-build .swiper-wrapper .swiper-slide .box-baner-slide {
      height: 30vh; }
      .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media {
        left: 50%;
        width: calc(100% - 10px);
        transform: translateX(-50%); }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media h3 {
          font-size: 20px;
          line-height: 30px; }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media p {
          font-size: 12px;
          width: 100%; }
        .baner-build .swiper-wrapper .swiper-slide .box-baner-slide .text_banner_page_media .box-see-more .see-more {
          padding: 5px 10px;
          font-size: 12px; }
    .baner-build .mySwiper__index-tap {
      left: unset;
      right: 10px;
      display: none; }

  .baner-page {
    height: 30vh; }
    .baner-page__content {
      height: 30vh; }
      .baner-page__content .list-baner .item-text {
        padding-bottom: 20px; }
        .baner-page__content .list-baner .item-text__content {
          width: 100%; }
          .baner-page__content .list-baner .item-text__content .name {
            font-size: 14px;
            line-height: 30px; }
          .baner-page__content .list-baner .item-text__content .desc {
            font-size: 12px; }

  .cate-lists__content {
    display: flex;
    background: #fff;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
    justify-content: unset;
    height: 26px;
    display: none; }
    .cate-lists__content a {
      margin-right: 30px;
      margin-left: 30px; }
      .cate-lists__content a:first-child {
        margin-left: unset; }
  .cate-lists__mobile {
    display: block;
    margin-top: 27px;
    margin-bottom: 27px;
    position: relative; }
    .cate-lists__mobile-btn {
      text-align: center; }
      .cate-lists__mobile-btn .btn-show-cate {
        width: 240px;
        height: 41px;
        border: 1px solid #0f368e;
        border-radius: 20px;
        overflow: hidden;
        margin: auto;
        font-size: 10px;
        color: #828282;
        line-height: 41px;
        position: relative; }
        .cate-lists__mobile-btn .btn-show-cate img {
          width: 8px;
          height: 8px;
          object-fit: contain;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 60px; }
    .cate-lists__mobile-list {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      z-index: 99999; }
      .cate-lists__mobile-list .cate-ul {
        width: 240px;
        margin: auto;
        background: #fff;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid #828282; }
        .cate-lists__mobile-list .cate-ul__li {
          width: 100%;
          text-align: center;
          padding-bottom: 10px; }
          .cate-lists__mobile-list .cate-ul__li a {
            color: #1b4298;
            font-size: 10px; }
          .cate-lists__mobile-list .cate-ul__li:first-child {
            padding-top: 10px; }

  .content-parent__box-imgs .content-parent__box-img--chirlren {
    width: calc(100%); }
    .content-parent__box-imgs .content-parent__box-img--chirlren .box-info .info-image h3 {
      font-size: 20px; }

  .box-news_category .content-parent__title {
    margin-bottom: 40px; }
  .box-news_category .content-parent__search form {
    flex-wrap: wrap; }
    .box-news_category .content-parent__search form input {
      width: 100%; }
    .box-news_category .content-parent__search form div {
      width: 100%;
      margin-top: 5px; }
  .box-news_category .content-parent__search--button-search {
    margin-top: 5px; }

  .project-head__content-left {
    width: 100%;
    margin-right: unset; }
  .project-head__content-right {
    width: 100%;
    margin-top: 20px; }
    .project-head__content-right .image-project .image img {
      object-fit: contain;
      height: auto; }

  .content-parent__block-parent-3.mb-40 {
    margin-bottom: 10px; }
  .content-parent__block-parent-3 .block-chrildrent img {
    max-height: 245px;
    object-fit: contain; }

  .location-description.mb-50 {
    margin-bottom: 0px; }
  .location-description__content-left {
    width: 100%; }
    .location-description__content-left .image-location {
      max-height: 100%; }
      .location-description__content-left .image-location img {
        object-fit: contain;
        height: auto; }
  .location-description__content-right {
    width: 100%;
    margin-top: 20px;
    margin-left: unset;
    padding: 10px 0; }

  .box-image-left-content-right.mt-50 {
    margin-top: 10px; }
  .box-image-left-content-right .image {
    width: 100%;
    margin-top: 20px; }
    .box-image-left-content-right .image-img {
      max-height: 100%; }
      .box-image-left-content-right .image-img img {
        object-fit: contain;
        height: auto; }
  .box-image-left-content-right .content {
    width: 100%;
    margin-left: unset;
    margin-top: 20px; }

  .box-image-right-content-left.mt-50 {
    margin-top: 10px; }
  .box-image-right-content-left .image {
    width: 100%; }
    .box-image-right-content-left .image-img {
      max-height: 100%; }
      .box-image-right-content-left .image-img img {
        object-fit: contain;
        height: auto; }
  .box-image-right-content-left .content {
    width: 100%;
    margin-right: unset; }

  .box-text-center-not-full {
    width: 100%;
    margin-top: 10px; }

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

  .contact-parent .contact-box {
    flex-wrap: wrap; }
    .contact-parent .contact-box .contact-block-left {
      width: 100%; }
      .contact-parent .contact-box .contact-block-left .mt-35 {
        font-size: 20px; }
      .contact-parent .contact-box .contact-block-left .mt-25 {
        font-size: 16px !important; }
      .contact-parent .contact-box .contact-block-left .info .p-left {
        width: 100px;
        padding: 2px 5px; }
      .contact-parent .contact-box .contact-block-left .info .p-right {
        width: calc(100% - 100px); }
      .contact-parent .contact-box .contact-block-left .info p {
        font-size: 14px; }
    .contact-parent .contact-box .contact-block-right {
      width: 100%;
      margin-bottom: 50px; }
      .contact-parent .contact-box .contact-block-right .info-contact p {
        font-size: 14px; } }
@media only screen and (min-width: 451px) and (max-width: 767px) {
  .content-parent__box-imgs .content-parent__box-img--chirlren {
    height: 315px; }
    .content-parent__box-imgs .content-parent__box-img--chirlren:nth-child(3n+2) {
      margin-left: unset;
      margin-right: unset; }
    .content-parent__box-imgs .content-parent__box-img--chirlren .thumbnail {
      height: 315px; }
  .content-parent .see-more.mb-60 {
    margin-bottom: 30px; }
  .content-parent .see-more.mt-50 {
    margin-top: 10px; }

  .project-head__content-left .info-project .information .item-info .title {
    width: 155px; }
  .project-head__content-left .info-project .information .item-info .content {
    width: calc(100% - 160px);
    margin-left: 5px; }

  .image-project__content .slide-project-show .item {
    height: 270px; }
  .image-project__content .slide-project-show .owl-nav .owl-prev, .image-project__content .slide-project-show .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.3);
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%; }
    .image-project__content .slide-project-show .owl-nav .owl-prev i, .image-project__content .slide-project-show .owl-nav .owl-next i {
      font-size: 25;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
@media only screen and (min-width: 0px) and (max-width: 450px) {
  .content-parent__box-imgs .content-parent__box-img--chirlren {
    height: 305px; }
    .content-parent__box-imgs .content-parent__box-img--chirlren:nth-child(3n+2) {
      margin-left: unset;
      margin-right: unset; }
    .content-parent__box-imgs .content-parent__box-img--chirlren .thumbnail {
      height: 305px; }
  .content-parent .see-more.mb-60 {
    margin-bottom: 30px; }
  .content-parent .see-more.mt-50 {
    margin-top: 10px; }

  .project-head__content-left .info-project .information .item-info .title {
    width: 155px; }
  .project-head__content-left .info-project .information .item-info .content {
    width: calc(100% - 160px);
    margin-left: 5px; }

  .image-project__content .slide-project-show .item {
    height: 210px; }
  .image-project__content .slide-project-show .owl-nav .owl-prev, .image-project__content .slide-project-show .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.3);
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%; }
    .image-project__content .slide-project-show .owl-nav .owl-prev i, .image-project__content .slide-project-show .owl-nav .owl-next i {
      font-size: 25;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
.finace-cate__list {
  display: none; }

.list-baner .owl-dots {
  margin-top: 14px;
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px; }
  .list-baner .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    position: relative; }
    .list-baner .owl-dots .owl-dot:after {
      content: "";
      width: 5px;
      height: 5px;
      background: #C4C4C4;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9; }
  .list-baner .owl-dots .active {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
    .list-baner .owl-dots .active:after {
      content: "";
      width: 5px;
      height: 5px;
      background: #1B4298;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99; }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .finance-cate__baner {
    height: 45vh; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .finaces-index {
    padding: 0 10px; }
    .finaces-index .image-right-content-left, .finaces-index .image-left-content-right, .finaces-index .two-column-text {
      margin-top: 20px; }
      .finaces-index .image-right-content-left .image, .finaces-index .image-right-content-left .column-1, .finaces-index .image-left-content-right .image, .finaces-index .image-left-content-right .column-1, .finaces-index .two-column-text .image, .finaces-index .two-column-text .column-1 {
        width: 100%;
        margin-top: 2px;
        height: auto; }
        .finaces-index .image-right-content-left .image-img img, .finaces-index .image-right-content-left .column-1-img img, .finaces-index .image-left-content-right .image-img img, .finaces-index .image-left-content-right .column-1-img img, .finaces-index .two-column-text .image-img img, .finaces-index .two-column-text .column-1-img img {
          height: auto !important; }
      .finaces-index .image-right-content-left .content, .finaces-index .image-right-content-left .column-2, .finaces-index .image-left-content-right .content, .finaces-index .image-left-content-right .column-2, .finaces-index .two-column-text .content, .finaces-index .two-column-text .column-2 {
        width: 100%;
        margin-right: unset;
        margin-left: unset;
        margin-top: 2px;
        height: auto; }
        .finaces-index .image-right-content-left .content-text, .finaces-index .image-right-content-left .column-2-text, .finaces-index .image-left-content-right .content-text, .finaces-index .image-left-content-right .column-2-text, .finaces-index .two-column-text .content-text, .finaces-index .two-column-text .column-2-text {
          position: unset;
          top: unset;
          transform: unset; }
    .finaces-index .image-left-content-right .image {
      order: 2; }
    .finaces-index .image-left-content-right .content {
      order: 1; }

  .finance-cate__list {
    display: block; }
  .finance-cate__baner {
    height: 40vh; }
    .finance-cate__baner-text--title {
      width: 63%;
      padding: 0 5px; }
      .finance-cate__baner-text--title .title-page {
        font-size: 30px;
        line-height: 40px; }
    .finance-cate__baner-text--list {
      display: none; }
      .finance-cate__baner-text--list ul {
        flex-wrap: unset;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
        .finance-cate__baner-text--list ul li {
          width: unset;
          display: inline-block;
          margin-left: 30px; }
          .finance-cate__baner-text--list ul li a {
            font-size: 14px; }
          .finance-cate__baner-text--list ul li:first-child {
            margin-left: unset; }
  .finance-cate__content-filter .content-parent__search form {
    flex-wrap: wrap; }
    .finance-cate__content-filter .content-parent__search form input {
      width: 100%; }
    .finance-cate__content-filter .content-parent__search form .input {
      width: 100%;
      margin-top: 5px; }
      .finance-cate__content-filter .content-parent__search form .input:last-child {
        margin-bottom: 5px; }
  .finance-cate__content-filter .content-parent__search--button-search {
    width: 100% !important; }
  .finance-cate__content-list .list-finance .item-finance__image {
    width: 335px; }
  .finance-cate__content-list .list-finance .item-finance__info {
    width: calc(100% - 335px - 30px);
    margin-left: 30px; }
    .finance-cate__content-list .list-finance .item-finance__info-name .name {
      font-size: 20px;
      line-height: 25px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .finace-cate__list {
    display: block; }
  .finace-cate .container-finance .content-parent__intro-title.mt-50 {
    margin-top: 10px; }
  .finace-cate .container-finance .content-parent__intro-title h2 {
    line-height: 30px; }
  .finace-cate .container-finance .border-botton-box.mt-30 {
    margin-top: 10px; }
  .finace-cate .bg-finace {
    height: 275px;
    background-size: contain !important;
    bottom: -10px; }

  .finaces-index {
    padding: 0 10px; }
    .finaces-index.mt-50 {
      margin-top: 10px; }
    .finaces-index.mb-50 {
      margin-bottom: 100px; }
    .finaces-index .image-right-content-left, .finaces-index .image-left-content-right, .finaces-index .two-column-text {
      margin-top: 20px; }
      .finaces-index .image-right-content-left .image, .finaces-index .image-left-content-right .image, .finaces-index .two-column-text .image {
        width: 100%;
        height: auto; }
      .finaces-index .image-right-content-left .content, .finaces-index .image-left-content-right .content, .finaces-index .two-column-text .content {
        width: calc(100%); }
        .finaces-index .image-right-content-left .content-text h1, .finaces-index .image-right-content-left .content-text h2, .finaces-index .image-right-content-left .content-text h3, .finaces-index .image-right-content-left .content-text h4, .finaces-index .image-right-content-left .content-text h5, .finaces-index .image-right-content-left .content-text p, .finaces-index .image-right-content-left .content-text span, .finaces-index .image-right-content-left .content-text strong, .finaces-index .image-right-content-left .content-text li, .finaces-index .image-right-content-left .content-text b, .finaces-index .image-left-content-right .content-text h1, .finaces-index .image-left-content-right .content-text h2, .finaces-index .image-left-content-right .content-text h3, .finaces-index .image-left-content-right .content-text h4, .finaces-index .image-left-content-right .content-text h5, .finaces-index .image-left-content-right .content-text p, .finaces-index .image-left-content-right .content-text span, .finaces-index .image-left-content-right .content-text strong, .finaces-index .image-left-content-right .content-text li, .finaces-index .image-left-content-right .content-text b, .finaces-index .two-column-text .content-text h1, .finaces-index .two-column-text .content-text h2, .finaces-index .two-column-text .content-text h3, .finaces-index .two-column-text .content-text h4, .finaces-index .two-column-text .content-text h5, .finaces-index .two-column-text .content-text p, .finaces-index .two-column-text .content-text span, .finaces-index .two-column-text .content-text strong, .finaces-index .two-column-text .content-text li, .finaces-index .two-column-text .content-text b {
          font-size: 10px !important;
          line-height: 14px !important; }
      .finaces-index .image-right-content-left .column-1, .finaces-index .image-left-content-right .column-1, .finaces-index .two-column-text .column-1 {
        width: 100%;
        margin-top: 2px;
        height: auto; }
        .finaces-index .image-right-content-left .column-1-img img, .finaces-index .image-left-content-right .column-1-img img, .finaces-index .two-column-text .column-1-img img {
          height: auto !important; }
        .finaces-index .image-right-content-left .column-1.css-content h1, .finaces-index .image-right-content-left .column-1.css-content h2, .finaces-index .image-right-content-left .column-1.css-content h3, .finaces-index .image-right-content-left .column-1.css-content h4, .finaces-index .image-right-content-left .column-1.css-content h5, .finaces-index .image-right-content-left .column-1.css-content p, .finaces-index .image-right-content-left .column-1.css-content span, .finaces-index .image-right-content-left .column-1.css-content strong, .finaces-index .image-right-content-left .column-1.css-content li, .finaces-index .image-right-content-left .column-1.css-content b, .finaces-index .image-left-content-right .column-1.css-content h1, .finaces-index .image-left-content-right .column-1.css-content h2, .finaces-index .image-left-content-right .column-1.css-content h3, .finaces-index .image-left-content-right .column-1.css-content h4, .finaces-index .image-left-content-right .column-1.css-content h5, .finaces-index .image-left-content-right .column-1.css-content p, .finaces-index .image-left-content-right .column-1.css-content span, .finaces-index .image-left-content-right .column-1.css-content strong, .finaces-index .image-left-content-right .column-1.css-content li, .finaces-index .image-left-content-right .column-1.css-content b, .finaces-index .two-column-text .column-1.css-content h1, .finaces-index .two-column-text .column-1.css-content h2, .finaces-index .two-column-text .column-1.css-content h3, .finaces-index .two-column-text .column-1.css-content h4, .finaces-index .two-column-text .column-1.css-content h5, .finaces-index .two-column-text .column-1.css-content p, .finaces-index .two-column-text .column-1.css-content span, .finaces-index .two-column-text .column-1.css-content strong, .finaces-index .two-column-text .column-1.css-content li, .finaces-index .two-column-text .column-1.css-content b {
          font-size: 10px !important;
          line-height: 14px !important; }
      .finaces-index .image-right-content-left .column-2, .finaces-index .image-left-content-right .column-2, .finaces-index .two-column-text .column-2 {
        width: 100%;
        margin-right: unset;
        margin-left: unset;
        margin-top: 2px;
        height: auto; }
        .finaces-index .image-right-content-left .column-2-text, .finaces-index .image-left-content-right .column-2-text, .finaces-index .two-column-text .column-2-text {
          position: unset;
          top: unset;
          transform: unset; }
        .finaces-index .image-right-content-left .column-2.css-content h1, .finaces-index .image-right-content-left .column-2.css-content h2, .finaces-index .image-right-content-left .column-2.css-content h3, .finaces-index .image-right-content-left .column-2.css-content h4, .finaces-index .image-right-content-left .column-2.css-content h5, .finaces-index .image-right-content-left .column-2.css-content p, .finaces-index .image-right-content-left .column-2.css-content span, .finaces-index .image-right-content-left .column-2.css-content strong, .finaces-index .image-right-content-left .column-2.css-content li, .finaces-index .image-right-content-left .column-2.css-content b, .finaces-index .image-left-content-right .column-2.css-content h1, .finaces-index .image-left-content-right .column-2.css-content h2, .finaces-index .image-left-content-right .column-2.css-content h3, .finaces-index .image-left-content-right .column-2.css-content h4, .finaces-index .image-left-content-right .column-2.css-content h5, .finaces-index .image-left-content-right .column-2.css-content p, .finaces-index .image-left-content-right .column-2.css-content span, .finaces-index .image-left-content-right .column-2.css-content strong, .finaces-index .image-left-content-right .column-2.css-content li, .finaces-index .image-left-content-right .column-2.css-content b, .finaces-index .two-column-text .column-2.css-content h1, .finaces-index .two-column-text .column-2.css-content h2, .finaces-index .two-column-text .column-2.css-content h3, .finaces-index .two-column-text .column-2.css-content h4, .finaces-index .two-column-text .column-2.css-content h5, .finaces-index .two-column-text .column-2.css-content p, .finaces-index .two-column-text .column-2.css-content span, .finaces-index .two-column-text .column-2.css-content strong, .finaces-index .two-column-text .column-2.css-content li, .finaces-index .two-column-text .column-2.css-content b {
          font-size: 10px !important;
          line-height: 14px !important; }
    .finaces-index .image-right-content-left .image {
      order: 2;
      margin-top: 20px; }
    .finaces-index .image-right-content-left .content {
      margin-right: unset;
      order: 1; }
    .finaces-index .image-left-content-right .image {
      order: 2;
      margin-top: 20px; }
    .finaces-index .image-left-content-right .content {
      margin-left: unset;
      order: 1; }

  .finance-cate__baner {
    height: 25vh; }
    .finance-cate__baner-text--title {
      width: 100%;
      padding: 0 5px; }
      .finance-cate__baner-text--title .title-page {
        font-size: 14px;
        line-height: 22px; }
    .finance-cate__baner-text--list {
      display: none; }
      .finance-cate__baner-text--list ul {
        flex-wrap: unset;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
        .finance-cate__baner-text--list ul li {
          width: unset;
          display: inline-block;
          margin-left: 30px; }
          .finance-cate__baner-text--list ul li a {
            font-size: 14px; }
          .finance-cate__baner-text--list ul li:first-child {
            margin-left: unset; }
  .finance-cate__content-filter .content-parent__search form {
    flex-wrap: wrap; }
    .finance-cate__content-filter .content-parent__search form input {
      width: 100%; }
    .finance-cate__content-filter .content-parent__search form .input {
      width: 100%;
      margin-top: 5px; }
      .finance-cate__content-filter .content-parent__search form .input:last-child {
        margin-bottom: 5px; }
  .finance-cate__content-filter .content-parent__search--button-search {
    width: 100% !important; }
  .finance-cate__content-list .list-finance .item-finance__image {
    width: 100%; }
  .finance-cate__content-list .list-finance .item-finance__info {
    width: 100%;
    margin-left: unset;
    margin-top: 10px; }
    .finance-cate__content-list .list-finance .item-finance__info-name .name {
      font-size: 18px;
      line-height: 25px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact {
    width: 100%; }
    .contact .block-contact_parent .text {
      width: 100% !important; }
      .contact .block-contact_parent .text img {
        margin: auto; }
    .contact .block-contact_parent form {
      width: 100% !important;
      margin-top: 50px; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .contact {
    width: 100%; }
    .contact .block-contact_parent .text {
      width: 100% !important; }
      .contact .block-contact_parent .text img {
        margin: auto; }
    .contact .block-contact_parent form {
      width: 100% !important;
      margin-top: 50px; }
      .contact .block-contact_parent form .input-custom-1 {
        padding: 10px 20px; }
      .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection__arrow:before {
        margin: 10px 0 0 0 !important;
        font-size: 15px !important; }
      .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection--single {
        height: 40px !important; }
        .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection--single .select2-selection__rendered {
          line-height: 40px !important; } }
@media only screen and (min-width: 0px) and (max-width: 449px) {
  .contact {
    width: 100%; }
    .contact .block-contact_parent .text {
      width: 100% !important; }
      .contact .block-contact_parent .text img {
        margin: auto; }
    .contact .block-contact_parent form {
      width: 100% !important;
      margin-top: 50px; }
      .contact .block-contact_parent form .input-custom-1 {
        padding: 10px 20px; }
      .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection__arrow:before {
        margin: 10px 0 0 0 !important;
        font-size: 15px !important; }
      .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection--single {
        height: 40px !important; }
        .contact .block-contact_parent form .custom-arrow-select2__2 .select2-selection--single .select2-selection__rendered {
          line-height: 40px !important; } }
.achievement-slide {
  margin-top: 40px;
  margin-bottom: 40px;
  display: none; }
  .achievement-slide__content .item .image {
    width: 100%;
    height: 113px;
    overflow: hidden; }
    .achievement-slide__content .item .image img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      display: block;
      object-fit: contain;
      margin: auto; }
  .achievement-slide__content .owl-nav .owl-prev, .achievement-slide__content .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3) !important; }
    .achievement-slide__content .owl-nav .owl-prev span, .achievement-slide__content .owl-nav .owl-next span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .achievement-slide__content .owl-nav .owl-prev {
    left: 0; }
  .achievement-slide__content .owl-nav .owl-next {
    right: 0; }

@media only screen and (min-width: 1367px) {
  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content {
      width: 100%;
      max-width: 100%;
      margin: 0 auto; }
      .new-home-slide__content .new-home-slide-center .owl-item {
        transition: all 0.5s;
        opacity: 0; }
        .new-home-slide__content .new-home-slide-center .owl-item.active {
          transform: scale(0.9);
          padding: 10px 0px; }
      .new-home-slide__content .new-home-slide-center .item-slide {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin: 0 -48px;
        margin-top: 20px; }
        .new-home-slide__content .new-home-slide-center .item-slide__image {
          width: 100%;
          height: 275px;
          border-radius: 10px;
          overflow: hidden; }
          .new-home-slide__content .new-home-slide-center .item-slide__image img {
            width: 100%;
            height: 100%;
            max-height: 100%;
            max-width: 100%;
            object-fit: cover;
            opacity: 0.5; }
        .new-home-slide__content .new-home-slide-center .item-slide__info {
          display: none;
          margin-top: 15px; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-date {
            font-size: 10px;
            color: #000000; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-name {
            margin-top: 15px; }
            .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
              font-size: 13px;
              color: #1B4298; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
            margin-top: 15px;
            font-size: 11px;
            color: #000000;
            line-height: 16px;
            padding-bottom: 28px;
            max-height: 75px;
            overflow: hidden; }
      .new-home-slide__content .new-home-slide-center .active {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin-top: 40px; }
        .new-home-slide__content .new-home-slide-center .active.center {
          transform: scale(1.2);
          margin-top: 45px !important;
          position: relative;
          z-index: 999; }
          .new-home-slide__content .new-home-slide-center .active.center img {
            opacity: 1; }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__image {
            height: 285px;
            box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3); }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__info {
            display: block; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next, .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        position: absolute;
        top: 80%;
        font-size: 40px;
        color: #808080; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        left: calc(30% - 100px); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
        right: calc(30% - 100px); } }
@media only screen and (min-width: 1279px) and (max-width: 1366px) {
  .baner-full .fields-home__content .item-title {
    font-size: 20px;
    height: 30px; }
  .baner-full .fields-home__content .item-desc {
    max-width: calc(100% - 266px);
    left: 51%; }

  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content {
      width: 100%;
      max-width: 100%;
      margin: 0 auto; }
      .new-home-slide__content .new-home-slide-center .owl-item {
        transition: all 0.5s;
        opacity: 0; }
        .new-home-slide__content .new-home-slide-center .owl-item.active {
          transform: scale(0.9);
          padding: 10px 0px; }
      .new-home-slide__content .new-home-slide-center .item-slide {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin: 0 -48px;
        margin-top: 20px; }
        .new-home-slide__content .new-home-slide-center .item-slide__image {
          width: 100%;
          height: 275px;
          border-radius: 10px;
          overflow: hidden; }
          .new-home-slide__content .new-home-slide-center .item-slide__image img {
            width: 100%;
            height: 100%;
            max-height: 100%;
            max-width: 100%;
            object-fit: cover;
            opacity: 0.5; }
        .new-home-slide__content .new-home-slide-center .item-slide__info {
          display: none;
          margin-top: 15px; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-date {
            font-size: 10px;
            color: #000000; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-name {
            margin-top: 15px; }
            .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
              font-size: 13px;
              color: #1B4298; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
            margin-top: 15px;
            font-size: 11px;
            color: #000000;
            line-height: 16px;
            padding-bottom: 28px;
            max-height: 75px;
            overflow: hidden; }
      .new-home-slide__content .new-home-slide-center .active {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin-top: 40px; }
        .new-home-slide__content .new-home-slide-center .active.center {
          transform: scale(1.2);
          margin-top: 45px !important;
          position: relative;
          z-index: 999; }
          .new-home-slide__content .new-home-slide-center .active.center img {
            opacity: 1; }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__image {
            height: 285px;
            box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3); }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__info {
            display: block; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next, .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        position: absolute;
        top: 80%;
        font-size: 40px;
        color: #808080; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        left: calc(30% - 100px); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
        right: calc(30% - 100px); } }
@media only screen and (min-width: 992px) and (max-width: 1278px) {
  .video-bg_parent #video_bg {
    object-fit: contain; }

  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content {
      width: 100%;
      max-width: 100%;
      margin: 0 auto; }
      .new-home-slide__content .new-home-slide-center .owl-item {
        transition: all 0.5s;
        opacity: 0; }
        .new-home-slide__content .new-home-slide-center .owl-item.active {
          transform: scale(0.9);
          padding: 10px 0px; }
      .new-home-slide__content .new-home-slide-center .item-slide {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin: 0 -48px;
        margin-top: 20px; }
        .new-home-slide__content .new-home-slide-center .item-slide__image {
          width: 100%;
          height: 275px;
          border-radius: 10px;
          overflow: hidden; }
          .new-home-slide__content .new-home-slide-center .item-slide__image img {
            width: 100%;
            height: 100%;
            max-height: 100%;
            max-width: 100%;
            object-fit: cover;
            opacity: 0.5; }
        .new-home-slide__content .new-home-slide-center .item-slide__info {
          display: none;
          margin-top: 15px; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-date {
            font-size: 10px;
            color: #000000; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-name {
            margin-top: 15px; }
            .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
              font-size: 13px;
              color: #1B4298; }
          .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
            margin-top: 15px;
            font-size: 11px;
            color: #000000;
            line-height: 16px;
            padding-bottom: 28px;
            max-height: 75px;
            overflow: hidden; }
      .new-home-slide__content .new-home-slide-center .active {
        position: relative;
        opacity: 1;
        -webkit-transition: .4s ease all;
        transition: .4s ease all;
        margin-top: 40px; }
        .new-home-slide__content .new-home-slide-center .active.center {
          transform: scale(1.2);
          margin-top: 45px !important;
          position: relative;
          z-index: 999; }
          .new-home-slide__content .new-home-slide-center .active.center img {
            opacity: 1; }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__image {
            height: 285px;
            box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.3); }
          .new-home-slide__content .new-home-slide-center .active.center .item-slide__info {
            display: block; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next, .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        position: absolute;
        top: 80%;
        font-size: 40px;
        color: #808080; }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
        left: calc(30% - 100px); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
        right: calc(30% - 100px); }

  .banner-home {
    height: calc(90vh); }
    .banner-home__content {
      height: calc(90vh);
      overflow: hidden; }
      .banner-home__content .slide-banner-home {
        height: 100%; }
        .banner-home__content .slide-banner-home .item {
          height: 90vh !important; }
          .banner-home__content .slide-banner-home .item .text_banner h3 {
            font-size: 30px;
            line-height: 40px;
            margin: 2px 0 8px 0; }
    .banner-home .title-project-banner {
      padding: 2% 2% 2%; }
    .banner-home .mouse {
      bottom: 12px; }
      .banner-home .mouse span {
        width: 16px;
        height: 25px; }
        .banner-home .mouse span:after {
          height: 28px; }

  .analitis-content .item-analitis {
    width: calc((100% - 99px)/4);
    margin-right: 33px; }
    .analitis-content .item-analitis__text-number {
      font-size: 20px; }

  .new-home__title {
    margin-bottom: 20px; }
    .new-home__title .title_block {
      font-size: 20px; }
  .new-home__content-left {
    width: 100% !important; }
    .new-home__content-left .item-new-home .image {
      height: 420px !important; }
  .new-home__content-right {
    width: 100% !important;
    margin-left: unset !important;
    margin-top: 10px; }
    .new-home__content-right .list-new-home {
      width: 100%; }
      .new-home__content-right .list-new-home .item-new-home .image {
        height: 220px; }

  .box-video {
    margin-top: 30px; }
    .box-video .block_content_parent .content_videos_home .player {
      width: 45%;
      height: 330px; }
      .box-video .block_content_parent .content_videos_home .player i {
        font-size: 4em; }
      .box-video .block_content_parent .content_videos_home .player .info {
        padding: 10px; }
    .box-video .block_content_parent .content_videos_home .playlist {
      width: 52%;
      max-height: 330px; }
      .box-video .block_content_parent .content_videos_home .playlist li .thumbnail {
        width: 160px;
        height: 90px; }
        .box-video .block_content_parent .content_videos_home .playlist li .thumbnail .label_active {
          width: 88%;
          text-align: center; }
      .box-video .block_content_parent .content_videos_home .playlist li h3, .box-video .block_content_parent .content_videos_home .playlist li p {
        width: calc(100% - 160px - 15px); }

  .baner-full .fields-home__content .item-title {
    font-size: 20px;
    height: 30px; }
  .baner-full .fields-home__content .item-desc {
    max-width: calc(100% - 166px); }

  .box-shareholder .block_content_parent .title_block_content .tt_title_right p:nth-of-type(2) {
    line-height: 35px;
    font-size: 26px; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations {
    width: 45%; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations-image a {
      width: 100%;
      height: 100%; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations-image a img {
        height: 100%; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations {
    width: 55%; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li a span {
      margin-left: 0;
      margin-right: 20px; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li a p {
      width: calc(100% - 70px); }

  .project-hot__content .item-project {
    width: calc((100% - 33px)/2);
    border-radius: 0; }
    .project-hot__content .item-project:nth-child(2n+2) {
      margin-right: unset; }
    .project-hot__content .item-project .info {
      font-size: 14px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev, .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    font-size: 27px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev {
    left: -1%; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    right: -1%; }

  .achievement-list .item-achievement .image {
    display: flex;
    height: auto; }
    .achievement-list .item-achievement .image img {
      height: 90px; }
  .achievement-list .item-achievement .info {
    width: 100%;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    border: none;
    height: unset;
    opacity: 1;
    visibility: visible;
    padding: 5px 10px; }
    .achievement-list .item-achievement .info-image {
      display: none; }
    .achievement-list .item-achievement .info-name {
      margin-top: unset;
      line-height: 16px; }
      .achievement-list .item-achievement .info-name h4 {
        font-size: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-bg_parent #video_bg {
    object-fit: contain; }

  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .item-slide__image {
      width: 100%;
      height: 211px;
      overflow: hidden;
      border-radius: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__image img {
        height: 100%;
        object-fit: cover;
        margin: 0 auto; }
    .new-home-slide__content .new-home-slide-center .item-slide__info {
      margin-top: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-date {
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-name {
        margin-top: 5px; }
        .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
          font-size: 13px;
          line-height: 16px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151;
        margin-top: 5px;
        max-height: 32px;
        overflow: hidden; }
    .new-home-slide__content .new-home-slide-center .owl-dots {
      margin-top: 14px;
      text-align: right; }
      .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-right: 5px;
        position: relative; }
        .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active {
          position: relative;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
          .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active:after {
            content: "";
            width: 5px;
            height: 5px;
            background: #C4C4C4;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      position: absolute;
      top: 36%;
      transform: translateY(-50%);
      width: 20px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev i, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next i {
        color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      right: 0px; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
      left: 0px; }

  .banner-home {
    height: calc(65vh); }
    .banner-home__content {
      height: calc(65vh);
      overflow: hidden; }
      .banner-home__content .slide-banner-home {
        height: 100%; }
        .banner-home__content .slide-banner-home .item {
          height: 65vh !important; }
          .banner-home__content .slide-banner-home .item .text_banner h3 {
            font-size: 22px;
            line-height: 28px;
            margin: 2px 0 8px 0; }
    .banner-home .title-project-banner {
      padding: 2% 2% 2%; }
      .banner-home .title-project-banner p {
        font-size: 14px; }
    .banner-home .mouse {
      bottom: 12px;
      display: none; }
      .banner-home .mouse span {
        width: 16px;
        height: 25px; }
        .banner-home .mouse span:after {
          height: 28px; }

  .analitis {
    overflow: hidden; }
    .analitis-content .item-analitis {
      width: calc(100%/4);
      margin-right: unset; }
      .analitis-content .item-analitis__image {
        height: 50px; }
        .analitis-content .item-analitis__image .image img {
          width: 65%;
          max-width: 65%; }
      .analitis-content .item-analitis__text-title {
        font-size: 10px; }
      .analitis-content .item-analitis__text-number {
        font-size: 13px; }

  .new-home__title {
    margin-bottom: 20px; }
    .new-home__title .title_block {
      font-size: 20px; }
  .new-home__content-left {
    width: 100% !important; }
    .new-home__content-left .item-new-home .image {
      height: 420px !important; }
  .new-home__content-right {
    width: 100% !important;
    margin-left: unset !important;
    margin-top: 10px; }
    .new-home__content-right .list-new-home {
      width: 100%; }
      .new-home__content-right .list-new-home .item-new-home .image {
        height: 220px; }

  .box-video .block_content_parent .content_videos_home .player {
    width: 45%;
    height: 250px; }
    .box-video .block_content_parent .content_videos_home .player .thumbnail {
      height: calc(100% - 30px); }
    .box-video .block_content_parent .content_videos_home .player i {
      font-size: 4em;
      top: 41%; }
  .box-video .block_content_parent .content_videos_home .playlist {
    width: 52%;
    max-height: 250px; }
    .box-video .block_content_parent .content_videos_home .playlist li .thumbnail {
      width: 150px;
      height: 75px; }
      .box-video .block_content_parent .content_videos_home .playlist li .thumbnail .label_active {
        width: 88%;
        text-align: center; }
    .box-video .block_content_parent .content_videos_home .playlist li h3, .box-video .block_content_parent .content_videos_home .playlist li p {
      width: calc(100% - 150px - 15px); }

  .box-shareholder .block_content_parent .title_block_content .tt_title_right p:nth-of-type(2) {
    line-height: 35px;
    font-size: 26px; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations {
    width: 45%; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations-image a {
      width: 100%;
      height: 100%; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations-image a img {
        height: 100%; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations {
    width: 55%; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li a span {
      margin-left: 0;
      margin-right: 20px; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li a p {
      width: calc(100% - 70px); }

  .cooperates-title .containers .title_block {
    font-size: 20px; }
  .cooperates-content {
    height: 363px; }
    .cooperates-content__box {
      height: 100%; }

  .project-hot__content .item-project {
    width: calc((100% - 33px)/2);
    border-radius: 0; }
    .project-hot__content .item-project:nth-child(2n+2) {
      margin-right: unset; }
    .project-hot__content .item-project .image {
      height: 210px; }
    .project-hot__content .item-project .info {
      font-size: 14px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev, .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    font-size: 27px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev {
    left: -1%; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    right: -1%; }

  .achievement-list .item-achievement .image {
    display: flex;
    height: auto; }
    .achievement-list .item-achievement .image img {
      height: 90px; }
  .achievement-list .item-achievement .info {
    width: 100%;
    margin-top: 5px;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    border: none;
    height: unset;
    opacity: 1;
    visibility: visible;
    padding: 5px 10px; }
    .achievement-list .item-achievement .info-image {
      display: none; }
    .achievement-list .item-achievement .info-name {
      margin-top: unset;
      line-height: 16px; }
      .achievement-list .item-achievement .info-name h4 {
        font-size: 10px; }

  .baner-full {
    height: auto; }
    .baner-full.bg-background-box {
      background: url("https://vinaconex.com.vn/themes/vinaconex/images/page_xay_dung/baner-linh-vuc.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      .baner-full.bg-background-box:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 9;
        background: linear-gradient(0deg, #000 0%, transparent 100%); }
    .baner-full__image {
      display: none; }
      .baner-full__image .bg_box {
        background: linear-gradient(0deg, #000 0%, transparent 110%); }
    .baner-full .fields-home {
      height: auto !important;
      padding: 30px 0;
      bottom: unset;
      position: relative;
      z-index: 99; }
      .baner-full .fields-home .containers {
        width: calc(100% - 80px); }
      .baner-full .fields-home__content .item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px; }
        .baner-full .fields-home__content .item-title {
          text-align: left !important;
          font-size: 20px;
          height: 30px; }
        .baner-full .fields-home__content .item-desc {
          position: unset !important;
          top: unset;
          left: unset;
          transform: unset;
          width: 100% !important;
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:before {
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:after {
          display: none; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .video-bg_parent #video_bg {
    object-fit: contain; }

  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .item-slide__image {
      width: 100%;
      height: 211px;
      overflow: hidden;
      border-radius: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__image img {
        height: 100%;
        object-fit: cover;
        margin: 0 auto; }
    .new-home-slide__content .new-home-slide-center .item-slide__info {
      margin-top: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-date {
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-name {
        margin-top: 5px; }
        .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
          font-size: 13px;
          line-height: 16px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
        margin-top: 5px;
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151;
        max-height: 32px;
        overflow: hidden; }
    .new-home-slide__content .new-home-slide-center .owl-dots {
      margin-top: 14px;
      text-align: right; }
      .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-right: 5px;
        position: relative; }
        .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active {
          position: relative;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
          .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active:after {
            content: "";
            width: 5px;
            height: 5px;
            background: #C4C4C4;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      position: absolute;
      top: 36%;
      transform: translateY(-50%);
      width: 20px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev i, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next i {
        color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      right: 0px; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
      left: 0px; }

  .banner-home {
    height: calc(30vh); }
    .banner-home__content {
      height: calc(30vh);
      overflow: hidden; }
      .banner-home__content .slide-banner-home {
        height: 100%; }
        .banner-home__content .slide-banner-home .item {
          height: 30vh !important; }
          .banner-home__content .slide-banner-home .item .text_banner h3 {
            font-size: 18px;
            line-height: 22px;
            margin: 2px 0 8px 0; }
        .banner-home__content .slide-banner-home .owl-nav {
          display: none; }
    .banner-home .title-project-banner {
      padding: 2% 2% 2%; }
      .banner-home .title-project-banner p {
        font-size: 14px; }
    .banner-home .mouse {
      bottom: 12px;
      display: none; }
      .banner-home .mouse span {
        width: 16px;
        height: 25px; }
        .banner-home .mouse span:after {
          height: 28px; }

  .analitis {
    overflow: hidden; }
    .analitis-content .item-analitis {
      width: calc(100%/4);
      margin-right: unset; }
      .analitis-content .item-analitis__image {
        height: 50px; }
        .analitis-content .item-analitis__image .image img {
          width: 65%;
          max-width: 65%; }
      .analitis-content .item-analitis__text-title {
        font-size: 10px; }
      .analitis-content .item-analitis__text-number {
        font-size: 13px; }

  .new-home__title {
    margin-bottom: 20px; }
    .new-home__title .title_block {
      font-size: 20px; }
  .new-home__content-left {
    width: 100%; }
    .new-home__content-left .item-new-home .image {
      height: 220px !important; }
  .new-home__content-right {
    width: 100% !important;
    margin-left: unset !important;
    margin-top: 10px; }
    .new-home__content-right .list-new-home {
      width: 100%; }
      .new-home__content-right .list-new-home .item-new-home {
        width: 100% !important; }
        .new-home__content-right .list-new-home .item-new-home:nth-child(2n+2) {
          margin-left: unset !important; }
        .new-home__content-right .list-new-home .item-new-home .image {
          height: 220px; }

  .box-video .block_content_parent .content_videos_home {
    flex-wrap: wrap; }
    .box-video .block_content_parent .content_videos_home .player {
      width: 100%;
      height: 285px;
      margin-bottom: 10px; }
      .box-video .block_content_parent .content_videos_home .player .thumbnail {
        width: 100%;
        height: calc(100% - 48px); }
      .box-video .block_content_parent .content_videos_home .player i {
        font-size: 4em;
        top: 40%; }
      .box-video .block_content_parent .content_videos_home .player .info h3 {
        font-size: 14px; }
    .box-video .block_content_parent .content_videos_home .playlist {
      width: 100%;
      margin-right: unset;
      max-height: 367px; }
      .box-video .block_content_parent .content_videos_home .playlist li .thumbnail {
        width: 40%;
        height: 105px; }

  .box-shareholder .block_content_parent .title_block_content .tt_title_right p:nth-child(2) {
    font-size: 20px;
    line-height: 30px; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home {
    flex-wrap: wrap; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations {
      width: 100%;
      height: 275px; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations {
      width: 100%;
      padding: 10px; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li span {
        margin-left: 0;
        margin-right: 10px; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li p {
        width: calc(100% - 50px);
        font-size: 14px;
        line-height: 20px; }

  .cooperates-title .containers .title_block {
    font-size: 20px; }
  .cooperates-content .image-left {
    width: 100%;
    height: 100%;
    z-index: 9; }
    .cooperates-content .image-left img {
      object-fit: cover;
      margin: auto; }
  .cooperates-content__box {
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    position: relative; }
    .cooperates-content__box .cooperates-partner__title {
      font-size: 20px;
      line-height: 25px;
      color: #fff; }
    .cooperates-content__box .cooperates-partner__content {
      color: #fff; }
    .cooperates-content__box .cooperates-partner__more .button_home a {
      background: #fff; }

  .project-hot__content .item-project {
    width: 100%;
    margin-right: unset;
    border-radius: 0; }
    .project-hot__content .item-project .image {
      height: 210px; }
    .project-hot__content .item-project .info {
      font-size: 14px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev, .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    font-size: 29px; }

  .achievement-home {
    display: none; }

  .achievement-slide {
    display: block; }

  .baner-full {
    height: auto; }
    .baner-full.bg-background-box {
      background: url("https://vinaconex.com.vn/themes/vinaconex/images/page_xay_dung/baner-linh-vuc.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      .baner-full.bg-background-box:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 9;
        background: linear-gradient(0deg, #000 0%, transparent 100%); }
    .baner-full__image {
      display: none; }
      .baner-full__image .bg_box {
        background: linear-gradient(0deg, #000 0%, transparent 110%); }
    .baner-full .fields-home {
      height: auto !important;
      padding: 30px 0;
      bottom: unset;
      position: relative;
      z-index: 99; }
      .baner-full .fields-home .containers {
        width: calc(450px - 80px); }
      .baner-full .fields-home__content .item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px; }
        .baner-full .fields-home__content .item-title {
          text-align: left !important;
          font-size: 20px;
          height: 30px; }
        .baner-full .fields-home__content .item-desc {
          position: unset !important;
          top: unset;
          left: unset;
          transform: unset;
          width: 100% !important;
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:before {
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:after {
          display: none; } }
@media only screen and (min-width: 0px) and (max-width: 449px) {
  .video-bg_parent #video_bg {
    object-fit: contain; }

  .new-home-slide {
    margin: 3.1rem 0; }
    .new-home-slide__title .title_block {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 700;
      line-height: 50px;
      margin: 0 0 30px 0;
      color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .item-slide__image {
      width: 100%;
      height: 211px;
      overflow: hidden;
      border-radius: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__image img {
        height: 100%;
        object-fit: cover;
        margin: 0 auto; }
    .new-home-slide__content .new-home-slide-center .item-slide__info {
      margin-top: 10px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-date {
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-name {
        margin-top: 5px; }
        .new-home-slide__content .new-home-slide-center .item-slide__info-name h3 {
          font-size: 13px;
          line-height: 16px; }
      .new-home-slide__content .new-home-slide-center .item-slide__info-desc {
        margin-top: 5px;
        font-weight: 300;
        line-height: 15px;
        font-size: 12px;
        color: #515151;
        max-height: 32px;
        overflow: hidden; }
    .new-home-slide__content .new-home-slide-center .owl-dots {
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: left; }
      .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin-right: 5px;
        position: relative; }
        .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active {
          position: relative;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
          .new-home-slide__content .new-home-slide-center .owl-dots .owl-dot.active:after {
            content: "";
            width: 5px;
            height: 5px;
            background: #C4C4C4;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      position: absolute;
      top: 36%;
      transform: translateY(-50%);
      width: 20px;
      height: 30px;
      background: rgba(255, 255, 255, 0.6); }
      .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev i, .new-home-slide__content .new-home-slide-center .owl-nav .owl-next i {
        color: #1B4298; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-next {
      right: 0px; }
    .new-home-slide__content .new-home-slide-center .owl-nav .owl-prev {
      left: 0px; }

  .banner-home {
    height: calc(25vh); }
    .banner-home__content {
      height: calc(25vh);
      overflow: hidden; }
      .banner-home__content .slide-banner-home {
        height: 100%; }
        .banner-home__content .slide-banner-home .item {
          height: 25vh !important; }
          .banner-home__content .slide-banner-home .item .text_banner {
            width: calc(100% - 10px); }
            .banner-home__content .slide-banner-home .item .text_banner h3 {
              font-size: 16px;
              line-height: 22px;
              margin: 2px 0 8px 0; }
        .banner-home__content .slide-banner-home .owl-nav {
          display: none; }
    .banner-home .title-project-banner {
      padding: 2% 2% 2%; }
      .banner-home .title-project-banner p {
        font-size: 14px; }
    .banner-home .mouse {
      bottom: 12px;
      display: none; }
      .banner-home .mouse span {
        width: 16px;
        height: 25px; }
        .banner-home .mouse span:after {
          height: 28px; }

  .analitis {
    overflow: hidden; }
    .analitis-content .item-analitis {
      width: calc(100%/4);
      margin-right: unset; }
      .analitis-content .item-analitis__image {
        height: 50px; }
        .analitis-content .item-analitis__image .image img {
          width: 65%;
          max-width: 65%; }
      .analitis-content .item-analitis__text-title {
        font-size: 10px; }
      .analitis-content .item-analitis__text-number {
        font-size: 13px; }

  .new-home__title {
    margin-bottom: 20px; }
    .new-home__title .title_block {
      font-size: 20px; }
  .new-home__content-left {
    width: 100%; }
    .new-home__content-left .item-new-home .image {
      height: 220px !important; }
  .new-home__content-right {
    width: 100% !important;
    margin-left: unset !important;
    margin-top: 10px; }
    .new-home__content-right .list-new-home {
      width: 100%; }
      .new-home__content-right .list-new-home .item-new-home {
        width: 100% !important; }
        .new-home__content-right .list-new-home .item-new-home:nth-child(2n+2) {
          margin-left: unset !important; }
        .new-home__content-right .list-new-home .item-new-home .image {
          height: 220px; }

  .box-video .block_content_parent .content_videos_home {
    flex-wrap: wrap; }
    .box-video .block_content_parent .content_videos_home .player {
      width: 100%;
      height: 285px;
      margin-bottom: 10px; }
      .box-video .block_content_parent .content_videos_home .player .thumbnail {
        width: 100%;
        height: calc(100% - 48px); }
      .box-video .block_content_parent .content_videos_home .player i {
        font-size: 4em;
        top: 40%; }
      .box-video .block_content_parent .content_videos_home .player .info h3 {
        font-size: 14px; }
    .box-video .block_content_parent .content_videos_home .playlist {
      width: 100%;
      margin-right: unset;
      max-height: 367px; }
      .box-video .block_content_parent .content_videos_home .playlist li .thumbnail {
        width: 40%;
        height: 105px; }

  .box-shareholder .block_content_parent .title_block_content .tt_title_right p:nth-child(2) {
    font-size: 20px;
    line-height: 30px; }
  .box-shareholder .block_content_parent .content_shareholder_relations_home {
    flex-wrap: wrap; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .hot_shareholder_relations {
      width: 100%;
      height: 275px; }
    .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations {
      width: 100%;
      padding: 10px; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li span {
        margin-left: 0;
        margin-right: 10px; }
      .box-shareholder .block_content_parent .content_shareholder_relations_home .list_shareholder_relations .scroll-custom-web li p {
        width: calc(100% - 50px);
        font-size: 14px;
        line-height: 20px; }

  .cooperates-title .containers {
    padding: 0 10px; }
    .cooperates-title .containers .title_block {
      font-size: 20px; }
  .cooperates-content .image-left {
    width: 100%;
    height: 100%;
    z-index: 9; }
    .cooperates-content .image-left img {
      object-fit: cover;
      margin: auto; }
  .cooperates-content__box {
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    position: relative; }
    .cooperates-content__box .cooperates-partner__title {
      font-size: 20px;
      line-height: 25px;
      color: #fff; }
    .cooperates-content__box .cooperates-partner__content {
      color: #fff; }
    .cooperates-content__box .cooperates-partner__more .button_home a {
      background: #fff; }

  .project-hot__title {
    color: #fff; }
  .project-hot__content .item-project {
    width: 100%;
    margin-right: unset;
    border-radius: 0; }
    .project-hot__content .item-project .image {
      height: 210px; }
    .project-hot__content .item-project .info {
      font-size: 14px; }
  .project-hot__content-slide .slide-project-home .owl-nav .owl-prev, .project-hot__content-slide .slide-project-home .owl-nav .owl-next {
    font-size: 29px; }

  .achievement-home {
    display: none; }

  .achievement-slide {
    display: block; }

  .baner-full {
    height: auto; }
    .baner-full.bg-background-box {
      background: url("https://vinaconex.com.vn/themes/vinaconex/images/page_xay_dung/baner-linh-vuc.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      .baner-full.bg-background-box:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 9;
        background: linear-gradient(0deg, #000 0%, transparent 100%); }
    .baner-full__image {
      display: none; }
      .baner-full__image .bg_box {
        background: linear-gradient(0deg, #000 0%, transparent 110%); }
    .baner-full .fields-home {
      height: auto !important;
      padding: 30px 0;
      bottom: unset;
      position: relative;
      z-index: 99; }
      .baner-full .fields-home .containers {
        width: calc(100% - 80px); }
      .baner-full .fields-home__content .item {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px; }
        .baner-full .fields-home__content .item-title {
          text-align: left !important;
          font-size: 20px;
          height: 30px; }
        .baner-full .fields-home__content .item-desc {
          position: unset !important;
          top: unset;
          left: unset;
          transform: unset;
          width: 100% !important;
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:before {
          display: none; }
        .baner-full .fields-home__content .item:nth-child(3n+2) .item-title:after {
          display: none; } }
.new-slides__content-list .new-slide .item-new__image {
  height: 210px;
  overflow: hidden; }
.new-slides__content-list .new-slide .item-new__info {
  margin-top: 8px; }
  .new-slides__content-list .new-slide .item-new__info-date {
    display: none; }
  .new-slides__content-list .new-slide .item-new__info-name {
    margin-top: 4px;
    font-size: 14px; }
  .new-slides__content-list .new-slide .item-new__info-desc {
    margin-top: 5px;
    font-size: 13px; }
.new-slides__content-list .new-slide .owl-dots {
  margin-top: 14px;
  text-align: right; }
  .new-slides__content-list .new-slide .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    position: relative; }
    .new-slides__content-list .new-slide .owl-dots .owl-dot:after {
      content: "";
      width: 5px;
      height: 5px;
      background: #C4C4C4;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9; }
  .new-slides__content-list .new-slide .owl-dots .active {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
    .new-slides__content-list .new-slide .owl-dots .active:after {
      content: "";
      width: 5px;
      height: 5px;
      background: #1B4298;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99; }

@media only screen and (min-width: 1367px) {
  .box-news_single .share-button ul {
    position: sticky;
    top: 90px; } }
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .box-news_single .share-button ul {
    position: sticky;
    top: 90px; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .new-hot {
    display: none; }

  .new-hot-mobile {
    display: block; }

  .new-slides {
    margin-top: 20px; }
    .new-slides__title {
      margin-bottom: 20px; }
    .new-slides__content-list .new-slide .item-new__image {
      height: 465px; }

  .project-progress {
    margin-bottom: 50px; }
    .project-progress__title .title-main {
      width: 100%; }
    .project-progress__title .list-catechild {
      width: 100%;
      margin-left: unset;
      float: left;
      clear: both;
      overflow: auto;
      margin-top: 10px; }
      .project-progress__title .list-catechild ul {
        display: flex;
        flex-wrap: unset;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
        .project-progress__title .list-catechild ul li {
          height: 20px; }
          .project-progress__title .list-catechild ul li a {
            font-size: 13px; }
          .project-progress__title .list-catechild ul li:first-child {
            margin-left: unset; }
    .project-progress__content {
      margin-top: 20px; }
      .project-progress__content-left {
        width: 100%;
        margin-right: unset;
        display: flex;
        flex-wrap: wrap; }
        .project-progress__content-left:after {
          display: none; }
        .project-progress__content-left .item-new {
          height: unset; }
          .project-progress__content-left .item-new__image {
            width: 100%;
            height: 435px;
            overflow: hidden; }
          .project-progress__content-left .item-new__info {
            width: 100%;
            margin-top: 8px; }
            .project-progress__content-left .item-new__info-date {
              display: none !important; }
            .project-progress__content-left .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-left .item-new__info-desc {
              display: block !important;
              margin-top: 5px;
              max-height: 48px;
              overflow: hidden; }
          .project-progress__content-left .item-new:nth-child(2n+2) {
            margin-left: 30px; }
      .project-progress__content-right {
        width: 100% !important; }
        .project-progress__content-right .new-rights__top .item-new {
          width: calc((100% - 30px)/2);
          height: unset;
          border-bottom: none !important;
          margin-bottom: 30px;
          padding-bottom: unset; }
          .project-progress__content-right .new-rights__top .item-new__image {
            width: 100%;
            height: 210px;
            overflow: hidden; }
          .project-progress__content-right .new-rights__top .item-new__info {
            width: 100%;
            padding-left: unset;
            margin-top: 8px; }
            .project-progress__content-right .new-rights__top .item-new__info-date {
              display: none !important; }
            .project-progress__content-right .new-rights__top .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-right .new-rights__top .item-new__info-desc {
              display: block !important; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+2) {
            padding-left: unset;
            margin-left: 30px; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+1) {
            padding-right: unset; }

  .new-company {
    display: none; }

  .new-activities__title {
    padding-top: unset; }
  .new-activities__content {
    margin-top: 15px; }
    .new-activities__content .item-new {
      width: calc((100% - 30px)/2);
      margin-bottom: 30px;
      margin-right: unset; }
      .new-activities__content .item-new__image {
        height: 210px;
        overflow: hidden; }
      .new-activities__content .item-new__info {
        margin-top: 8px; }
        .new-activities__content .item-new__info-date {
          display: none; }
        .new-activities__content .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-activities__content .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }
      .new-activities__content .item-new:nth-child(2n+2) {
        padding-left: unset;
        margin-left: 30px; }

  .new-paper__content {
    margin-top: 15px; }
    .new-paper__content-list .item-new {
      width: calc((100% - 35px)/2);
      margin-right: unset; }
      .new-paper__content-list .item-new:nth-child(4n+4) {
        margin-right: unset; }
      .new-paper__content-list .item-new:nth-child(2n+2) {
        margin-left: 35px; }
      .new-paper__content-list .item-new__image {
        height: 210px; }

  .new-cates__content-main {
    width: 100%;
    margin-right: unset; }
    .new-cates__content-main .list-cate__back {
      width: 100%; }
    .new-cates__content-main .list-cate__show {
      margin-top: 15px;
      width: 100%;
      float: left;
      clear: both;
      overflow: auto;
      height: 25px; }
      .new-cates__content-main .list-cate__show ul {
        display: flex;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
    .new-cates__content-main .new-cate-top__simple {
      width: 100%;
      margin-left: unset; }
      .new-cates__content-main .new-cate-top__simple .item-new {
        width: 100%;
        margin-bottom: 30px;
        margin-right: unset; }
        .new-cates__content-main .new-cate-top__simple .item-new__image {
          width: 100%;
          height: 465px;
          overflow: hidden; }
        .new-cates__content-main .new-cate-top__simple .item-new__info {
          width: 100%;
          margin-top: 8px;
          padding-left: unset; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-date {
            display: none; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-name {
            margin-top: 4px;
            font-size: 14px; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-desc {
            margin-top: 5px;
            font-size: 13px;
            max-height: 48px;
            overflow: hidden; }
    .new-cates__content-main .new-cate-top__two {
      width: 100%;
      margin-left: unset;
      display: flex;
      flex-wrap: wrap; }
      .new-cates__content-main .new-cate-top__two .item-new {
        width: calc((100% - 30px)/2);
        margin-bottom: 30px;
        margin-right: unset; }
        .new-cates__content-main .new-cate-top__two .item-new__image {
          width: 100%;
          height: 280px;
          overflow: hidden; }
        .new-cates__content-main .new-cate-top__two .item-new__info {
          width: 100%;
          margin-top: 8px;
          padding-left: unset; }
          .new-cates__content-main .new-cate-top__two .item-new__info-date {
            display: none; }
          .new-cates__content-main .new-cate-top__two .item-new__info-name {
            margin-top: 4px;
            font-size: 14px; }
          .new-cates__content-main .new-cate-top__two .item-new__info-desc {
            margin-top: 5px;
            font-size: 13px;
            max-height: 48px;
            overflow: hidden; }
        .new-cates__content-main .new-cate-top__two .item-new:nth-child(2n+2) {
          margin-left: 20px; }
    .new-cates__content-main .new-cate-list .item-new {
      width: calc((100% - 30px)/2);
      margin-bottom: 30px;
      margin-right: unset; }
      .new-cates__content-main .new-cate-list .item-new__image {
        width: 100%;
        height: 210px;
        overflow: hidden; }
      .new-cates__content-main .new-cate-list .item-new__info {
        width: 100%;
        margin-top: 8px;
        padding-left: unset;
        margin-left: unset; }
        .new-cates__content-main .new-cate-list .item-new__info-date {
          display: none; }
        .new-cates__content-main .new-cate-list .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-cates__content-main .new-cate-list .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }
      .new-cates__content-main .new-cate-list .item-new:nth-child(2n+2) {
        margin-left: 30px; }
  .new-cates__content-sitebar {
    display: none; }

  .box-news_single .l-2-content_cate_news {
    width: 100%; }
    .box-news_single .l-2-content_cate_news .title_news_single {
      font-size: 20px;
      line-height: 25px; }
    .box-news_single .l-2-content_cate_news .box-news_single {
      flex-wrap: wrap; }
      .box-news_single .l-2-content_cate_news .box-news_single .content-news_single {
        width: 100%; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__detail {
          overflow: hidden; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-list .list-relate .item-post-latest__image {
          height: 110px !important; }
  .box-news_single .r-2-content_cate_news {
    width: 100%;
    margin-left: unset;
    margin-bottom: 50px; }
    .box-news_single .r-2-content_cate_news .banner-image {
      display: none; }
    .box-news_single .r-2-content_cate_news .news_sidebar .title {
      font-size: 20px; }
    .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content {
      display: flex;
      flex-wrap: wrap; }
      .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content .item-new-view {
        width: calc((100% - 20px)/2);
        float: left; }
        .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content .item-new-view:nth-child(2n+2) {
          margin-left: 20px; }

  .new-video {
    margin-top: 40px; }
    .new-video__content {
      margin-top: 40px; }
      .new-video__content .item-video {
        width: calc((100% - 40px)/3); }
        .new-video__content .item-video:nth-child(3n+2) {
          margin-left: 20px;
          margin-right: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .new-hot {
    display: none; }

  .new-hot-mobile {
    display: block; }

  .new-slides {
    margin-top: 20px; }
    .new-slides__title {
      margin-bottom: 20px; }
    .new-slides__content-list .new-slide .item-new__image {
      height: 465px; }

  .project-progress {
    margin-bottom: 50px; }
    .project-progress__title .title-main {
      width: 100%; }
    .project-progress__title .list-catechild {
      width: 100%;
      margin-left: unset;
      float: left;
      clear: both;
      overflow: auto;
      margin-top: 10px; }
      .project-progress__title .list-catechild ul {
        display: flex;
        flex-wrap: unset;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
        .project-progress__title .list-catechild ul li {
          height: 20px; }
          .project-progress__title .list-catechild ul li a {
            font-size: 13px; }
          .project-progress__title .list-catechild ul li:first-child {
            margin-left: unset; }
    .project-progress__content {
      margin-top: 20px; }
      .project-progress__content-left {
        width: 100%;
        margin-right: unset;
        display: flex;
        flex-wrap: wrap; }
        .project-progress__content-left:after {
          display: none; }
        .project-progress__content-left .item-new {
          height: unset; }
          .project-progress__content-left .item-new__image {
            width: 100%;
            height: 435px;
            overflow: hidden; }
          .project-progress__content-left .item-new__info {
            width: 100%;
            margin-top: 8px; }
            .project-progress__content-left .item-new__info-date {
              display: none !important; }
            .project-progress__content-left .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-left .item-new__info-desc {
              display: block !important;
              margin-top: 5px;
              max-height: 48px;
              overflow: hidden; }
          .project-progress__content-left .item-new:nth-child(2n+2) {
            margin-left: 30px; }
      .project-progress__content-right {
        width: 100% !important; }
        .project-progress__content-right .new-rights__top .item-new {
          width: calc((100% - 30px)/2);
          height: unset;
          border-bottom: none !important;
          margin-bottom: 30px;
          padding-bottom: unset; }
          .project-progress__content-right .new-rights__top .item-new__image {
            width: 100%;
            height: 210px;
            overflow: hidden; }
          .project-progress__content-right .new-rights__top .item-new__info {
            width: 100%;
            padding-left: unset;
            margin-top: 8px; }
            .project-progress__content-right .new-rights__top .item-new__info-date {
              display: none !important; }
            .project-progress__content-right .new-rights__top .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-right .new-rights__top .item-new__info-desc {
              display: block !important; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+2) {
            padding-left: unset;
            margin-left: 30px; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+1) {
            padding-right: unset; }

  .new-company {
    display: none; }

  .new-activities__title {
    padding-top: unset; }
  .new-activities__content {
    margin-top: 15px; }
    .new-activities__content .item-new {
      width: calc((100% - 30px)/2);
      margin-bottom: 30px;
      margin-right: unset; }
      .new-activities__content .item-new__image {
        height: 210px;
        overflow: hidden; }
      .new-activities__content .item-new__info {
        margin-top: 8px; }
        .new-activities__content .item-new__info-date {
          display: none; }
        .new-activities__content .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-activities__content .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }
      .new-activities__content .item-new:nth-child(2n+2) {
        padding-left: unset;
        margin-left: 30px; }

  .new-paper__content {
    margin-top: 15px; }
    .new-paper__content-list .item-new {
      width: calc((100% - 35px)/2);
      margin-right: unset; }
      .new-paper__content-list .item-new:nth-child(4n+4) {
        margin-right: unset; }
      .new-paper__content-list .item-new:nth-child(2n+2) {
        margin-left: 35px; }
      .new-paper__content-list .item-new__image {
        height: 210px; }

  .new-cates__content-main {
    width: 100%;
    margin-right: unset; }
    .new-cates__content-main .list-cate__back {
      width: 100%; }
    .new-cates__content-main .list-cate__show {
      margin-top: 15px;
      width: 100%;
      float: left;
      clear: both;
      overflow: auto;
      height: 25px; }
      .new-cates__content-main .list-cate__show ul {
        display: flex;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
    .new-cates__content-main .new-cate-top__simple, .new-cates__content-main .new-cate-top__two {
      width: 100%;
      margin-left: unset; }
      .new-cates__content-main .new-cate-top__simple .item-new, .new-cates__content-main .new-cate-top__two .item-new {
        width: 100%;
        margin-bottom: 30px;
        margin-right: unset; }
        .new-cates__content-main .new-cate-top__simple .item-new__image, .new-cates__content-main .new-cate-top__two .item-new__image {
          width: 100%;
          height: 386px;
          overflow: hidden; }
        .new-cates__content-main .new-cate-top__simple .item-new__info, .new-cates__content-main .new-cate-top__two .item-new__info {
          width: 100%;
          margin-top: 8px;
          padding-left: unset; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-date, .new-cates__content-main .new-cate-top__two .item-new__info-date {
            display: none; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-name, .new-cates__content-main .new-cate-top__two .item-new__info-name {
            margin-top: 4px;
            font-size: 14px; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-desc, .new-cates__content-main .new-cate-top__two .item-new__info-desc {
            margin-top: 5px;
            font-size: 13px;
            max-height: 48px;
            overflow: hidden; }
    .new-cates__content-main .new-cate-list .item-new {
      width: 100%;
      margin-bottom: 30px;
      margin-right: unset; }
      .new-cates__content-main .new-cate-list .item-new__image {
        width: 100%;
        height: 386px;
        overflow: hidden; }
      .new-cates__content-main .new-cate-list .item-new__info {
        width: 100%;
        margin-top: 8px;
        padding-left: unset;
        margin-left: unset; }
        .new-cates__content-main .new-cate-list .item-new__info-date {
          display: none; }
        .new-cates__content-main .new-cate-list .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-cates__content-main .new-cate-list .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }
  .new-cates__content-sitebar {
    display: none; }

  .box-news_single .l-2-content_cate_news {
    width: 100%; }
    .box-news_single .l-2-content_cate_news .title_news_single {
      font-size: 20px;
      line-height: 25px; }
    .box-news_single .l-2-content_cate_news .box-news_single {
      flex-wrap: wrap; }
      .box-news_single .l-2-content_cate_news .box-news_single .content-news_single {
        width: 100%; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__detail {
          overflow: hidden; }
  .box-news_single .r-2-content_cate_news {
    width: 100%;
    margin-left: unset;
    margin-bottom: 50px; }
    .box-news_single .r-2-content_cate_news .banner-image {
      display: none; }
    .box-news_single .r-2-content_cate_news .news_sidebar .title {
      font-size: 20px; }
    .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content {
      display: flex;
      flex-wrap: wrap; }
      .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content .item-new-view {
        width: calc((100% - 20px)/2);
        float: left; }
        .box-news_single .r-2-content_cate_news .news_sidebar .new-views__content .item-new-view:nth-child(2n+2) {
          margin-left: 20px; }

  .new-video {
    margin-top: 40px; }
    .new-video__content {
      margin-top: 40px; }
      .new-video__content .item-video {
        width: calc((100% - 40px)/3); }
        .new-video__content .item-video:nth-child(3n+2) {
          margin-left: 20px;
          margin-right: 20px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .new-hot {
    display: none; }

  .new-hot-mobile {
    display: block;
    margin-top: 20px; }

  .new-slides__title {
    margin-bottom: 20px; }

  .project-progress {
    margin-bottom: 50px; }
    .project-progress__title .title-main {
      width: 100%; }
    .project-progress__title .list-catechild {
      width: 100%;
      margin-left: unset;
      float: left;
      clear: both;
      overflow: auto;
      margin-top: 10px; }
      .project-progress__title .list-catechild ul {
        display: flex;
        flex-wrap: unset;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
        .project-progress__title .list-catechild ul li {
          height: 20px; }
          .project-progress__title .list-catechild ul li a {
            font-size: 13px; }
          .project-progress__title .list-catechild ul li:first-child {
            margin-left: unset; }
    .project-progress__content {
      margin-top: 20px; }
      .project-progress__content-left {
        width: 100%;
        margin-right: unset; }
        .project-progress__content-left:after {
          display: none; }
        .project-progress__content-left .item-new {
          height: unset; }
          .project-progress__content-left .item-new__image {
            width: 100%;
            height: 210px;
            overflow: hidden; }
          .project-progress__content-left .item-new__info {
            width: 100%;
            margin-top: 8px; }
            .project-progress__content-left .item-new__info-date {
              display: none !important; }
            .project-progress__content-left .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-left .item-new__info-desc {
              display: block !important;
              margin-top: 5px;
              overflow: hidden; }
      .project-progress__content-right {
        width: 100% !important; }
        .project-progress__content-right .new-rights__top .item-new {
          width: 100% !important;
          height: unset;
          border-bottom: none !important;
          margin-bottom: 30px;
          padding-bottom: unset; }
          .project-progress__content-right .new-rights__top .item-new__image {
            width: 100%;
            height: 210px;
            overflow: hidden; }
          .project-progress__content-right .new-rights__top .item-new__info {
            width: 100%;
            padding-left: unset;
            margin-top: 8px; }
            .project-progress__content-right .new-rights__top .item-new__info-date {
              display: none !important; }
            .project-progress__content-right .new-rights__top .item-new__info-name {
              margin-top: 4px; }
            .project-progress__content-right .new-rights__top .item-new__info-desc {
              display: block !important; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+2) {
            padding-left: unset; }
          .project-progress__content-right .new-rights__top .item-new:nth-child(2n+1) {
            padding-right: unset; }

  .new-company {
    display: none; }

  .new-activities__title {
    padding-top: unset; }
  .new-activities__content {
    margin-top: 15px; }
    .new-activities__content .item-new {
      width: 100%;
      margin-bottom: 30px;
      margin-right: unset; }
      .new-activities__content .item-new__image {
        height: 210px;
        overflow: hidden; }
      .new-activities__content .item-new__info {
        margin-top: 8px; }
        .new-activities__content .item-new__info-date {
          display: none; }
        .new-activities__content .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-activities__content .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }

  .new-paper__content {
    margin-top: 15px; }
    .new-paper__content-list .item-new {
      width: calc(100%);
      margin-right: unset; }
      .new-paper__content-list .item-new__image {
        height: 210px; }

  .new-cates__content-main {
    width: 100%;
    margin-right: unset; }
    .new-cates__content-main .list-cate__back {
      width: 100%; }
    .new-cates__content-main .list-cate__show {
      margin-top: 15px;
      width: 100%;
      float: left;
      clear: both;
      overflow: auto;
      height: 25px; }
      .new-cates__content-main .list-cate__show ul {
        display: flex;
        background: #fff;
        clear: both;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-chaining: chained; }
    .new-cates__content-main .new-cate-top__simple, .new-cates__content-main .new-cate-top__two {
      width: 100%;
      margin-left: unset; }
      .new-cates__content-main .new-cate-top__simple .item-new, .new-cates__content-main .new-cate-top__two .item-new {
        width: 100%;
        margin-bottom: 30px;
        margin-right: unset; }
        .new-cates__content-main .new-cate-top__simple .item-new__image, .new-cates__content-main .new-cate-top__two .item-new__image {
          width: 100%;
          height: 210px;
          overflow: hidden; }
        .new-cates__content-main .new-cate-top__simple .item-new__info, .new-cates__content-main .new-cate-top__two .item-new__info {
          width: 100%;
          margin-top: 8px;
          padding-left: unset; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-date, .new-cates__content-main .new-cate-top__two .item-new__info-date {
            display: none; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-name, .new-cates__content-main .new-cate-top__two .item-new__info-name {
            margin-top: 4px;
            font-size: 14px; }
          .new-cates__content-main .new-cate-top__simple .item-new__info-desc, .new-cates__content-main .new-cate-top__two .item-new__info-desc {
            margin-top: 5px;
            font-size: 13px;
            max-height: 48px;
            overflow: hidden; }
    .new-cates__content-main .new-cate-list .item-new {
      width: 100%;
      margin-bottom: 30px;
      margin-right: unset; }
      .new-cates__content-main .new-cate-list .item-new__image {
        width: 100%;
        height: 210px;
        overflow: hidden; }
      .new-cates__content-main .new-cate-list .item-new__info {
        width: 100%;
        margin-top: 8px;
        padding-left: unset;
        margin-left: unset; }
        .new-cates__content-main .new-cate-list .item-new__info-date {
          display: none; }
        .new-cates__content-main .new-cate-list .item-new__info-name {
          margin-top: 4px;
          font-size: 14px; }
        .new-cates__content-main .new-cate-list .item-new__info-desc {
          margin-top: 5px;
          font-size: 13px;
          max-height: 48px;
          overflow: hidden; }
    .new-cates__content-main .new-cate-paginate__list .list-page {
      width: 100%; }
    .new-cates__content-main .new-cate-paginate__list .custom-page {
      top: -27px; }
  .new-cates__content-sitebar {
    display: none; }

  .box-news_single .l-2-content_cate_news {
    width: 100%; }
    .box-news_single .l-2-content_cate_news .title_news_single {
      font-size: 20px;
      line-height: 25px; }
    .box-news_single .l-2-content_cate_news .box-news_single {
      flex-wrap: wrap; }
      .box-news_single .l-2-content_cate_news .box-news_single .content-news_single {
        width: 100%; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-title p {
          font-size: 20px; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-list .item-post-latest__info {
          width: calc(100% - 160px - 20px) !important;
          margin-right: 20px !important; }
          .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-list .item-post-latest__info-name .name {
            font-size: 13px;
            line-height: 18px; }
          .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-list .item-post-latest__info-desc {
            display: none; }
        .box-news_single .l-2-content_cate_news .box-news_single .content-news_single__relate-list .item-post-latest__image {
          width: 160px !important;
          height: 110px !important; }
  .box-news_single .r-2-content_cate_news {
    width: 100%;
    margin-left: unset;
    margin-bottom: 50px; }
    .box-news_single .r-2-content_cate_news .banner-image {
      display: none; }
    .box-news_single .r-2-content_cate_news .news_sidebar .title {
      font-size: 20px; }

  .new-video {
    margin-top: 30px; }
    .new-video__title h2 {
      font-size: 20px; }
    .new-video__content {
      margin-top: 30px; }
      .new-video__content .item-video {
        width: 100%; }
        .new-video__content .item-video:nth-child(3n+2) {
          margin-left: unset;
          margin-right: unset; } }
.cate-mobile {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 15px 0 5px 0;
  display: none;
  margin-bottom: 15px; }
  .cate-mobile__content-back {
    width: 100%; }
    .cate-mobile__content-back a {
      color: #A0A0A0;
      font-weight: 300;
      line-height: 14px;
      font-size: 11px;
      text-transform: uppercase; }
  .cate-mobile__content-list {
    width: 100%;
    float: left;
    clear: both;
    overflow: auto;
    margin-top: 9px; }
    .cate-mobile__content-list ul {
      display: flex;
      background: #fff;
      clear: both;
      white-space: nowrap;
      overflow: hidden;
      overflow-x: scroll !important;
      -webkit-overflow-scrolling: touch;
      -ms-scroll-chaining: chained; }
      .cate-mobile__content-list ul li {
        margin-left: 50px;
        height: 25px;
        font-weight: 300;
        font-size: 12px;
        line-height: 15px; }
        .cate-mobile__content-list ul li a {
          color: #515151;
          transition: 0.3s ease;
          text-transform: uppercase; }
          .cate-mobile__content-list ul li a:hover {
            color: #1B4298; }
        .cate-mobile__content-list ul li:first-child {
          margin-left: unset; }

@media only screen and (min-width: 1367px) {
  .box-content-section-1--left .l-img {
    height: 490px; } }
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .box-content-section-1--left {
    width: 70%; }
    .box-content-section-1--left .l-img {
      height: 465px; }
  .box-content-section-1--right {
    width: 30%; }

  .new-generals__content-simple {
    width: calc(100% - 30px - 430px); }
  .new-generals__content-list {
    width: 430px; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .cate-mobile {
    display: block; }

  .cate-desktop {
    display: none !important; }

  .block-internal_info_banner .content_nav .title {
    width: 100%;
    max-width: 100%; }

  .box-content-section-1--left {
    width: 65%; }
    .box-content-section-1--left .l-img {
      height: 465px; }
  .box-content-section-1--right {
    width: 35%; }
    .box-content-section-1--right .item-general__image {
      height: 215px !important; }

  .regulation {
    margin: 50px 0; }
    .regulation-title .title {
      font-size: 20px; }

  .new-generals__content-lists ul {
    width: 70% !important; }
  .new-generals__content-paginate {
    width: 100%;
    position: unset !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cate-mobile {
    display: block; }

  .cate-desktop {
    display: none !important; }

  .block-internal_info_banner .content_nav .title {
    width: 100%;
    max-width: 100%;
    font-size: 35px; }

  .top-shareholder_relations {
    position: relative; }
    .top-shareholder_relations .title {
      display: none; }
    .top-shareholder_relations .left {
      width: 100%; }
    .top-shareholder_relations .right {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: none;
      padding: 0 117px; }
      .top-shareholder_relations .right:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(180deg, #1B4298 0%, transparent 110%);
        z-index: 9; }
      .top-shareholder_relations .right .title_left, .top-shareholder_relations .right .label, .top-shareholder_relations .right .text, .top-shareholder_relations .right .note {
        position: relative;
        z-index: 99; }

  .reports__title {
    background: #1B4298; }
  .reports__content-image {
    width: 100%;
    height: 210px; }
  .reports__content-main {
    width: 100%;
    margin-left: unset;
    margin-top: 20px; }
    .reports__content-main .finace-reports__title .title, .reports__content-main .annual-reports__title .title {
      width: calc(100% - 170px);
      font-size: 16px;
      display: flex;
      align-items: center; }
    .reports__content-main .finace-reports__title .form-search, .reports__content-main .annual-reports__title .form-search {
      width: 170px; }
    .reports__content-main .finace-reports__timeline .timeline-years, .reports__content-main .annual-reports__timeline .timeline-years {
      width: 80%; }
    .reports__content-main .finace-reports__timeline .timeline-finace .item .name, .reports__content-main .annual-reports__timeline .timeline-finace .item .name {
      width: 60px;
      height: 60px; }

  .shareholdermeetings__title .title-main {
    width: 100%;
    background: #1B4298; }
  .shareholdermeetings__title .title-other {
    width: 100%;
    margin-top: 20px; }
    .shareholdermeetings__title .title-other__search .form-search {
      width: 170px; }
    .shareholdermeetings__title .title-other__search .list-year {
      width: calc(100% - 170px); }
  .shareholdermeetings__content-list .item-icon i {
    position: relative;
    top: 5px; }
  .shareholdermeetings__content-list .item-name {
    width: calc(100% - 82px - 30px);
    font-size: 13px; }
  .shareholdermeetings__content-list .item-date {
    font-size: 13px;
    width: 80px; }

  .new-generals .content-info-general {
    background-position: center !important; }
  .new-generals__content-simple {
    width: 100%;
    margin-right: unset; }
    .new-generals__content-simple .new-general-shareholder {
      margin-bottom: 30px; }
      .new-generals__content-simple .new-general-shareholder .image {
        height: 210px; }
  .new-generals__content-list {
    width: 100%; }
    .new-generals__content-list .new-general-shareholder {
      margin-bottom: 30px; }
      .new-generals__content-list .new-general-shareholder .image {
        height: 210px; }
  .new-generals__content-lists {
    background: rgba(255, 255, 255, 0.3); }
    .new-generals__content-lists ul {
      width: 70% !important; }
  .new-generals__content-paginate {
    width: 100%;
    position: unset !important; }

  .block-shareholder_relations .block-list_relat .title-block {
    margin-top: unset; }
  .block-shareholder_relations .block-list_relat .list {
    padding-right: 10px; }
    .block-shareholder_relations .block-list_relat .list li a {
      width: 100%;
      font-size: 13px; }
      .block-shareholder_relations .block-list_relat .list li a .date {
        position: relative; }
  .block-shareholder_relations .info {
    font-size: 13px; }

  .regulation {
    margin: 50px 0; }
    .regulation-title .title {
      font-size: 20px; }

  .box-news_category .cate_list_top {
    width: 100%;
    flex-wrap: wrap;
    overflow: auto;
    float: left;
    clear: both; }
    .box-news_category .cate_list_top .back {
      width: 100%;
      text-align: left; }
    .box-news_category .cate_list_top .list {
      margin-top: 20px;
      display: flex;
      flex-wrap: unset;
      background: #fff;
      clear: both;
      white-space: nowrap;
      overflow: hidden;
      overflow-x: scroll !important;
      -webkit-overflow-scrolling: touch;
      -ms-scroll-chaining: chained; }
  .box-news_category .l-1-content_body .box-content-section-1 {
    flex-wrap: wrap; }
    .box-news_category .l-1-content_body .box-content-section-1--left {
      width: 100%;
      margin-right: unset;
      margin-bottom: 30px;
      padding: unset; }
      .box-news_category .l-1-content_body .box-content-section-1--left .l-img {
        height: unset; }
        .box-news_category .l-1-content_body .box-content-section-1--left .l-img img {
          height: 360px; }
      .box-news_category .l-1-content_body .box-content-section-1--left .info-img h3 {
        font-size: 14px; }
    .box-news_category .l-1-content_body .box-content-section-1--right {
      width: 100%;
      padding: unset; }
      .box-news_category .l-1-content_body .box-content-section-1--right div {
        width: 100%;
        margin-bottom: 30px; }
        .box-news_category .l-1-content_body .box-content-section-1--right div .thumbnail {
          height: auto; }
        .box-news_category .l-1-content_body .box-content-section-1--right div img {
          height: 360px; }
        .box-news_category .l-1-content_body .box-content-section-1--right div h3 {
          font-size: 14px; }
      .box-news_category .l-1-content_body .box-content-section-1--right .item-general__image {
        height: auto; }
  .box-news_category .l-1-content_body .box-last_intro_page {
    margin-top: 40px; }
    .box-news_category .l-1-content_body .box-last_intro_page .image {
      width: 100%;
      display: none; }
    .box-news_category .l-1-content_body .box-last_intro_page .info {
      width: 100%;
      margin-left: unset !important; }
      .box-news_category .l-1-content_body .box-last_intro_page .info .box-info-diffirent a {
        font-size: 13px; }

  .list-info-generals__lists {
    background: rgba(255, 255, 255, 0.3); }
    .list-info-generals__lists ul {
      width: 75% !important; }

  .timeline-slide_parent {
    margin-top: 30px;
    width: calc(100% - 10px); }
    .timeline-slide_parent .timeline-dates {
      height: 60px !important; }
      .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide .dot {
        margin: 23px auto 1px auto; }
      .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-active {
        width: 60px !important;
        height: 60px !important; }
        .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-active .dot {
          width: 60px !important;
          height: 60px !important; }
        .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-active p {
          font-size: 20px !important; }
    .timeline-slide_parent .timeline-buttons-container .timeline-button-next, .timeline-slide_parent .timeline-buttons-container .timeline-button-prev {
      top: 7px; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-content-section-1 {
      width: 100%; }
      .timeline-slide_parent .l-1-content_body .conten-report-box .box-content-section-1 .report-head {
        width: 100%; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-file-report .content-report-title a p {
      width: 100% !important; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-file-report .content-report-file p {
      font-size: 13px !important; }

  .box-file-report .content-report-title a p {
    font-size: 13px !important; }
  .box-file-report .content-report-title a span {
    font-size: 13px; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .cate-mobile {
    display: block; }

  .cate-desktop {
    display: none; }

  .block-internal_info_banner .content_nav .title {
    width: 100%;
    max-width: 100%; }

  .top-shareholder_relations .right {
    padding: 0 53px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cate-mobile {
    display: block; }

  .cate-desktop {
    display: none !important; }

  .regulation {
    margin: 50px 0; }
    .regulation-title .title {
      font-size: 20px; }

  .stock-general .info_stock tbody tr td {
    padding: 15px 10px !important; }
    .stock-general .info_stock tbody tr td:first-child {
      width: 150px !important; }

  .stock-price__title p, .stock-chart__title p {
    color: #1b4298; }
  .stock-price .table-stock, .stock-chart .table-stock {
    overflow-x: auto; }
    .stock-price .table-stock table, .stock-chart .table-stock table {
      width: 100%; }
      .stock-price .table-stock table tbody tr, .stock-chart .table-stock table tbody tr {
        display: flex; }
        .stock-price .table-stock table tbody tr td, .stock-chart .table-stock table tbody tr td {
          width: 150px; }
        .stock-price .table-stock table tbody tr .price, .stock-chart .table-stock table tbody tr .price {
          font-size: 16px !important; }

  .top-shareholder_relations {
    position: relative; }
    .top-shareholder_relations .title {
      display: none; }
    .top-shareholder_relations .left {
      width: 100%; }
    .top-shareholder_relations .right {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: none;
      padding: 10px; }
      .top-shareholder_relations .right:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(180deg, #1B4298 0%, transparent 110%);
        z-index: 9; }
      .top-shareholder_relations .right .title_left, .top-shareholder_relations .right .label, .top-shareholder_relations .right .text, .top-shareholder_relations .right .note {
        position: relative;
        z-index: 99; }

  .reports__content-image {
    width: 100%;
    height: 210px; }
  .reports__content-main {
    width: 100%;
    margin-left: unset;
    margin-top: 20px; }
    .reports__content-main .finace-reports__title .title, .reports__content-main .annual-reports__title .title {
      width: calc(100% - 170px);
      font-size: 16px;
      display: flex;
      align-items: center; }
    .reports__content-main .finace-reports__title .form-search, .reports__content-main .annual-reports__title .form-search {
      width: 170px; }
    .reports__content-main .finace-reports__timeline .timeline-years, .reports__content-main .annual-reports__timeline .timeline-years {
      width: 80%; }
    .reports__content-main .finace-reports__timeline .timeline-finace .item .name, .reports__content-main .annual-reports__timeline .timeline-finace .item .name {
      width: 60px;
      height: 60px; }

  .shareholdermeetings__title .title-main {
    width: 100%; }
  .shareholdermeetings__title .title-other {
    width: 100%;
    margin-top: 20px; }
    .shareholdermeetings__title .title-other__search .form-search {
      width: 100%;
      order: 1; }
    .shareholdermeetings__title .title-other__search .list-year {
      width: 100%;
      order: 2;
      margin-top: 10px; }
    .shareholdermeetings__title .title-other__search ul {
      justify-content: flex-start !important; }
  .shareholdermeetings__content-list .item-icon i {
    position: relative;
    top: 5px; }
  .shareholdermeetings__content-list .item-name {
    width: calc(100% - 82px - 30px);
    font-size: 13px; }
  .shareholdermeetings__content-list .item-date {
    font-size: 13px;
    width: 80px; }

  .new-generals .content-info-general {
    background-position: center !important; }
  .new-generals__content-simple {
    width: 100%;
    margin-right: unset; }
    .new-generals__content-simple .new-general-shareholder {
      margin-bottom: 30px; }
      .new-generals__content-simple .new-general-shareholder .image {
        height: 210px; }
  .new-generals__content-list {
    width: 100%; }
    .new-generals__content-list .new-general-shareholder {
      margin-bottom: 30px; }
      .new-generals__content-list .new-general-shareholder .image {
        height: 210px; }
  .new-generals__content-lists {
    background: rgba(255, 255, 255, 0.3); }
    .new-generals__content-lists ul {
      width: 100% !important; }
      .new-generals__content-lists ul li {
        font-size: 14px;
        margin-bottom: 10px; }
  .new-generals__content-paginate {
    width: 100%;
    position: unset !important;
    justify-content: center; }

  .block-shareholder_relations .block-list_relat .title-block {
    margin-top: unset; }
  .block-shareholder_relations .block-list_relat .list {
    padding-right: 10px; }
    .block-shareholder_relations .block-list_relat .list li a {
      width: 100%;
      font-size: 13px; }
      .block-shareholder_relations .block-list_relat .list li a .date {
        position: relative; }
  .block-shareholder_relations .info {
    font-size: 13px; }

  .box-news_category .cate_list_top {
    width: 100%;
    flex-wrap: wrap;
    overflow: auto;
    float: left;
    clear: both; }
    .box-news_category .cate_list_top .back {
      width: 100%;
      text-align: left; }
    .box-news_category .cate_list_top .list {
      margin-top: 20px;
      display: flex;
      flex-wrap: unset;
      background: #fff;
      clear: both;
      white-space: nowrap;
      overflow: hidden;
      overflow-x: scroll !important;
      -webkit-overflow-scrolling: touch;
      -ms-scroll-chaining: chained; }
  .box-news_category .l-1-content_body .box-content-section-1 {
    flex-wrap: wrap; }
    .box-news_category .l-1-content_body .box-content-section-1--left {
      width: 100%;
      margin-right: unset;
      margin-bottom: 30px;
      padding: unset; }
      .box-news_category .l-1-content_body .box-content-section-1--left .l-img {
        height: unset; }
        .box-news_category .l-1-content_body .box-content-section-1--left .l-img img {
          height: 210px; }
      .box-news_category .l-1-content_body .box-content-section-1--left .info-img h3 {
        font-size: 14px; }
      .box-news_category .l-1-content_body .box-content-section-1--left .info-img p {
        font-size: 12px; }
    .box-news_category .l-1-content_body .box-content-section-1--right {
      width: 100%;
      padding: unset; }
      .box-news_category .l-1-content_body .box-content-section-1--right div {
        width: 100%;
        margin-bottom: 30px; }
        .box-news_category .l-1-content_body .box-content-section-1--right div .thumbnail {
          height: auto; }
        .box-news_category .l-1-content_body .box-content-section-1--right div img {
          height: 210px; }
        .box-news_category .l-1-content_body .box-content-section-1--right div h3 {
          font-size: 14px; }
      .box-news_category .l-1-content_body .box-content-section-1--right .item-general__image {
        height: auto; }
  .box-news_category .l-1-content_body .box-last_intro_page {
    margin-top: 40px; }
    .box-news_category .l-1-content_body .box-last_intro_page .image {
      width: 100%;
      display: none; }
    .box-news_category .l-1-content_body .box-last_intro_page .info {
      width: 100%;
      margin-left: unset !important; }
      .box-news_category .l-1-content_body .box-last_intro_page .info .box-info-diffirent a {
        font-size: 13px; }
  .box-news_category .relate-list__show {
    width: 100%; }

  .list-info-generals__lists {
    background: rgba(255, 255, 255, 0.3); }
    .list-info-generals__lists ul {
      width: 100% !important; }
      .list-info-generals__lists ul li {
        font-size: 14px;
        margin-bottom: 10px; }
  .list-info-generals__paginate {
    justify-content: center; }
    .list-info-generals__paginate .custom-page {
      top: -27px; }

  .timeline-slide_parent {
    margin-top: 30px;
    width: calc(100% - 10px); }
    .timeline-slide_parent .timeline-dates {
      height: 60px !important; }
      .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide .dot {
        margin: 23px auto 1px auto; }
      .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-thumb-active {
        width: 60px !important;
        height: 60px !important; }
        .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-thumb-active .dot {
          width: 60px !important;
          height: 60px !important; }
        .timeline-slide_parent .timeline-dates .swiper-wrapper .swiper-slide-thumb-active p {
          font-size: 20px !important; }
    .timeline-slide_parent .timeline-buttons-container .timeline-button-next, .timeline-slide_parent .timeline-buttons-container .timeline-button-prev {
      top: 7px; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-content-section-1 {
      width: 100%; }
      .timeline-slide_parent .l-1-content_body .conten-report-box .box-content-section-1 .report-head {
        width: 100%; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-file-report .content-report-title a p {
      width: 100% !important; }
    .timeline-slide_parent .l-1-content_body .conten-report-box .box-file-report .content-report-file p {
      font-size: 13px !important; }

  .box-file-report .content-report-title {
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px); }
    .box-file-report .content-report-title a p {
      font-size: 13px !important;
      width: 100% !important;
      margin-right: 5px !important; }
    .box-file-report .content-report-title a span {
      font-size: 13px; }
  .box-file-report .content-report-file {
    padding: 0; }

  .block-internal_info_banner .content_nav {
    position: relative;
    background: none;
    height: 143px; }
    .block-internal_info_banner .content_nav .title {
      width: 100%;
      font-size: 20px;
      line-height: 30px;
      height: 35px;
      line-height: 21px;
      padding: 10px;
      top: -82px; }
    .block-internal_info_banner .content_nav ul {
      width: 100%;
      flex-wrap: wrap;
      background: #1B4298 !important; }
      .block-internal_info_banner .content_nav ul li {
        width: 100%; }
        .block-internal_info_banner .content_nav ul li a {
          font-size: 15px;
          padding: 10px;
          border-bottom: none !important; }
        .block-internal_info_banner .content_nav ul li:last-child {
          border-bottom: 1px solid #fff; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .cooperate {
    width: 100%; }
    .cooperate .banner_full_width {
      height: 30vh; }
      .cooperate .banner_full_width .text-baner p {
        font-size: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cooperate {
    width: 100%; }
    .cooperate .banner_full_width {
      height: 30vh; }
      .cooperate .banner_full_width .text-baner p {
        font-size: 25px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .cooperate {
    width: 100%; }
    .cooperate .banner_full_width {
      height: 30vh; }
      .cooperate .banner_full_width .text-baner p {
        font-size: 25px; }
    .cooperate .block_content_parent .home-cooperate_page ul {
      flex-wrap: wrap; }
      .cooperate .block_content_parent .home-cooperate_page ul li {
        width: 100%; }
        .cooperate .block_content_parent .home-cooperate_page ul li a {
          width: 100%;
          padding: 10px 0; }
        .cooperate .block_content_parent .home-cooperate_page ul li:last-child {
          margin-top: 10px; }

  .partner .banner_full_width {
    height: 130px; }
  .partner .block_content_parent .title_block_content .title-general-intro {
    padding: unset; }
  .partner .block_content_parent .title_block_content .title_child {
    color: #fff;
    font-size: 15px; }
  .partner .block_content_parent form .register-cooperate_page {
    flex-wrap: wrap; }
    .partner .block_content_parent form .register-cooperate_page .input-form {
      width: 100%; }

  .block-required_pass {
    height: 300px; }
    .block-required_pass img {
      height: 100%;
      max-height: 100%;
      object-fit: cover; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .recruit-form .title_line_block_content .title_block {
    font-size: 30px !important; }
  .recruit-policy .title_line_block_content .title_block {
    font-size: 30px !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .recruit-form .title_line_block_content .title_block {
    font-size: 30px !important; }
  .recruit-policy .title_line_block_content .title_block {
    font-size: 30px !important; }

  .block_content_parent .box-table_recruit_news .table_box {
    overflow-x: auto; }
    .block_content_parent .box-table_recruit_news .table_box table thead tr, .block_content_parent .box-table_recruit_news .table_box table tbody tr {
      display: flex; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr th, .block_content_parent .box-table_recruit_news .table_box table tbody tr th {
        font-size: 14px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .stt, .block_content_parent .box-table_recruit_news .table_box table tbody tr .stt {
        width: 50px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .job, .block_content_parent .box-table_recruit_news .table_box table tbody tr .job {
        width: 250px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .location, .block_content_parent .box-table_recruit_news .table_box table tbody tr .location {
        width: 100px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .work, .block_content_parent .box-table_recruit_news .table_box table tbody tr .work {
        width: 150px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .deadline, .block_content_parent .box-table_recruit_news .table_box table tbody tr .deadline {
        width: 150px; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .banner_full_width .text {
    font-size: 13px;
    display: none; }
    .banner_full_width .text .title {
      font-size: 20px;
      line-height: 30px; }
    .banner_full_width .text a {
      margin-top: 10px; }

  .block_content_parent .title_line_block_content .title_block {
    font-size: 20px;
    line-height: 30px; }
  .block_content_parent .box-content_policy .slider_policy {
    height: 25vh; }
    .block_content_parent .box-content_policy .slider_policy .swiper-wrapper .swiper-slide .text {
      padding: 20px 10px; }
      .block_content_parent .box-content_policy .slider_policy .swiper-wrapper .swiper-slide .text .title {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px 0; }
      .block_content_parent .box-content_policy .slider_policy .swiper-wrapper .swiper-slide .text p {
        font-size: 15px;
        line-height: 25px; }
    .block_content_parent .box-content_policy .slider_policy .btn-slide {
      display: none; }
  .block_content_parent .box-table_recruit_news .filter_box {
    flex-wrap: wrap;
    padding: 10px; }
    .block_content_parent .box-table_recruit_news .filter_box .el_child {
      width: 100%;
      padding: 5px 0; }
      .block_content_parent .box-table_recruit_news .filter_box .el_child label {
        font-size: 12px !important;
        margin-bottom: 1px !important; }
      .block_content_parent .box-table_recruit_news .filter_box .el_child:nth-child(3n+2) {
        margin-left: unset !important;
        margin-right: unset !important; }
      .block_content_parent .box-table_recruit_news .filter_box .el_child:nth-child(3n+3) {
        margin-left: unset !important;
        margin-right: unset !important; }
      .block_content_parent .box-table_recruit_news .filter_box .el_child:last-child label {
        display: none !important; }
  .block_content_parent .box-table_recruit_news .table_box {
    overflow-x: auto; }
    .block_content_parent .box-table_recruit_news .table_box table thead tr, .block_content_parent .box-table_recruit_news .table_box table tbody tr {
      display: flex; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr th, .block_content_parent .box-table_recruit_news .table_box table tbody tr th {
        font-size: 14px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .stt, .block_content_parent .box-table_recruit_news .table_box table tbody tr .stt {
        width: 50px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .job, .block_content_parent .box-table_recruit_news .table_box table tbody tr .job {
        width: 290px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .location, .block_content_parent .box-table_recruit_news .table_box table tbody tr .location {
        width: 100px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .work, .block_content_parent .box-table_recruit_news .table_box table tbody tr .work {
        width: 150px; }
      .block_content_parent .box-table_recruit_news .table_box table thead tr .deadline, .block_content_parent .box-table_recruit_news .table_box table tbody tr .deadline {
        width: 150px; }

  .box-form_register .content-form_register .title {
    font-size: 20px; }
  .box-form_register .content-form_register form {
    flex-wrap: wrap; }
    .box-form_register .content-form_register form .form-input_child, .box-form_register .content-form_register form .form-file_child, .box-form_register .content-form_register form .form-button {
      width: 100%; }

  .popup-block .content-popup .text {
    padding: 0 10px; }
    .popup-block .content-popup .text .title {
      font-size: 20px; }

  .recruit-form .title_line_block_content .title_block {
    font-size: 22px !important; }
  .recruit-form .title_line_block_content .strong {
    -webkit-text-stroke: 1px rgba(20, 50, 116, 0.72) !important; }
  .recruit-policy .title_line_block_content .title_block {
    font-size: 22px !important; }
  .recruit-policy .title_line_block_content .strong {
    -webkit-text-stroke: 1px rgba(20, 50, 116, 0.72) !important; } }
html.hc-nav-yscroll {
  overflow-y: scroll; }

body {
  overflow-x: hidden; }

.foot-menu {
  width: 100%;
  margin-top: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px; }
  .foot-menu__title {
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px; }
  .foot-menu__info {
    width: 100%; }
    .foot-menu__info .email, .foot-menu__info .phone, .foot-menu__info .social {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      color: #fff;
      margin-top: 10px; }
      .foot-menu__info .email .icon, .foot-menu__info .phone .icon, .foot-menu__info .social .icon {
        width: 20px;
        float: left; }
      .foot-menu__info .email .text, .foot-menu__info .phone .text, .foot-menu__info .social .text {
        width: calc(100% - 20px);
        float: left; }
        .foot-menu__info .email .text a, .foot-menu__info .phone .text a, .foot-menu__info .social .text a {
          color: #fff; }
    .foot-menu__info .social {
      border-top: 1px solid #f5f5f5;
      padding-top: 10px; }

.sub-menu .nav-back {
  border-bottom: none; }

.menu-logo .image {
  text-align: center; }

/* body.hc-nav-open {
    position: fixed;
    width: 100%;
    min-height: 100%
} */
.hc-offcanvas-nav {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999999; }

.hc-offcanvas-nav.is-ios * {
  cursor: pointer !important; }

.hc-offcanvas-nav .nav-container {
  position: fixed;
  z-index: 9998;
  top: 0;
  width: 280px;
  max-width: 100%;
  height: 100%;
  transition: transform 0.4s ease; }

.hc-offcanvas-nav .nav-wrapper {
  width: 100%;
  overscroll-behavior: none; }

.hc-offcanvas-nav .nav-wrapper.nav-wrapper-1 {
  position: static;
  height: 100%;
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto; }

.hc-offcanvas-nav ul {
  list-style: none;
  margin: 0;
  padding: 10px; }

.hc-offcanvas-nav li {
  position: relative;
  display: block; }

.hc-offcanvas-nav li.level-open > .nav-wrapper {
  visibility: visible; }

.hc-offcanvas-nav input[type="checkbox"] {
  display: none; }

.hc-offcanvas-nav label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer; }

.hc-offcanvas-nav a {
  position: relative;
  display: block;
  box-sizing: border-box;
  cursor: pointer; }

.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover {
  text-decoration: none; }

.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
  content: '';
  position: fixed;
  z-index: 9990;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0.4s, opacity 0.4s ease; }

.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.05s; }

.hc-offcanvas-nav:not(.nav-open)::after {
  pointer-events: none; }

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {
  display: none; }

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
  min-width: 0;
  max-height: 0;
  overflow: hidden;
  transition: height 0s ease 0.4s; }

.hc-offcanvas-nav.nav-levels-expand .level-open > .nav-wrapper {
  max-height: none; }

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
  position: absolute;
  z-index: 9999;
  top: 0;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s ease 0.4s, transform 0.4s ease; }

.hc-offcanvas-nav.nav-levels-overlap ul ul {
  height: 100%;
  overflow: scroll;
  overflow-x: visible;
  overflow-y: auto; }

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {
  position: static; }

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open > .nav-wrapper {
  visibility: visible;
  transition: transform 0.4s ease; }

.hc-offcanvas-nav.side-left {
  left: 0; }

.hc-offcanvas-nav.side-left .nav-container {
  left: 0;
  transform: translate3d(-280px, 0, 0); }

.hc-offcanvas-nav.side-left.nav-levels-overlap li.level-open > .nav-wrapper {
  transform: translate3d(-40px, 0, 0); }

.hc-offcanvas-nav.side-left .nav-wrapper p {
  color: #fff;
  text-align: center;
  padding: 20px 0 0 0;
  text-transform: uppercase;
  font-weight: bold;
  display: none; }

.hc-offcanvas-nav.side-left.nav-levels-overlap li .nav-wrapper {
  left: 0;
  transform: translate3d(-100%, 0, 0); }

.hc-offcanvas-nav.side-right {
  right: 0; }

.hc-offcanvas-nav.side-right .nav-container {
  right: 0;
  transform: translate3d(280px, 0, 0); }

.hc-offcanvas-nav.side-right.nav-levels-overlap li.level-open > .nav-wrapper {
  transform: translate3d(40px, 0, 0); }

.hc-offcanvas-nav.side-right.nav-levels-overlap li .nav-wrapper {
  right: 0;
  transform: translate3d(100%, 0, 0); }

.hc-offcanvas-nav.nav-open .nav-container {
  transform: translate3d(0, 0, 0); }

.hc-nav-trigger {
  /*position: absolute;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  /*top: 20px;*/
  z-index: 9980;
  /*width: 30px;*/
  min-height: 24px; }

.hc-nav-trigger span {
  width: 30px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 50%; }

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
  display: block;
  position: absolute;
  left: 0;
  height: 4px;
  background: #34495E;
  transition: all 0.2s ease; }

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
  content: '';
  width: 100%; }

.hc-nav-trigger span::before {
  top: -10px; }

.hc-nav-trigger span::after {
  bottom: -10px; }

.hc-nav-trigger.toggle-open span {
  background: rgba(0, 0, 0, 0);
  transform: rotate(45deg); }

.hc-nav-trigger.toggle-open span::before {
  transform: translate3d(0, 10px, 0); }

.hc-nav-trigger.toggle-open span::after {
  transform: rotate(-90deg) translate3d(10px, 0, 0); }

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {
  background: rgba(0, 0, 0, 0.3); }

.hc-offcanvas-nav .nav-wrapper {
  background: #1B4298; }

.hc-offcanvas-nav h2 {
  font-size: 19px;
  font-weight: normal;
  text-align: left;
  padding: 20px 17px;
  color: #1b3958; }

.hc-offcanvas-nav a {
  padding: 14px 17px;
  font-size: 15px;
  color: #fff;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #1B4298; }

.hc-offcanvas-nav:not(.touch-device) a:hover {
  background: #31679e; }

.hc-offcanvas-nav .nav-wrapper-1 > ul:first-of-type:not(:first-child) > li:first-child:not(.nav-back):not(.nav-close) > a {
  border-top: 1px solid #1B4298; }

.hc-offcanvas-nav li.nav-close {
  display: none; }

.hc-offcanvas-nav li.active {
  /*border-top: 1px dashed #f2f2f2;*/ }

.hc-offcanvas-nav li {
  text-align: left;
  border-bottom: 1px solid #375eb3; }

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
  background: #1B4298;
  /*border-bottom: 1px dashed #f2f2f2*/ }

.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
  background: #1B4298; }

.hc-offcanvas-nav li.nav-parent a {
  padding-right: 58px; }

.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span {
  width: 45px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s ease; }

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff; }

.hc-offcanvas-nav li.nav-close span::before {
  margin-left: -9px;
  transform: rotate(135deg); }

.hc-offcanvas-nav li.nav-close span::after {
  transform: rotate(-45deg); }

.hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
  border-left: 1px solid #1B4298; }

.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -2px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform-origin: center; }

.hc-offcanvas-nav span.nav-next::before {
  transform: translate(-50%, -50%) rotate(135deg); }

.hc-offcanvas-nav li.nav-back span::before {
  transform: translate(-50%, -50%) rotate(-45deg); }

.hc-offcanvas-nav.side-left.nav-open .nav-wrapper {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); }

.hc-offcanvas-nav.side-right.nav-open .nav-wrapper {
  box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); }

.hc-offcanvas-nav.side-right span.nav-next::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(-45deg); }

.hc-offcanvas-nav.side-right li.nav-back span::before {
  margin-left: 0;
  margin-right: -2px;
  transform: translate(-50%, -50%) rotate(135deg); }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
  box-shadow: none;
  background: transparent; }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
  display: none; }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul a,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul a {
  font-size: 14px; }

.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {
  transition: background 0.3s ease; }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {
  background: #2e6296; }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a {
  border-bottom: 1px dashed #f2f2f2; }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover {
  background: #2f649a; }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open > a .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open > a .nav-next::before {
  margin-top: 2px;
  transform: translate(-50%, -50%) rotate(45deg); }

.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before {
  margin-top: -2px;
  transform: translate(-50%, -50%) rotate(225deg); }

.cf::before,
.cf::after {
  content: '';
  display: block;
  height: 0;
  overflow: hidden; }

.cf::after {
  clear: both; }

#container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  height: 100%;
  background: linear-gradient(-134deg, #517FA4 0%, #243949 100%); }

.wrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px; }

#main-nav {
  display: none; }

header {
  position: relative;
  /* padding: 50px 0 20px */ }

header .toggle {
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  top: 20px;
  z-index: 9980;
  width: 35px;
  min-height: 24px;
  position: relative;
  width: auto;
  top: auto;
  left: auto;
  float: left;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  line-height: 24px; }

header .toggle span {
  width: 35px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 50%; }

header .toggle span,
header .toggle span::before,
header .toggle span::after {
  display: block;
  position: absolute;
  left: 0;
  height: 4px;
  background: #182631;
  transition: all 0.25s ease; }

header .toggle span::before,
header .toggle span::after {
  content: '';
  width: 100%; }

header .toggle span::before {
  top: -10px; }

header .toggle span::after {
  bottom: -10px; }

header .toggle.toggle-open span {
  background: rgba(0, 0, 0, 0);
  transform: rotate(45deg); }

header .toggle.toggle-open span::before {
  transform: translate3d(0, 10px, 0); }

header .toggle.toggle-open span::after {
  transform: rotate(-90deg) translate3d(10px, 0, 0); }

header .toggle:hover span,
header .toggle:hover span::before,
header .toggle:hover span::after {
  background: #dab977; }

header .toggle div {
  display: inline-block;
  margin-right: 15px; }

.hc-offcanvas-nav h2 {
  font-weight: 400;
  color: white; }

.hc-offcanvas-nav a {
  font-size: 16px; }

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
  .organization-chart__container {
    width: 1366px; }
    .organization-chart__container-title {
      width: 1000px;
      left: 42%; }
      .organization-chart__container-title p {
        font-size: 50px;
        line-height: 74px; }

  .button-member {
    width: 200px;
    height: 40px;
    left: 532px; }

  .nguyen-quynh-trang {
    top: 547px; }

  .tran-dinh-tuan {
    top: 658px; }

  .nguyen-khac-hai {
    top: 437px; }

  .nguyen-huu-toi {
    top: 325px; }

  .duong-van-mau {
    top: 205px; }

  .dang-thanh-huan {
    width: 42px;
    height: 143px;
    left: 736px;
    top: 53px; }

  .ban-kiem-soat {
    width: 115px;
    left: 153px;
    top: 459px; }

  .nguyen-xuan-dong {
    width: 153px;
    left: 335px;
    top: 379px; } }
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .organization-chart__container {
    width: 1280px; }
    .organization-chart__container-title {
      width: 1000px;
      left: 44%; }
      .organization-chart__container-title p {
        font-size: 50px;
        line-height: 74px; }

  .button-member {
    width: 190px;
    height: 40px;
    left: 485px; }

  .nguyen-quynh-trang {
    top: 511px; }

  .tran-dinh-tuan {
    top: 616px; }

  .nguyen-khac-hai {
    top: 407px; }

  .nguyen-huu-toi {
    top: 303px; }

  .duong-van-mau {
    top: 191px; }

  .nguyen-xuan-dong {
    top: 354px;
    left: 314px;
    width: 143px; }

  .dang-thanh-huan {
    width: 42px;
    height: 143px;
    left: 689px;
    top: 45px; }

  .ban-kiem-soat {
    width: 107px;
    height: 31px;
    left: 142px;
    top: 435px; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .organization-chart__container {
    width: 970px;
    overflow: hidden; }
    .organization-chart__container-title {
      width: 1000px;
      left: 44%;
      display: none;
      display: none; }
      .organization-chart__container-title p {
        font-size: 50px;
        line-height: 74px; }
    .organization-chart__container .title-organization-mobile {
      display: block; }
    .organization-chart__container-image .image .desktop {
      display: none; }
    .organization-chart__container-image .image .mobile {
      display: none; }
    .organization-chart__container-image .image .tablet {
      display: block; }

  .button-member {
    width: 266px;
    height: 66px;
    left: 351px; }

  .nguyen-quynh-trang {
    top: 975px; }

  .tran-dinh-tuan {
    top: 1105px; }

  .nguyen-khac-hai {
    top: 850px; }

  .nguyen-huu-toi {
    top: 720px; }

  .duong-van-mau {
    top: 590px; }

  .nguyen-xuan-dong {
    top: 466px; }

  .dang-thanh-huan {
    width: 60px;
    height: 183px;
    top: 1038px;
    left: 200px; }

  .ban-kiem-soat {
    width: 187px;
    height: 64px;
    top: 344px;
    left: 656px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organization-chart__container {
    width: 750px;
    overflow: hidden; }
    .organization-chart__container-title {
      width: 700px;
      left: 44%;
      display: none; }
      .organization-chart__container-title p {
        font-size: 30px;
        line-height: 45px; }
    .organization-chart__container .title-organization-mobile {
      display: block; }
    .organization-chart__container-image .image .desktop {
      display: none; }
    .organization-chart__container-image .image .mobile {
      display: none; }
    .organization-chart__container-image .image .tablet {
      display: block; }

  .button-member {
    width: 211px;
    height: 48px;
    left: 270px; }

  .nguyen-quynh-trang {
    top: 755px; }

  .tran-dinh-tuan {
    top: 855px; }

  .nguyen-khac-hai {
    top: 658px; }

  .nguyen-huu-toi {
    top: 558px; }

  .duong-van-mau {
    top: 458px; }

  .nguyen-xuan-dong {
    top: 361px; }

  .dang-thanh-huan {
    width: 42px;
    height: 140px;
    top: 802px;
    left: 157px; }

  .ban-kiem-soat {
    width: 143px;
    height: 50px;
    top: 266px;
    left: 507px; } }
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .organization-chart__container {
    width: 440px;
    overflow: hidden; }
    .organization-chart__container-title {
      width: calc(440px - 40px);
      left: 44%;
      display: none; }
      .organization-chart__container-title p {
        font-size: 30px;
        line-height: 30px; }
    .organization-chart__container .title-organization-mobile {
      display: block; }
      .organization-chart__container .title-organization-mobile p {
        font-size: 30px; }
    .organization-chart__container-image .image .desktop {
      display: none; }
    .organization-chart__container-image .image .mobile {
      display: block; }
    .organization-chart__container-image .image .tablet {
      display: none; }

  .button-member {
    width: 136px;
    height: 29px;
    left: 152px; }

  .nguyen-quynh-trang {
    top: 442px; }

  .tran-dinh-tuan {
    top: 501px; }

  .nguyen-khac-hai {
    top: 385px; }

  .nguyen-huu-toi {
    top: 326px; }

  .duong-van-mau {
    top: 267px; }

  .nguyen-xuan-dong {
    top: 210px; }

  .dang-thanh-huan {
    width: 23px;
    height: 82px;
    top: 470px;
    left: 92px; }

  .ban-kiem-soat {
    width: 86px;
    height: 26px;
    top: 156px;
    left: 295px; }

  .popup-member {
    max-height: calc(100vh - 100px); }
    .popup-member__content .bg-member {
      background-image: none !important; }
    .popup-member__content .information-content .item {
      width: 100%;
      margin-bottom: 20px; }
    .popup-member__content-image {
      width: 100%; }
    .popup-member__content-text {
      width: 100%;
      padding-top: 5px;
      padding-bottom: 30px; }
      .popup-member__content-text .name {
        font-size: 16px; }
      .popup-member__content-text .position-main, .popup-member__content-text .position-sub {
        font-size: 20px;
        line-height: 23px; }

  .modal.show {
    padding-top: 100px; } }
@media only screen and (min-width: 0px) and (max-width: 449px) {
  .organization-chart__container {
    width: calc(100%);
    overflow: hidden; }
    .organization-chart__container-title {
      width: calc(100% - 10px);
      left: 44%;
      display: none; }
      .organization-chart__container-title p {
        font-size: 50px;
        line-height: 74px; }
    .organization-chart__container .title-organization-mobile {
      display: block; }
      .organization-chart__container .title-organization-mobile p {
        font-size: 26px; }
    .organization-chart__container-image .image .desktop {
      display: none; }
    .organization-chart__container-image .image .mobile {
      display: block; }
    .organization-chart__container-image .image .tablet {
      display: none; }

  .button-member {
    width: 136px;
    height: 29px;
    left: 34%; }

  .nguyen-quynh-trang {
    top: 46.5%; }

  .tran-dinh-tuan {
    top: 52.5%; }

  .nguyen-khac-hai {
    top: 40.5%; }

  .nguyen-huu-toi {
    top: 34.2%; }

  .duong-van-mau {
    top: 28%; }

  .nguyen-xuan-dong {
    top: 21.8%; }

  .dang-thanh-huan {
    width: 23px;
    height: 82px;
    top: 49.5%;
    left: 20.7%; }

  .ban-kiem-soat {
    width: 86px;
    height: 23px;
    top: 16.5%;
    left: 67%; }

  .popup-member {
    max-height: calc(100vh - 100px); }
    .popup-member__content .bg-member {
      background-image: none !important; }
    .popup-member__content .information-content .item {
      width: 100%;
      margin-bottom: 20px; }
    .popup-member__content-image {
      width: 100%;
      height: 250px; }
    .popup-member__content-text {
      width: 100%;
      padding-top: 5px;
      padding-bottom: 30px; }
      .popup-member__content-text .name {
        font-size: 16px; }
      .popup-member__content-text .position-main, .popup-member__content-text .position-sub {
        font-size: 20px;
        line-height: 23px; }

  .modal.show {
    padding-top: 100px; } }
@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .union-content__list .item-union__info-name .name {
    font-size: 18px;
    line-height: 22px; }
  .union-content__list .item-union__info-date {
    font-size: 15px; }
  .union-detail__content-main {
    width: 100%; }
    .union-detail__content-main--title .title-page {
      font-size: 25px; }
  .union-detail__content-sitebar {
    display: none; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .union-content__list .item-union__info-name .name {
    font-size: 18px;
    line-height: 22px; }
  .union-content__list .item-union__info-date {
    font-size: 15px; }
  .union-detail__content-main {
    width: 100%; }
    .union-detail__content-main--title .title-page {
      font-size: 25px; }
  .union-detail__content-sitebar {
    display: none; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .union-content__list .item-union__image {
    width: 100%; }
    .union-content__list .item-union__image .image {
      height: 210px; }
  .union-content__list .item-union__info {
    width: 100%;
    margin-top: 10px;
    margin-left: unset; }
    .union-content__list .item-union__info-name .name {
      font-size: 16px; }
    .union-content__list .item-union__info-date {
      font-size: 13px; }
  .union-detail__content-main {
    width: 100%; }
    .union-detail__content-main--title .title-page {
      font-size: 25px; }
    .union-detail__content-main--cate .list-cate-page {
      width: 100%; }
    .union-detail__content-main--cate .date-post {
      width: 100%;
      text-align: left; }
    .union-detail__content-main--detail {
      margin-top: 22px; }
      .union-detail__content-main--detail .detail-action {
        width: 100%; }
      .union-detail__content-main--detail .detail-show {
        width: 100%;
        margin-left: unset; }
  .union-detail__content-sitebar {
    display: none; } }

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