@media screen and (max-width: 768px) {
  html {
    font-size: 16px !important;
  }
  body {
    font-size: 1rem;
  }
  .content {
    padding: 0 20px;
  }
  .swiper_content {
    padding: 10px 20px;
  }
  .only_mobile {
    display: block;
  }
  body.fixed {
    padding-right: 0;
  }
  .gap {
    gap: 1rem;
  }
  .btn,
  .btn_line,
  .btn_i,
  .btn_line_i {
    font-size: 14px;
    letter-spacing: unset;
    line-height: 1.5;
    padding: 10px 20px;
    min-width: unset;
    gap: 8px;
  }
  .btn::after,
  .btn_line::after,
  .btn_i::after,
  .btn_line_i::after {
    width: 12px;
    height: 12px;
  }
  .swiper_btns {
    gap: 1rem;
  }
  .swiper_btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .swiper_btns div::after {
    background-size: 7px;
  }
  .head.sm strong {
    margin-bottom: 8px;
  }
  .head.sm h2 {
    font-size: 22px;
    line-height: 1.5;
  }
  .head .subtitle,
  .head strong {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
    letter-spacing: unset;
    word-spacing: unset;
  }
  .head h1 {
    font-size: 25px;
    line-height: 1.5;
    letter-spacing: unset;
    word-spacing: unset;
  }
  .head h2 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: unset;
    word-spacing: unset;
  }
  .head .desc,
  .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 10px;
    letter-spacing: unset;
    word-spacing: unset;
    max-width: unset;
  }
  .head .btn,
  .head .btn_line,
  .head .btn_i,
  .head .btn_line_i {
    margin-top: 20px;
    padding: 12px 1.5rem;
  }
  .video_pop .pop_content {
    height: auto;
    width: 90vw;
  }
  header {
    width: 100%;
    left: 0;
    top: 0;
    transform: translate(0);
    position: sticky;
    padding-bottom: 0;
  }
  header .flex {
    border-bottom: none;
  }
  header .logo img {
    height: 20px;
  }
  header .btns {
    padding: 0;
    gap: 26px;
    min-height: 4rem;
  }
  footer .footer_main {
    padding: 4rem 0 3rem;
  }
  footer .footer_main .flex {
    display: block;
  }
  footer .slide_intro {
    margin: 0;
    width: 100%;
    display: grid;
  }
  footer .slide_intro .logo {
    width: auto;
    margin: 0 auto;
  }
  footer .slide_intro .logo img {
    height: 32px;
  }
  footer .slide_intro p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 20px 0 0;
  }
  footer .slide_social {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  footer .slide_social .social {
    margin-top: 2rem;
    gap: 1rem;
    justify-content: space-around;
  }
  footer .slide_social .social a {
    width: 2.5rem;
    height: 2.5rem;
  }
  footer .slide_obj:not(.slide_connect) {
    width: 100%;
  }
  footer .slide_obj:not(.slide_connect) strong {
    font-size: 1rem;
    line-height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 0 22px;
    position: relative;
    margin-bottom: 1rem;
  }
  footer .slide_obj:not(.slide_connect) strong::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/arrow-down.svg) no-repeat center / contain;
    position: absolute;
    filter: contrast(0) brightness(2);
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
  }
  footer .slide_obj:not(.slide_connect).active strong::after {
    transform: translateY(-50%) rotate(180deg);
  }
  footer .slide_obj:not(.slide_connect) > div {
    display: none;
    padding: 0 1.2rem 1.2rem;
  }
  footer .slide_obj:not(.slide_connect) > div li {
    margin-bottom: 14px;
  }
  footer .slide_obj:not(.slide_connect) > div a {
    font-size: 14px;
    line-height: normal;
    display: block;
    font-weight: normal;
  }
  footer .slide_obj:not(.slide_connect) > div p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  footer .slide_connect {
    width: 100%;
    padding-top: 20px;
  }
  footer .slide_connect strong {
    font-size: 18px;
    margin-bottom: 20px;
  }
  footer .slide_connect li {
    padding-left: 2rem;
    margin-bottom: 20px;
  }
  footer .slide_connect li::before {
    width: 14px;
    height: 14px;
    top: 6px;
  }
  footer .slide_connect li a {
    font-size: 1rem;
    line-height: 1.5;
  }
  footer .slide_connect li .label {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 2px;
    max-width: unset;
  }
  footer .slide_connect .email::before {
    top: 5px;
  }
  footer .copyright {
    padding: 20px 0;
  }
  footer .copyright .flex {
    gap: 2rem;
    flex-direction: column-reverse;
  }
  footer .copyright ul {
    gap: 1rem;
  }
  footer .copyright p {
    font-size: 13px;
  }
  footer .copyright a {
    font-size: 14px;
  }
  .footer_contact {
    padding: 3rem 0 4rem;
  }
  .footer_contact .card {
    width: calc(100% - 20px);
    border-radius: 12px;
    padding: 2rem 0 3rem;
  }
  .footer_contact form {
    margin-top: 2rem;
    gap: 1rem;
  }
  .footer_contact form .col-3 {
    width: 100%;
  }
  .footer_contact form input,
  .footer_contact form textarea {
    font-size: 14px;
    line-height: 1.5;
    padding: 14px 0;
  }
  .footer_contact form textarea {
    height: 50px;
  }
  .footer_contact form input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-top: 0;
  }
  .footer_contact form input[type=checkbox] ~ span {
    width: calc(100% - 25px);
    font-size: 0.9rem;
    padding-left: 12px;
    line-height: 1.5;
    margin-top: 0;
  }
  .footer_contact form .btn {
    margin-top: 1rem;
  }
  .blog_item .img {
    border-radius: 12px;
  }
  .blog_item .info {
    margin-top: 1.2rem;
  }
  .blog_item .metas {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .blog_item .metas .date {
    grid-template-columns: 16px 1fr;
    gap: 10px;
  }
  .blog_item h3 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .blog_item .link {
    font-size: 0.9rem;
  }
  .page_blog {
    padding: 3rem 0;
    overflow: hidden;
  }
  .page_blog .flex {
    gap: 20px 1rem;
  }
  .page_blog .btn_line,
  .page_blog .btn_line_i {
    margin-bottom: 0;
    margin-top: 0;
  }
  .page_blog .page_blog_swiper {
    margin-top: 2rem;
    overflow: unset;
  }
  .page_blog .swiper_btns {
    display: none;
  }
  .page_contact {
    padding: 3rem 0;
  }
  .page_contact .items {
    margin-top: 0;
  }
  .page_contact .items > div {
    column-count: 1;
  }
  .page_contact .items > div::after {
    display: none;
  }
  .page_contact .item {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 2rem 0;
  }
  .page_contact .item .icon {
    width: 3rem;
    padding: 0;
    height: 3rem;
    order: -1;
  }
  .page_contact .item .title {
    font-size: 18px;
    letter-spacing: unset;
  }
  .page_contact .item ul {
    margin-top: 20px;
  }
  .page_contact .item ul li {
    font-size: 0.9rem;
    line-height: 1.5;
    padding-left: 2rem;
    margin-bottom: 10px;
  }
  .page_contact .item ul li::before {
    width: 20px;
    height: 20px;
  }
  .page_contact .item ul .locate {
    line-height: 1.5;
  }
  .page_contact .item ul .phone {
    gap: 10px;
  }
  .page_contact .item ul .phone a {
    padding-right: 10px;
  }
  .page_contact .item ul .email {
    line-height: 1.5;
  }
  .page_contact .item ul .email::before {
    top: 4px;
  }
  .page_contact .item:last-child {
    border-bottom: none;
  }
  .page_contact .no-border {
    border-bottom: 1px solid;
  }
  .page_search .search_box {
    margin: 0;
    border-radius: 12px;
  }
  .page_search .tabbar ul {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .page_search .tabbar ul::-webkit-scrollbar {
    display: none;
  }
  .page_search .tabbar li {
    border-radius: 12px 12px 0 0;
    font-size: 16px;
    padding: 1rem 20px;
  }
  .page_search .tabbar li.active {
    padding: 1rem 20px;
  }
  .page_search .main {
    padding: 1.2rem 20px;
  }
  .page_search form {
    gap: 1rem;
  }
  .page_search form > span {
    flex: 1 0 240px;
  }
  .page_search form .label {
    font-size: 0.9rem;
    margin-bottom: 12px;
  }
  .page_search form input,
  .page_search form select {
    font-size: 14px;
    padding: 14px 20px;
  }
  .page_search form select {
    padding-right: 3rem;
    background-size: 12px;
    background-position: right 20px center;
  }
  .page_banner {
    padding: 0;
  }
  .page_banner .inner {
    width: 100%;
  }
  .page_banner .main {
    border-radius: 0;
  }
  .page_banner .main::before {
    background-image: unset;
    background-color: #000;
    opacity: 0.6;
  }
  .page_banner .flex {
    min-height: unset;
    padding: 3rem 0 4rem;
  }
  .page_banner .head {
    padding: 0;
    max-width: unset;
  }
  .page_banner form {
    max-width: 350px;
    margin-top: 20px;
    border-radius: 6px;
  }
  .page_banner form input[type=text] {
    font-size: 14px;
    padding: 14px 20px;
  }
  .page_banner form input[type=submit] {
    width: 46px;
    height: 46px;
    border-radius: 6px;
  }
  .page_gallery {
    padding: 4rem 0 3rem;
  }
  .page_gallery .items {
    margin-top: 2rem;
  }
  .page_gallery .items ul {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .page_gallery .items .img {
    border-radius: 12px;
  }
  .page_nav {
    padding: 3rem 0 4rem;
  }
  .page_nav .nav_list {
    gap: 1rem;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: calc(100% + 40px);
    margin: 2rem -20px 0;
    padding: 0 20px;
    overflow-x: auto;
  }
  .page_nav .nav_list::-webkit-scrollbar {
    display: none;
  }
  .page_nav .nav_item {
    flex: 1 0 140px;
    margin: 0 auto;
  }
  .page_nav .nav_item.lar {
    flex: 1 0 166px;
  }
  .page_nav .nav_item.lar .title {
    max-width: unset;
  }
  .page_nav .nav_item a::after {
    width: 12px;
    height: 12px;
    margin-top: 1rem;
  }
  .page_nav .nav_item .icon {
    width: 60px;
    height: 60px;
  }
  .page_nav .nav_item .title {
    font-size: 16px;
    line-height: 1.5;
    max-width: unset;
    margin-top: 1rem;
  }
  .home_banner .home_banner_swiper .swiper-slide {
    padding-bottom: 1rem;
  }
  .home_banner .flex {
    min-height: unset;
    padding: 3rem 0;
  }
  .home_banner .head {
    max-width: unset;
    padding: 0;
  }
  .home_banner .logo {
    max-width: 140px;
    max-height: 47px;
  }
  .home_banner .title {
    font-size: 25px;
    line-height: 1.5;
    letter-spacing: unset;
  }
  .home_banner .svg {
    margin: 1rem 0;
  }
  .home_banner .info {
    margin-top: 1rem;
  }
  .home_banner .info li {
    font-size: 0.9rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
  }
  .home_banner .info li i {
    width: 20px;
    height: 20px;
  }
  .home_banner .contact_box {
    max-width: 344px;
    border-radius: 10px;
    font-size: 0.9rem;
    padding: 1.2rem 20px 1.5rem;
    margin-top: 2rem;
  }
  .home_banner .contact_box p {
    margin-bottom: 6px;
    margin-top: 0;
  }
  .home_banner .contact_box a {
    font-size: 18px;
    letter-spacing: unset;
  }
  .home_banner .swiper_con {
    display: none;
  }
  .home_search {
    margin-top: -2rem;
  }
  .home_services {
    padding: 3rem 0 4rem;
  }
  .home_services .head {
    max-width: unset;
  }
  .home_services .home_services_swiper {
    margin-top: 1.2rem;
  }
  .home_services .home_services_swiper a {
    padding: 2rem 20px 1.5rem;
    border-radius: 12px;
  }
  .home_services .home_services_swiper a::after {
    display: none;
  }
  .home_services .home_services_swiper .img {
    opacity: 1;
    height: 100%;
    border-radius: 12px;
  }
  .home_services .home_services_swiper .icon {
    width: 3rem;
    height: 3rem;
    transform: translateY(0);
  }
  .home_services .home_services_swiper .info {
    margin-top: 1rem;
    transform: translateY(0);
  }
  .home_services .home_services_swiper .info h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 10px;
  }
  .home_services .home_services_swiper .info p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 0;
    opacity: 1;
    margin-bottom: 2rem;
  }
  .home_services .home_services_swiper i {
    display: none;
  }
  .home_services .home_services_swiper .btn {
    opacity: 1;
    transform: translateY(0);
  }
  .home_services .swiper_con {
    margin-top: 2rem;
    gap: 1rem;
  }
  .home_services .pagination {
    font-size: 14px;
    gap: 1rem;
  }
  .home_services .pagination .line {
    width: 52px;
  }
  .home_advantage {
    padding: 4rem 0;
  }
  .home_advantage .items {
    margin-top: 2rem;
  }
  .home_advantage .items > ul {
    grid-template-columns: 1fr;
    gap: 1.6rem 1.2rem;
  }
  .home_advantage .item {
    border-radius: 12px;
    padding: 2rem 20px;
  }
  .home_advantage .item::before,
  .home_advantage .item::after {
    border-radius: 12px;
  }
  .home_advantage .item.active::after {
    bottom: -10px;
  }
  .home_advantage .item .icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  .home_advantage .item .info {
    margin-top: 1rem;
  }
  .home_advantage .item h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .home_advantage .item p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .home_numbers {
    padding: 4rem 0 3rem;
  }
  .home_numbers .head {
    padding: 0;
  }
  .home_numbers .year {
    gap: 12px;
    margin-left: auto;
  }
  .home_numbers .year span {
    font-size: 2rem;
  }
  .home_numbers .year .num {
    font-size: 3rem;
  }
  .home_numbers .year .label {
    font-size: 0.9rem;
    line-height: 1.5;
    max-width: 100px;
  }
  .home_numbers .nums {
    margin-top: 2rem;
  }
  .home_numbers .nums > ul {
    grid-template-columns: 1fr 1fr;
  }
  .home_numbers .nums li {
    padding: 1rem;
  }
  .home_numbers .nums li span {
    font-size: 1.4rem;
  }
  .home_numbers .nums li .num {
    font-size: 1.6rem;
    letter-spacing: unset;
    margin-right: 4px;
  }
  .home_numbers .nums li .label {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 6px;
  }
  .home_global {
    padding: 3rem 0;
  }
  .home_global .float {
    margin-top: 2rem;
  }
  .home_global .float > ul {
    display: grid;
    gap: 1rem;
  }
  .home_global .float li {
    position: static;
    width: 100%;
    display: block;
  }
  .home_global .float li:last-child {
    margin-bottom: 0;
  }
  .home_global .sign {
    display: none;
  }
  .home_global .box {
    width: 100%;
    opacity: 1;
    transform: translateX(0);
    padding: 1.2rem 20px 12px;
    border-radius: 12px;
    pointer-events: all;
  }
  .home_global .box::after {
    border-radius: 12px;
  }
  .home_global .box::before {
    display: none;
  }
  .home_global .box .title {
    font-size: 22px;
    gap: 1rem;
  }
  .home_global .box .title .flag {
    width: 3rem;
    height: 3rem;
    padding: 2px;
  }
  .home_global .box ul {
    margin-top: 1rem;
  }
  .home_global .box ul li {
    font-size: 0.9rem;
    padding: 12px 0;
    margin-bottom: 0;
  }
  .home_global .box ul li span {
    font-size: 16px;
  }
  .home_global .box ul li .num {
    font-size: 20px;
  }
  .home_about {
    padding: 3rem 0 4rem;
    position: relative;
    z-index: 2;
  }
  .home_about::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-color: #fff;
    z-index: -1;
    opacity: 0.8;
    pointer-events: none;
  }
  .home_about .flex {
    display: block;
    padding-bottom: 0;
  }
  .home_about .left {
    padding: 0;
  }
  .home_about .desc {
    max-width: unset;
    margin-top: 1.2rem;
  }
  .home_about h3 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .home_about p {
    margin-bottom: 0;
  }
  .home_partner {
    padding: 3rem 0;
  }
  .home_partner .left {
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
    max-width: unset;
  }
  .home_partner .home_partner_swiper {
    margin-top: 20px;
    border-radius: 10px;
  }
  .home_partner .home_partner_swiper .swiper-slide {
    margin-bottom: 0;
  }
  .home_partner .home_partner_swiper .img {
    border-radius: 10px;
  }
  .home_partner .right {
    width: 100%;
    margin-right: 0;
  }
  .home_partner .right .img {
    margin-top: 0;
    width: 100%;
  }
  .home_message {
    padding: 3rem 0 3rem;
  }
  .home_message .home_message_swiper {
    width: calc(100% - 20px);
    border-radius: 12px;
  }
  .home_message .home_message_swiper .swiper-slide {
    padding: 2rem 0 6rem;
  }
  .home_message .home_message_swiper .flex {
    display: block;
  }
  .home_message .home_message_swiper .left {
    padding: 0;
  }
  .home_message .home_message_swiper i {
    width: 2rem;
    height: 2rem;
  }
  .home_message .home_message_swiper .desc {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 1rem;
  }
  .home_message .home_message_swiper .info {
    gap: 1rem;
    font-size: 16px;
    margin-top: 1.2rem;
    margin-left: auto;
  }
  .home_message .home_message_swiper .info .label {
    font-size: 0.9rem;
    margin-top: 3px;
  }
  .home_message .home_message_swiper .info .avatar {
    width: 3rem;
    height: 3rem;
  }
  .home_message .swiper_btns {
    bottom: 1.5rem;
    gap: 1rem;
    padding: 0 20px;
  }
  .home_message .swiper_btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .home_message .swiper_btns div::after {
    background-size: 7px;
  }
  .about_partners {
    padding: 3rem 0;
    overflow: hidden;
  }
  .about_partners .inner {
    width: calc(100% + 40px);
    margin: 2rem -20px 0;
    padding: 0 20px;
  }
  .about_partners .about_partners_swiper {
    border-radius: 8px;
    overflow: unset;
  }
  .about_partners .about_partners_swiper .img {
    border-radius: 8px;
  }
  .about_milestones {
    padding: 4rem 0;
  }
  .about_milestones .about_milestones_swiper {
    margin-top: 2rem;
  }
  .about_milestones .about_milestones_swiper::before {
    left: -20px;
    top: 5rem;
  }
  .about_milestones .about_milestones_swiper .swiper-slide {
    max-width: 300px;
  }
  .about_milestones .about_milestones_swiper .item {
    grid-template-columns: 8px 1fr;
    gap: 10px 1rem;
  }
  .about_milestones .about_milestones_swiper strong {
    font-size: 20px;
  }
  .about_milestones .about_milestones_swiper p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 5rem;
  }
  .about_milestones .watermark {
    font-size: 5rem;
    margin-bottom: -4rem;
    margin-top: 4rem;
    letter-spacing: 0;
  }
  .about_intro {
    padding: 4rem 0;
  }
  .about_intro .imgs {
    width: 100%;
  }
  .about_intro .imgs .img {
    border-radius: 12px;
  }
  .about_intro .imgs .img_sm {
    border-width: 5px;
  }
  .about_intro .head {
    padding: 0;
  }
  .about_intro h2 {
    margin-bottom: 0;
  }
  .about_intro ul {
    margin-top: 1rem;
  }
  .about_intro ul li {
    padding-left: 1.5rem;
    margin-bottom: 10px;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .about_intro ul li::before {
    width: 14px;
    height: 14px;
    top: 6px;
  }
  .about_values {
    padding: 4rem 0;
  }
  .about_values .items {
    margin-top: 2rem;
  }
  .about_values .items > div {
    grid-template-columns: 1fr;
    gap: 2rem 0;
  }
  .about_values .items .item {
    padding: 1.5rem 20px 2rem;
  }
  .about_values .items .icon {
    width: 70px;
    height: 70px;
  }
  .about_values .items .info {
    margin-top: 1rem;
  }
  .about_values .items h3 {
    font-size: 18px;
  }
  .about_values .items p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .about_certification {
    padding: 4rem 0;
  }
  .about_certification .flex {
    display: block;
  }
  .about_certification h2 {
    max-width: unset;
  }
  .about_certification p {
    padding: 0;
  }
  .about_certification .about_certification_swiper {
    margin-top: 2rem;
    padding: 0;
  }
  .about_certification .about_certification_swiper .img_pop {
    padding: 6px;
    border-radius: 12px;
  }
  .about_certification .about_certification_swiper .img_pop .img {
    border-radius: 12px;
  }
  .about_certification .about_certification_swiper .title {
    font-size: 18px;
    max-width: unset;
    margin-top: 1rem;
  }
  .about_certification .swiper_btns {
    position: static;
    width: 100%;
    padding: 0 20px;
    transform: translate(0);
    margin-top: 2rem;
    justify-content: flex-end;
  }
  .about_leaders {
    overflow: hidden;
    padding: 4rem 0;
  }
  .about_leaders::before {
    height: 100%;
  }
  .about_leaders .about_leaders_intro_swiper {
    margin-top: 2rem;
    margin-bottom: 0;
  }
  .about_leaders .about_leaders_intro_swiper .img {
    width: 100%;
    margin-bottom: -1rem;
  }
  .about_leaders .about_leaders_intro_swiper .info {
    max-width: unset;
    padding: 0;
  }
  .about_leaders .about_leaders_intro_swiper h3 {
    font-size: 18px;
  }
  .about_leaders .about_leaders_intro_swiper p {
    font-size: 0.9rem;
    line-height: 1.5;
    max-width: unset;
    margin-top: 10px;
  }
  .about_leaders .about_leaders_swiper {
    overflow: unset;
    margin-top: 2rem;
  }
  .about_leaders .about_leaders_swiper .img {
    border-radius: 12px;
  }
  .about_leaders .about_leaders_swiper .img::before {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-width: 4px;
    border-radius: 12px;
  }
  .about_leaders .about_leaders_swiper .intro {
    margin-top: 1rem;
  }
  .about_leaders .about_leaders_swiper h3 {
    font-size: 18px;
  }
  .about_leaders .about_leaders_swiper p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .about_leaders .swiper_btns {
    position: static;
    width: 100%;
    padding: 0 20px;
    transform: translate(0);
    margin-top: 2rem;
    justify-content: flex-end;
  }
  .about_cross {
    padding: 3rem 0;
  }
  .about_cross .flex {
    display: block;
  }
  .about_cross .head {
    min-width: unset;
  }
  .about_cross .logo {
    max-width: 120px;
  }
  .about_cross .con {
    min-width: unset;
    width: 100%;
    margin-top: 2rem;
    overflow: unset;
  }
  .about_cross .about_cross_swiper {
    max-width: unset;
  }
  .about_cross .about_cross_swiper .swiper-slide {
    transform: translate(0) scale(1);
    opacity: 1;
  }
  .about_cross .about_cross_swiper .img {
    border-radius: 12px;
  }
  .about_cross .swiper_btns {
    position: static;
    width: 100%;
    padding: 0 20px;
    transform: translate(0);
    margin-top: 2rem;
    justify-content: flex-end;
  }
  .about_cross .swiper_btns div {
    background-color: rgba(206, 209, 211, 0.45);
  }
  .blog_top {
    padding: 4rem 0;
  }
  .blog_top .list {
    margin-top: 2rem;
  }
  .blog_top .list ul {
    grid-template-columns: 1fr;
    gap: 2rem 1rem;
  }
  .blog_top .item {
    grid-row: unset;
  }
  .blog_top .item a {
    gap: 1rem;
    align-items: unset;
    flex-direction: column;
  }
  .blog_top .item .img {
    width: 100%;
    border-radius: 12px;
    padding-bottom: 55.043%;
  }
  .blog_top .item .cat {
    font-size: 14px;
    line-height: 2;
    padding: 0 1rem;
    left: 10px;
    top: 10px;
  }
  .blog_top .item .date {
    font-size: 14px;
    grid-template-columns: 16px 1fr;
    gap: 10px;
  }
  .blog_top .item h3 {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
    max-width: unset;
  }
  .blog_top .item p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .blog_top .item .link {
    font-size: 0.9rem;
    margin-top: 20px;
    gap: 10px;
  }
  .blog_top .item .link i {
    width: 2rem;
    height: 2rem;
  }
  .blog_contact .flex {
    width: calc(100% + 40px);
    padding: 4rem 20px;
    margin: 0 -20px;
    border-radius: 0;
    min-height: unset;
  }
  .blog_contact .head {
    max-width: unset;
    padding: 0;
  }
  .blog_main {
    padding: 4rem 0 3rem;
  }
  .blog_main .list {
    margin-top: 2rem;
  }
  .blog_main .list ul {
    grid-template-columns: 1fr;
    gap: 3rem 1rem;
  }
  .blog_main nav.navigation {
    margin-top: 3rem;
  }
  .blog_main nav.navigation .nav-links {
    gap: 8px;
  }
  .blog_main nav.navigation .page-numbers {
    font-size: 14px;
    padding: 6px 10px;
    min-width: 31px;
  }
  .post_banner {
    padding: 0;
  }
  .post_banner .inner {
    width: 100%;
  }
  .post_banner .main {
    border-radius: 0;
  }
  .post_banner .flex {
    min-height: unset;
    padding: 3rem 0;
  }
  .post_banner .head {
    padding: 0;
  }
  .post_banner h1 {
    margin-top: 10px;
  }
  .post_banner .breadcrumbs {
    line-height: 20px;
    min-height: 20px;
  }
  .post_banner .breadcrumbs span {
    font-size: 14px;
  }
  .post_banner .breadcrumbs span span::before {
    width: 8px;
    height: 8px;
    margin: 0 5px;
  }
  .post_main {
    padding: 2rem 0 3rem;
  }
  .post_main .postdetail {
    max-width: unset;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .post_main .postdetail h2 {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px 0;
  }
  .post_main .postdetail h3 {
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0;
  }
  .post_main .postdetail p {
    margin-bottom: 10px;
  }
  .post_main .postdetail img {
    margin: 16px 0;
    border-radius: 5px;
  }
  .post_main .postdetail ul {
    margin: 10px 0;
  }
  .post_main .postdetail ul li {
    padding-left: 1rem;
    margin-bottom: 5px;
  }
  .post_main .postdetail ul li::before {
    width: 6px;
    height: 6px;
    top: 7px;
  }
  .post_main .postdetail .wp-block-quote {
    margin: 3rem 0;
    padding: 2rem 20px 1.5rem;
    border-radius: 12px;
  }
  .post_main .postdetail .wp-block-quote::after {
    width: 100px;
    height: 30px;
  }
  .post_main .postdetail .wp-block-quote p {
    font-size: 16px;
    max-width: unset;
  }
  .post_main .postdetail .wp-block-quote .wp-block-columns {
    gap: 10px;
    margin-top: 1rem;
  }
  .post_main .postdetail .wp-block-quote .wp-block-columns p {
    font-size: 14px;
  }
  .post_main .postdetail .wp-block-quote .wp-block-columns img {
    width: 30px;
    height: 30px;
  }
  .post_main .right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: static;
    top: unset;
    margin: 0;
  }
  .post_main .right .date {
    width: 100%;
    font-size: 16px;
    gap: 10px;
    margin-bottom: 1rem;
  }
  .post_main .right .date::before {
    width: 12px;
    height: 12px;
  }
  .post_main .right .slide_obj {
    width: 100%;
    margin-bottom: 2rem;
  }
  .post_main .right .slide_obj strong {
    font-size: 16px;
    padding-bottom: 8px;
  }
  .post_main .right .category_list {
    margin-top: 1.2rem;
  }
  .post_main .right .category_list li {
    margin-bottom: 12px;
  }
  .post_main .right .category_list a {
    font-size: 0.9rem;
    padding-left: 1.5rem;
  }
  .post_main .right .category_list a::before {
    width: 10px;
    height: 10px;
    top: 6px;
  }
  .post_main .right .tags {
    margin-top: 1.2rem;
  }
  .post_main .right .tags > div {
    gap: 1rem;
  }
  .post_main .right .tags p {
    font-size: 14px;
    padding: 8px 14px;
  }
  #share {
    right: 10px;
    gap: 12px;
  }
  #share strong {
    font-size: 16px;
  }
  #share .social {
    gap: 10px;
  }
  #share .social a {
    width: 40px;
    height: 40px;
  }
  .post_logistics {
    padding: 4rem 0;
  }
  .post_logistics .card {
    border-radius: 12px;
    padding: 2rem 20px;
  }
  .post_logistics .card .title {
    grid-template-columns: 3rem 1fr;
    gap: 1rem;
    font-size: 18px;
  }
  .post_logistics .card .desc {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 1rem;
  }
  .post_logistics .card .desc p {
    margin-bottom: 10px;
  }
  .business_banner {
    padding: 3rem 0 4rem;
    margin-bottom: 0;
  }
  .business_banner .flex {
    flex-direction: column-reverse;
  }
  .business_banner .img {
    width: 100%;
    max-width: 444px;
    margin: 0 auto;
  }
  .business_banner .head {
    max-width: unset;
    padding: 0;
  }
  .business_intro {
    padding: 4rem 0;
  }
  .business_intro:first-child {
    padding: 4rem 0;
  }
  .business_intro:nth-child(even) {
    padding: 4rem 0;
  }
  .business_intro:nth-child(even) .head {
    max-width: unset;
  }
  .business_intro:nth-child(even) .img {
    margin: 0;
  }
  .business_intro .img {
    width: 100%;
    margin: 0;
  }
  .business_intro .img_cv {
    width: 100%;
    border-radius: 12px;
  }
  .business_intro .head {
    max-width: unset;
    padding: 0;
  }
  .business_intro .icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
  }
  .business_intro h2 {
    margin-bottom: 0;
  }
  .business_intro ul {
    margin-top: 10px;
  }
  .business_intro ul li {
    padding-left: 1.5rem;
    margin-bottom: 10px;
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .business_intro ul li::before {
    width: 14px;
    height: 14px;
    top: 6px;
  }
  .business_load {
    padding: 4rem 0 3rem;
  }
  .business_load .items > div {
    grid-template-columns: 1fr;
    gap: 2rem 1rem;
  }
  .business_load .item strong {
    font-size: 22px;
    letter-spacing: unset;
  }
  .business_load .item p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .business_process {
    padding: 2rem 0;
  }
  .business_process .img {
    width: calc(100% - 40px);
    max-width: unset;
  }
  .business_faqs {
    padding: 3rem 0;
  }
  .business_faqs .list {
    margin-top: 2rem;
  }
  .business_faqs .faq {
    border-radius: 10px;
    padding: 0 20px;
    margin-bottom: 1rem;
  }
  .business_faqs .faq .question {
    font-size: 16px;
    grid-template-columns: 1fr 12px;
    gap: 1rem;
    padding: 14px 0;
  }
  .business_faqs .faq .answer {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 0;
    padding-bottom: 1.2rem;
  }
  .contact_main {
    padding: 2rem 0 4rem;
  }
  .contact_main .main {
    max-width: unset;
    margin-top: 2rem;
  }
  .contact_main form {
    margin-top: 2rem;
    gap: 1rem;
    font-size: 14px;
  }
  .contact_main form .col-2 {
    width: 100%;
  }
  .contact_main form .label {
    margin-bottom: 6px;
  }
  .contact_main form input,
  .contact_main form textarea {
    font-size: 14px;
    line-height: 1.5;
    padding: 14px 0;
    border-radius: 6px;
  }
  .contact_main form textarea {
    height: 120px;
  }
  .contact_main form input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  .contact_main form input[type=checkbox] ~ span {
    width: calc(100% - 25px);
    font-size: 0.9rem;
    padding-left: 12px;
    line-height: 1.5;
    margin-top: 0;
  }
  .contact_main form .btn {
    margin-top: 1rem;
    min-width: unset;
  }
  .industry_started {
    padding: 4rem 0 3rem;
  }
  .industry_started .flex {
    display: block;
  }
  .industry_started .flex::before {
    display: none;
  }
  .industry_started h2 {
    width: 100%;
  }
  .industry_started .desc {
    width: 100%;
    padding: 0;
  }
  .industry_intro {
    padding: 4rem 0;
  }
  .industry_intro .flex {
    display: block;
  }
  .industry_intro .right {
    max-width: unset;
  }
  .industry_intro .right h3 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .industry_intro .img {
    border-radius: 12px;
    margin-top: 1rem;
  }
  .industry_intro .main {
    margin-top: 1.5rem;
  }
  .industry_intro .main > div {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .industry_intro .main::before {
    display: none;
  }
  .industry_intro .slide_obj {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0;
  }
  .industry_intro .slide_obj h3 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .industry_intro .slide_obj p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .industry_intro .slide_obj ul li {
    padding-left: 1.5rem;
  }
  .industry_intro .slide_obj ul li::before {
    width: 12px;
    height: 12px;
    top: 5px;
  }
  .industry_intro p.center:has(.btn_line) {
    margin-top: 2rem;
  }
  .industry_intro p.center:has(.btn_line) .btn_line {
    padding: 10px 20px;
  }
  .industry_intro .desc {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 2rem;
    max-width: unset;
  }
  .industry_intro:nth-child(odd) {
    padding: 4rem 0;
  }
  .industry_intro:nth-child(odd) .img {
    margin-top: 2rem;
  }
  .industry_partner {
    padding: 4rem 0 45rem;
    margin-bottom: -41rem;
  }
  .industry_partner .flex {
    min-height: unset;
  }
  .industry_partner .head {
    max-width: unset;
  }
  .sustainable_banner {
    position: relative;
  }
  .sustainable_banner::before {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, #fff, transparent);
    content: '';
    opacity: 0.8;
    pointer-events: none;
  }
  .sustainable_banner .flex {
    min-height: unset;
    display: block;
    padding: 3rem 0 4rem;
  }
  .sustainable_banner .right {
    padding: 0;
  }
  .sustainable_intro {
    padding: 4rem 0;
  }
  .sustainable_intro .img {
    border-radius: 12px;
    margin-top: 1rem;
  }
  .sustainable_free {
    padding: 4rem 0;
  }
  .sustainable_free:nth-child(odd) {
    padding: 4rem 0;
  }
  .sustainable_free .head {
    max-width: unset;
    padding: 0;
  }
  .sustainable_free .img {
    width: 100%;
    border-radius: 12px;
  }
  .sustainable_free h2 {
    margin-bottom: 0;
  }
  .sustainable_free p {
    margin-bottom: 0;
  }
  .technology_started,
  .technology_solutions {
    overflow: hidden;
    padding: 4rem 0;
  }
  .technology_started .head,
  .technology_solutions .head {
    max-width: unset;
  }
  .technology_started .technology_started_swiper,
  .technology_solutions .technology_started_swiper,
  .technology_started .technology_solutions_swiper,
  .technology_solutions .technology_solutions_swiper {
    margin-top: 2rem;
    padding-top: 4rem;
    overflow: unset;
  }
  .technology_started .technology_started_swiper .swiper-slide,
  .technology_solutions .technology_started_swiper .swiper-slide,
  .technology_started .technology_solutions_swiper .swiper-slide,
  .technology_solutions .technology_solutions_swiper .swiper-slide {
    border-radius: 12px;
  }
  .technology_started .technology_started_swiper .img,
  .technology_solutions .technology_started_swiper .img,
  .technology_started .technology_solutions_swiper .img,
  .technology_solutions .technology_solutions_swiper .img {
    margin-top: -4rem;
  }
  .technology_started .technology_started_swiper .info,
  .technology_solutions .technology_started_swiper .info,
  .technology_started .technology_solutions_swiper .info,
  .technology_solutions .technology_solutions_swiper .info {
    padding: 1rem 20px 2rem;
  }
  .technology_started .technology_started_swiper h3,
  .technology_solutions .technology_started_swiper h3,
  .technology_started .technology_solutions_swiper h3,
  .technology_solutions .technology_solutions_swiper h3 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: unset;
  }
  .technology_started .technology_started_swiper p,
  .technology_solutions .technology_started_swiper p,
  .technology_started .technology_solutions_swiper p,
  .technology_solutions .technology_solutions_swiper p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-top: 10px;
  }
  .technology_started p.center:has(.btn_line),
  .technology_solutions p.center:has(.btn_line) {
    margin-top: 2rem;
  }
  .technology_started .btn_line,
  .technology_solutions .btn_line {
    padding: 10px 20px;
  }
  .technology_intro {
    padding: 4rem 0;
  }
  .technology_intro .img {
    width: 100%;
    margin: 0;
    border-radius: 12px;
  }
  .technology_intro .head {
    max-width: unset;
    padding: 0;
  }
  .technology_intro h2 {
    margin-bottom: 0;
  }
  .technology_intro.reverse {
    padding: 4rem 0;
  }
  .technology_intro.reverse .img {
    margin: 0;
    border-radius: 12px;
  }
  .logistic_banner {
    padding: 4rem 0;
  }
  .logistic_banner .flex {
    flex-direction: column-reverse;
  }
  .logistic_banner .head {
    max-width: unset;
  }
  .logistic_banner .img {
    width: 100%;
    max-width: 350px;
    margin: 0 auto -2rem;
  }
  .logistic_banner .page_search {
    margin-top: 2rem;
  }
  .logistic_main {
    padding: 0 0 2rem;
  }
  .logistic_main .inner {
    max-width: unset;
    width: 100%;
    padding: 0;
  }
  .logistic_main .box {
    border-radius: 0;
    padding: 4rem 20px;
  }
  .logistic_main h2,
  .logistic_main .title {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: unset;
  }
  .logistic_main .warehouse_box .main {
    margin-top: 2rem;
    padding-bottom: 0;
    overflow-x: auto;
  }
  .logistic_main .warehouse_box .main::-webkit-scrollbar {
    display: none;
  }
  .logistic_main .warehouse_box table {
    min-width: 600px;
  }
  .logistic_main .warehouse_box table th,
  .logistic_main .warehouse_box table td {
    font-size: 0.9rem;
    padding: 14px 12px;
  }
  .logistic_main .warehouse_box table th:first-child,
  .logistic_main .warehouse_box table td:first-child {
    width: unset;
  }
  .logistic_main .warehouse_box table th:nth-child(2),
  .logistic_main .warehouse_box table td:nth-child(2) {
    width: unset;
  }
  .logistic_main .warehouse_box table td {
    padding-bottom: 14px;
  }
  .logistic_main .track_box .main {
    margin-top: 2rem;
  }
  .logistic_main .track_box .list li {
    gap: 1rem;
  }
  .logistic_main .track_box .list li::before {
    left: 8px;
  }
  .logistic_main .track_box .list i {
    width: 18px;
    height: 18px;
    border-width: 1px;
  }
  .logistic_main .track_box .list i::after {
    width: 12px;
    height: 12px;
  }
  .logistic_main .track_box .list .info {
    font-size: 0.9rem;
    line-height: 1.5;
    padding: 0 0 2rem;
  }
  .logistic_main .track_box .list .info .status {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 6px;
  }
  .logistic_main .track_box .list .info .tip {
    padding: 1rem 12px;
    margin-top: 10px;
  }

  div.search-block .searchform {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  div.search-block input[type='number'] {
      flex: 1;
  }

  div.search-block input[type='submit'] {
      width: 1.5rem;
      height: 1.5rem;
      margin: 0 2.2vw 0 1.2vw;
      /* background: url(../img/page_home-header_search.svg) no-repeat center; */
      background-size: 1.4rem;
      display: inline-block;
      vertical-align: middle;
      transition: 0.3s all ease;
      cursor: pointer;
      border: none;
      outline: none;
      display: none;
  }
  div.search-block.active{
    transform: none;
  }
  div.search-block div.content {
      position: unset;
  }

  div.search-block .searchform input[type='number'] {
      font-size: 22px;
      height: 70px;
  }

  .wd-action-btn {
      width: 25px;
      height: 25px;
      top: unset;
      right: 2rem;
      bottom: 2rem;
  }

  div.search-block {
      height: 90%;
      width: 100%;
      top: unset;
      bottom: -120%;
  }


  .search-block input[type="submit"]:not(:disabled):hover {
      /* background: url(../img/page_home-header_search.svg) no-repeat center; */
      background-size: 1.4rem;
      border: none;
      display: none;
  }

  .lang_popup {
    width: calc(100vw - 2rem);
    padding: 2rem 20px;
  }
  .lang_popup strong {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
  .only_mobile {
    display: block;
  }
  body.fixed {
    padding-right: 0;
  }
  .head .subtitle,
  .head strong {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 8px;
  }
  .head h1 {
    font-size: 34px;
  }
  .head h2 {
    font-size: 28px;
  }
  .head .desc,
  .head p {
    font-size: 16px;
    margin-top: 12px;
  }
  .head .btn,
  .head .btn_line,
  .head .btn_i,
  .head .btn_line_i {
    font-size: 16px;
  }
  .btn,
  .btn_line,
  .btn_i,
  .btn_line_i {
    font-size: 16px;
  }
  .video_pop .pop_content {
    height: auto;
    width: 90vw;
  }
  .home_banner .title {
    font-size: 34px;
  }
  .home_advantage .items > ul {
    grid-template-columns: 1fr 1fr;
  }
  .home_numbers .nums > ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .home_global .float > ul {
    grid-template-columns: 1fr 1fr;
  }
  .home_partner .left {
    width: 48%;
  }
  .home_partner .right {
    width: 48%;
    display: flex;
    align-items: center;
  }
  .home_partner .right .img {
    width: 59.096%;
  }
  .home_contact .items > div {
    column-count: 2;
  }
  .home_contact .items > div::after {
    display: block;
  }
  .home_contact .item {
    padding-right: 20px;
  }
  .home_contact .right {
    padding-left: 20px;
    padding-right: 0;
  }
  .page_gallery .items ul {
    grid-template-columns: 1fr 1fr;
  }
  .about_intro .imgs {
    width: 48%;
  }
  .about_values .items > div {
    grid-template-columns: 1fr 1fr;
  }
  .about_leaders .about_leaders_intro_swiper .img {
    width: 40%;
  }
  .blog_top .list ul {
    grid-template-columns: 1fr 1fr;
  }
  .blog_main .list ul {
    grid-template-columns: 1fr 1fr;
  }
  .post_main .right .slide_obj {
    width: 48%;
  }
  .business_intro .img {
    width: 48%;
  }
  .business_load .items > div {
    grid-template-columns: 1fr 1fr;
  }
  .sustainable_free .img {
    width: 48%;
  }
  .technology_intro .img {
    width: 48%;
  }
  .page_contact .items > div {
    column-count: 2;
  }
  .page_contact .items > div::after {
    display: block;
  }
  .page_contact .item {
    padding: 2rem 1rem 2rem 0;
  }
  .page_contact .right {
    padding: 2rem 0 2rem 1rem;
  }
  .page_contact .no-border {
    border-bottom: none;
  }
}