@media (max-width: 768px) {

  .cart-top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cart-title{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .cart-top button{
    display: flex;
    padding: 7.5px 8px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #FF5E15;
  }
  .cart-conten{
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #E0E0E3;
    flex-direction: column;
  }
    .line-item__content-wrapper{
    display: flex;
    width: 100%;
    /* padding: 0 24px; */
    align-items: flex-start;
    gap: 24px;
    justify-content: space-between;
  }
  .page-content{
    display: flex;
    margin: 0;
    /* margin-bottom: 12px; */
    flex-direction: column;
    gap: 12px;
  }
  .cart__checkout-button:not(:only-child){
    margin: 0;
  }
  .discountCode_text{
    font-size: 12px;
  }
  .checkout-button__lock{
    display: none;
  }
  /* .white-bg-section-1,.container .white-bg-section{
    padding: 0 !important;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
  } */
  .cart-1{
    display: block;
  }
  .page-width,.main-cart{
    width: 100%;
    padding: 24px 15px;
    /* padding: 40px 30px 48px 30px; */
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .hidden-phone{
    margin-bottom: 0;
  }

  .line-item__image-wrapper{
    margin-right: 0 !important;
    display: inline-block;
    width: 130px;
   
  }
 .line-item__image-wrapper img{
  width: 130px;
  
}
.product-item-meta__title{
  margin-bottom: 0;
}
.line-item-table{
  margin: 0;
}
  .white-bg-section{
    width: 100%;
  
  }
  .text-container {
    display: none;
  }
  .pc-text-title{
    display: none;
  }
  .text-container-1{
    display: flex;
    width:100%;
    
    justify-content: space-between;
    align-items: center;
    
  }
  .text-container-1-text1{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .text-container-1-text2{
    /* display: flex; */
    border-radius: 4px;
    border: 1px solid #FF5E15;
    padding: 7.5px 8px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .art-item_count{
    display: flex;
    gap: 8px;
    color: #333;
    font-size:12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .art-item_count span{
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
  }
  .art-item_count-xian{
    width: 100%;
    height: 1px;
    background: #e0e0e0;
  }
  
  .art-item_count a{
    font-size:12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
  }
  .line-item__info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .line-item__info h5{
    margin: 0;
    font-size: 12px;
  }
  .product-item-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    color: #4F4F4F;
    font-family: "Microsoft YaHei UI";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .line-item__quantity{
    margin: 0;
  }
  .product-item-meta a,.product-item-meta span{
    color: #4F4F4F;
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .product-item-meta-title{
    color: #333;
    font-family: "Microsoft YaHei UI";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .car-remove{
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
  }
  .car-remove-1{
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
  }
  .car-number{
    display: none;
  }
  .car-number-2{
    display: block;
    display: flex;
    padding: 0 8px;
    max-height: 40px;
  }
  .shipping-estimator{
    display: none;
  }
  .add-car-veh{
    display: flex;
    padding: 0px 4px;
   
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #27AE60;
    background: rgba(39, 174, 96, 0.05);
    margin: 12px 0;
  }
  .add-car-veh a{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
  }
  .add-car-veh div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    font-size: 12px;
  }
  .add-car-veh div p{
    font-size: 12px;
  }
  .car-number-1{
    display: flex;
    width: 100%;
    /* padding: 0 24px; */
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
/* border: 1px solid #E0E0E3; */
    margin-bottom: 12px;
  }
  .car-number-phone{
    display: flex;
    width: 130px;
    height: 40px;
    padding: 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E0E0E3;
  }
  .car-number-phone a{
    width: 17px;
    height: 17px;
  }
  .car-number-phone input{
    padding: 0 10px;
    width: 30px;
    border: none;
  }
  .instock span{
    color: #4F4F4F;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .instock a{
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
  }
  .instock{
    max-height: 40px;
    flex-grow: 1;
    display: flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
    margin-left: 8px;
  }
  .cart__aside{
    width: 100%;
    display: flex;
    margin-top: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  margin:0

  }
  .cart__aside-inner{
    width: 100%;
 
  }
  .cart__recap{
    width: 100%;
    display: flex;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    /* border-radius: 4px;
    border: 1px solid #E0E0E0; */
    padding: 0;
  }

  .cart__recap-block{
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
     width: 100%;
    gap: 8px;
    margin-bottom: 0;
  }
  .heading {
    font-size: 12px;
    font-weight: 700;
  }
  .Subtotal,.total-prices{
    width: 100%;
    color: #828282;
font-family: "Microsoft YaHei UI";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
justify-content: space-between;
align-items: center;
  }
  .cart__text{
    color: #333;
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  } 
  .payable-by-instalments{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
  }
  .payable-by-instalments{
    color: #4F4F4F;
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .cart__recap-note{
    display: none;
  }
  .car-xian{
    display: flex;
    width: 98%;
    padding: 0 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 4px;
    height: 1px;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
  }
  .discountCode{
    width: 100%;
  }
  .discountCode_input{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .discountCode_input_text{
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    display: flex;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    padding: 7.5px 8px;
    justify-content: space-between;
    align-items: center;
  }
  .discountCode_input_text input{
    color: #BDBDBD;
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border:none;
    width: 100%;

  }
  .el-button{
    padding: 0 ;
    font-size: 12px;
  }
  .settle-accounts{
    color: #828282;
    font-family: "Microsoft YaHei UI";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
  }
  .settle-accounts button{
    display: flex;
    width: 100%;
    padding: 7.5px 8px;
    align-items: center;
    border-radius: 4px;
    background: #FF5E15;
  }
  .settle-accounts div{
    width: 100%;
    margin-top: 4px;
    text-align: center;
  }
  .loader-button__text{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .payment-method{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    /* margin-bottom: 24px; */
  }
  .section {
    display: none;
  }
}
@media(min-width: 768px){
  .cart__aside-inner{
    border-radius: 4px;
    border: 1px solid #E0E0E0;
  }
  .pc-text-title,.art-item_count{
    display: none;
  }
  .checkout-button__lock{
    display: none;
  }
  .white-bg-section-1{
    width: 100%;
  }
  .cart-top{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 40px 40px 0 40px;
  }
  .cart-title{

  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  }
  .cart-top button {
    display: flex;
  
    padding: 15px 16px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #FF5E15;
  }
  .cart-top button a{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
.cart-conten{
  display: flex;
  padding: 24px 40px 40px 40px;
  background: #fff;
  max-width: 1440px;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
}
.cart-1{
  display: block;
}
  .product-item-meta-title,.car-remove,.add-car-veh,.car-number-1{
    display: none;
  }
  .cart__recap{
    background: #FFF;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    max-width: 368px;
  }
  .cart__recap-block{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
  }
  .Subtotal{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .total-prices{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .cart__text{
    color: #333;
    font-family: "Microsoft YaHei UI";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .payable-by-instalments{
    color: #4F4F4F;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .payable-by-instalments div{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .payable-by-instalments div p{
    color: #4F4F4F;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .car-xian{
    width: 100%;
    height: 1px;
    background: #E0E0E3;
  }
  .cart__recap-note{
    display: none;
  }
  .discountCode_input{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
  }
  .discountCode{
    width: 100%;
  }
  .discountCode_input_text{
    display: flex;
    width: 100%;
    padding: 15px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
  }
  .discountCode_input_text input{
    color: #BDBDBD;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
  }
  .discountCode_input_text button{
    border: none;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .discountCode_text{
    color: #828282;
    font-family: "Microsoft YaHei UI";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .settle-accounts{
    width: 100%;
    text-align: center;
    color: #828282;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .settle-accounts div{
    margin-top: 8px;
  }
  .cart__checkout-button:not(:only-child){
    margin-top: 0;
  }
  .payment-method{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .payment-method a{
   
    height: 32px;
  }
  
  .remove-text{
  display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    /* border: 1px solid; */
    text-decoration: none;
    font-size: 18px;
}.main-cart .text-container free-shipping-bar{display:none}.main-cart .page-content{margin:0}.main-cart .page-content form.cart{column-gap:40px;align-items:start}.main-cart .page-content form.cart .cart__content{border-radius:4px;border:1px solid #e0e0e0;overflow:hidden}.main-cart .page-content form.cart .cart__content table.line-item-table{margin:0}.main-cart .page-content form.cart .cart__content table.line-item-table thead tr{background:rgba(51,51,51,.03)}.main-cart .page-content form.cart .cart__content table.line-item-table thead tr th{padding:0}.main-cart .page-content form.cart .cart__content table.line-item-table thead tr th span{padding:14px 0 !important;color:#333;font-family:"Microsoft YaHei UI";font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:unset}.main-cart .page-content form.cart .cart__content table.line-item-table thead tr th:first-child span{padding-left:14px !important}.main-cart .page-content form.cart .cart__content table.line-item-table thead tr th:last-child span{padding-right:14px !important}.main-cart .page-content form.cart .cart__content table.line-item-table tbody{background:#fff}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td{padding:24px 0 14px;vertical-align:middle}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td.line-item__product{width:45%}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td .line-item__image-wrapper{border-radius:8px;margin-right:16px;display:flex}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td .line-item__info{display:flex;align-items:center}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td .line-item__info .product-item-meta{display:flex;flex-direction:column}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td .line-item__info .product-item-meta *{margin:0}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td:first-child{padding-left:14px !important}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td:last-child{padding-right:14px !important}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td.line-item__quantity{padding:0;margin-top:50%;transform:translateY(-50%)}.main-cart .page-content form.cart .cart__content table.line-item-table tbody td.line-item__quantity line-item-quantity{margin:0}.main-cart .page-content form.cart .cart__content .shipping-estimator{display:none}.main-cart .page-content form.cart .cart__aside{border-radius:4px;border:1px solid #e0e0e0;overflow:hidden}.main-cart .page-content form.cart .cart__aside .cart__recap{background-color:#fff}}