/*................your-cart page css..................*/

.cart-msg{
    width:100%;
}
.cart-msg h4{
    font-size:var(--header-title-font-size);
    font-weight:bold;
    color:var(--bs-primary);
}
.update-msg h5{
    font-size:var(--r-header-item-font-size);
    font-weight: normal;
    margin-bottom:var(--header-title-font-size);
}
.counter{
  display: flex;
  align-items: center;
  padding: 0;
}
.counter span {
    color:var(--bs-primary);
    font-size:var(--header-title-font-size);
}
.counter__minus,
.counter__plus {
  display: block;
  width: 22px;
  height: 23px;
  margin: 0;
  text-decoration: none;
  line-height: 23px;
  cursor:pointer;
  margin: 0px 4px;
}
.counter__minus {
  border-radius: 3px 0 0 3px;
}
.counter__plus {
  border-radius: 0 3px 3px 0;
}
.counter__input {
  width:28px;
  height:28px;
  margin: 0;
  padding: 0;
  border:1px solid var(--bs-primary);
  background:var(--bs-link-hover);
  color:var(--bs-primary);
}
.table-icon i{
    color:var(--bs-secondary);

}
.method{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction: row;
}
.shipping-method form{
    margin:15px 0px;
}
.shipping-method label{
    font-size:var(--header-item-font-size);
    font-weight:bold;
    text-transform:capitalize;
    margin-right:12px;
    color:var(--bs-primary);
}
.shipping-method select{
    border:1px solid var(--bs-primary);
    padding: 10px;
    border-radius: 8px;

}
.shipping-method option{
    font-size:var(--r-header-item-font-size);
    color:var(--bs-primary);
}
.shipping-method  p{
    font-size:var(--paragraph-font-size);
    font-weight:normal;
    color:var(--bs-primary);
}

.inner-total{
  display:flex; 
  align-items:center;
  justify-content:end;
  margin:15px 0px; 
}
.inner-total h4{
    color:var(--bs-primary);
    text-transform:capitalize;
    font-weight:bold;
    margin: 0px 12px 0px 0px;
}
.inner-total span{
    color:var(--bs-secondary);
    font-size:var(--header-item-font-size);
    font-weight: bold;
}
.order_11{
    display:flex;
    align-items:center;
    margin:15px 0px;
}
.order_11 i{
    color:var(--bs-primary);
    margin-right:5px;
}

.order_11 h4{
    text-transform:uppercase;
    color:var(--bs-primary);
    font-weight:bold;
    margin:0px;
}
.checkout button{
    line-height:40px;
    border-radius:16px;
    background-color:var(--bs-primary);
    border:none;
    padding: 5px 20px;
    color:var(--bs-white);
}
.table-name h4 {
    font-weight: bold;
    color: var(--bs-primary);
}
.table-name p {
    color: var(--bs-secondary);
    margin: 0;
}

/*-------------your cart page--------------*/

@media only screen and (min-width:768px) and (max-width:1023px){
    .update-msg h5{
        font-size:var(--h5-font-size);
    }
    .shipping-method label{
        font-size:var(--h5-font-size);
    }

}

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

    .method{
        flex-direction: column;
        text-align: center;
        padding-top: 10px;

    }
    .checkout {
        margin-bottom: 20px;
    }

    .shipping-method label{
        font-size:13px;
    }
}

@media only screen and (max-width:540px){
    .shipping-method label {
        font-size: 13px;
        margin-right: 8px;
    }
    .order_11 h4{
        font-size:var(--h4-font-size);
    }
    .order_11 i{
        font-size:var(--h5-font-size);
    }
}

@media only screen and (max-width:520px){
    .cart-msg h4{
        font-size:var(--h4-font-size);
    }
    .inner-total{
        justify-content: center;
    }
    .order_11{
        justify-content:center;
    }
}
@media only screen and (max-width:390px){
     .cart-msg h4{
        font-size:var(--h4-font-size);
    }
}

@media only screen and (max-width:320px){
    .cart-title h2 {
        font-size:var(--h2-font-size);
    }
    .cart-msg {
        margin: 30px auto ;
    }
    .cart-msg h4 {
        font-size:var(--h4-font-size); 
    }
    .shipping-method label {
        margin-right: 6px;
    }
  
    .bg_right {
        flex-wrap: wrap;
    }
    .wee_ly {
        padding-top: 20px;
    }
}