.mainview{min-height: 1000px;}
.cart-wrap{position:relative; padding: 20px 0; margin: 20px 0;}
.cart-wrap #ov{display:none;position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,.9);}
#ovc {width:100%; text-align: center; margin: 100px auto;}
#ovc span{margin:0 10px; width:15px; height: 15px;display: inline-block; border-radius: 100%; background: black;}
.cart-lst{background: var(--white-color); width: 70%; border-top: 10px solid var(--accent-color); float:left}
.cart-lst-w{padding:25px 15px}
.cart-i{border-bottom: 2px solid var(--user-section-background);padding-bottom:10px;}
.cart-i img{float:left; width: 13%;}
.cart-i .pd{float:left; width:67%}
.cart-i .pd >div{padding:5px 10px}
.cart-i .pd p{margin:0; padding: 0; font-family: sans-serif;}
.cart-i .pd .pd-n{font-size: var(--large-font-size); color: #333; padding:5px 0; font-weight: bold;
text-transform: uppercase;}
.cart-i .pd .pd-tp{font-size: var(--normal-font-size); color: rgb(82, 82, 82); padding:0px 0;}
.cart-i span{margin-top:10px; font-size: var(--small-font-size); display: block; font-family: sans-serif;
color:rgb(82, 82, 82);}
.pd-qty{float:left; width: 20%;}
.pd-qty > div{margin-top:20px}
.pd-qty .span1{outline: none; border: 0;}
.pd-qty .bt{background-color: var(--user-section-background); color: #333; padding: 10px 15px; float: left; font-size: var(--small-font-size);
    border: 1px solid #ededed;}
.pd-qty div.bt{cursor: pointer;}
.chckwrap{ width: 30%; float:left;}
.chckwrap .chckwrap-w{background: var(--white-color); padding:10px; margin-left:10px}
.chckwrap-w h3{margin:0; color:var(--accent-color);}
.chckwrap-w p{font-family: sans-serif; font-size: var(--normal-font-size);}
.chckwrap-w ul{padding-left:15px; font-size: var(--normal-font-size); padding-bottom: 10px;}
.chckwrap-w ul li{padding:5px 0; font-family: sans-serif;}
.chckwrap-w p b{color: var(--accent-color);}
.chckwrap-w .trow b{font-family: poppins; display: block; font-size: 13px;}
.chckwrap-w .trow p{margin:0; font-size: var(--large-font-size); font-weight: bold; font-family: sans-serif;}
.cart-i .rmvtem{color:var(--primary-color); font-size: var(--normal-font-size); cursor: pointer;}

.smqty{display: inline-block !important;}
.cart-view .cart-btns{width: 90%; margin: 30px auto; }
.cart-btns .bck{border:1px solid #696969; padding:10px 15px; cursor: pointer;
color: #696969; text-decoration:none}
.cart-btns .update, .cart-btns .btn{display: inline-block; text-decoration: none;}
.cart-btns .update{cursor: pointer; font-weight: bold; border:1px solid black;
font-family: sans-serif; padding: 0.5em 0.8em;}
#smf{display: block; text-align: center; color: var(--faded-black);
    font-family: sans-serif; font-size: 12px; padding-bottom: 5px;
    cursor: pointer;}
#smf:hover{color:var(--primary-dark-color); font-weight: bold;}
.s-dtl{border: 1px solid var(--user-section-background);
    margin: 5px 0px; color: var(--faded-black) !important;
    font-family: sans-serif !important; padding: 5px 10px;}
.chckwrap-w .trow .s-dtl  b{font-family: sans-serif; font-size: 12px; display: inline-block;}
.chckwrap-w .trow .s-dtl > b{color: var(--primary-color); margin-top: 10px;}
.chckwrap-w .trow .s-dtl span{display: block; font-size: 12px;}

@media(min-width: 480px) and (max-width: 767px) {
    .cart-lst{float:none; width: 100%;}
    .cart-i img{float:left; width: 30%;}
    .cart-i .pd{float:left; width:70%}
    .pd-qty{float:left; width: 70%; margin-left: 30%;}
    .chckwrap {float: none; width: 100%; margin-top: 20px;}
    .chckwrap .chckwrap-w {margin:0 10px}
}
@media (max-width: 480px) {
    .cart-lst{float:none; width: 100%;}
    .cart-i img{float:left; width: 30%;}
    .cart-i .pd{float:left; width:70%}
    .pd-qty{float:left; width: 70%; margin-left: 30%;}
    .chckwrap {float: none; width: 100%; margin-top: 20px;}
    .chckwrap .chckwrap-w {margin:0 10px}
}