@media screen and (max-width: 768px) {

  html {

    font-size: 16px !important;

  }

  body {

    font-size: 1rem !important;

  }

  .content {

    padding: 0 20px;

  }

  .swiper_content {

    padding: 10px 20px;

  }

  .only_mobile {

    display: block;

  }

  body.fixed {

    padding-right: 0;

  }

  .gap {

    gap: 2rem 1rem;

  }

  .btn,

  .btn_w {

    font-size: 14px;

    line-height: 1.5;

    padding: 11px 20px;

    min-height: unset;

  }

  .btn_more {

    font-size: 14px;

    gap: 10px;

  }

  .btn_more::after {

    width: 40px;

    height: 40px;

  }

  .btn_line {

    font-size: 14px;

    line-height: 1.5;

    padding: 10px 20px;

    min-width: unset;

  }

  .btn_circle {

    width: 40px;

  }

  .swiper_btns {

    gap: 1rem;

  }

  .swiper_btns div {

    width: 40px;

    height: 40px;

  }

  .swiper_btns div::after {

    width: 14px;

    height: 14px;

  }

  .head .subtitle {

    font-size: 14px;

    line-height: 1.5;

    margin-bottom: 8px;

  }

  .head h1 {

    font-size: 25px;

    line-height: 1.5;

    letter-spacing: unset;

    word-spacing: unset;

    max-width: unset;

  }

  .head h2 {

    font-size: 22px;

    line-height: 1.5;

    letter-spacing: unset;

    word-spacing: unset;

    max-width: 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_w,

  .head .btn_line,

  .head .btn_more {

    margin-top: 20px;

    min-width: unset;

  }

  .video .btn_play {

    width: 40px;

    height: 40px;

    left: 14px;

    bottom: 14px;

  }

  .video_pop .pop_content {

    width: 96vw;

    height: auto;

    max-width: 96vw;

  }

  header {

    width: 100%;

    left: 0;

    top: 0;

    transform: translate(0);

    position: sticky;

  }

  header .btns {

    gap: 26px;

    min-height: 4rem;

  }

  header .btns .btn {

    display: none;

  }

  header .btns .search_box {

    top: 4rem;

    transform: translateY(-2rem);

  }

  header .btns .search_box form {

    padding: 5px;

  }

  header .btns .search_box form input[type=text] {

    font-size: 14px;

    padding: 5px 10px;

  }

  header .btns .search_box form input[type=submit] {

    width: 40px;

    height: 40px;

  }

  footer {

    margin-top: 1rem;

  }

  footer strong {

    font-size: 18px;

  }

  footer .footer_main {

    padding: 3rem 0 2rem;

  }

  footer .footer_main .flex {

    display: block;

  }

  footer .footer_bottom {

    padding: 2rem 0;

  }

  footer .footer_bottom::before {

    width: calc(100% + 40px);

    border-radius: 0;

  }

  footer .footer_bottom .flex {

    display: block;

  }

  footer .slide_intro {

    margin: 0 0 20px;

    width: 100%;

    display: grid;

  }

  footer .slide_intro .logo {

    max-width: 100px;

    margin: 0 auto;

  }

  footer .slide_intro p {

    font-size: 0.9rem;

    line-height: 1.5rem;

    text-align: center;

    margin: 20px 0 0;

  }

  footer .slide_intro .social {

    margin-top: 1rem;

    gap: 1rem;

    justify-content: space-around;

  }

  footer .slide_intro .social a {

    width: 40px;

    height: 40px;

  }

  footer .slide_intro div {

    order: 2;

    margin: 3rem 0 1rem;

  }

  footer .slide_intro .menu a {

    min-height: unset;

    font-size: 1rem;

    padding: 3px 22px;

    min-height: 3rem;

  }

  footer .slide_intro .menu a::after {

    width: 12px;

  }

  footer .slide_obj {

    width: 100%;

  }

  footer .slide_obj strong {

    width: 100%;

    min-width: unset;

    font-size: 1rem;

    line-height: 46px;

    border: 1px solid rgba(22, 22, 22, 0.35);

    padding: 0 22px;

    position: relative;

    margin-bottom: 1rem;

  }

  footer .slide_obj strong::after {

    content: '';

    display: block;

    width: 12px;

    height: 12px;

    background: url(../img/mobile-menu/select.svg) no-repeat center / contain;

    position: absolute;

    right: 22px;

    top: 50%;

    transform: translateY(-50%);

    transition: all 0.3s;

  }

  footer .slide_obj.active strong::after {

    transform: translateY(-50%) rotate(180deg);

  }

  footer .slide_obj > div {

    display: none;

    padding: 0 1.2rem 1.2rem;

  }

  footer .slide_obj > div ul {

    display: block;

  }

  footer .slide_obj > div li {

    margin-bottom: 14px;

  }

  footer .slide_obj > div a {

    font-size: 14px;

    display: block;

    font-weight: normal;

  }

  footer .slide_obj > div p {

    font-size: 0.9rem;

    line-height: 1.5rem;

  }

  footer .slide_contact {

    width: 100%;

  }

  footer .slide_contact strong {

    margin-bottom: 20px;

  }

  footer .slide_contact ul {

    display: block;

  }

  footer .slide_contact li {

    padding-left: 3.2rem;

    margin-bottom: 20px;

  }

  footer .slide_contact li:last-child {

    margin-bottom: 0;

  }

  footer .slide_contact li::before {

    width: 40px;

    height: 40px;

    top: 5px;

  }

  footer .slide_contact li a {

    font-size: 1rem;

  }

  footer .slide_contact li .label {

    font-size: 14px;

    line-height: 1.5;

    margin-bottom: 5px;

  }

  footer .slide_contact .email::before {

    top: 5px;

  }

  footer .slide_subscribe {

    width: 100%;

    padding-top: 2rem;

  }

  footer .slide_subscribe strong {

    margin-bottom: 20px;

  }

  footer .slide_subscribe form {

    gap: 10px;

  }

  footer .slide_subscribe form input,

  footer .slide_subscribe form input[type=submit] {

    font-size: 14px;

    padding: 12px 20px;

  }

  footer .copyright {

    padding: 2rem 0 20px;

  }

  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;

  }

  .header_advantage .list {

    padding: 20px 0;

  }

  .header_advantage .list ul {

    grid-template-columns: 1fr;

  }

  .header_advantage li {

    grid-template-columns: 2rem 1fr;

    font-size: 14px;

    gap: 12px;

    padding: 0 10px;

  }

  .page_supports {

    padding: 2rem 0;

    overflow: hidden;

  }

  section.page_supports {

    padding-bottom: 2rem;

  }

  .page_supports .page_supports_swiper {

    overflow: unset;

  }

  .page_supports .item a {

    padding: 1.5rem 20px;

  }

  .page_supports .item .icon {

    width: 3rem;

  }

  .page_supports .item .info {

    margin-top: 1rem;

  }

  .page_supports .item .info strong {

    font-size: 18px;

  }

  .page_supports .item .info p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

    max-width: unset;

  }

  .page_supports .item .link {

    grid-template-columns: 2rem 1fr;

    font-size: 14px;

    transform: translate(0);

    gap: 10px;

    margin-top: 20px;

  }

  .page_supports .swiper_btns {

    display: none;

  }

  .page_banner .bg::after {

    width: 100%;

    background-image: url("../img/banner-mask3.svg");

    height: 80%;

    background-position: top center;

  }

  .page_banner .bg .img {

    width: 100%;

    height: 80%;

    margin-left: unset;

  }

  .page_banner .bg .img::after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    background-color: #000;

    opacity: 0.2;

    pointer-events: none;

  }

  .page_banner .btn_w {

    max-width: 250px;

  }

  .page_banner .flex {

    min-height: unset;

    padding: 6rem 0 3rem;

  }

  .page_banner .head {

    width: 100%;

    max-width: unset;

    padding: 0;

  }

  .page_banner form {

    max-width: 444px;

    margin-top: 20px;

  }

  .page_banner form input,

  .page_banner form input[type=submit] {

    font-size: 14px;

    padding: 12px 20px;

    min-width: unset;

  }

  .page_blog {

    padding: 3rem 0;

    overflow: hidden;

  }

  .page_blog .btn_more {

    margin-bottom: 0;

    max-width: 250px;

  }

  .page_blog .flex {

    gap: 20px 1rem;

  }

  .page_blog .page_blog_swiper {

    margin-top: 2rem;

  }

  .page_blog .swiper_content {

    padding: 0 20px;

    overflow: unset;

  }

  .page_blog .swiper_btns.middle {

    position: static;

    width: 100%;

    padding: 0 20px;

    transform: translate(0);

    justify-content: flex-end;

    margin-top: 2rem;

  }

  .page_faqs {

    padding: 3rem 0;

  }

  .page_faqs .flex {

    display: block;

  }

  .page_faqs .head {

    max-width: unset;

  }

  .page_faqs .faqs {

    max-width: unset;

    padding: 0;

    margin-top: 2rem;

  }

  .page_faqs .faq_item {

    margin-bottom: 1rem;

  }

  .page_faqs .faq_item .question {

    font-size: 18px;

    line-height: 1.5;

    gap: 1rem;

    padding: 12px 20px;

  }

  .page_faqs .faq_item .question i {

    width: 12px;

    height: 12px;

  }

  .page_faqs .faq_item .answer {

    padding: 12px 0 24px;

    margin: 0 20px;

  }

  .page_faqs .faq_item .answer p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 12px;

  }

  .product_list .info {

    padding: 1rem 20px 1.2rem;

  }

  .product_list .info strong {

    font-size: 14px;

  }

  .product_list .info h3, .product_list .info .title{

    font-size: 18px;

    line-height: 1.5;

    padding-bottom: 12px;

    margin-top: 3px;

  }

  .product_list .info ul {

    margin-top: 1rem;

    min-height: 86px;

  }

  .product_list .info ul li {

    font-size: 0.9rem;

    line-height: 1.5;

    padding-left: 1.2rem;

  }

  .product_list .info ul li::before {

    width: 4px;

    height: 4px;

    top: 10px;

  }

  .product_list .info span {

    font-size: 14px;

    margin-top: 20px;

    line-height: 1.5;

    gap: 8px;

    padding: 11px 20px;

  }

  .product_list .info span::after {

    width: 10px;

    height: 10px;

  }

  .blog_list .info {

    padding: 1rem 20px;

  }

  .blog_list .meats {

    font-size: 15px;

    gap: 10px;

  }

  .blog_list .title {

    font-size: 18px;

    line-height: 1.5;

    min-height: unset;

    padding-bottom: 1rem;

    margin-top: 10px;

  }

  .blog_list .btn_more {

    font-size: 14px;

    margin-top: 10px;

  }

  .blog_list .btn_more::after {

    width: 40px;

    height: 40px;

  }

  .video_list a {

    padding: 10px;

  }

  .video_list .title {

    font-size: 18px;

    line-height: 1.5;

    margin-top: 1rem;

    padding-bottom: 0;

  }

  .breadcrumbs {

    line-height: 20px;

    min-height: 40px;

  }

  .breadcrumbs span {

    font-size: 14px;

  }

  .breadcrumbs span span::before {

    height: 10px;

    margin: 0 10px;

  }

  .breadcrumbs span span:first-child a {

    width: 12px;

    height: 12px;

  }

  .datasheet_list {

    overflow-x: auto;

  }

  .datasheet_list::-webkit-scrollbar {

    display: none;

  }

  .datasheet_list table {

    white-space: nowrap;

  }

  .datasheet_list th {

    font-size: 16px;

    padding: 12px 0;

  }

  .datasheet_list td {

    font-size: 14px;

    line-height: 1.5;

    padding: 12px 1rem;

  }

  .datasheet_list td:last-child {

    padding-inline: 20px;

  }

  .datasheet_list td a {

    width: 20px;

    height: 20px;

  }

  .datasheet_list th:last-child,

  .datasheet_list td:last-child {

    width: auto;

  }

  .catalog_item a {

    grid-template-columns: 1fr;

    grid-template-columns: 46% 1fr;

  }

  .catalog_item .info {

    padding: 1rem;

  }

  .catalog_item .info h3, .catalog_item .info .title{

    font-size: 18px;

    line-height: 1.5;

    max-width: unset;

  }

  .catalog_item .info p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .catalog_item .info span {

    font-size: 14px;

    gap: 12px;

    margin-top: 20px;

  }

  .catalog_item .info span::after {

    width: 22px;

    height: 22px;

  }

  .home_banner .bg::after {

    width: 100%;

    background-image: url("../img/banner-mask3.svg");

    height: 80%;

    background-position: top center;

  }

  .home_banner .bg .img {

    width: 100%;

    height: 50%;

    margin-left: unset;

  }

  .home_banner .bg .img::after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    background-color: #000;

    opacity: 0.2;

    pointer-events: none;

  }

  .home_banner .flex {

    min-height: unset;

    margin: 0;

    width: 100%;

    max-width: unset;

    flex-direction: column;

    padding: 2rem 0 5rem;

    gap: 1rem;

  }

  .home_banner .flex .img {

    width: 80%;

    padding-bottom: 80%;

    margin: 0 auto;

  }

  .home_banner .head {

    max-width: unset;

    padding: 0;

  }

  .home_banner .title {

    font-size: 25px;

  }

  .home_banner .btn_w {

    max-width: 250px;

  }

  .home_banner .btns {

    display: none;

  }

  .home_banner div.swiper-pagination {

    gap: 10px;

    bottom: 1.5rem;

  }

  .home_banner div.swiper-pagination .swiper-pagination-bullet {

    max-width: 3rem;

  }

  .home_categories {

    padding: 4rem 0 3rem;

  }

  .home_categories .flex {

    gap: 20px 1rem;

  }

  .home_categories .list {

    margin-top: 2rem;

  }

  .home_categories .list > div {

    gap: 1rem;

  }

  .home_categories .list .list_b3 ul,

  .home_categories .list .list_b2 ul {

    grid-template-columns: 1fr;

    gap: 1rem;

  }

  .home_categories .list_b3 a {

    padding: 1.2rem 20px;

    justify-content: space-between;

  }

  .home_categories .list_b3 .img {

    margin-right: -20px;

    margin-top: -1.2rem;

    margin-bottom: -1.2rem;

  }

  .home_categories .list_b3 li:first-child .info {

    max-width: 100%;

  }

  .home_categories .list_b3 .info {

    max-width: 200px;

  }

  .home_categories .list_b3 .info h3 {

    font-size: 18px;

    line-height: 1.5;

  }

  .home_categories .list_b3 .info p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .home_categories .list_b3 .info .btn_circle {

    margin-top: 20px;

    transform: translateY(0);

    opacity: 1;

  }

  .home_categories .list_b2 .info {

    padding: 3rem 20px 1.2rem;

    min-height: 206px;

    align-items: unset;

  }

  section.home_categories .list_b2 .info {

    padding: 20px;

    min-height: 180px;

  }

  .home_categories .list_b2 .info > div {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

  }

  .home_categories .list_b2 .info::before {

    width: 70%;

  }

  .home_categories .list_b2 h3 {

    font-size: 18px;

    line-height: 1.5;

    max-width: unset;

  }

  .home_categories .list_b2 p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

    padding: 0;

  }

  .home_categories .list_b2 .btn_circle {

    align-self: end;

  }

  .home_products {

    padding: 3rem 0;

  }

  .home_products .list {

    margin-top: 2rem;

  }

  .home_products .list > ul {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .home_products p.center:has(.btn_line) {

    margin-top: 2rem;

  }

  .home_about {

    padding: 3rem 0;

  }

  .home_about .img {

    width: 100%;

  }

  .home_about .right,

  .home_about .head {

    max-width: unset;

  }

  .home_about .nums {

    margin-top: 2rem;

  }

  .home_about .nums ul {

    gap: 2rem 1rem;

  }

  .home_about .nums li {

    grid-template-columns: 40px 1fr;

    gap: 1rem;

  }

  .home_about .nums .wrap {

    font-size: 1.4rem;

  }

  .home_about .nums .wrap .num {

    font-size: 1.5rem;

    margin-right: 5px;

  }

  .home_about .nums .label {

    font-size: 0.9rem;

    margin-top: 4px;

  }

  .home_blog {

    overflow: hidden;

    padding: 3rem 0;

  }

  .home_blog .flex {

    display: block;

  }

  .home_blog .nav_list {

    width: calc(100% + 40px);

    margin: 20px -20px 0;

    padding: 0 20px;

    overflow-x: auto;

    flex-wrap: nowrap;

    white-space: nowrap;

    gap: 1.2rem;

  }

  .home_blog .nav_list::-webkit-scrollbar {

    display: none;

  }

  .home_blog .nav_list .nav_item {

    font-size: 16px;

    padding: 12px 0;

  }

  .home_blog .btn_more {

    margin-top: 20px;

  }

  .home_blog .swiper_content {

    padding: 0 20px;

    overflow: unset;

  }

  .home_blog .home_blog_swiper {

    margin-top: 2rem;

  }

  .home_blog .swiper_btns.middle {

    position: static;

    width: 100%;

    padding: 0 20px;

    transform: translate(0);

    justify-content: flex-end;

    margin-top: 2rem;

  }

  .about_intro {

    padding: 3rem 0;

  }

  .about_intro .flex {

    display: block;

  }

  .about_intro strong {

    font-size: 14px;

  }

  .about_intro .head h1 {

    font-size: 25px;

    line-height: 1.5;

    max-width: unset;

  }

  .about_intro .inner {

    width: 100%;

    padding: 0 20px;

    max-width: unset;

    margin-top: 2rem;

  }

  .about_intro .imgs {

    --deg1: 40px;

    --deg2: 20px;

  }

  .about_intro .imgs > div {

    grid-template-columns: 1fr;

    gap: 1rem;

  }

  .about_advantage {

    margin: 1rem 0;

  }

  .about_advantage .inner {

    width: 100%;

    border-radius: 0;

    padding: 4rem 0;

    overflow: hidden;

  }

  .about_advantage .about_advantage_swiper {

    overflow: unset;

    margin-bottom: 0;

    padding-bottom: 1rem;

    margin-top: 2rem;

  }

  .about_advantage .about_advantage_swiper .swiper-slide {

    border-radius: 12px;

    padding: 1.2rem 20px 1.5rem;

  }

  .about_advantage .about_advantage_swiper .swiper-slide:nth-child(even) {

    transform: translateY(1rem);

  }

  .about_advantage .about_advantage_swiper .icon {

    width: 3rem;

    height: 3rem;

  }

  .about_advantage .about_advantage_swiper .info {

    margin-top: 1.2rem;

  }

  .about_advantage .about_advantage_swiper h3 {

    font-size: 18px;

    line-height: 1.5;

  }

  .about_advantage .about_advantage_swiper p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .about_desc {

    padding: 3rem 0;

  }

  .about_desc .img {

    width: 100%;

    border-radius: 12px;

  }

  .about_desc .head {

    max-width: unset;

    padding: 0;

  }

  .about_desc h2 {

    margin-bottom: 0;

  }

  .about_companies {

    padding: 3rem 0;

  }

  .about_companies .main {

    margin: 0;

    margin-top: 2rem;

  }

  .about_companies .about_companies_swiper {

    margin-top: 1rem;

  }

  .about_companies .about_companies_swiper .img {

    border-radius: 12px;

  }

  .blog_nav,

  .supports_nav {

    padding: 0;

  }

  .blog_nav .nav_list,

  .supports_nav .nav_list {

    width: calc(100% + 40px);

    margin: 0 -20px;

    padding: 0 20px;

    overflow-x: auto;

    flex-wrap: nowrap;

    white-space: nowrap;

    gap: 1.5rem;

  }

  .blog_nav .nav_list::-webkit-scrollbar,

  .supports_nav .nav_list::-webkit-scrollbar {

    display: none;

  }

  .blog_nav .nav_list .nav_item,

  .supports_nav .nav_list .nav_item {

    font-size: 16px;

    padding: 16px 0 14px;

    margin-bottom: 0;

    border-bottom-width: 2px;

  }

  .blog_main {

    padding: 3rem 0;

  }

  .blog_main .list > ul {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .blog_main .list .video_list {

    gap: 2rem 1rem;

  }

  .blog_main p.center:has(.btn_line) {

    margin-top: 2rem;

    min-height: 43px;

  }

  .category_banner .bg::after {

    width: 100%;

    background-image: url("../img/banner-mask4.svg");

    height: 70%;

    background-position: top center;

  }

  .category_banner .bg .img {

    width: 100%;

    height: 60%;

    margin-left: unset;

  }

  .category_banner .bg .img::after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    background-color: #000;

    opacity: 0.2;

    pointer-events: none;

  }

  .category_banner .flex {

    min-height: unset;

    margin: 0;

    width: 100%;

    max-width: unset;

    flex-direction: column;

    padding: 3rem 0;

    gap: 1rem;

  }

  .category_banner .flex .img {

    width: 80%;

    padding-bottom: 80%;

    margin: 0 auto;

  }

  .category_banner .head {

    max-width: unset;

    padding: 0;

    margin: 0;

  }

  .category_banner .btn_w {

    max-width: 250px;

  }

  .category_main {

    padding: 4rem 0 3rem;

  }

  .category_main .list {

    margin-top: 2rem;

  }

  .category_main .list ul {

    grid-template-columns: 1fr;

    gap: 1rem;

  }

  .category_main .list ul li {

    grid-column: unset;

  }

  .category_main .list .category_list a {

    padding: 18px;

  }

  .category_main .list .category_list .info h3 {

    font-size: 17px;

    line-height: 1.5;

  }

  .category_main .list .category_list .info p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

    max-width: unset;

  }

  .category_main .list .category_list .info .btn_circle {

    margin-top: 20px;

    transform: translate(0);

    opacity: 1;

  }

  .category_main .list .category_list .img {

    margin-top: -1.2rem;

    margin-bottom: -1.2rem;

    margin-left: -20%;

    margin-right: 0;

    align-self: flex-end;

  }

  .category_main .list .category_list li:nth-child(6n+1) .img {

    margin-top: 0;

  }

  .category_main .list .category_list li:nth-child(6n+3) .img,

  .category_main .list .category_list li:nth-child(6n+4) .img {

    margin-right: -20px;

    margin-top: -1.2rem;

    margin-bottom: -1.2rem;

  }

  .category_video {

    padding: 4rem 0;

    margin: 1rem 0;

  }

  .category_video .category_video_swiper {

    margin-top: 2rem;

  }

  .category_video .video_item .title {

    font-size: 16px;

    line-height: 1.5;

    margin-top: 1rem;

  }

  .category_video p.right:has(.btn_more) {

    margin-top: 2rem;

  }

  .category_intro {

    padding: 3rem 0;

  }

  section.category_intro h2 {

    margin-bottom: 12px;

  }

  .category_intro .img {

    width: 100%;

  }

  .category_intro .head {

    max-width: unset;

    padding: 0;

  }

  .category_intro .items {

    margin-top: 2rem;

  }

  .category_intro .items > div {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .category_intro .items .icon {

    width: 3rem;

  }

  .category_intro .items .info {

    margin-top: 1rem;

  }

  .category_intro .items h3 {

    font-size: 18px;

    line-height: 1.5;

    padding-bottom: 12px;

  }

  .category_intro .items p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .contact_main {

    padding: 3rem 0;

  }

  .contact_main .flex {

    display: block;

  }

  .contact_main .left {

    max-width: unset;

  }

  .contact_main .left .msg_icon {

    width: 3rem;

    height: 3rem;

  }

  .contact_main .left .msg_icon::after {

    width: 12px;

    height: 12px;

  }

  .contact_main .head {

    width: calc(100% - 3rem);

    padding-top: 0;

  }

  .contact_main .head h1 {

    font-size: 25px;

    line-height: 1.5;

    letter-spacing: unset;

  }

  .contact_main .contact {

    max-width: unset;

    padding-top: 1.2rem;

    margin-top: 2rem;

  }

  .contact_main .contact li {

    grid-template-columns: 40px 1fr;

    gap: 8px 1rem;

    margin-bottom: 20px;

  }

  .contact_main .contact .label {

    font-size: 0.9rem;

    margin-top: 0;

  }

  .contact_main .contact a,

  .contact_main .contact span {

    font-size: 1rem;

    line-height: 1.5;

  }

  .contact_main .right {

    width: 100%;

    margin-top: 2rem;

  }

  .contact_main .right form {

    gap: 1rem;

    padding: 2rem 20px;

  }

  .contact_main .right form .col-2 {

    width: 100%;

  }

  .contact_main .right form input,

  .contact_main .right form textarea,

  .contact_main .right form select {

    font-size: 14px;

    padding: 14px 20px;

  }

  .contact_main .right form select {

    background-size: 12px;

    background-position: right 20px center;

    padding-right: 3rem;

  }

  .contact_main .right form textarea {

    height: 120px;

  }

  .contact_main .right form span:has(input[type=checkbox]) {

    margin-top: 0;

  }

  .contact_main .right form input[type=checkbox] {

    width: 20px;

    height: 20px;

  }

  .contact_main .right form input[type=checkbox] ~ span {

    width: calc(100% - 24px);

    padding-left: 12px;

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 0;

  }

  .contact_main .right form span:has(.btn) {

    margin-top: 1rem;

  }

  .contact_main .right form .btn {

    padding: 11px 20px;

  }

  .datasheet_banner .flex {

    min-height: unset;

    padding: 3rem 0 4rem;

    flex-direction: column-reverse;

    gap: 1rem;

  }

  .datasheet_banner .head {

    width: 100%;

    max-width: unset;

    padding: 0;

  }

  .datasheet_banner form {

    max-width: 444px;

    margin-top: 20px;

  }

  .datasheet_banner form input,

  .datasheet_banner form input[type=submit] {

    font-size: 14px;

    padding: 12px 20px;

    min-width: unset;

  }

  .datasheet_banner .img {

    width: 100%;

    margin: 0;

  }

  .datasheet_main {

    padding: 3rem 0;

  }

  .datasheet_main p.center:has(.btn_line) {

    margin-top: 2rem;

    min-height: 43px;

  }

  .post_main {

    padding: 2rem 0;

  }

  .post_main .head .post_breadcrumbs {

    line-height: 20px;

    min-height: 22px;

  }

  .post_main .head .post_breadcrumbs span {

    font-size: 14px;

  }

  .post_main .head .post_breadcrumbs span span::before {

    width: 10px;

    height: 10px;

    margin: 0 10px;

  }

  .post_main .head h1 {

    font-size: 22px;

    line-height: 1.5;

    max-width: unset;

    margin-top: 1rem;

  }

  .post_main .head .tags {

    gap: 1rem;

    margin-top: 20px;

  }

  .post_main .head .tags p {

    font-size: 14px;

    padding: 5px 12px;

    min-width: unset;

  }

  .post_main .head .img,

  .post_main .head .video {

    border-radius: 12px;

    margin-top: 2rem;

  }

  .post_main .flex {

    margin-top: 2rem;

  }

  .post_main .post_sidebar {

    width: 100%;

    min-width: unset;

    padding: 0;

    position: static;

  }

  .post_main .post_sidebar .title {

    font-size: 18px;

  }

  .post_main .post_sidebar .post_menu {

    padding-bottom: 1rem;

  }

  .post_main .post_sidebar .post_menu ul {

    margin-top: 1rem;

  }

  .post_main .post_sidebar .post_menu li + li {

    margin-top: 10px;

  }

  .post_main .post_sidebar .post_menu a {

    font-size: 0.9rem;

  }

  .post_main .post_sidebar .post_writer {

    margin-top: 1rem;

  }

  .post_main .post_sidebar .post_writer .info {

    grid-template-columns: 3rem 1fr;

    gap: 1rem;

    margin-top: 1rem;

  }

  .post_main .post_sidebar .post_writer .name {

    font-size: 1rem;

    margin-top: 0;

  }

  .post_main .post_sidebar .post_writer .date {

    font-size: 14px;

    margin-top: 5px;

  }

  .post_main .postdetail {

    max-width: unset;

    width: 100%;

    font-size: 0.9rem;

    line-height: 1.5;

    padding-top: 1rem;

  }

  .post_main .postdetail h2 {

    font-size: 18px;

    line-height: 1.5;

    margin: 2rem 0 1rem;

  }

  .post_main .postdetail h3 {

    font-size: 16px;

    line-height: 1.5rem;

    margin: 1rem 0;

  }

  .post_main .postdetail p {

    margin: 10px 0;

  }

  .post_main .postdetail img,

  .post_main .postdetail video {

    margin: 2rem 0;

    border-radius: 12px;

  }

  .post_main .postdetail ul {

    margin: 1rem 0;

  }

  .post_main .postdetail ul li {

    padding-left: 1.2rem;

    margin-bottom: 10px;

  }

  .post_main .postdetail ul li::before {

    width: 6px;

    height: 6px;

    top: 7px;

  }

  .postdetail .pagination {
    flex-direction: column;
    gap: 1.5rem;
  }

  .postdetail .pagination>div {
    max-width: 100%;
    width: 100%;
  }

  .resources_nav {

    padding: 3rem 0;

  }

  .resources_nav .nav_list {

    width: calc(100% + 40px);

    margin: 0 -20px;

    overflow-x: auto;

    display: flex;

    gap: 1rem;

    padding: 0 20px;

  }

  .resources_nav .nav_list::-webkit-scrollbar {

    display: none;

  }

  .resources_nav .nav_list li {

    flex: 1 0 180px;

  }

  .resources_nav .nav_item {

    padding: 2rem 20px;

    gap: 1rem;

    border-radius: 12px;

  }

  .resources_nav .nav_item .icon {

    width: 3rem;

    height: 3rem;

  }

  .resources_nav .nav_item .title {

    font-size: 16px;

    line-height: 1.5;

    min-height: unset;

  }

  .resources_nav .nav_item i {

    width: 14px;

    height: 14px;

  }

  .resources_description {

    padding: 3rem 0;

  }

  .resources_description .flex {

    display: block;

  }

  .resources_description .btn_more {

    margin-top: 20px;

  }

  .resources_description .datasheet_list {

    margin-top: 2rem;

  }

  .resources_description .catalog_list {

    margin-top: 2rem;

  }

  .resources_description .catalog_list ul {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .resources_description .resources_video_swiper {

    margin-top: 22px;

  }

  .resources_description .swiper_btns {

    display: none;

  }

  .resources_description p.center:has(.btn_line) {

    margin-top: 2rem;

    min-height: 43px;

  }

  .resources_video {

    padding-bottom: 3rem;

  }

  .supports_banner .flex {

    min-height: unset;

    padding: 3rem 0 4rem;

  }

  .supports_banner .head {

    max-width: unset;

    padding: 0;

  }

  section.supports_banner .head {

    max-width: 500px;

  }

  .supports_laws {

    padding: 3rem 0;

  }

  .supports_laws .list {

    margin-top: 2rem;

  }

  .supports_laws .list ul {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .supports_products {

    padding: 3rem 0;

    overflow: hidden;

  }

  .supports_products .swiper_content {

    padding: 0 20px;

    overflow: unset;

  }

  .supports_products .supports_products_swiper {

    margin-top: 2rem;

  }

  .supports_products .swiper_btns.middle {

    position: static;

    width: 100%;

    padding: 0 20px;

    transform: translate(0);

    justify-content: flex-end;

    margin-top: 2rem;

  }

  .supports_faqs {

    padding: 3rem 0;

  }

  .supports_faqs .flex {

    margin-top: 20px;

    gap: 2rem 1rem;

  }

  .supports_faqs .nav {

    width: 100%;

    min-width: unset;

  }

  .supports_faqs .nav .nav_list {

    width: calc(100% + 40px);

    margin: 0 -20px;

    padding: 0 20px;

    overflow-x: auto;

    white-space: nowrap;

    display: flex;

    gap: 1.2rem;

  }

  .supports_faqs .nav .nav_list::-webkit-scrollbar {

    display: none;

  }

  .supports_faqs .nav .nav_item {

    font-size: 14px;

    line-height: 1.5;

    padding: 10px 20px;

    margin-bottom: 0;

  }

  .supports_faqs .faq_item {

    margin-bottom: 1rem;

  }

  .supports_faqs .faq_item .question {

    grid-template-columns: 1fr 12px;

    gap: 1rem;

    font-size: 18px;

    line-height: 1.5;

    padding: 12px 20px;

  }

  .supports_faqs .faq_item .answer {

    font-size: 0.9rem;

    line-height: 1.5;

    padding: 1rem 20px 1.2rem;

  }

  .supports_faqs .faq_item .answer p {

    margin-bottom: 10px;

  }

  .supports_faqs .faq_item .answer a {

    margin-top: 12px;

  }

  .supports_faqs p.center:has(.btn_line) {

    min-height: 43px;

    margin-top: 2rem;

  }

  .products_banner .flex {

    gap: 1rem;

    flex-direction: column-reverse;

  }

  .products_banner .left {

    width: 100%;

    max-width: unset;

    padding: 0;

  }

  .products_banner .btn_w {

    max-width: 250px;

  }

  .products_banner .breadcrumbs {

    margin-top: 3rem;

  }

  .products_banner .img {

    width: 100%;

    padding-bottom: 65.02666%;

    margin: 0 auto;

  }

  .products_main {

    padding: 3rem 0;

  }

  .products_main .left {

    width: 100%;

    position: static;

    top: unset;

    min-width: unset;

  }

  .products_main .left .head {

    gap: 1rem;

  }

  .products_main .left .head h2, .products_main .left .head .filter_title{

    font-size: 22px;

  }

  .products_main .left .head .reset {

    font-size: 14px;

    margin-top: 0;

  }

  .products_main .left .head .btn_filter {

    width: 22px;

    height: 22px;

    display: block;

    content: '';

    background: url("../img/mobile-menu/nav-btn.svg") no-repeat center / contain;

    margin-right: auto;

    cursor: pointer;

  }

  .products_main .products_sidebar {

    margin-top: 0;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 999;

    width: 100%;

    height: 100vh;

    pointer-events: none;

    transition: all 0.3s;

  }

  .products_main .products_sidebar.active {

    pointer-events: all;

  }

  .products_main .products_sidebar.active .close {

    opacity: 1;

  }

  .products_main .products_sidebar.active .con {

    opacity: 1;

    transform: translate(0);

  }

  .products_main .products_sidebar .close {

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    transition: all 0.3s;

    opacity: 0;

  }

  .products_main .products_sidebar .con {

    position: absolute;

    left: 0;

    top: 0;

    width: min(300px, 80vw);

    height: 100%;

    display: flex;

    flex-direction: column;

    background-color: #fff;

    box-shadow: rgba(0 0 0/10%) 0 0 24px;

    transition: all 0.3s;

    opacity: 0;

    transform: translateX(-100%);

  }

  .products_main .products_sidebar .con .close_box {

    padding: 32px 20px 20px;

    border-bottom: 1px solid #eee;

    text-align: right;

  }

  .products_main .products_sidebar .con .close_box .close {

    display: inline-block;

    width: 15px;

    height: 15px;

    filter: brightness(0);

    background: url('../img/mobile-menu/close.svg') no-repeat center / contain;

    cursor: pointer;

    transition: all 0.3s;

  }

  .products_main .products_sidebar .con .close_box .close:hover {

    transform: rotate(180deg);

  }

  .products_main .products_sidebar .con .close_box + div {

    flex: 1;

    overflow: auto;

    padding-top: 1.2rem;

  }

  .products_main .products_sidebar .con .close_box + div::-webkit-scrollbar {

    width: 5px;

  }

  .products_main .products_sidebar .con .close_box + div::-webkit-scrollbar-thumb {

    background: #888888;

    border-radius: 10px;

  }

  .products_main .products_sidebar .title {

    font-size: 18px;

    line-height: 1.5;

    padding: 14px 20px;

    grid-template-columns: 1fr 12px;

  }

  .products_main .products_sidebar .box {

    padding: 10px 20px 20px;

  }

  .products_main .products_sidebar .terms li {

    padding-left: 1.6rem;

    font-size: 14px;

    margin-bottom: 12px;

  }

  .products_main .products_sidebar .terms li::before {

    width: 14px;

    height: 14px;

  }

  .products_main .products_sidebar .terms .more {

    font-size: 1rem;

    margin-top: 20px;

    padding: 0;

  }

  .products_main .products_sidebar .range .btc {

    font-size: 14px;

    margin-top: 1rem;

  }

  .products_main .products_sidebar .colors ul {

    gap: 1rem;

  }

  .products_main .products_sidebar .colors li {

    width: 22px;

    height: 22px;

  }

  .products_main .left + .right {

    max-width: unset;

  }

  .products_main .right .sort_box {

    font-size: 0.9rem;

  }

  .products_main .right .sort_box .sort {

    gap: 5px;

  }

  .products_main .right .sort_box .sort select {

    min-width: unset;

    font-size: 14px;

    padding-right: 2rem;

    background-size: 12px;

  }

  .products_main .list {

    max-width: unset;

    padding: 0;

    margin-top: 22px;

  }

  .products_main .list > ul {

    grid-template-columns: 1fr !important;

    gap: 2rem 1rem;

  }

  .products_main p.center:has(.btn_line) {

    margin-top: 2rem;

    min-height: 43px;

  }

  .product_show {

    padding: 2rem 0 3rem;

  }

  .product_show .flex {

    display: block;

    margin-top: 1rem;

  }

  .product_show .left {

    width: 100%;

    padding: 0;

    max-width: 444px;

    margin: 0 auto;

  }

  .product_show .left .swiper_prev,

  .product_show .left .swiper_next {

    width: 7px;

    height: 14px;

  }

  .product_show .left .swiper_box {

    margin-top: 1rem;

  }

  .product_show .left .product_show_gallery_swiper .btn_video {

    left: 12px;

    bottom: 12px;

    font-size: 14px;

    padding: 10px 20px;

    gap: 8px;

  }

  .product_show .left .product_show_gallery_swiper .btn_video::after {

    width: 10px;

    height: 10px;

  }

  .product_show .right {

    margin-top: 2rem;

    max-width: unset;

  }

  .product_show .right .head {

    font-size: 0.9rem;

    line-height: 1.5;

  }

  .product_show .right .head h1 {

    margin-top: 8px;

    font-size: 25px;

    line-height: 1.5;

  }

  .product_show .right .head p {

    margin-top: 10px;

  }

  .product_show .right .head ul {

    line-height: 1.5;

    padding-top: 1rem;

    margin-top: 1rem;

  }

  .product_show .right .head ul li {

    padding-left: 1.2rem;

  }

  .product_show .right .head ul li::before {

    width: 4px;

    height: 4px;

    top: 7px;

  }

  .product_show .right .head .more {

    gap: 8px;

    margin-top: 12px;

  }

  .product_show .right .head .more::after {

    width: 10px;

    height: 10px;

  }

  .product_show .right .advantage {

    padding-top: 2rem;

    margin-top: 1rem;

    gap: 1.2rem 1rem;

    grid-template-columns: 1fr;

  }

  .product_show .right .advantage li {

    grid-template-columns: 2rem 1fr;

    gap: 12px;

  }

  .product_show .right .advantage strong {

    font-size: 18px;

  }

  .product_show .right .advantage p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .product_show .right .btns {

    margin-top: 2rem;

    gap: 1rem;

  }

  .product_show .right .btns .btn {

    flex: auto;

    width: unset;

  }

  .product_show .right .btns .btn_download {

    flex: auto;

    width: unset;

    font-size: 14px;

    line-height: 1.5;

    gap: 8px;

    padding: 10px 20px;

  }

  .product_show .right .btns .btn_download::after {

    width: 14px;

    height: 14px;

  }

  .product_nav .nav_list {

    width: calc(100% + 40px);

    margin: 0 -20px;

    padding: 0 20px;

    overflow-x: auto;

    flex-wrap: nowrap;

    white-space: nowrap;

    justify-content: unset;

    gap: 1.5rem;

  }

  .product_nav .nav_list li:first-child {

    margin-left: auto;

  }

  .product_nav .nav_list li:last-child {

    margin-right: auto;

  }

  .product_nav .nav_list::-webkit-scrollbar {

    display: none;

  }

  .product_nav .nav_list .nav_item {

    font-size: 16px;

    padding: 16px 0 14px;

    margin-bottom: 0;

    border-bottom-width: 2px;

  }

  .product_desc {

    padding: 3rem 0;

  }

  .product_desc .head {

    max-width: unset;

  }

  .product_desc .imgs {

    margin-top: 2rem;

  }

  .product_desc .imgs > div {

    grid-template-columns: 1fr;

    gap: 1rem;

  }

  .product_desc .infos {

    margin-top: 2rem;

  }

  .product_desc .infos > div {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .product_desc .infos h3 {

    font-size: 18px;

    line-height: 1.5;

    padding-bottom: 10px;

    min-height: 65px;

  }

  .product_desc .infos p {

    font-size: 0.9rem;

    line-height: 1.5;

    margin-top: 10px;

  }

  .product_advantage {

    padding: 3rem 0;

  }

  .product_advantage .flex {

    gap: 1rem;

  }

  .product_advantage .product_advantage_swiper {

    width: 100%;

  }

  .product_advantage .items {

    max-width: unset;

    padding: 0;

  }

  .product_advantage .items .title {

    font-size: 18px;

    grid-template-columns: 1fr 12px;

    gap: 1rem;

    line-height: 1.5;

    padding: 12px 0;

  }

  .product_advantage .items .desc {

    font-size: 0.9rem;

    line-height: 1.5;

    padding-bottom: 1rem;

    padding-top: 0;

  }

  .product_caa {

    padding: 3rem 0;

  }

  .product_caa .items > div {

    grid-template-columns: 1fr;

    gap: 2rem 1rem;

  }

  .product_caa .item .title {

    font-size: 22px;

    line-height: 1.5;

    padding-bottom: 10px;

  }

  .product_caa .item .logos {

    margin-top: 1rem;

  }

  .product_caa .item .logos > ul {

    gap: 1rem;

  }

  .product_caa .item .logos img {

    height: 50px;

  }

  .product_caa .item .info {

    margin-top: 1rem;

  }

  .product_caa .item .info li {

    font-size: 0.9rem;

    padding-left: 1.5rem;

    margin-bottom: 10px;

  }

  .product_caa .item .info li::before {

    width: 12px;

    height: 12px;

  }

  .product_tech {

    padding: 3rem 0;

  }

  .product_tech .main {

    margin-top: 1rem;

    /* padding-left: 10px; */

    overflow-x: auto;

  }

  .product_tech .main::-webkit-scrollbar {

    display: none;

  }

  .product_tech table {

    min-width: 600px;

  }

  .product_tech table::before {

    left: -10px;

  }

  .product_tech table tr:last-child td {

    padding-bottom: 14px;

  }

  .product_tech table tr:first-child td {

    padding-top: 14px;

  }

  .product_tech table td {

    font-size: 14px;

    line-height: 1.5;

    padding: 12px;

    min-width: 100px;

  }

  .product_download {

    padding: 3rem 0;

  }

  .product_download .list {

    margin-top: 2rem;

  }

  .product_download .list ul {

    grid-template-columns: 1fr;

    gap: 1rem;

  }

  .product_download .list a {

    grid-template-columns: 1fr 40px;

    gap: 1rem;

    font-size: 18px;

    padding: 14px 20px;

  }

  .product_notice {

    padding: 3rem 0;

    margin: 1rem 0;

  }

  .product_notice h3 {

    font-size: 18px;

    line-height: 1.5;

    margin-top: 14px;

  }

  .product_related {

    padding: 3rem 0;

    overflow: hidden;

  }

  .product_related .flex {

    align-items: center;

  }

  .product_related .swiper_content {

    padding: 0 20px;

    overflow: unset;

  }

  .product_related .product_related_swiper {

    margin-top: 2rem;

  }

  .product_related .swiper_btns.middle {

    position: static;

    width: 100%;

    padding: 0 20px;

    transform: translate(0);

    justify-content: flex-end;

    margin-top: 2rem;

  }



  #quote {

    width: 50px;

    height: 50px;

    right: 20px;

    bottom: 30px;

  }

  #quote::after {

    width: 20px;

    height: 20px;

  }





  /*** global css ***/

  .wpcf7 form.wpcf7-form .wpcf7-not-valid-tip {

    font-size: 12px;

    margin-top: 5px;

  }

  .wpcf7 form.wpcf7-form .wpcf7-response-output {

    font-size: 14px;

    line-height: 1.5;

  }

  /*** global css ***/





  .watermark {

    right: 10px;

    top: 10px;

    width: 30px;

    height: 30px;

  }

  .header_advantage{
    display: none;
  }

}

@media screen and (min-width: 640px) and (max-width: 768px) {

  .head .subtitle {

    font-size: 15px;

  }

  .head h1 {

    font-size: 34px;

  }

  .head h2 {

    font-size: 28px;

  }

  .head .desc,

  .head p {

    font-size: 16px;

    margin-top: 12px;

  }

  .video_pop .pop_content {

    height: auto;

    width: 90vw;

  }

  .home_banner .title {

    font-size: 34px;

  }

  .home_banner .flex .img {

    width: 52%;

    padding-bottom: 52%;

  }

  .header_advantage .list ul {

    grid-template-columns: 1fr 1fr;

  }

  .home_categories .list .list_b3 ul,

  .home_categories .list .list_b2 ul {

    grid-template-columns: 1fr 1fr;

  }

  .home_products .list > ul {

    grid-template-columns: 1fr 1fr;

  }

  .home_about .img {

    width: 48%;

  }

  .home_about .nums ul {

    grid-template-columns: 1fr 1fr;

  }

  .about_intro .imgs > div {

    grid-template-columns: 2fr 1fr;

  }

  .about_desc .img {

    width: 48%;

  }

  .blog_main .list > ul {

    grid-template-columns: 1fr 1fr;

  }

  .category_banner .flex .img {

    width: 48%;

    padding-bottom: 48%;

  }

  .category_main .list ul {

    grid-template-columns: repeat(4, 1fr);

  }

  .category_main .list ul li {

    grid-column: span 2;

  }

  .category_intro .items > div {

    grid-template-columns: 1fr 1fr;

  }

  .datasheet_banner .img {

    width: 48%;

  }

  .catalog_item a {

    grid-template-columns: 46% 1fr;

  }

  .resources_description .catalog_list ul {

    grid-template-columns: 1fr 1fr;

  }

  .supports_laws .list ul {

    grid-template-columns: 1fr 1fr;

  }

  .products_banner .img {

    width: 54.39%;

    padding-bottom: 35.368%;

  }

  .products_main .list > ul {

    grid-template-columns: 1fr 1fr !important;

  }

  .product_download .list ul {

    grid-template-columns: 1fr 1fr;

  }

  .product_caa .items > div {

    grid-template-columns: 1fr 1fr;

  }

  .product_advantage .product_advantage_swiper {

    width: 48%;

  }

  .product_desc .imgs > div {

    grid-template-columns: 2fr 1fr;

  }

  .product_desc .infos > div {

    grid-template-columns: 1fr 1fr;

  }

}

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