@media screen and (max-width: 786px) {
    .content, .large_content{
      padding: 0 1.2rem;
    }
    .swiper_content {
      padding: 10px 1.2rem;
    }
    .obly_mobile {
      display: block;
    }
    .button_t{
      padding: 0.7rem 1rem !important;
    }
    header.sticky{
      top: -34px;
      transform: none;
    }
    header .header_main nav{
      position: fixed;
      width: 85%;
      height: 100%;
      background: white;
      padding: 0 0 2rem;
      left: 0;
      top: 0;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      z-index: 999;
      transition: all 0.3s;
      left: -100%;
      /* display: none; */
    }
    .menu_open header .header_main nav{
      left: 0;
    }
    header .header_main nav .close{
      padding: 2rem 0;
      border-bottom: 1px solid #eee;
      background: url('../img/close.svg') no-repeat right 1.5rem center/15px;
      margin-bottom: 1.5rem;
    }
    header .header_main nav >div > ul{
      display: block;
    }
    header .header_main nav >div > ul > li > a{
      color: #333;
      padding: 1rem 2.5rem;
      font-size: 1rem;
    }
    header .header_main nav >div > ul > li.menu-item-has-children>a{
      display: flex;
      justify-content: space-between;
    }
    .product_preview .left>.flex .product_gallery_swiper{
      max-width: unset;
    }
    .product_preview .left>.flex .product_gallery_swiper>ul{
      flex-direction: row;
    }
    header .header_main nav >div > ul > li.menu-item-has-children>a:after{
      content: "";
      width: 15px;
      height: 15px;
      display: inline-block;
      background: url('../img/select.svg') no-repeat right center/14px;
      transform: translateY(2px);
    }
    
    .big_product_list .woocommerce-checkout-review-order-table tfoot tr{
        display: none!important;
    }

    .big_product_list .woocommerce-checkout-review-order-table tfoot tr.sub_total{
        display: flex!important;
    }
    .col-2 .woocommerce-checkout-review-order-table tbody{
      display: none!important;
    }
    .menu-header-container{
      height: calc(100vh - 105px);
      overflow: auto;
    }
    header .header_main nav >div > ul > li.menu-item-has-children> ul > li.menu-item-has-children > .sub-menu{
      display: none;
      margin: 0;
        width: 100%;
    }
    header .header_main nav >div > ul > li.menu-item-has-children> ul > li.menu-item-has-children > .sub-menu li a{
      padding: .5rem 3.5rem;
    }
    .woocommerce .woocommerce-additional-fields table tfoot th{
      font-size: 1em!important;
    }

    header .header_main nav >div > ul > li.menu-item-has-children> ul > li.menu-item-has-children>a:after{
      content: "";
      width: 15px;
      height: 15px;
      display: inline-block;
      background: url('../img/select.svg') no-repeat right center/14px;
      transform: translateY(2px);
      float: right;
 
    }  


    .collection-content .sy_products{
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
    }

    header .header_main nav >div > ul > li{
      padding: 0;
    }
    .home_reviews{
      overflow: hidden;
    }
    footer{
      overflow: hidden;
    }
    header .header_main .logo_center{  
      order: 1;
    }
    header .header_action_right .header_select{
      display: none;
    }
    header .header_action_right{
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-width: 100%!important;
    }
    .header_menu_icon, .header_icon{
      width: 25px;
      height: 25px;
      display: inline-block;
    }
    .product_preview .content > .flex > .right .product_size .product-variations-button  label,
    .product_preview .content > .flex > .right .product_marking .product-variations-button  label
    {
      padding: 3.5px 10px;
    }
    header .header_main{
      padding: 0.7rem 0;
      height: unset;
      max-height: unset;
    }
    .header_icon img{
      width: 87% !important;
      height: 87% !important;
      object-fit: contain;
    }
    header .header_action_right .header_user_icon a img{
      width: 85% !important;
      height: 85% !important;
    }
    .header_icon.header_menu_icon img{
      width: 100% !important;
      height: 100% !important;
    }
    .home header .header_main .flex{
      align-items: center;
      max-width: calc(100% - 2.4rem);
    }
    header .header_main .logo_center img{
      width: 80px;
      margin-left: 0;
    }
    header .header_main .flex nav{
      min-width: unset;
    }
    header .header_action_right .header_cart_icon{
      margin-right: 0;
      order: 0;
      min-width: 98px;
    }
    .home header .header_main .flex .mobile_mean_box{
      order: 3;
    }
    .home header .header_main .flex{
      gap: 0.8rem;
    }
   .header_top{
      font-size: 14px;  
    } 
   .header_top li.swiper-slide a{ 
      height: 35px;
    }
    header .header_action_right a{
      display: flex;
      align-items: center;
      height: 100%;
      width: 100%;
      justify-content: center;
    }
    header .header_action_right .header_search input[type="submit"]{
      width: 23px;
      height: 23px;
    }
    header .header_action_right .header_search input[type="text"]{
      display: none;
    }
    
    header .header_main > div{
      max-width: calc(100% - 2.4rem);
    }
    header.sticky .header_top .content{
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    .home_banner .home_banner_swiper .swiper-slide{
      height: auto;
    }
    .home_banner .home_banner_swiper .swiper-slide .button_t{
      background-color: transparent;
      border-color: #fff;
    }
    .home_banner .home_banner_swiper .swiper-slide .large_content{
      max-width: calc(100% - 2.4rem) !important;
      position: relative;
      z-index: 5;
    }
    section.home_banner{
      overflow: hidden;
      
    }

    section.home_banner, .home_banner_swiper{
      height: calc(100vh - 20px) !important;
      background-color: #000;
    }
      
    .home_banner .home_banner_swiper .swiper-slide .large_content > .flex{
      padding: 4rem 0;
      padding-top: 10rem;
      width: 100%;
      justify-content: center;
      padding-bottom: 8rem !important;
      align-items: flex-end !important;
    }

    .home_banner .home_banner_swiper .swiper-slide .large_content > .flex .head h1, .home_banner .home_banner_swiper .swiper-slide .large_content > .flex .head strong{
      font-size: 25px !important;
 
    }
    .home_banner .home_banner_swiper .swiper-slide .large_content > .flex .head .subtitle{
      font-size: 0.9rem !important;
    }
    .home_banner .home_banner_swiper .swiper-slide .large_content > .flex .head p{
      font-size: 1rem !important;
    }
    .home_banner .home_banner_swiper .swiper-slide .large_content > .flex .head{
      text-align: center;
    }
    .home_service{
      overflow: hidden;
    }
    .home_service ul li{
      font-size: 15px;
      white-space: nowrap;
    }
    .home_masterpiece .head p{
      text-align: center !important;
    }
    .home_masterpiece .swiper_btns{
      justify-content: center !important;
      transform: translateX(0) !important;
      margin-bottom: 1rem !important;
    }
    .home_products{
      margin: 0 !important;
      padding: 2rem 0;
    }
    .home_affiche{
      margin-bottom: 0 !important;
    }

    .home_products > .content .head h2{
      font-size: 25px;
      line-height: 1.5;
    }
    
    .home_products > .content .head{
      margin-bottom: 1rem;
    }
    
    .products .product .product_image{
      margin-top: 0;
      padding-top: 9rem;
    }

    .products .product .product_variantes
    {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .products .product strong.title{
      font-size: 14px;
      margin-bottom: 0.3rem;
      line-height: 18px;
    }

    footer{
      padding: 3rem 0;
    }
    .footer>.content>.flex{
      flex-flow: wrap;
    }
    .footer>.content>.flex .flex2{
      flex: unset;
      width: 100%;
    }
    .footer_logo{
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .footer_logo img{
      width: 120px !important;
    }
    footer .content ul li strong{
      font-size: 15px;
      padding: 0.6rem 1rem;
      width: 100%;
      display: block;
      border: 1px solid #eee;
      border-radius: 4px;
      display: flex;
      align-items: center;
      line-height: 1.1;
      justify-content: space-between;
      margin-bottom: 0.8rem;
    }
    footer .content ul li strong:after{
      content: "";
      width: 14px;
      height: 14px;
      display: inline-block;
      transition: all 0.3s;
      background: url('../img/arrow-w.svg') no-repeat center/contain;
      transform: rotate(180deg);
    }
    footer .content ul li.active strong:after{
      transform: rotate(270deg);
    }
    footer .content ul li ul li a{
      font-size: 0.9rem;
      margin-bottom: 0.7rem;
    }
    footer .content ul li ul.menu{
      padding: 1rem;
      display: none;
    }
    footer .content > ul > li:last-child p{
      font-size: 0.9rem;
      line-height: 1.5rem;
      margin-bottom: 0.8rem;
    }
    footer .content > ul > li:last-child .subscribe_box input[type="email"]{
      font-size: 15px;
      padding: 0.6rem 1rem;
      border-width: 1px;
      border-color: #eee;
      border-radius: 5px;
      width: 100%;
    }
    footer .content > ul > li:last-child .subscribe_box input[type="submit"]{
      width: 14px;
      height: 14px;
      top: 14px;
      right: 1.1rem;
      left: unset;
    }
    footer .copyright .social ul{
      gap: 0.5rem;
    }
    footer .copyright .social a{
      display: inline-block;
      width: 24px;
      height: 24px;
    }
    footer .copyright .social a img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    footer .copyright .social{
      margin-top: 2rem;
    }
    footer .copyright .footer_text{
      text-align: center;
      line-height: 1.3;
    }
    footer .copyright .footer_select{
      margin-bottom: 0;
      margin-top: 1rem;
    }
    footer .copyright .footer_select select{
      font-size: 0.8rem;
      width: 100%;
      background-position: right 1rem center !important;
    }
    .footer_select.flex{
      justify-content: left;
    }


    .menu_over{
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 10;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: all 0.3s;
      pointer-events: none;
    }
    .menu_open .menu_over{
      opacity: 1;
      pointer-events: all;
    }
    
    .shop_list .left{
      position: fixed;
      left: 0;
      top: 0;
      width: 85%;
      height: 100%;
      background-color: white;
      padding: 2rem 1.2rem;
      z-index: 1000;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      left: -100%;
      transition: all 0.4s;
    }
    .filter_open .shop_list .left{
      left: 0;
    }

    .shop_list .right .right_head{
      align-items: center;
      justify-content: unsafe;
    }
    .shop_list .right .right_head select{
      width: auto;
    }
    .shop_list .right .right_head .product_number{
      margin-left: auto;
      margin-right: 1rem;
    }
    .shop_product_list .products{
      grid-template-columns: repeat(2,1fr);
    }
    .woocommerce .col-1 .select2-container--default .select2-selection--single{
      padding-left: 0;
    }
    #shipping_state_field .select2-selection--single{
      margin-left: .8rem;
    }
    .shop_product_list .products.active{
      grid-template-columns: repeat(1,1fr);
    }
    .products .product .product_variantes ul{
      margin-bottom: 0;
    }
    .woocommerce .shop_list ul.products li.product, .woocommerce-page .shop_list ul.products li.product{
      margin-bottom: 1.5rem !important;
    }
    body.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
      font-size: 0.9rem;
    }
    header nav div > ul > li ul, header nav div > ul > li:hover ul{
      position: unset;
      display: block;
      width: 70%; 
      border-radius: 8px;
      opacity: 1; 
      visibility: visible; 
      box-shadow: none;
      display: none;
      transition: unset;
      transform: translate(0);
      padding: 0;
      width: 100%;
    }
    header.sticky .header_main nav >div > ul > li.active a{
      border-color: transparent;
    }
    header nav div > ul > li ul li a{
      color: #333;
    }
    header nav div > ul > li ul li{
      transform: translateY(0); 
    }
    header .header_main nav >div > ul > li > ul a{
      padding: .5rem 3rem;
    }
    .story_strongest{
      padding-bottom: 5rem !important;
    }
    .affiliate_list_left{
      margin-bottom: 1rem !important;
      padding-top: 4rem !important;
    }
    .affiliate_list_right{
      margin-bottom: 0 !important;
    }
    .affiliate_apply_email{
      padding: 3rem 0;
      margin-bottom: 0;
    }
    .affiliate_apply_email h2{
      font-size: 25px;
    }
    .affiliate_apply_email .subscribe_box input[type="email"]{
      width: 80%;
      font-size: 0.9rem;
      
    }
    .affiliate_apply_email .subscribe_box input[type="submit"]{
      font-size: 0.9rem;
    }
    .corporate_gallery .swiper_btns{
      transform: translateX(0) !important;
      width: 100%;
      justify-content: center !important
    }
    .corporate_season{
      padding: 3rem 0;
    }
    .corporate_season .head h2{
      font-size: 22px;
      line-height: 1.5;
    }
    .corporate_season .head p{
      font-size: 0.9rem;
      line-height: 1.5rem;
    }
    .corporate_season .head{
      margin-bottom: 2rem;
    }
    .corporate_season .corporate_season_swiper ul li .title{
      font-size: 1rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .corporate_season .corporate_season_swiper ul li .option_val{
      font-size: 0.9rem;
    }
    .corporate_season .corporate_season_swiper ul li div.price_box .price{
      font-size: 0.9rem;
    }
    .corporate_season .link_box{
      margin-top: 1rem;
    }
    .link_box a.button_trand{
      font-size: 0.9rem !important;
    }
    .corporate_contact .corporate_contact_box{
      padding: 1.2rem;
    }
    .corporate_contact .corporate_contact_box .head h2{
      font-size: 1.5rem;
      line-height: 1.5;
    }
    .corporate_contact .corporate_contact_box .head p{
      font-size: 0.9rem;
      line-height: 1.5rem;
    }
    .corporate_contact .corporate_contact_box .head h2{
      margin-bottom: 0.5rem;
    }
    .corporate_contact .corporate_contact_box .head{
      margin-bottom: 1rem;
    }
    .corporate_contact .corporate_contact_box .form_query_box input, .corporate_contact .corporate_contact_box .form_query_box textarea{
      font-size: 1rem;
      padding: 0.7rem 1rem;
    }
    .corporate_contact .corporate_contact_box .form_query_box input::placeholder,     .corporate_contact .corporate_contact_box .form_query_box textarea::placeholder{
      font-size: 1rem;
    }
    .corporate_contact .corporate_contact_box .form_query_box textarea{
      height: 150px;
      margin-bottom: 1rem;
    }
    .corporate_contact .corporate_contact_box .form_query_box input[type="submit"]{
      padding: 0.7rem 2rem;
      font-size: 0.9rem;
    }
    .corporate_contact .corporate_contact_box .form_query_box .form_centers{
      line-height: 1.4;
      margin-top: 0;
    }
    .corporate_contact{
      margin-bottom: 5rem;
    }
    .contact_infomaction{
      padding-bottom: 0 !important;
    }
    .contact_form{
      padding: 2rem 0;
    }
    .contact_form .head h2{
      font-size: 22px;
      line-height: 1.5;
    }
    .contact_form .contact_inquiry_form input, .contact_form .contact_inquiry_form textarea{
      font-size: 0.9rem;
      padding: 0.7rem 1rem;
      max-height: 200px;
    }
    .contact_form .contact_inquiry_form textarea{
      margin-bottom: 0;
    }


    .filter_icon{
      display: inline-block;
      width: 23px;
      height: 23px;
      background: url('../img/filter.svg') no-repeat center/contain;
    }

    .shop_list div.sidebar .sidebar_head strong, .shop_list div.sidebar .sytech_filter strong{
      font-size: 1rem;
    }
    .shop_list div.sidebar .sytech_filter strong{
      padding: 1rem 0;
    }
    .shop_list div.sidebar .sytech_filter ul{
      padding: 0rem 0;
      padding-bottom: 1rem;

    }
    .shop_list div.sidebar .sytech_filter .product_cat ul{
      padding-bottom: 1rem;
    }
    .shop_list div.sidebar .sytech_filter .widget{
      /* padding-bottom: 1rem;
      margin-bottom: 1rem;  */
    }
    /* .shop_list div.sidebar .sytech_filter strong::after{
      top: 0;
    } */

    .filter_overlay{
      position: fixed;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      z-index: 999;
      pointer-events: none;
      opacity: 0;
      transition: all 0.3s;
    }
    .filter_open .filter_overlay{
      pointer-events: all;
      opacity: 1;
      
    }

    .breadcrumbs a, .breadcrumbs span{
      font-size: 12px;
    }
    .product_preview > .content > .flex{
      flex-flow: wrap;
    }
    .product_preview > .content > .flex>*{
      width: 100%;
    }
    .product_preview .left > .flex{
      flex-flow: wrap;
      gap: 1rem;
    }
    .product_preview .left > .flex .product_gallery{
      width: 100%;
    }
    .product_preview .left > .flex .product_main_pictures{
      width: 100%;
    }
    .product_preview .left > .flex{
      height: auto;
    }
    .product_preview .left > .flex .product_main_pictures_swiper{
      height: unset;
      aspect-ratio: 1/1;
    }
    .product_callouts{
      overflow: hidden;
    }
    .product_preview .left > .flex .product_gallery{
      order: 9;
    }
    .product_preview .product_main_pictures_swiper ul li img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .product_preview .product_gallery_swiper ul li{
      aspect-ratio: 1;
      height: 100%;
      max-width: 45px;
    }
    .product_preview .product_gallery_swiper ul li img{
      border: none;
      border-bottom: 2px solid transparent;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .product_preview .product_gallery_swiper ul li.active img, .product_preview .product_gallery_swiper ul li:hover img{
      border: none;
      border-bottom: 2px solid #333;
    }
    .bread_con{
      margin-bottom: 1rem;
    }
    .product_preview > .content > .flex{
      gap: 2rem;
    }
    .custom_modal .custom_modal_content .right{
      width: 100%;
    }
    .product_preview .content > .flex > .right{
      width: 100%;
      max-width: 100%;
    }
    .product_preview .content > .flex > .right .product_title{
      font-size: 25px;
      line-height: 1.2;
    }
    .product_preview .content > .flex > .right .price_box .price ins{
      font-size: 18px;
    }
    .product_preview .content > .flex > .right .product_color .label_color{
      font-size: 13px;
    }
    .product_preview .content > .flex > .right .product_spec .lab_head ul li span{
      font-size: 13px;
      padding: 6px 0;
    }
    .product_preview .content > .flex > .right .product_spec .lab_box .lab_item p{
      font-size: 14px;
    }
    .product_gary_info{ 
      padding: 0.5rem 1rem;
    }
    .product_preview .content>.flex>.right .product_upgrade .upgrade_item .view_link img{
      width: 20px;
    }
    .product_preview .content>.flex>.right .product_upgrade .upgrade_item {
      font-size: 14px;
    }
    .product_preview .content>.flex>.right .product_upgrade .upgrade_item strong{
      font-size: 14px;
    }
    .product_callouts .content{
      padding: 1.5rem 1.2rem !important; 
      flex-wrap: wrap; 
    }
    .product_callouts .content > div{ 
      font-size: 13px;
    }
    .product_callouts .content img{
      margin-right: 0px !important;
      height: 17px!important;
    }
    .product_callouts .content>div{
      font-size: 12px!important;
    }
    .product_callouts .content > div{
      margin-right: .5rem;
    }
    .product_instagram .swiper_btns{
      top: 69% !important;
    }
    .product_instagram .swiper_btns>div{
      zoom: 0.7;
    }
    .product_related{
      padding: 2rem 0;
    }
    .product_related .swiper_btns.middle div{
      zoom: 0.7;
    }
    .product_instagram .head p{
      margin: 0 auto 20px;
    }
    .product_related .buttom_ondowm{
      margin-top: 2rem;
    }
    .product_related ul.products li.product{
      margin-bottom: 0 !important;
    }
    .product_instagram .product_instagram_swiper{
      margin: 35px auto 60px;
    }
    .product_instagram .head h2{
      margin: 40px auto 15px;
    }
    .custom_modal .custom_modal_content{
      max-height: 100%;
      overflow: auto;
      border-radius: 0;
    }
    .bottom_cart .have_pro .pro_list li[data-price] .img{
      width: 65px;
      height: 65px;
      min-width: 65px;
    }
    .bottom_cart .have_pro .pro_list li[data-price] .img span, .bottom_cart .have_pro .pro_list li[data-price] .img a{
      opacity: 1;
    }
    .bottom_cart .have_pro .pro_list li[data-price] .img .flex{
      background-color: rgba(0, 0, 0, 0.5);
    }
    .bottom_cart .have_pro .pro_list li[data-price]{
      padding: 10px 0;
    }
    .bottom_cart .have_pro .pro_list li[data-price] .img a.preview{
      margin-top: 0.25rem;
    }
    header.sticky .header_action_right .header_search input[type="text"]{
      font-size: 12px;
      width: 80px;
    }
    header.sticky .header_action_right .header_search input[type="text"]::placeholder{
      font-size: 12px;
    }


    
  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: url(../img/search.svg) no-repeat center / contain;
    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;
    visibility: hidden;
  }
  div.search-block.active {
    top: 20%;
    visibility: visible;
    height: 80%;
    transform: translateY(0);
    bottom: unset;
  }
  .search-block input[type="submit"]:not(:disabled):hover {
    background-size: 1.4rem;
    border: none;
  }
  .coupon_popup .coupon_content{
    flex-flow: wrap;
    width: 100%;
    height: auto;
  }
  .coupon_popup .coupon_content .left{
    width: 100%;
    order: 9;
    padding: 1.5rem;
  }
  .coupon_popup .coupon_content .right{
    width: 100%;
    height: 200px;
  }
  .coupon_popup .coupon_content .right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .login-container .content>.flex{
    flex-flow: wrap;
  }
  .login-container .left, .login-container .right{
    width: 100%;
  }
  .login-container .left{
    height: 300px;
  }
  .login-content{
    justify-content: unset;
  }
  .login-body{
    padding: 2rem 1.2rem;
  }
  .search_pd_list>ul{
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
  }
  .search_pd_list>ul li.product{
    margin-bottom: 0 !important;
  }

  .single-product .breadcrumbs{
    text-align: center;
  }

  .single-product .bread_con{
    padding-bottom: 1rem;
    margin-bottom: 0;
    border: none;
  }

  .product_preview{
    margin-top: 15px;
    margin-bottom: 0rem;
  }
  .category_banner{
    height: 40px;
    margin-top: 3rem;
    background-image: none!important;
  }
  .category_banner h1{
    font-size: 25px;
    text-align: center;
    color: #333;
  }
  .category_breadcrumbs{
    font-size: 14px;
    margin-bottom: .7rem;
    margin-top: .2rem;
    color: #333;
    gap: .2rem;
  }
  .category_breadcrumbs a{
    color: #333;
    font-size: 14px;

  }
  #product-type-layout{
    display: block;
  }
  #product-type-layout button {
    height: 25px;
    margin: 0 5px;
    opacity: .1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #product-type-layout button:first-child {
    background-image: url(../img/product-group-layout3.webp);
    width: 20px;
    height: 20px;
  }
  #product-type-layout button:last-child {
    background-image: url(../img/product-group-layout4.webp);
    width: 20px;
    height: 20px;
  }
  #product-type-layout button.active {
    opacity: 1;
}
  .category_name{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 1.5rem;
    color: #000;
    text-align: center;
  }
  header.sticky .header_action_right{
    justify-content: space-between;
    width: 100%;
  }
  header.sticky .header_action_right .mobile_mean_box {
    gap: 1rem;
  } 
  section.shop_list{
    padding: 2rem 0;
  }
  .product_callouts .content{
    gap:  0rem!important;
  }
  .sytech_filter{ 
    min-width: unset;
  }
  .shop_list div.sidebar{
    margin-top: 2rem;
  }
  header.sticky .header_action_right > div{
    order: 1;
  }
  header.sticky .header_action_right > div.logo_center_mobile{ 
    order: 2; 
  } 

  header.sticky .header_action_right > div.mobile_mean_box  {
    order: 3;
    min-width: 105px;
  }
  
  .woocommerce-checkout header.sticky {
    top: 0px;
  }

  .woocommerce-checkout .header_top,
  .woocommerce-checkout .header_judgeme,
  .woocommerce-checkout header.sticky .header_action_right > div.mobile_mean_box > * {
    display: none!important;
  } 

  header.sticky .header_action_right > div.header_user_icon  { 
    order: 4;
  }
  header.sticky .header_action_right > div.header_menu_icon { 
    order: 5;
  } 
  .single-product #product_preview .category_name{
    font-weight: bold;
    text-transform: uppercase;
  } 
  header .header_top p{
    text-align: center;
    font-size: 14px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 这里是超出几行省略 */
    overflow: hidden; 
  }
  .defaultCountdown{
    margin-left: 0;
    text-align: center;
  }
  .products .product .product_variantes ul li span{
    width: 11px;
    height: 11px;
  }
  .shops_banner{
    height: 400px;
  }
  .shops_banner .content .head h1{
    font-size: 30px!important;
  }
  .shops_banner .content .head p{
    font-size: 1rem!important;
  }
  .shop_content .shop__images img{
    width: 100%!important;
    height: auto!important;

  }
  .shops_right .shop_content .shop__images{
    padding-right: 0px!important;
    border-right: none!important;
  }
  .shops_left, .shops_right{
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
  .shops_right .shop_content .flex1:nth-child(2){
    text-align: center!important;
    align-items: center!important;
  }
  .shops_left .shop_content .flex1:nth-child(1){
    text-align: center!important;
    align-items: center!important;
  }
  .shops_left .shop_content .shop__images{
    padding-left: 0px!important;
    border-left: none!important;
  }
  .shop_content .flex1 .section-title{
    font-size: 2rem!important;
    margin-top: 2rem!important;
    margin-bottom: 1rem;
  }
  .shops_left .shop_content{
    display: flex!important;
    flex-direction: column;
  }
  .shops_left .shop_content .flex1:nth-child(1){
    order: 2;
  }
  .shops_left .shop_content .flex1:nth-child(2){
    order: 1;
  }
  .product_related .head h2{
    font-size: 18px!important;
    margin-bottom: 30px;
  }
  .custom_modal .custom_modal_content{
    min-width: 100%!important;
  }
  .blog_banner .middle_content{
    position: relative;
    z-index: 5;
  }
  .blog_banner{
    position: relative;
  }
  .blog_banner .head h1{
    font-size: 23px;
    line-height: 1;
    margin-bottom: 1rem;
  }
  .middle_content{
    padding: 0 1.2rem;
  }
  .blog_banner .head p{
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .blog_banner:after{
    content: "";
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .filter_top{
    margin-bottom: 1.5rem;
  }
  .blog_lists ul.blogs{
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
  }
  .blog_lists li .img{
    margin-bottom: 1rem;
  }
  .blog_lists li strong{
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 0.3rem;
    font-weight: 600;
  }
  .blog_lists li p{
    font-size: 0.85rem;
    line-height: 1.3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 1rem;
  }
  .blog_lists li span{
    font-size: 0.9rem;
  }
  .post_banner{
    padding-top: 3rem;
  }
  .post_banner h1{
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .post_details p{
    font-size: 0.9rem;
  }
  .post_details h2{
    font-size: 1rem;
  }
  .post_details h3{
    font-size: 0.9rem;
  }
  .stories_main .content .stories_list ul{
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .stories_banner{
    height: 500px;
  }
  .stories_main .content h2{
    margin: 30px auto;
    font-size: 18px; 
  }
  #story-controls span{
    display: none;
  } 
  .stories_inner{
    margin-top: 20px;
  }
  .stories-item.w2{
    width: 100%;
    margin: 0 auto 20px;
  }
  ul.products li.product .instagram-modal-item-status img{
    width: 40px;
    height: 40px;
  }
  .products .product .product_variantes{
    display: flex;
    width: 110px; 
  }
  .products .product .product_variantes ul{
    gap: 0.1rem;
  }
  .product_preview .content>.flex>.right .product_color,
  .product_preview .content>.flex>.right .product_material,
  .product_preview .content>.flex>.right .per_order_daye{
    margin-top: .5rem;
  }
  .product_preview .content>.flex>.right .per_order_daye .label_color{
    font-size: 15px;
  }
  .woocommerce-cart .woocommerce table.shop_table td.product-remove{
    margin-top: 0rem;
  }
  .woocommerce .woocommerce-cart-form table.shop_table td.actions{
    display: block!important;
  }
  .bottom_cart .have_pro .total .discount_min_cart{
    margin-bottom: .5rem;
  }

  .product_callouts .content > div{  
      display: flex;
      align-items: center;
      font-family: "Gotham", sans-serif;
      text-transform: uppercase;
      font-size: 12px;
      background-color: #f3f3f3;
      flex-flow: column;
      justify-content: center;
      width: calc(50% - 10px);
      padding: 20px 0;
      margin: 10px 0;
      text-align: center;  
      height: 102px;
  } 
  .product_callouts .content > div span{
    width: 80%;
    display: block;
  }

  .product_callouts .content{
      overflow: auto;
      padding: 2rem 1.2rem;
      gap: 1rem;
  }
  .checkout_progress{
    zoom: .6;
  }
  .cart-payment-box{ 
  }
  .cart-payment-box p{
    width: 100%;
  }
  .clear_cart_box{
    display: none!important;
  }
  
  .shop_product_list .products .product{
    margin-bottom: 1rem;
  }
  .products .product .product_note{
    font-size: 12px;
  }
  .cart-payment-box p{
    margin-bottom: 2px;
  }
  .cart-payment-box{
    margin-top: .3rem;
  }
  .bottom_cart .have_pro .cart-payment-box{
    margin-bottom: .3rem;
    padding-top: .3rem;
  }
  .bottom_cart .have_pro .total .btns{ 
    border: none;
    padding-top: 0;
    margin-top: 10px;
  }
  #shipping-method-2 .wc-block-checkout__shipping-method-option-price{
    display: block;
  }

  #wh-widget-send-button{
    bottom: 5rem !important;
  }
  #cart-modal.active{
    transform: translateX(100%);
  }

  body.cart_open{
    transform: translateX(-100%);
  }

/* 
  .cart_open #wh-widget-send-button{
    bottom: 0rem !important;
    transform: translateX(139%);
    z-index: 10000 !important;
  } */

  .airwallex-checkout .payment-section{
    padding: 1em!important;
  }
  .airwallex-checkout{
    margin-top: 0em!important;
    gap: 2rem!important;
  }   
  
  .show_in_mobile{
    display: block;
  }
  .hide_in_mobile{
    display: none!important;
  }

  header .header_action_right .header_cart_icon.hide_in_mobile{
    display: none!important;
  }
  #wh-widget-send-button{
    overflow: hidden;
  }
  .woocommerce ul#shipping_method li label{
    width: 90%;
  }
  .checkout.woocommerce-checkout #order_review ~.blockOverlay:after{
    line-height: 1.2;
    font-size: 1.3em;
  margin-top: -6em;

  } 
  html[lang='zh-tw'] .checkout.woocommerce-checkout #order_review ~.blockOverlay:after{
    margin-top: -4.5em;  
  }

  .containerChildTextDiv p{
    font-size: 14px;
  }
  .almost_finished_order{
    font-size: 20px;
    display: block;
    margin-bottom: 1rem;
  }
  .checkout.woocommerce-checkout{
    margin-top: 0rem;
  }

  .product_instagram_fixed .product_instagram_content li > .flex{
    display: block;
  }
  .product_instagram_fixed .product_instagram_content{
    height: auto;
  }
  .product_instagram_fixed .product_instagram_content li img{
    height: 400px;
    max-width: unset;
    display: block;
  }
  .product_instagram_fixed .product_instagram_content li .pro_info_instagram{
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .product_instagram_fixed .product_instagram_content li .instagram-modal-item-author{
    display: none;
  }
  .product_instagram_fixed .product_instagram_content li .instagram-modal-item-content{
    display: none;
  }
  .product_instagram_fixed .product_instagram_content li .instagram-modal-item-status{
    display: none;
  }
  .product_instagram_fixed .product_instagram_content li .product-card-button{
    position: unset;
  }
  .product_instagram_fixed .product_instagram_content li .product-card-image{
    width: 70px;
    height: 70px;
  }
  .product_instagram_fixed .product_instagram_content li .product-card-title,
  .product_instagram_fixed .product_instagram_content li .product_note,
  .product_instagram_fixed .product_instagram_content li .price_box,
  .product_instagram_fixed .product_instagram_content li .product-card-subtitle{
    display: none;
  }
  .product_instagram_fixed .product_instagram_content li .product-card-button{
    margin-right: 16px;
  }
  #product-review .head h2{
    margin-top: 0px;
  }
  #product-review .head p{
    margin-bottom: 30px;
  }
  #product-review{
    padding: 40px 0 0px;
  }
  .home_service ul li .gap1 span{
    width: 70px;
    display: block;
    white-space: break-spaces;
  }
  .home_service ul li .gap1{
    gap: .8rem;
  }
  .home #product-review{
    padding: 40px 0;
  }
  #product-color-select a:after{
    width: 33px;
    height: 33px;
  }
  #product-color-select a span{
    width: 23px;
    height: 23px;
    background-size: 26px 26px;
  }
  #product-color-select a{
    width: 22px; 
    height: 22px; 
    margin-right: 10px;
    margin-bottom: 11px;
  }
  .header_judgeme p{
    font-size: 15px;
  }
  .home_reviews{
    padding: 0!important;
  }
  .product_module_right .left{
      margin-top: 1.5rem;
  }
  .shop_description{
    margin: 1rem 0;
  }
  .woocommerce .woocommerce-additional-fields table .product-name .attr_item{
    margin-top: 0!important;
  }
  .bottom_cart .have_pro .header_top p{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .shop_description p{
    font-size: 13px;
    line-height: 20px;
    max-width: 100%;
  }
  .product_preview .bread_con .content{
    text-align: center;
  }
  .home_reviews .jdgm-carousel-title{
    font-size: 22px;
  }
  .product_module_right .left strong,
  .product_module_right .left p{
    margin-top: .6rem!important;
  }
  .home_reviews .jdgm-carousel-wrapper .jdgm-star.jdgm-star, .home_reviews .jdgm-carousel .jdgm-star.jdgm-star{
    font-size: 15px;
  } 
  .single-product .bread_con{
    margin: auto;
    max-width: calc(100% - 190px);
  }
  .single-product .bread_con a{
    font-size: 13px;
    font-weight: 600; 
  }
  body.woocommerce-checkout header.sticky .header_action_right > * > *{
    visibility: visible;
  }
  .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    margin-bottom: 0em!important;
  }
  
  body.woocommerce-checkout header .header_main .logo_center img{
    width: 80px;
  }
  body.woocommerce-checkout header .header_main > div{
    height: auto;
  }
  body.woocommerce-checkout header .header_main{
    height: unset;
    max-height: unset;
  }
  
  .cart-head .wc-free-shipping-progress{
    margin-bottom: 10px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .cart-row2 .cart-col-name{
    font-size: 15px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .cart-row2 .cart-col-price .price{
    font-size: 15px;
  }
  .bottom_cart form .coupon{
    margin-top: 10px;
    margin-bottom: 0px!important;
  }
  

  .bottom_cart.active .have_pro .bottom_cart_btn {
    top: -20px;
  }
  .bottom_cart .have_pro{
    width: 100%; 
    padding: 0;
    border: 0!important;
  }
  .bottom_cart .have_pro .bottom_cart_btn {
    width: 25%;
    height: 20px;
  }
  .bottom_cart .have_pro .pro_list {
    padding: 1rem 1.2rem;
    max-height: unset;
    padding-bottom: 5rem;
  }
  .bottom_cart .have_pro .pro_list li[data-price] span.cut{
    font-size: 14px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] {
    margin-bottom: 1rem;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .img {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .num {
    font-size: 14px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .num input {
    font-size: 14px;
  }
  
  .bottom_cart .have_pro .pro_list li[data-price] .price {
    font-size: 14px;
    margin: 0 5px;
  }

  .bottom_cart .have_pro .total{
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: .8rem;
  }
  .bottom_cart .have_pro .total .content > .flex {
    height: 60px;
  }
  .bottom_cart .have_pro .total p {
    font-size: 13px;
    line-height: 1.5;
  }
  .bottom_cart .have_pro .total strong {
    font-size: 18px;
    line-height: 1.5;
  }
  .bottom_cart .have_pro .total div strong:nth-of-type(2){
    font-size: 20px;
  }
  .bottom_cart .have_pro .total .button {
    font-size: 14px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding: 0 1rem;
    margin-left: 0;
  }

  .custom_modal .custom_modal_content{
    padding: 1rem;
  }
  .custom_modal .custom_modal_content .custom_modal_head strong{
    font-size: 25px;
    margin-top: 2rem;
  }
  .custom_modal .custom_modal_content .custom_modal_head p{
    font-size: 13px;
    line-height: 1.5rem;
  }
  .custom_modal .custom_modal_content .canvas_content{
    overflow: auto;
  }
  .custom_modal .custom_modal_content .custom_modal_box > .flex{
    flex-flow: wrap;
  }
  .custom_modal .custom_modal_content .custom_modal_box > .flex .left{
    width: 100% !important;
    flex: unset !important;
    overflow: auto;
  }

  
  /* html[lang="en"] #shipping_address_1_field.country_cn{
    margin-bottom: 5.2rem;
  } */
   
  html[lang="en"] #shipping_address_1_field.country_cn::after{
    bottom: -74px;
  }
  html[lang='zh-tw'] #shipping_address_1_field.country_cn{
    margin-bottom: 3.2rem;
  }
  html[lang='zh-tw'] #shipping_address_1_field.country_cn::after {
      bottom: -44px;
  }
  .related_term_list ul {
    gap: .8rem;
  }
  .related_term_list ul li a{
    padding: .5rem .8rem;
    font-size: 14px;
    width: 100px;
  }
  .related_term_list ul li a img{
    height: 50px;
    max-width: 50px;
  }


  .home_banner .home_banner_swiper .swiper-slide{
    padding-bottom: 0 !important;
  }
  header .header nav div > ul > li ul li a, header.sticky .header nav div > ul > li ul li a{
    word-break: break-all;
    white-space: unset;
    font-size: 0.8rem;
    line-height: 1.6;
  }
  header .header .left .icon_search, header.sticky .header .left .icon_search{
    /* display: none; */
  }
  .submit_sypoints_form {
    white-space: normal;
  }

  .empty-content img{
    max-width: 100%;
  }

  .sy_contentfaq ul.faqs li.faq{
    padding: 0.6rem 0 !important;
    padding-top: 0.8rem !important;
  }
  .sy_contentfaq ul.faqs li.faq p.question{
    padding-right: 0.5rem;
  }
  .sy_contentfaq ul.faqs li.faq p.question strong{
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1;
  }
  .sy_contentfaq ul.faqs li.faq p.answer{
    font-size: 0.8rem !important;
    opacity: 0.8;
  }
  body .woocommerce .woocommerce-message, body .woocommerce .woocommerce-error, body .woocommerce .woocommerce-info{
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
    gap: .5rem;
  }
  .sy_contentfaq ul li.faq span{
    top: 1.05rem !important;
  }
  .contact_inquiry .contact_inquiry_form form span.wpcf7-not-valid-tip{
    font-size: 13px;
    margin-top: 0.3rem;
  }
  
  .product_popup .product_detail{
    height: 100vh;
  }

  .comfirm-content .form > p input, .comfirm-content .form > p textarea, .woocommerce form.checkout p.form-row input, .woocommerce form.checkout p.form-row textarea{
    font-size: 14px;
  }
  .comfirm-content .form > p label, .woocommerce form.checkout p.form-row > label{
    font-size: 12px;
  }

  .product-nav{
    padding: 1.5rem 0 !important;
  }
  .product_intro_left, .product_intro_right {
    padding: 2rem 0 !important;
  }
  .product_intro_right .left {
    order: 2;
  }
  .product_intro_right .right {
    margin: 0 0 2rem !important;
  }
  .blog_banner .blog_banner_swiper_box .blog_banner_btns div{
    display: none;
  }
  
  h3.shipping_ways{
    padding: 12px 22px;
  }
  h3.shipping_ways input{
    width: 14px;
    height: 14px;
    margin-right: 17px !important;
  }
  h3.shipping_ways span{
    font-size: 13px !important;
  }
  #sy_message_ifr{
    outline: 1px solid #ccc;
    
    transform: translateX(-0px);
  }

  .login-container{
    padding-top: 0;
    padding-bottom: 0;
  }
  .login-content{
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .login-body{
    padding: 1.2rem;
  }
  .login-content .logo img{
    width: 120px;
  }
  .login-content h1{
    font-size: 25px;
    margin-top: 1.5rem;
  }
  .login-content p{
    font-size: 0.8rem;
  }
  .login-content p a{
    font-size: 0.8rem;
  }
  .login-body input{
    font-size: 0.9rem;
    padding: 0.7rem 1rem;
  }
  .login-body .login-part input[type='submit']{
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    margin-top: 2rem;
  }
  .page-template-register .login-body .login-part input[type='submit']{
    margin-top: 0.2rem;
  }
  
  .page-template-register .login-body{
    padding-top: 2rem;
  }

  .wallet-num{
    width: 100%;
  }
  .overflow-auto {
    overflow: auto;
  }
  .filter-select{
    flex-flow: wrap;
    justify-content: space-between;
  }
  
  .results_content .loader{
    width: 40px;
    height: 40px;
    margin-top: 2rem;
  }
  .results_content ul{
    min-height: 5rem;
  } 
  .bottom_cart .cart-head{
    padding: 23px 1.2rem;
    padding-bottom: 14px; 
  }
  .bottom_cart .cart-head strong:before{
    width: 15px;
    height: 15px;
  }
  .bottom_cart .cart-head strong{
    font-size: 18px;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .infos>span{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .bottom_cart .have_pro .pro_list li[data-price]>.flex{
    padding-right: 0;
  }
  .bottom_cart .have_pro .total p.tax{
    font-size: 13px;
    margin-top: 5px;
  }
  .bottom_cart .have_pro .total .button_d, .bottom_cart .have_pro .total .btns a:nth-of-type(1){
    font-size: 14px;
    padding: 0.8rem 0;
  }
  .bottom_cart .have_pro .total .btns{
    padding-bottom: 10px;
  }
  .mobile_scroll{
    max-height: 85vh;
    overflow: auto;
  }

  .bottom_cart .have_pro .pro_list li[data-price] .infos>span .variation{
    display: flex;
    align-items: center;
  }
  .bottom_cart .have_pro .pro_list li[data-price] .infos>span .variation dd{
    display: flex;
    align-items: center;
  }

  .bottom_cart .have_pro .pro_list li[data-price] .infos>span .variation dd p{
    margin-bottom: 0;
  }

  html[lang="zh-tw"] .checkout_progress .content .step_item:nth-child(2):after{
    width: 157px!important;
  } 
  .woocommerce form.checkout_coupon{
    margin-bottom: 0rem !important;
  }
  .home_banner .home_banner_swiper .swiper-slide>img{
    object-position: unset!important;
  }
  .product_sell_tabel{
    margin: 2rem 0 2rem;
  }
  .prodcut_related_list .product_arrang_item .product_arrang_header p{
    font-size: 14px;
  } 
  .prodcut_related_list .product_arrang_item ul li{
    flex: 0 0 31%; 
  }
  .cart-payment-box{
    display: none;
  }

  .bottom_cart .have_pro .total strong,
  .bottom_cart .have_pro .total div strong:nth-of-type(2){
    font-size: 14px;
  }

  .product_preview .content>.flex>.right .product_size .product-variations-button label:hover, .product_preview .content>.flex>.right .product_marking .product-variations-button label:hover{
    color: #999!important;
    border: 1px solid #999!important;
    background-color: #ffffff!important;
  }

  .product_preview .content>.flex>.right .product_size .product-variations-button.active label, .product_preview .content>.flex>.right .product_marking .product-variations-button.active label{
    color: #fff!important;
    border: 1px solid #000!important;
    background-color: #000!important;
  }


}

@media screen and (max-width: 340px) {
  header .header_action_right .header_cart_icon{
    min-width: auto!important;
  } 
}