body {  background:   #f2f2f3;}
.detox-checkout-wrapper {max-width: 700px; margin: 0 auto;}
.brand { width: 100%;   display: inline-block; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.review-rating-sec { text-align: right;}
body, p, h1, h2, h3, h4, h5, h6, a , span, div , label,input{font-family: 'Poppins', sans-serif;}
p {font-size: 15px; font-weight: normal; color:#333;}
.box-shadow { border-top: 4px solid #009846; border-radius: 5px; box-shadow: 3px 3px 3px 0px #737475;
-webkit-box-shadow: 3px 3px 3px 0px #737475; -moz-box-shadow: 3px 3px 3px 0px #737475;
background:  #fff; padding: 9px 20px 25px;}
.error-view { color: red;  font-size: 12px;   font-weight: 400;}
.btn-wrapper button, .btn-wrapper button:hover {background-color: #e32c36; letter-spacing: 2px;
 color: #fff; width: 100%; padding: 4px 5px; height: auto}
.btn-wrapper {width: 100%; display:inline-block; text-align:center;}
.bg-grn { display: inline-block;   margin-bottom: 5px;   background: #95c12b; padding: 5px; font-size: 14px; color:  #fff; border-radius: 5px;}
.detox-checkout h3 { font-size: 18px;  line-height: 18px;}
.detox-checkout-wrapper .mui-textfield--float-label > label {font-size: 14px; color: rgba(0, 0, 0, 0.66);}
.no-padding {padding: 0}
.detox-checkout-wrapper .mui-select { padding-top: 13px;}

.detox-product-title {background:#4e4e4e;  margin: 0;    text-align: left; padding: 0px 5px;  border-radius: 10px 10px 0 0;}
.form-radio, .form-checkbox {  -webkit-appearance: none;  -moz-appearance: none;    appearance: none;    display: inline-block; position: relative;  background-color: #f1f1f1; color:  #666;  top: 0;  height: 16px; width: 17px;  border: 0;  border-radius: 5px;  cursor: pointer;
margin-right: 7px;   outline: none;}
.detox-box-sec1 label {  cursor: pointer; width: 100%;}
.detox-product-title h2 {  margin: 0 auto; text-align: left;   color:#fff; font-size: 15px;   display: inline-block;  vertical-align: top;   line-height: 25px; padding-left: 7px;}
.detox-small-img{ width: 35%; margin: 24px 74px;}
.detox-small-img img{max-width: 100%;}
.right-side-detox-info {background: #dadada;
border-radius: 8px; width: 42%; position: absolute; top: -14px;
right: 9px; box-shadow: 0 1px 10px  #000;   text-align: center;
    padding-bottom: 5px;}
.arrow-down {border-left: 7px solid transparent; border-right: 7px solid transparent;
border-top: 35px solid   #878787;}	
.detox-box-sec1 {  width: 100%;   border: 1px solid  #ddd;
    border-radius: 10px;  position: relative;  margin: 39px auto;   margin-top: 25px;  cursor: pointer;}
.form-radio:checked, .form-checkbox:checked { background-color:  #f1f1f1;}
.form-radio:checked::before, .form-checkbox:checked::before {position: absolute; font: 36px/1 'Open Sans',sans-serif;  left: 5px;  top: -12px;  content: '\02143';  transform: rotate(45deg);   color: #ff9800;}
.button-select  {background-color: transparent;  letter-spacing: 2px;  padding: 7px; color: #c52525;  font-size: 13px;  margin: 5px 10px;  font-weight: 500;   text-transform: initial;}
.price-section {background: #fff;}
.offer-sec p { font-weight: 600; color:  #000; font-size: 17px;}
.offer-sec { padding: 10px 0 0 0px;}
.right-side-detox-info h3 {font-size: 13px;  margin: 0;   padding: 10px 0px;}
.top-right-txt { font-size: 13px; color: #000;; text-align: center;    line-height: 14px; padding-top: 10px;   position: absolute;   top: 0;  text-transform: uppercase;  right: 0;  left: 0;}
.payment-methode label {  padding: 10px;  border: 1px solid  #ddd;  border-radius: 7px;  width: 100%; background: #fff;}
.payment-methode span {width: 100%; float: none;  display: inline-block; font-size: 11px;  font-weight: 400;  padding-left: 14px; line-height: 1;}
.payment-methode { margin-top: 50px;}
.title { font-size: 16px;  margin-bottom: 12px;  color: #000;}
.left-info {  width: 25%;  float: left;}
.left-info img { max-width: 100%;}
.right-info { float: right;   width: 75%; padding-top: 5px; padding-left: 17px;}
.right-info h3 {  font-size: 13px; color:  #333;}
.qunty-price-wrapper , .price-details{ width: 100%;   display: inline-block;}
.quantity { width: 40%;  float: left;}
.productAmount5 { float: right;}
.discount a {float: right; color: #20415c;}
.delivery span { float: right;   color:   #009846;  font-size: 15px;}
.order-total { text-align: right;  font-size: 14px;}
 .order-total h3 {font-size: 14px;}
 .order-now .btn { background-color: #e32c36;letter-spacing: 2px;padding: 7px;color: #fff;  font-size: 16px;  margin: 18px 0; outline: none;  font-weight: 400; text-transform: uppercase;    border: none;    width: 100%;}
.cart-details { margin-top: 20px;}
.cart-box { border: 1px solid #ddd; padding: 20px; background:  #fff;   border-radius: 8px;}
.detox-box-sec1.detox-box-active .right-side-detox-info { background: #90ced7;}
.detox-box-sec1.detox-box-active .price-section p { color:  #009846;}
.detox-box-sec1.detox-box-active .arrow-down {border-top: 35px solid #f1e16c;}
.price-details { padding-top: 17px;}
.payableAmount, .payableAmountOnline, .payableAmountCod {color: #000;  font-weight: 600;  font-size: 16px;}
.otp-wrapper .modal .modal-content {background-color: #fefefe; margin: 20% auto; padding: 20px; border-radius: 8px; border: none;width: 90%;}
.otp-wrapper input { width: 100%;   height: 35px;  border: 1px solid #ddd;   text-indent: 5px;
    border-radius: 5px;}
.otp-wrapper .modal .form-group button {  padding: 7px;  width: 100%;  background: #e32c36; border:none; border-radius: 5px; color: #fff; }
.otp-wrapper .modal p { font-size: 16px; color:#000;}
.otp-wrapper .modal-header {border: none; padding-bottom: 0px;}
.otp-wrapper .modal-body {padding: 0px 15px;}
.otp-wrapper .modal .close {outline: none;  opacity: 1; background: #ddd;  padding: 2px 6px;   border-radius: 13px 13px;   position: absolute;  right: 0;  top: 11px;  margin-right: 21px;}
.otp-wrapper .fade.in { opacity: 1;  z-index: 9999;  background: rgba(35, 30, 30, 0.473);}
input[type=checkbox]:focus, input[type=radio]:focus { outline:none;}
.coupon-btn {width: 100%; padding:5px 6px; background:#ededed; color: #000; font-size:14px; font-weight: 500;}
 #promoCodeArea input {width: 90%; height: 34px; text-indent: 5px;}
 #promoCodeArea input:focus, .coupon-btn:focus {outline:none;}
 #promoCodeAreaErr {color: red; font-size: 14px; width: 100%;}
#promoCodeArea { display: inline-block;   width: 100%;}
#promoCodeAreaSuccess{color: green; font-size: 14px; width: 100%;}
.coupon-final-price span {  float: right; color:  #000; font-size: 14px;  font-weight: 600;}
.detox-product-title input { background: transparent;}
.detox-box-sec1{ display: none;}
.coupon-text-style {font-size: 18px; color:#420a0a; font-weight: 600; margin-bottom: 0; padding-top: 9px;}
#couponApplyArea { padding-bottom: 10px; color: green;}
.discount .copy-btn { float: right;  background: #fff; border: 2px dotted #333; padding: 5px; font-size: 13px; color:#333; outline:none;}
.cart-total { display: none;}
.discount { display: none;}
.productAmount { font-size: 16px; padding-left: 10px;  color: #bb1a1a; font-weight: 600;}
.offer-price-original { text-decoration: line-through;  font-size: 14px;}
/*loader*/
.loding {width: 100%; margin: 0 auto; text-align:center; padding-top: 150px;}
.pageload {	text-align:center;  border: 15px solid #fff;  border-radius: 50%;  border-top: 16px solid #029949;  border-bottom: 16px solid #029949;  width: 80px;  height: 80px; -webkit-animation: spin 2s linear infinite;  animation: spin 2s linear infinite; margin: 0 auto;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*Responsive*/
@media screen and (min-width: 1260px) {
  .right-info h3 { font-size: 14px;}
  .loding {  padding-top: 208px;}
}
@media screen and (max-width: 800px) {
	.detox-checkout-wrapper {max-width: 90%;}
	.brand .col-xs-6 {padding: 0px;}
	.brand img {max-width: 100%;}
}
@media screen and (max-width: 800px) {
	.review-rating-sec .bg-grn { font-size: 13px; padding: 2px;}
	.review-rating-sec p {  font-size: 13px;  margin: 2px;}
	.detox-checkout-wrapper .mui-textfield > input {  height: 37px !important; font-size: 14px;} 
}
@media screen and (max-width: 699px) {
.box-shadow {border-radius: 0; box-shadow: 0px 2px 0px 0px#737475; -webkit-box-shadow: 0px 2px 0px 0px #737475; -moz-box-shadow: 0px 2px 0px 0px #737475;  padding: 9px 20px 25px;}
.detox-checkout2 .detox-checkout-wrapper {  max-width: 100%; margin-bottom: 20px;}
.detox-product-title h2 { font-size: 13px;  width: 43%;}
.detox-small-img {width: 45%; margin: 15px 10px;}
.right-side-detox-info {width: 50%; top: -14px;right: 0px; font-size: 12px; }
.button-select, .offer-sec p {font-size: 14px; }
.payment-methode { margin-top: 25px;   padding: 0 25px;}
.cart-details { margin-top: 20px;  padding: 0 25px;}
.right-info h3 { font-size: 13px;  padding: 0;   margin: 0;}
.right-info { padding-top: 0;}
.qunty-price-wrapper, .price-details {  padding-top: 9px;}
.button-select {padding: 4px; margin: 0px 5px; font-size: 13px;}
p { font-size: 14px;}
.brand .col-md-6 {  padding: 0;}
.brand img { max-width: 100%;}
.detox-box-sec1 {margin: 28px auto; margin-top: 25px;}
.detox-main-wrapper.detox-checkout2 .box-shadow {  padding: 9px 10px 20px;}
.right-side-detox-info {box-shadow: 0 1px 2px #000;}
.otp-wrapper .modal p {  font-size: 14px;}
.order-total { text-align: center;}
#promoCodeAreaErr { font-size: 13px;}
.coupon-final-price span {font-size: 12px;}
.discount .copy-btn {padding: 2px;}
}	
@media screen and (max-width: 600px) {
.right-info {padding-left: 13px;}
.quantity {width: auto; text-align: right;  font-size: 14px;}
.productAmount { font-size: 14px;  padding-left: 9px;}
.detox-main-wrapper.detox-checkout2  {margin-bottom: 50px;}
.detox-main-wrapper.detox-checkout2 .order-now .btn { width: 100%; position: fixed;  bottom: 0;  margin: 0 auto;   left: 0;
    border-radius: 5px 5px 0 0; padding: 10px 6px;}
.detox-main-wrapper.detox-checkout2	.brand {  border-bottom: 1px solid transparent;  padding-bottom: 0;}
.detox-main-wrapper.detox-checkout2 .payment-methode { margin-top: 8px;}
.detox-main-wrapper.detox-checkout2 .box-shadow {  padding: 9px 10px 0px;}
.detox-main-wrapper.detox-checkout2 .payment-methode b {  font-size: 13px;}
}
@media screen and (max-width: 320px) {
.detox-checkout-wrapper {  max-width: 94%; margin-bottom: 20px;}
.box-shadow  {padding: 9px 20px 25px;}
.price-details p {  font-size: 13px;}
.detox-box-sec1 {  margin: 50px auto;   margin-top: 25px;}
.payment-methode , .cart-details{   padding: 0 15px;}
.coupon-text-style { font-size: 16px;}
.detox-main-wrapper.detox-checkout2 .cart-details {  margin-top: 8px;}
.detox-main-wrapper.detox-checkout2 .title { font-size: 15px;}
.cart-box {padding: 15px;}
.offer-price-original {font-size: 13px;}
}