.PaymentBoxHead{ width: 100%; float: left;  padding: 10px 0px; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.PaymentBox{width: 100%; float: left; margin-bottom: 20px;}
.cartBox{ width: 70%; float: left; border:#f2f2f2 solid 1px;  }
.CartBoxHead{ background: #f7f7f7; width: 100%; float: left; }  .pad1{ padding: 10px 0px; }
.CartBoxHead .cart3{ color: #000}
.cart1{ width: 15%; float: left; text-align: center; font-size: 12px; } .cart1 img{ width: 60px; height: 60px; }
.cart2{ width: 40%; float: left; }
.cart3{ width: 15%; float: left; color: #db2a2a;}
.cart4{ width: 20%; float: left;  text-align: center;}
.cart5{ width: 10%; float: left; text-align: center; }
.CartBoxContent{ width: 100%; float: left; background: #fff; }
.CartRow{ width: 100%; float: left; border-bottom: #f2f2f2 solid 1px; padding: 20px 0px; }
.CouponCode{ width: 40%; margin: auto; color: #678086; }
.CouponCode input{  padding: 10px 20px;   } .CouponCode button{ background: #d30c0c; padding: 8px 20px; color: #fff; }
.CartTotal{ width: 28%; float: right; }
.CartTotalinner{ width: 100%; float: left;border: #f2f2f2 solid 1px; background: #fff; }
.cartHead{ padding: 10px 25px; }  .cartPrice{ width: 100%; float: left; padding: 10px 25px; box-sizing: border-box; border-bottom: #ccc solid 1px; }
.col-md-5{ width: 45%; float: left; }  
 .ProcesstoCheck{ width: 100%; float: left; margin: 30px 0px;  }
 .ProcesstoCheck button{ background: #d30c0c; padding: 10px 20px; color: #fff; width: 100%; }
 .ProcesstoCheck button:hover { background: #c6066a  }
 .login{ width: 100%; float: left; padding: 20px; background: #fff9f9; margin: 10px 0px;   }

 .FeedbackForm .col-md-6 {width: 45%; margin-right: 28px;}
 .borderLogin{ border-top: #ccc solid 1px; padding-top: 12px; }
.inputCheckBox{ display: inline-block;  text-align: right; float: right; padding: 15px 10px 5px; }
  .inputCheckBox input[type=checkbox]{ width: 20px; height: 20px; }
.increaseVal{ display: block; float: left;  width: 100%; background: #eee; }
.quantity-field {display: inline-block; width: 120px; height: 36px; margin-top: 6px;}
.quantity-field .value-button{  margin: 0px; width: 40px;  height: 100%;   padding: 0; background: #eee;  outline: none; cursor: pointer;}
.quantity-field .value-button:hover { background: rgb(230, 230, 230);}
.quantity-field .value-button:active{ background: rgb(210, 210, 210);}
.quantity-field .decrease-button {margin-right: -4px; }
.quantity-field .increase-button { margin-left: -4px; }
.quantity-field .number{ display: inline-block; text-align: center;border: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; margin: 0px;width: 40px;height: 100%; line-height: 34px;font-size: 12pt; box-sizing: border-box;  background: white;}
.quantity-field .number::selection{ background: none;}
 .addon-increase{    width: 100%; display: block; border: 1px solid #eae8e8;}

 .loginPage{ width: 35%; margin: 30px auto; padding: 30px;  }
 .loginPageInner{ width: 100%; float: left; background: #fff;padding: 30px; box-shadow: 0 2px 8px #e6e3e3;} 
  .loginPageInner h1{ margin-bottom: 20px; }
 .loginInput{ margin-bottom: 20px; }
 .loginInput{  width: 100%; float: left; }  .loginInput input{  width: 100%; padding: 15px 10px; }
 .loginButton{ width: 100%;  background: #b31303;  }
 .loginInput button { background: #b31303; width: 100%; padding: 10px; color: #fff;  }
 .loginInput button:hover {  background: #c40b55  }
 .ShippingDetailBox{ width: 100%; float: left; margin-bottom: 100px; }
 .TopShippingDet{ width: 100%; float: left; background: #fff; box-shadow: 0 2px 8px #eef0f4; }
 .ShippinDetailArea{ width: 100%; float: left; background: #fff;  padding: 50px 40px 50px 40px; 
  box-sizing: border-box; box-shadow: 0 2px 8px #eaebec; }
 .col-lg-12{ width: 100%; float: left;  }
 .col-lg-6 { width: 48%; float: left;}
.col-lg-6-1{ width: 48%; float: right; }
.col-lg-5 { width: 48.667%; float: left;}
.pd-l-r{ margin-left: 14px;}
.detcontact { width: 100%; float: left;}
.no-box { width: 45px; float: left; display: inline-block;  margin-right: 12px;}
.mob-in {border-radius: 0px; float: left;width: 88%; color: #000 !important;}
.input-11 {border-radius: 0px;  float: left; width: 100%;  color: #585c5f !important;  }
.input-2 {border-radius: 0px;float: left; width: 78%; color: #585c5f !important;  }
.input-pad{margin-bottom: 20px; padding: 15px 10px;  border: #afafbc solid 1px;}
.input-3 {border-radius: 0px;float: left; width: 100%; color: #585c5f !important;}
.text-area { border: #afafbc solid 1px; padding: 10px; margin-bottom: 20px; border-radius: 0px; float: left; width: 100%; 
  color: #585c5f !important;}
.error{color: Red; display: none;}
.pd-right{ float: right; }
.Second1{ width: 100%; float: left; margin-bottom: 20px; }
.ReviewOrder{ width: 100%; float: left; }
.ftleft{ float: left; }  .RtLeft{ float: right; }
.ReviewOrder{ width: 100%; float:left; background: #fff }
.CartTotal1{ width: 45%; float: right; background: #fff; margin-top: 40px }
.Numbertxt{ width: 50px;  padding: 8px 0px; }
.CartBoxHead .cart1{ font-size: 15px; }
.PaymentBox11{ width: 100%; float: left; }
.AddressBox{  width: 100%; float: left; }
.ItemImg{ width: 100%; float: left; padding: 6px 25px;   } .ItemImg b{ color: #000 }
.ItemImg img { width: 75px; height: 75px;}
.BorderBottom{ border-bottom: #ccc solid 1px;  display: block; height: 2px; float: left; width: 100%; }        
.spnAdd{margin-top: 11px;}
.button11 button { text-transform: uppercase; background: #f96495; padding: 6px 20px;font-size: 15px; width: 20%;  border: none;  color: #fff;  
  border-radius: 5px;}
.spnAdd{ float: right; font-size: 24px  }
.white-box{ background: #fff; width: 100%; float: left; padding: 20px 0px; box-sizing: border-box;  } 
.youpaybox{ width: 100%; float: left; margin: 15px 10px; font-size: 22px; color: #385253;  }
.gray-strip{ background: #f0f1f1; padding: 15px 15px; box-sizing:border-box; width: 100%; float: left; border-radius: 5px; 
        font-size: 18px;  }
.pay-head {margin-bottom: 24px;}
.container-box { padding: 30px 0px; width: 100%; float: left;}
.section {display: flex; flex-direction: column; row-gap: 2rem;}
.accordion {width: 100%; display: flex; flex-direction: column;align-items: center;  row-gap: 1rem;}
.accordion__item { padding: 1rem; border-bottom: #eee solid 1px; position: relative; border-radius: 0px; width: 100%;cursor: pointer;}
.cardoption{border-radius: 0px; width: 100%;}
.accordion__item p { margin-top: 1rem;}
.accordion__item:not(.open) p { display: none;}
.accordion__item:not(.open) ul { display: none;}
.accordion__item ul{ margin: 0px; padding: 0px; list-style:  none; margin-top: 35px}
.accordion__item li{ line-height: 30px;  border-radius: 5px;   padding: 0px; margin-top: 40px; margin-left: 10px;   }
.disinline{ display: inline; }
.PaymentPages{ width: 100%; float: left;  background: #fff9f9; margin-top: 24px;}
.PaymentBoxHead1 {
    width: 100%;
    float: left;
    padding: 20px 0px;
    text-align: center;     line-height: 20px;
}
.CartTotal-11 {
  width: 28%;
  float: right; background: #fff;
  margin-top: 0px;
}
.radiocontainer1 {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; color: #2c393e;}

/* Hide the browser's default radio button */
.radiocontainer1 input { position: absolute;opacity: 0; cursor: pointer;}
/* Create a custom radio button */
.checkmark { position: absolute; top: 12px; left: 0; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; border: #514848 solid 2px; }
/* On mouse-over, add a grey background color */
.radiocontainer1:hover input ~ .checkmark { background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.radiocontainer1 input:checked ~ .checkmark {background-color: #fff; border:#276082 solid 2px; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: ""; position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radiocontainer1 input:checked ~ .checkmark:after { display: block;}
/* Style the indicator (dot/circle) */
.radiocontainer1 .checkmark::after {top: 4px;left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #276082;}
.accordion img{ vertical-align: middle; }
.cardoption h3{ font-size: 17px; margin-top: 20px;margin-bottom: 10px; }
.imgcirle{ width: 43px; height: 43px;  display: inline-block; }
.imgcirle img{ width: 100%;  }
.cardoption li label img{ width: 100% }
.imginline{  padding: 3px 10px; width: 68px; height: 48px; box-shadow: #dedfe2 0px 0px 8px;  border-radius: 5px; border:#e7e9ea solid 1px; margin-right: 20px}
.cardoption{ display: block;  }
.button11{ margin-left: 40px;  } 

/*CART PAGE CSS */
 .FeedbackForm .col-md-6 {
  width: 45%;
  margin-right: 28px;
}
.inputCheckBox{ display: inline-block;  text-align: right; float: right; padding: 15px 10px 5px; }
  .inputCheckBox input[type=checkbox]{ width: 20px; height: 20px; }
.increaseVal{ display: block; float: left;  width: 100%; background: #eee; }
.quantity-field {display: inline-block; width: 120px; height: 36px; margin-top: 6px;}
.quantity-field .value-button{  margin: 0px; width: 40px;  height: 100%;   padding: 0; background: #eee;  outline: none; cursor: pointer;}
.quantity-field .value-button:hover { background: rgb(230, 230, 230);}
.quantity-field .value-button:active{ background: rgb(210, 210, 210);}
.quantity-field .decrease-button {margin-right: -4px; }
.quantity-field .increase-button { margin-left: -4px; }
.quantity-field .number{ display: inline-block; text-align: center;border: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; margin: 0px;width: 40px;height: 100%; line-height: 34px;font-size: 12pt; box-sizing: border-box;  background: white;}
.quantity-field .number::selection{ background: none;}
 .addon-increase{    width: 100%; display: block; border: 1px solid #eae8e8;}

 .imgSec1{ width: 50%; float: left; }
  .QtyBox1{ width: 20%; float: left; text-align: center;  }
  .PriceBox1{width: 30%; float: left; text-align: center;}

@media(max-width:1024px) {
.container-box {    padding: 5px; }
.white-box {padding: 10px;}
.button11 button { padding: 8px 40px; width: 63%; border-radius: 5px; font-weight: 600;}

}





  @media only screen and (max-width: 768px) {
 .loginPage{ width: 100%; padding: 10px; }
 .cartBox { width: 100%;  } .CouponCode{ width: 80%; }
 .CartTotal { width: 100%; }   .cartBox {margin-top: 30px;}
 .ShippingDetailBox h4{ margin-top: 0px; }
 .CartTotal1{ width: 100%; margin-top: 10px; }
 .CartTotal-11 { width: 100%;}
 .PaymentPages {margin-top: 0px;}
}
  @media only screen and (max-width: 600px) {
    

    .cartBox .cart2{ display: none; }
    .cart3 {width: 24%;text-align: center;} 
    .cart4 {width: 28%;} .cart5 {width: 24%;} .cart1 { width: 22%;}
    .headGal {font-size: 32px;}
    .TopShippingDet .CartBoxHead .cart2{ display: none; }
        .TopShippingDet .CartRow .cart2{ display: none; }
        .ShippinDetailArea {padding: 20px 20px 50px 20px;}
        .col-lg-6 { width: 100%; } .col-lg-5 {width: 47.667%;}
        .col-lg-6-1 { width: 100%; float: left; }  .mob-in {width: 83%;}
       .ShippingDetailBox { margin-bottom: 53px; }
       .ReviewOrder .cart1{display: none;}    .ReviewOrder .cart3{display: none;}
       .ReviewOrder .cart2{ width: 46%; padding-left: 25px;   }
       .ReviewOrder .CartBoxHead {font-size: 14px;}
 
  }