@charset "utf-8";
.pro_wrap .pro_relate {  padding: 0 10px 20px 15px;}
@media screen and (max-width:1440px) {
      .pro_form .pro_add {justify-content: space-between;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #buy_now_button{padding: 5px 10px;}
}
@media screen and (max-width:1280px) {
    .logo{margin-right:10px;}
     .pro_form .half {    margin: 2px 0;  }
     .pro_link figure a{left: 0;}
     .pro_link .layout h2{margin-bottom: 50px;}
     
}
@media screen and (max-width:1100px) {
 .nav-bar .nav > li{margin-left:10px;}  
  .nav-bar .nav > li a{font-size:14px;}
.pro_wrap .item div {  width: 48%;}
.pro_wrap .wrap {  border-radius: 15px;  padding: 15px 15px;}
/*.pro_wrap .pro_add .button_box,.pro_wrap .pro_add {grid-gap: 12px;width: 100%;justify-content: space-between;}*/
/*.pro_wrap .pro_add .button_box,.pro_wrap .pro_add .button_box .quantity{width: 100%;margin: 0;}*/
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #buy_now_button {   padding: 8px 15px;    font-size: 13px; }
  .pro_wrap {  padding: 46px 0 50px;}
.header{box-shadow: 0 2px 4px 0px #33333326;}
.pro_wrap .right {  width: 37.71%;}

.service-items{padding-bottom: 60px;}
.service-items .service-item li a{font-size:16px;}
.pro_link .items{margin:0;}
.pro_con .item { padding: 30px 0 15px;}
.pro_link figure, .pro_link figure:first-of-type, .pro_link figure:last-of-type { width: 25%;}
.pro_link{padding: 40px 0 34px;}
.pro_link .layout h2 {   margin-bottom: 30px;  }
}
@media screen and (max-width:1024px) {
    

    
    .pro_search .box{padding: 16px 17px 0 20px;max-width: 100%;}
.pro_search.active{padding: 0;}
.pro_search .shodw{right: -100%;left: auto;}
  
    .pro_form .input_box span{box-shadow: 0 1px 2px 1px #33333357;
    border: 0;padding: 3px 3px 3px 20px;
    border-radius: 40px;
    background-image: linear-gradient(to top, #dcdcdc, #fff);}
   .pro_form .input_box span.active{   border: 0;border-bottom: 1px solid #b19494;}
.pro_form .input_box span:after{content:'';display:block;float:right;width:29px;height:29px;background-image:url(https://m525.goodao.net/wp-content/uploads/2025/03/gray.png);}    
.pro_form .input_box span.active:after{background-image:url(https://m525.goodao.net/wp-content/uploads/2025/03/red.png);}    
    .commitment {  width: 100%;}
    .pro_nav{display:none;}
.nav-wrap .nav > div{height:100%;}
.logo{width:100%;}    
.fixed_nav{display:none;}
.pro_wrap .right { width: 100%;}
.pro_wrap .pro_relate{margin-top:20px;  padding: 0;}
.pro_wrap .pro_relate .title{max-width: 100%;  width:100%;padding:0;}
.pro_wrap .pro_relate .to_cart{margin-top: 0; display:none;}
.pro_wrap .pro_relate .to_cart a{}
.pro_wrap .pro_relate .icon{max-width:100%;width:100%;}
.media_block{display:block; height: 100%;  position: absolute; right: 0;  bottom: 0px;width: 100%;}


.pro_wrap .pro_relate li { width: 25%; padding: 10px;position:relative;border: 0;}
.pro_wrap .wrap{padding: 15px 20px;}
.pro_wrap .pro_relate ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.pro_wrap .pro_relate .title del,.pro_wrap .pro_relate .title ins,.pro_wrap .pro_relate .title .f_pice{display:none;}
.pro_wrap .pro_relate .title h4{margin:20px 0;text-align: center;}
 .pro_head .nav_list div { width: auto;  font-size: 14px;}   
.pro_wrap .pro_choose .flex_row > li{line-height: 34px;  padding: 0 16px;font-size: 14px;}
  .pro_wrap .right .tit {  font-size: 22px;margin-top:20px;}
.woocommerce-notices-wrapper .woocommerce-message{display: flex;flex-wrap: wrap;margin-bottom: 10px;}
.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward{order: 2;display: block;margin-top: 10px;}
.woocommerce td.product-name dl.variation dt {  float: none;}
.woocommerce td.product-name dl.variation{display: flex;flex-wrap: wrap;font-size: 14px;}
.woocommerce td.product-name dl.variation dt.variation-CustomOptions{font-weight: bold;}
.woocommerce td.product-name dl.variation .variation-DesignServiceFreeasagift{width: 100%;text-align: left;}
.wc-proceed-to-checkout{text-align:right;}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{min-height:24px;}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{margin-bottom:24px;}
.nav-wrap .nav li .icon {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 2;
  display: inline-block;
  height: 32px;
  width: 100%;z-index: 99;
    cursor: pointer;
}
.pro_head::after{right: 4px;  top: 4px;}
.pro_head.active::after{content: "\f106"; line-height: 2;}
 .page_main{padding:0 0 30px 0;}
  .pro_wrap {    padding: 24px 0 50px;  }
   .pro_form .half {    margin: 5px 0;  }
   
  .pro_link figure > div{margin-bottom: 10px;} 
   .pro_link figure figcaption .wrap{display:none;}
  .pro_select .res {  position: inherit;}
  .fl-col.fl-node-6690a2d757fa9.fl-col-small,.fl-col.fl-node-6690a4701f524.fl-col-small{display:none;}
  


}
@media screen and (max-width:680px) {
    .pro_wrap .pro_relate .title h4{font-size:12px;font-weight: normal;margin: 10px 0;}
     .pro_wrap .pro_relate li { width: 33.33%; padding: 10px 3px;}
    .pro_wrap .wrap{padding: 15px 10px;}
    .pro_con .item{width:100%;}
    .pro_link figure, .pro_link figure:first-of-type, .pro_link figure:last-of-type {width: 50%;}
    .product-item .star{display:none;}
    .blog_list{margin-top:10px;}
}
@media screen and (max-width:440px) {
    .pro_wrap .pro_relate .title h4{font-size:12px;font-weight: normal;margin: 10px 0;}
     .pro_wrap .pro_relate li { width: 33.33%; padding: 10px 3px;}
    .pro_wrap .wrap{padding: 15px 10px;}
    
    .aside .side-widget .side-cate .cate-type-list li{width:50%;}
.pro_wrap .right{padding:0;}
    .pro_form .pro_add {justify-content: space-between;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #buy_now_button{ padding: 10px 3vw;    font-size: 13px;}
.pro_wrap .pro_add{grid-gap:15px;}
.pro_wrap .pro_add div,.pro_wrap .pro_add .to_cart{margin-right: 0%;}   
.service-items .service-item{width:50%;}
.service-items .service-item h3{margin-bottom: 0px;}
.service-items .service-item.footer_newlet h3{margin-bottom: 10px;}
.service-items .service-item li {margin-bottom: 0px;}
.service-items .service-item.footer_newlet{max-width: 100%;  text-align: center;margin-top: 20px;width: 100%;}
.service-items .service-item.footer_newlet .wrap {  font-size: 12px;margin-top: 15px;}
.footer_newlet .mc4wp-form-fields p.email_send input{font-size: 14px;}
.footer_newlet .mc4wp-form-fields p.email_box input{padding: 0px 8px;font-size:14px;line-height: 32px;}
.footet_box {  margin-top: 5px;}
.footet_box .footet_sns{justify-content:center;}
.footet_sns li a img {  width: 24px;}
.blog_list .blog-item:last-child{margin-bottom: 0px;}
.web_footer .footer_bar{justify-content: center;}


.pro_head .item, .headnav_box { padding:10px 15px;  position: inherit;  background: none;}
.pro_head .nav_top{flex-direction: column;padding:0;}
.pro_head .nav_top > div {width: 100%;padding: 0px;}
.nav-wrap .nav li, .nav-wrap .nav li a{padding: 0px;}
.pro_head .nav_list{padding: 0;  margin-top: 0;  flex-direction: column;}
.nav-wrap .nav li, .nav-wrap .nav li a{padding:2px 0;font-size: 14px;font-family: arial;line-height: 2;}
.pro_head .nav_top img{display:none;}
.pro_head .nav_top h3{padding: 0;text-align: left;font-weight: normal;font-family: arial;line-height: 2;}
.pro_head .nav_list div{margin-bottom:0;width:100%;}


}
@media screen and (max-width:400px) {
    .pro_wrap .pro_relate .title h4{font-size:11px;}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #buy_now_button{ padding: 3vw 4vw;    width: 45%;}
.pro_wrap .pro_add .button_box,.pro_wrap .pro_add div{width:100%;}
 .pro_form .pro_add {    grid-gap: 15px;  }
 .pro_wrap .right{padding:0;}

}