@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .swiper_btns {
    display: none;
  }
  .head > span {
    font-size: 12px;
    font-weight: 400;
    padding: 8px 1rem;
  }
  .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .head h2 {
    font-size: 22px;
    line-height: 1.5;
  }
  .product_head h2 {
    font-size: 22px !important;
    line-height: 1.5 !important;
  }
  .head h2::after {
    display: none;
  }
  .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin: 0.5rem 0 0;
  }
  .button {
    font-size: 14px;
    padding: 11px 20px;
  }
  .button_more {
    font-size: 14px;
    padding: 11px 20px;
  }
  header {
    padding: 10px 0;
  }
  header .header .left {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .header .left .logo {
    width: 150px;
    height: 50px;
    top: 0;
  }
  header .header .left .icon_search {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/search-pink.svg) no-repeat center / contain;
  }
  header .header .left .icon_menu {
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 1.2rem;
    background: url(../img/nav-btn.svg) no-repeat center / contain;
  }
  header .header .left .overlay_m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
  header .header .left .overlay_m.active {
    display: block;
  }
  header .header .right {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80vw;
    height: 100vh;
    background-color: #fff;
    display: block;
    transition: all 0.3s;
    overflow: auto;
  }
  header .header .right.active {
    left: 0;
  }
  header .header .right nav div > ul {
    padding-top: 3rem;
    display: block;
  }
  header .header .right nav div > ul > li > a {
    line-height: 3.5rem;
    padding: 0 2rem;
    font-size: 15px;
  }
  header .header .right nav div > ul > li.menu-item-has-children{
    position: relative;
  }
  header .header .right nav div > ul > li.menu-item-has-children:after{
    content: "";
    position: absolute;
    right: 1rem;
    top: 18px;
    width: 20px;
    height: 20px;
    background: url('../img/plus2.svg') no-repeat center /contain;
  }
  header .header .right .icon_search {
    display: none;
  }
  header .header .right .button {
    margin: 2rem;
    font-size: 14px;
    padding: 11px 20px;
  }
  header .search_box {
    display: none;
    padding: 0.75rem 0 0;
  }
  header .search_box form {
    height: 2.5rem;
    text-align: center;
  }
  header .search_box form input[type="text"] {
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 0.625rem;
    background-color: transparent;
  }
  header .search_box form input[type="submit"] {
    vertical-align: middle;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../img/search.svg) no-repeat center / 45%;
    filter: brightness(0.5);
  }
  header .header .right nav div > ul > li ul{
    max-height: unset;
    position: unset;
    color: #202021;
    visibility: visible;
    box-shadow: none;
    background-color: #fa9b9b1c;
    margin-left: 2rem;
    margin-right: 2rem;
    display: none;
  }
  header .header .right nav div > ul > li ul li a{
    color: #202021;
    display: block;
    padding: 0.5rem 0;
  }
  footer .cta {
    background-color: #88d4f2;
  }
  footer .cta .head {
    height: auto;
    padding: 30px 0;
  }
  footer .cta .head p {
    margin: 0.5rem 0 1rem;
  }
  footer .cta .head a {
    font-size: 14px;
    padding: 11px 20px;
  }
  footer .footer {
    padding: 30px 0;
    background-color: #2d4073;
  }
  footer .footer .content > .flex {
    display: block;
  }
  footer .footer .slide_obj strong {
    font-size: 0.9rem;
    line-height: 42px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    padding: 0 1.2rem;
    margin-bottom: 1rem;
    position: relative;
  }
  footer .footer .slide_obj strong:after{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/plus2.svg') no-repeat center/contain;
  }
  footer .footer .slide_obj strong.active:after{
    background-image: url('../img/minus2.svg');
  }
  footer .footer .slide_obj div {
    display: none;
    padding: 0 1.2rem 1.2rem;
  }
  footer .footer .slide_obj a {
    font-size: 14px;
    line-height: 2rem;
  }
  footer .footer .about_us {
    width: 100%;
  }
  footer .footer .about_us p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }
  footer .footer .contact_us {
    width: 100%;
  }
  footer .footer .contact_us p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  footer .footer .contact_us li {
    margin-bottom: 0.5rem;
    padding-left: 1.8rem;
  }
  footer .footer .contact_us li::before {
    width: 1rem;
    height: 1rem;
    top: 9px;
  }
  footer .footer_bottom {
    background-color: #2d4073;
    padding-bottom: 30px;
  }
  footer .footer_bottom .content > .flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }
  footer .footer_bottom .logo {
    width: 200px;
    height: 50px;
  }
  footer .footer_bottom .flex > img {
    width: 80%;
  }
  footer .copyright {
    margin-top: 0;
    background-color: #223668;
    padding: 0.5rem 0;
  }
  footer .copyright .flex div {
    display: none;
  }
  footer .copyright p {
    width: 100%;
    line-height: 1.4;
    font-size: 12px;
    text-align: center;
  }
  .home_banner {
    background-position: 42% !important;
    margin-top: -122px;
    padding: 12rem 0 0;
  }
  .home_banner .head h1 {
    margin: 0.5rem 0 1rem;
  }
  .home_banner .head p {
    margin-bottom: 1.2rem;
  }
  .home_banner .auth {
    width: 100vw;
    margin: 50px -1.2rem 0;
    padding: 5rem 1.2rem;
    background-color: #1a347b;
  }
  .home_banner .auth .head p {
    margin: 0.5rem 0 0;
    line-height: 1.5rem;
  }
  .home_banner .auth ul {
    padding-top: 30px;
    flex-wrap: wrap;
    gap: 1.2rem 0;
    justify-content: space-between;
  }
  .home_banner .auth ul li {
    width: 48%;
    flex: unset;
  }
  .home_banner .auth ul li .img {
    height: 85px;
  }
  .home_banner .auth ul li h3 {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 1rem;
  }
  .home_blog {
    padding: 5rem 0 50px;
  }
  .home_blog .head {
    display: block;
  }
  .home_blog .head ul {
    padding-top: 20px;
    overflow: scroll;
  }
  .home_blog .head ul li {
    font-size: 14px;
    padding: 11px 1rem;
  }
  .home_blog .home_blog_swiper_box {
    margin: 30px 0;
  }
  .home_blog .home_blog_swiper .img {
    border-radius: 10px;
    height: 185px;
  }
  .home_blog .home_blog_swiper .info {
    padding-top: 0.5rem;
  }
  .home_blog .home_blog_swiper .info span {
    font-size: 13px;
  }
  .home_blog .home_blog_swiper .info h3 {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0.5rem 0 1rem;
  }
  .home_blog .home_blog_swiper .info strong {
    font-size: 14px;
  }
  .home_blog .home_blog_swiper .info strong::after {
    right: -20px;
    width: 10px;
    height: 10px;
  }
  .home_best {
    padding: 5rem 0;
  }
  .home_best .main ul {
    padding: 30px 0;
    overflow: scroll;
    gap: 1rem;
  }
  .home_best .main ul::-webkit-scrollbar {
    display: none;
  }
  .home_best .main ul li {
    min-width: 70%;
    height: 400px;
    border-radius: 10px;
  }
  .home_best .main ul li::after {
    display: none;
  }
  .home_best .main ul li div {
    border-radius: 10px;
  }
  .home_best .main ul li div h3 {
    font-size: 19px;
    line-height: 1.5;
    width: calc(100% - 2.4rem);
    left: 1.2rem;
    margin-bottom: 1rem;
  }
  .home_best .main ul li div p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    width: calc(100% - 2.4rem);
    left: 1.2rem;
  }
  .home_best .main ul li div strong {
    height: 2rem;
    line-height: 2rem;
    font-size: 14px;
    left: 1.2rem;
    display: none;
  }
  .home_best .main ul li div strong::after {
    width: 2rem;
    height: 2rem;
    right: -3rem;
  }
  .home_best .main ul li a {
    transform: translateY(-0%);
    opacity: 0.8;
    height: 100%;
    padding: 1.5rem;
    background-color: #1a347b;
  }
  .home_best .main ul li a h3 {
    bottom: 40%;
    position: unset;
  }
  .home_best .main ul li a p {
    bottom: 1.2rem;
    opacity: 1;
    position: unset;
    width: 100%;
    font-size: 0.85rem;
    line-height: 1.6;
  }
  
  .home_best .main ul li a strong {
    bottom: 1rem;
  }
  .home_best .main ul li:hover a {
    transform: translateY(0%);
  }
  .home_best .main ul li:hover a h3 {
    bottom: 40%;
  }
  .home_best .main ul li:hover a p {
    bottom: 1.2rem;
  }
  .home_best .main ul li:hover a strong {
    bottom: 1rem;
  }
  .home_best .main .button {
    font-size: 14px;
    padding: 11px 20px;
  }
  .home_nums {
    padding: 50px 0 5rem;
  }
  .home_nums .content > .flex {
    height: auto;
  }
  .home_nums ul li {
    padding: 0;
  }
  .home_nums ul li .img {
    width: 3rem;
    height: 3rem;
  }
  .home_nums ul li span {
    font-size: 1.4rem;
  }
  .home_nums ul li p {
    font-size: 12px;
  }
  .home_choose {
    padding: 8rem 0 5rem;
  }
  .home_choose .head {
    display: block;
  }
  .home_choose .head ul {
    padding-top: 20px;
    overflow: scroll;
  }
  .home_choose .head ul li {
    font-size: 14px;
    padding: 11px 1rem;
  }
  .home_choose .home_choose_swiper_box {
    margin: 30px 0;
  }
  .home_choose .home_choose_swiper_box .swiper_btns {
    display: flex;
    z-index: 2;
  }
  .home_choose .home_choose_swiper_box .swiper_btns div {
    width: 2rem;
    height: 2rem;
  }
  .home_choose .home_choose_swiper .swiper-slide {
    padding: 2rem 1rem 1.2rem;
    border-radius: 10px;
    display: block;
  }
  .home_choose .home_choose_swiper .swiper-slide .img {
    width: 100%;
    border-radius: 10px;
    height: 220px;
  }
  .home_choose .home_choose_swiper .swiper-slide .info {
    width: 100%;
  }
  .home_choose .home_choose_swiper .swiper-slide .info h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  .home_choose .home_choose_swiper .swiper-slide .info p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin: 0.5rem 0 1.2rem;
  }
  .home_choose .home_choose_swiper .swiper-slide .info .button {
    font-size: 14px;
    padding: 11px 20px;
  }
  .home_choose .home_choose_icon {
    padding: 4rem 0 6rem;
    margin-top: 0;
  }
  .home_choose .home_choose_icon ul {
    height: auto;
    overflow: scroll;
  }
  .home_choose .home_choose_icon ul li {
    min-width: 65%;
    padding: 0.5rem 0.6rem;
    border-radius: 10px;
  }
  .home_choose .home_choose_icon ul li > .flex {
    min-height: 80px;
    border-radius: 10px;
  }
  .home_choose .home_choose_icon ul li i {
    min-width: 2rem;
    height: 2rem;
  }
  .home_choose .home_choose_icon ul li h4 {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .home_choose .home_choose_icon ul li p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
  .home_discover {
    padding: 5rem 0 50px;
  }
  .home_discover .head {
    display: block;
  }
  .home_discover .head ul {
    padding-top: 20px;
    overflow: scroll;
    justify-content: flex-start;
  }
  .home_discover .head ul::-webkit-scrollbar {
    display: none;
  }
  .home_discover .head ul li {
    font-size: 14px;
    padding: 11px 1rem;
    white-space: nowrap;
  }
  .home_discover .home_discover_swiper_box {
    margin: 0;
  }
  .home_discover .home_discover_swiper a {
    height: 270px;
    border-radius: 15px;
  }
  .home_discover .home_discover_swiper a .info {
    padding: 250px 1.2rem 2rem;
    padding-top: 155px;
  }
  .home_discover .home_discover_swiper a .info span {
    font-size: 14px;
  }
  .home_discover .home_discover_swiper a .info h3 {
    font-size: 17px;
    line-height: 1.5;
    margin-top: 0.5rem;
  }
  .home_discover .home_discover_swiper a .info strong {
    width: 2rem;
    height: 2rem;
  }
  header .header .right nav div > ul > li > a:hover, header .header .right nav div > ul > li.current-menu-item > a{
    background-color: transparent;
    color: var(--main);
  }
  footer .footer .social li a{
    width: 35px;
    height: 35px;
  }
  footer .footer .social{
    justify-content: center;
  }
  .products_main, .products_banner{
    overflow: hidden;
  }
  .products_banner>.content>.flex{
    flex-flow: wrap;
  }
  .products_banner .left, .products_banner .right{
    width: 100%;
  }
  .products_banner .head h1{
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .products_banner .head p{
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 0;
  }
  .products_banner{
    padding: 5rem 0;
  }
  .products_banner .products_banner_swiper .swiper-slide .img{
    height: 140px;
  }
  .products_banner .products_banner_swiper .swiper-slide p{
    padding-top: 25px;
    font-size: 14px;
  }
  .products_banner .products_banner_swiper{
    width: 83%;
  }
  .products_banner .products_banner_swiper_box{
    margin-top: 10px;
  }

  .products_main{
    padding: 5rem 0;
    padding-top: 2rem;
  }
  .products_main .right .products{
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
  .products_main .right{
    width: 100%;
  }
  .products_main .right .products .product .info{
    padding: 137px 20px 2rem;
  }
  .products_main .right .products .product a{
    height: 250px;
  }
  .products_main .right .products .product .info span{
    font-size: 12px;
  }
  .products_main .right .products .product .info h2{
    font-size: 14px;
  }
  .products_main .right .products .product .info strong{
    width: 40px;
    height: 40px;
  }
  .filter-icon{
    width: 25px;
    height: 25px;
    margin-bottom: 2rem;
    display: block;
    background: url('../img/filter-icon.svg') no-repeat center/contain;
    margin-left: auto;
  }
  .products_main .sidebar{
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 85%;
    z-index: 99;
    background: white;
    padding: 2rem;
    overflow: auto;
    right: -150%;
    transition: all 0.3s;
  }
  .filter-active .products_main .sidebar{
    right: 0;
  }
  .products_main .sidebar strong{
    font-size: 20px;
  }
  .products_main .sidebar .productcat ul li a{
    font-size: 14px;
  }
  .products_main .sidebar .productcat ul li{
    background-size: 23px;
  }
  .products_main .sidebar .productfilter .terms > li{
    font-size: 15px;
    padding-top: 0;
  }
  .products_main .sidebar .productcat ul{
    padding: 0 ;
    margin-bottom: 2rem;
  }
  .products_main .sidebar .productfilter .terms .childrenTerm li{
    font-size: 14px;
  }
  .products_main .sidebar .productfilter .terms .childrenTerm li::before{
    top: 0;
  }
  .filter-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 98;
    display: none;
  }
  .filter-active .filter-overlay{
    display: block;
  }
  .product_nav .content>.flex{
    flex-flow: wrap;
  }
  .product_nav p{
    width: 100%;
    font-size: 18px;
    font-weight: 700;
  }
  .product_nav{
    padding: 1.2rem 0;
  }
  .product_nav .right .nav ul li{
    margin-right:1rem;
  }
  .product_banner .home_choose_icon, .product_ways, .product_spec{
    overflow: hidden;
  }
  .product_nav .right{
    padding: 0.5rem 0;
    padding-bottom: 0;
  }
  .product_nav .right .button{
    font-weight: 400;
    display: none;
  }
  .product_bright_rich{
    overflow: hidden;
  }
  .product_banner{
    padding-top: 3rem;
  }
  .product_banner .head{
    width: 100%;
  }
  .product_banner .content .flex{
    flex-flow: wrap;
  }
  .product_banner .head h1{
    max-width: 100%;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 0;
  }
  .product_banner .head p{
    max-width: 100%;
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .product_banner .head .button{
    font-size: 14px;
    padding: 0.6rem 3rem;
    margin-top: 1.5rem;
  }
  .product_banner .img{
    width: 100%;
    position: unset;
    margin-top: 2rem;
  }
  .product_banner .home_choose_icon{
    bottom: -30px;
  }
  .product_banner .home_choose_icon ul li{
    min-width: 280px;
  }
  .product_banner .home_choose_icon ul .flex{
    flex-flow: unset;
    min-height: 95px;
  }
  .product_banner .home_choose_icon ul h4{
    font-size: 15px;

  }
  .product_banner .home_choose_icon ul{
    gap: 20px;
    overflow: auto;
  }
  .product_banner .home_choose_icon ul i{
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .product_banner .home_choose_icon ul p{
    font-size: 13px;
  }

  .product_smooth .flex{
    height: auto;
    padding-top: 10rem;
    padding-bottom: 5rem;
  }
  .product_head strong{
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .product_head p{
    max-width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 10px;
  }
  .content .content{
    padding-left: 0;
    padding-right: 0;
  }
  .product_smooth{
    overflow: hidden;
  }
  .product_smooth .img .pic1 {
    width: 180px;
    height: auto;
    position: absolute;
    right: -7px;
    top: 102px;
    transition: all 1s;
    top: 70px;
  }
  .product_smooth .img .pic2{
    display: none;
  }
  .product_smooth .product_head{
    padding-bottom: 10rem;
  }
  .product_bright_rich .flex{
    flex-flow: wrap;
    height: auto;
  }
  .product_bright_rich .img{
    width: 100%;
    display: none;
  }
  .product_bright_rich {
    padding: 10rem 0;
  }
  .product_bright_rich .pic2 {
    position: absolute;
    z-index: 2;
    width: 120px;
    height: auto;
    bottom: 12rem;
    right: 0;
    transition: all 2.5s;
  }
  .product_bright_rich .product_head{
    padding-top: 0;
  }
  .product_bright_rich .pic1 {
    position: absolute;
    z-index: 2;
    width: 110px;
    height: auto;
    bottom: -11rem;
    left: 0;
    transition: all 2.5s;
  }
  .product_safe .content .flex{
    flex-flow: wrap;
  }
  .product_safe .product_head{
    width: 100%;
    padding-bottom: 0;
  }
  .product_safe .product_safe_swiper_box{
    left: unset;
    margin-top: 3rem;
  }
  .product_safe{
    padding-top: 7rem;
  }
  .product_safe .product_safe_swiper_box .product_safe_swiper h3 {
    padding-top: 20px;
    font-size: 16px;
  }
  .product_ways .flex{
    flex-flow: wrap;
    top: unset;
  }
  .product_ways .pic{
    width: 100%;
    position: unset;
  }
  .product_ways .pic img{
    width: 100%;
    height: auto;
  }
  .product_safe .product_safe_swiper_box{
    margin-bottom: 30px;
  }
  .product_ways .head{
    width: 100%;
    max-width: unset;
  }
  .product_ways .head ul li{
    width: 40%;
  }
  .product_ways .head ul{
    gap: 1.2rem;
  }
  .product_ways .head ul li span{
    font-size: 0.9rem;
  }
  .product_free ul{
    gap: 1rem;
  }
  .product_free ul li{
    border-radius: 10px;
  }
  .product_free .pic1 {
    position: absolute;
    right: 0;
    top: 31px;
    width: 67px;
    height: auto;
    transition: all 2s;
  }
  .product_spec{
    padding-top: 0;
    padding-bottom: 2rem;
  }
  .product_spec .content > .flex{
    flex-flow: wrap;
  }
  .product_spec .img{
    width: 100%;
  }
  .product_spec .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_spec .main{
    padding-top: 2rem;
    width: 100%;
  }
  .product_spec .main table tr td{
    font-size: 14px;
  }
  .product_color ul{
   gap: 0; 
   padding-top: 35px;
  }
  .product_color ul li{
    width: 22%;
    margin-right: 4%;
    margin-bottom: 20px;
  }
  .product_color ul li:nth-of-type(4n){
    margin-right: 0;
  }
  .product_color ul li .color{
    height: 74px;
    line-height: 74px;
  }
  .product_color ul li p{
    font-size: 0.75rem;
    white-space: nowrap;
    padding-top: 0.5rem;
  }
  header.sticky + .product_nav{
    top: 70px;
  }
  .product_faq{
    padding-top: 30px;
    padding-bottom: 3rem;
  }
  .product_faq .sy_contentfaq{
    margin-top: 30px;
  }
  .product_faq .sy_contentfaq .faqs .faq .question{
    padding: 1rem;
    gap: 1rem;
  }
  .product_faq .sy_contentfaq .faqs .faq .question strong{
    font-size: 16px;
  }
  .product_faq .sy_contentfaq .faqs .faq .answer{
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_faq .sy_contentfaq .faqs .faq .answer{
    padding: 0 1.2rem 1.2rem;
  }
  .product_faq p.center{
    font-size: 14px;
    padding-top: 1rem;
  }
  .product_faq p.center a{
    font-size: 0.9rem;
  }
  .product_mightlike .product_mightlike_swiper .info span{
    font-size: 14px;
  }
  .product_mightlike .product_mightlike_swiper .info h3{
    font-size: 16px;
    margin-top: 0;
  }
  .product_mightlike .product_mightlike_swiper .info{
    padding-top: 220px;
  }
  .product_mightlike .product_mightlike_swiper a{
    height: 340px;
  }
  .product_mightlike .product_mightlike_swiper .info strong{
    width: 45px;
    height: 45px;
  }
  .about_advantage, .about_explore, .about-num{
    overflow: hidden;
  }
  .about_advantage{
    margin-top: 0 !important;
  }
  .about-banner{
    height: 550px;
  }
  .about-banner .icon-content .icon {
    width: 55px;
    left: 62px;
    height: 82px;
    top: 83px;
  }
  .about-banner .icon-content .icon3 {
    left: unset;
    right: 37px;
    width: 80px;
    top: 100px;
    
  }
  .about-banner .icon-content .icon.icon2{
    width: 104px;
    left: 103px;
    top: unset;
    bottom: 75px;
  }
  .about-banner .icon-content .icon4{
    display: none;
  }
  .about-num{
    background-size: 300%;
    padding-top: 0;
    background-position: center top;
  }
  .about-num li>span:nth-of-type(1){
    width: 48px;
    height: 48px;
  }
  .about-num li strong{
    font-size: 22px;
    margin-bottom: 0.2rem;
  }
  .about-num li p{
    font-size: 12px;
  }
  .about-num li{
    padding-top: 3rem;
  }
  .about_advantage .content>.flex{
    flex-flow: wrap;
  }
  .about_advantage .left{
    width: 100%;
    margin-bottom: 1rem;
  }
  .about_advantage .left img{
    width: 100%;
    height: auto;
  }
  .about_advantage .right{
    width: 100%;
    padding: 0;
  }
  .about_advantage{
    padding-top: 0;
    margin-top: -8rem;
    padding-bottom: 75px;
  }
  .about_advantage .right h2, .about_advantage .right strong{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .icon-content{
    background-size: 400% !important;
    background-position: right center !important;
  }
  .page-about .home_banner{
    margin-top: -53px;
    padding-top: 6rem;
  }
  .about_explore .left{
    width: 100%;
  }
  .about_explore .right{
    width: 100%;
  }
  .about_explore .content>.flex{
    flex-flow: wrap;
  }
  .about_explore .left h2, .about_explore .left span{
    font-size: 22px;
    line-height: 1.5;
  }
  .about_explore{
    padding-top: 80px;
    padding-bottom: 100px;
  }
  .about_explore .head p{
    max-width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .about_explore .button{
    margin-top: 0;
  }
  .about_explore .right img{
    width: 100%;
    margin-top: 2rem;
    height: auto;
  }
  .advantage_factory, .advantage_quality, .advantage_banner, .advantage_advanced{
    overflow: hidden;
  }
  .advantage_banner .content>.flex{
    flex-flow: wrap;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .advantage_banner .left, .advantage_banner .right{
    width: 100%;
    padding: 0;
  }
  .advantage_banner .left p{
    padding: 0;
  }
  .advantage_banner{
    padding-top: 55px;
    height: 645px;
  }
  .advantage_banner h1{
    margin: 1rem 0;
  }
  .advantage_banner .right img{
    width: 80%;
    margin-top: 2rem;
  }
  .advantage_banner .advantage-bottom ul li{
    min-width: 280px;
  }
  .advantage_banner .advantage-bottom ul{
    gap: 20px;
  }
  
  .advantage_banner .advantage-bottom ul li>div{
    padding: 20px;
    padding-left: 80px;
  }
  .advantage_banner .advantage-bottom ul li>div strong{
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 0;
  }
  .advantage_banner .advantage-bottom ul li>div:before{
    width: 27px;
    height: 27px;
  }
  .advantage_banner .advantage-bottom ul li>div{
    padding-left: 68px;
  }
  .advantage_banner .advantage-bottom ul li>div p{
    font-size: 0.9rem;
  }
  .advantage_banner .advantage-bottom ul{
    overflow: auto;
    padding: 1rem 1.2rem;
  }
  .advantage_banner .content{
    padding: 0;
  }
  .advantage_banner .advantage-bottom{
    margin-top: 0;
  }
  .advantage_quality .content>.flex{
    flex-flow: wrap;
  }
  .advantage_quality .left{
    width: 100%;
  }
  .advantage_quality .right{
    width: 100%;
    padding: 0;
  }
  .advantage_quality{
    padding-top: 0;
    padding-bottom: 30px;
  }
  .advantage_quality .left img{
    width: 100%;
  }
  .advantage_quality h2{
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .advantage_quality .head p{
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .advantage_quality .imgs li{
    width: 48%;
    height: auto;
  }
  .advantage_quality .imgs li img{
    width: 100%;
    height: auto;
    object-fit: unset;
  }
  .advantage_quality .imgs{
    margin-top: 24px;
  }
  .advantage_factory .content>.flex{
    flex-flow: wrap;
  }
  .advantage_factory{
    padding-top: 70px;
    background-size: cover;
  }
  .advantage_factory .left{
    width: 100%;
  }
  .advantage_factory .right{
    width: 100%;
  }
  .advantage_factory h2{
    margin-bottom: 30px;
  }
  .advantage_factory .img{
    max-height: 300px;
    margin-bottom: 10px;
  }
  .advantage_factory p{
    font-size: 14px;
  }
  .advantage_factory img{
    width: 100%;
    height: auto;
  }
  .advantage_advanced{
    padding-top: 0;
    padding-bottom: 150px;
  }
  .advantage_advanced .left, .advantage_advanced .right{
    width: 100%;
  }
  .advantage_advanced .content>.flex{
    flex-flow: wrap;
  }
  .advantage_advanced h2{
    margin-bottom: 1rem;
  }
  .advantage_advanced p{
    padding-right: 0;
  }
  .advantage_advanced .imgs img{
    width: 40%;
    height: au0to;
  }
  .advantage_advanced .imgs{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .advantage_advanced .right img{
    width: 100%;
  }
  .blogs_main{
    overflow: hidden;
  }
  .category .blogs_main h1{
    font-size: 22px;
    line-height: 1.5;
  }
  .category .blogs_main h1:after{
    display: none;
  }
  .blogs-banner{
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
  .blogs-banner .blogs-swiper a>.flex{
    flex-flow: wrap;
  }
  .blogs-banner .blogs-swiper a>.flex .img{
    width: 100%;
    height: 205px;
  }
  .blogs-banner .blogs-swiper a>.flex .infos{
    width: 100%;
    padding: 0;
  }
  .blogs-banner .blogs-swiper a{
    padding: 2rem 1.5rem;
  }
  .blogs-banner .blogs-swiper{
    border-radius: 10px;
  }
  .blogs-banner .blogs-swiper a>.flex .img{
    border-radius: 10px;
  }
  .blogs-banner .blogs-swiper li strong{
    font-size: 19px;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
  .blogs-banner .blogs-swiper li p{
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .blogs-banner .blogs-swiper li .button{
    font-size: 14px;
    padding: 0.6rem 3rem;
  }
  .blogs-banner .swiper_btns{
    display: none;
  }
  .blogs_main .head>.flex{
    flex-flow: wrap;
  }

  .blogs_main .head {
    display: block;
    margin-bottom: 2rem;
  }
  .blogs_main .head ul {
    padding-top: 20px;
    overflow: scroll;
  }
  .blogs_main .head ul li a{
    font-size: 14px;
    padding: 11px 1rem;
  }
  .blogs_main ul.posts li.post{
    width: 47.5%;
    margin-right: 0;
  }
  .blogs_main ul.posts{
    justify-content: space-between;
  }
  .blogs_main ul.posts li.post img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blogs_main ul.posts li.post .img{
    height: 120px;
    border-radius: 6px;
    margin-bottom: 0.5rem;
  }
  .blogs_main ul.posts li.post .date{
    font-size: 13px;
  }
  .blogs_main ul.posts li.post strong{
    font-size: 16px;
    margin-bottom: 0.4rem;
  }
  .blogs_main ul.posts li.post p{
    font-size: 15px;
  }
  .blogs_main .button_more{
    margin-top: 3rem;
  }
  .blog-banner{
    padding-top: 50px;
  }
  .blog-banner h1{
    max-width: 100%;
  }
  .blog-banner .head span{
    padding: 0.8rem 2rem;
    display: inline-block;
    font-size: 14px;
    line-height: 1.1;
  }
  .post-details .content>.flex{
    flex-flow: wrap;
  }
  .post-details .post-main{
    width: 100%;
  }
  .post-details .sidebar{
    width: 100%;
  }
  .post-main h2{
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .post-main p{
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .post-main img{
    width: 100%;
    margin-bottom: 1rem;
  }
  .post-details .sidebar h3{
    font-size: 20px;
    margin-bottom: 1rem;
  }
  .post-details .sidebar .categories ul li a{
    font-size: 16px;
  }
  .post-details .sidebar>div{
    margin-bottom: 50px;
  }
  .contact_banner .content>.flex{
    flex-flow: wrap;
  }
  .contact_banner .content>.flex .left, .contact_banner .content>.flex .right{
    width: 100%;
    padding: 0;
  }
  .contact_banner .content>.flex .left{
    margin-bottom: 2rem;
  }
  .contact-form form span.wpcf7-not-valid-tip{
    margin-top: -0.5rem;
    font-size: 14px;
  }
  .contact_banner{
    overflow: hidden;
    background-size: cover;
  }
  .contact_banner{
    padding-top: 130px;
  }
  .contact_banner h1{
    padding: 0;
  }
  .contact_banner .left p{
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: 400;
  }
  .contact_banner ul{
    margin-top: 35px;
  }
  .contact_banner li{
    width: 100%;
  }
  .contact_banner li>a{
    padding-top: 1rem ;
    padding-bottom: 1rem ;
    padding-left: 80px;
  }
  .contact_banner li:after{
    width: 35px;
    height: 35px;
    left: 44px;
  }
  .contact_banner li a strong{
    font-size: 18px;
    margin-bottom: 0.3rem;
  }
  .contact-form input:not([type="submit"]), .contact-form textarea{
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
  }
  .contact-form textarea{
    height: 180px;
  }
  .contact-form form input.button[type="submit"]{
    padding: 1rem 3rem;
    font-size: 16px;
  }
  .page-about .home_banner h2.title{
    font-size: 22px;
    line-height: 1.5;
    margin-top: 0;
  }
  div.search-block .searchform {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  div.search-block input[type='text'] {
      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;
  }

  div.search-block div.content {
      position: unset;
  }

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

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

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

  div.search-block.active {
      top: 0;
      transform: translateY(0);
  }

  .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;
  }
  .contact_pop{
    padding: 0;
  }
  .contact_pop.active{
    bottom: 0;
    top: unset;
  }
  body .contact_pop .wpcf7-not-valid-tip{
    font-size: 13px;
    margin: 0.5rem 0;
    margin-top: 0.2rem !important;
  }
  .contact_pop.active .pop_content{
    max-height: 80vh;
    height: auto;
    bottom: 0;
    position: absolute;
    transform: translate(-50%,0);
    top: unset;
    left: 0;
    transform: translateX(0);
  }
  .contact_pop .pop_content{
    transform: translate(-50%,0%);
    bottom: -100px;
    padding: 3rem 1.2rem;
    border-radius: 0;
    top: unset;
    position: absolute;
    left: 0;
    transform: translateX(0);
    width: 100%;
  }
  .contact_pop .pop_content form{
    grid-template-columns: repeat(1, 1fr);
    display: block;
  }
  .contact_pop .pop_content form span[data-name="message"]{
    grid-column-start: unset;
    grid-column-end: unset;
    grid-row-start: unset;
    grid-row-end: unset;
  }
  .contact_pop .wpcf7-form-control-wrap{
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    display: block;
  }
  .contact_pop .pop_content form input{
    width: auto;
    max-width: 100%;
  }
  .contact_pop .pop_content ul{
    flex-flow: wrap;
    display: none;
  }
  .contact_pop .pop_content form input[type="submit"]{
    padding: 0.5rem 2rem;
    font-size: 0.9rem;
  }
  .footer-icon{
    width: 50px;
    height: 50px;
    left: 20px;
  }
  header nav{
    overflow: auto;
  }
  .contact_pop .pop_content p{
    margin-bottom: 20px;
  }
  .page-id-7 .home_banner{
    margin-top: 0 !important;
    padding-top: 2rem !important;
    background-position: 20% !important;
  }
}