/* shopping-cart-sec-start-here */
    
    .shopcartsec {
        display: block;
        padding: 20px 0px;
    }
    
    .shopcartsec-row-warp {
        display: flex;
        flex-wrap: wrap;
    }
    
    .shopcartsec-left-col {
        display: block;
        flex-basis: 70%;
        max-width: 70%;
    }
    
    .shopcartsec-right-col {
        display: block;
        flex-basis: 30%;
        max-width: 30%;
        padding-left: 20px;
    }
    
    .numofitem-top {
        color: #000;
        font-weight: 600;
        font-size: 22px;
        font-family: inherit;
        margin-bottom: 10px;
    }
    
    .contant-line {
        color: #333333;
        font-size: 14px;
        font-family: inherit;
        letter-spacing: 0.20px;
        margin-right: 15px;
    }
    
    .input-type2 {
        padding: 10px;
        border-bottom: 1px solid #E6E6E6;
        display: inline-block;
        width: 35%;
    }
    
    .input-type2 input {
        display: block;
        width: 100%;
        border: none;
        outline: none;
        background: transparent;
    }
    
    .btn2 {
        display: block;
        outline: 1px solid #DA0E68;
        font-weight: 500;
        padding: 6px 20px;
        border-radius: 2px;
        color: #DA0E68;
        text-transform: capitalize;
        font-size: 14px;
        text-align: center;
        margin-left: auto;
        font-family: inherit;
        transition: 0.3s;
    }
    
    .btn2:hover {
        background-color: #DA0E68;
        color: #fff;
        border: none;
    }
    
    .shop-pro-contant {
        border-radius: 2px;
        display: block;
        border-bottom: 1px dashed #E6E6E6;
        padding: 15px;
    }
    
    .shop-pro-box {
        padding: 0px;
        border-radius: 2px;
        display: inline-block;
        width: 100%;
    }
    
    .content-closer {
        padding: 0px;
        background: #ffff;
        border-radius: 4px;
        border: 1px solid #ddd;
    }
    
    .shop-pro-col1 {
        float: left;
        margin-right: 15px;        
        width: 80px;
        height: 107px;
        overflow: hidden;
    }
    
    .supli-box {
        display: block;
        width: 100%;
        border-bottom: 2px solid #e1e1e1b0;
        margin-bottom: 10px;
    }
    
    .supli-box-subhead {
        padding: 5px 0 0;
        display: block;
        width: 100%;
    }
    
    .deli-text {
        display: block;
        margin-bottom: 5px;
        font-size: 15px;
        color: #157bf7;
        font-family: inherit;
        font-weight: 500;
    }
    
    .deli-text2 {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        color: #5a5a5a;
        font-family: inherit;
        font-weight: 500;
    }
    
    .supname-ryt {
        display: block;
    }
    
    .supname-ryt a {
        text-decoration: none;
        font-size: 14px;
        color: #0f4f9d;
        font-family: inherit;
        font-weight: 500;
    }
    
    .apsp {
            display: block;
    background-color: #004497;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-family:inherit;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
    }
    
    .apsp:hover {
        background-color: #db0961;
    }
    
    .supli-box:last-child {
        border: none;
    }
    
    .supname {
        display: block;
        font-size: 15px;
        font-family: inherit;
        font-weight: 600;
        letter-spacing: 0.20px;
        line-height: 23px;
        
    }
    .supname ._snams{ color: #000; font-size: 16px; } .supname ._snams em{ color: #fb016a; font-style: normal; font-size: 17px; }
    
    .slecselproductbox {
        display: block;
        width: 100%;
    }
    
    .supliboxfoot {
        
        padding: 10px 15px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    
    .fsbutol {
        display: block;
        font-size: 18px;
        font-family: inherit;
        font-weight: 600;
        color: #000000;
        
    }
    
    .supliboxfoot-lft {
       flex-basis: 65%;
       max-width: 65%;
       padding: 0 10px;
    }
    
    .stextp {
        display: block;
        font-size: 15px;
        font-family: inherit;
        font-weight: 500;
        margin-bottom: 8px;
        color: #004497;
    }
    
    .supliboxfoot-ryt {
       flex-basis: 35%;
    max-width: 35%; padding: 0px 10px;
    }
    
    .subtxtbx {
        display: block;
        font-size: 16px;
        color: #444545;
        font-family: inherit;
        font-weight: 500;
        
        margin-bottom: 4px;
    }
    .subtxtbx span:last-child, .fsbutol span:last-child{float: right; }
    
    .supliboxfoot-lft .coupen-warp.coupen-warp input {
        padding: 10px;
        font-family: inherit;
        font-size: 14px;
    }
    
    .shop-pro-col1 a {
        width: 100%;
        height: 100%;
    }
    
    .shop-pro-col1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }
    
    .shop-item {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 100%;
        overflow: hidden;
        border-radius: 4px;
    }
    
    .shop-item img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }
    
    .shop-pro-col2 {
        overflow: hidden;
        position: relative;
    }
    
    .bquantity {
        max-width: 25%;
        width: 100%;
        display: inline-block;
        padding: 0 10px;
    }
    
    .proo-name {
        width: 50%;
        float: left;
        text-transform: capitalize;
        color: #000;
        font-size: 17px;
        font-family: inherit;
        margin-bottom: 6px;
        font-weight: 600;
    }

    .proo-name a{ color: #212121; font-family: inherit; font-size: 17px; font-weight: 600; }  .proo-name a:hover{ color: #2874f0; }
    /* add-qauntity-script-here */
    
    .quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: fit-content;
        outline: 1px solid #a9a6a3;
        border-radius: 2px;
        padding: 0px;
        margin-top: 2px;
    }
    
    .quantity-btn {
        background: transparent;
        border: none;
        outline: none;
        margin: 0;
        padding: 5px 8px;
        cursor: pointer;
        font-family: inherit;
        font-size: 14px;
        color: #4a382a;
        font-weight: 500;
        border-right: 1px solid #4a382a;
    }
    
    .quantity-btn2 {
        background: transparent;
        border: none;
        outline: none;
        margin: 0;
        padding: 8px 8px;
        cursor: pointer;
        font-family: inherit;
        font-size: 14px;
        color: #4a382a;
        font-weight: 500;
    }
    
    .quantity-btn:nth-child(1) {
        border-right: none;
    }
    
    .quantity-btn:nth-child(2) {
        border-left: none;
    }
    
    .quantity-btn svg {
        width: 15px;
        height: 15px;
    }
    
    .quantity-input {
        outline: none;
        user-select: none;
        text-align: center;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
    }
    
    .quantity-input::-webkit-inner-spin-button,
    .quantity-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    .min-row {
        display: flex;
        align-items: center;
        padding-right: 10px;
    }
    
    .mincols {
        padding-right: 20px;
        width: 80%;
        max-width: 80%;
        display: block;
    }
    
    .mincol2 {
        width: 20%;
        max-width: 20%;
        display: block;
    }
    
    .pck-wt2 {
        display: block;
        font-family: inherit;
        font-weight: 500;
        font-size: 14px;
        color: rgb(135, 135, 135);
    }
    
    .pck-wt2 em {
        font-style: normal;
        color: #353f4a;
    }
    
    .container1 {
        max-width: 1450px;
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 0 10px;
    }
    
    .flv-text {
        display: block;
        margin-bottom: 5px;
        font-family: inherit;
        font-weight: 400;
        font-size: 14px;
        color: #0a7fc8;
    }
    
    .typ-text {
        display: block;
        margin-bottom: 8px;
        font-family: inherit;
        font-weight: 400;
        font-size: 14px;
        color: #e40517;
    }
    
    .q-icn {
        display: block;
        font-size: 16px !important;
        border-radius: 50%;
        font-family: inherit;
        font-weight: 600 !important;
    }
    
    .pck-wt {
        font-size: 13px;
        font-family: inherit;
        color: #007eff;
        font-weight: 400;
        margin-top: 10px;
        display: block;
        text-decoration: underline;
    }
    
    .shop-pro-col3 {
        flex-basis: 20%;
        max-width: 20%;
    }
    
    .endbox {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 80%;
        align-items: flex-end;
    }
    
    .remicn i {
        font-size: 16px;
        color: #183153;
        margin-top: -3px;
        margin-right: 4px;
    }
    
    .remicn {
        border-radius: 3px;   
        margin-top: 5px;
        color: #183153;
        text-transform: uppercase;
        font-size: 13px;
        display: inline-block;
        right: 0px;
        transition: 0.3s;
        font-weight: 500;
        font-family: inherit;
    }
    /*.remicn:hover i {
        color: rgb(216, 38, 38);
    } */
    
    .ptile .bquantity {
        margin-bottom: 0px;
    }
    /* .remicn:hover {
        border: 1px solid rgb(216, 38, 38);
        color: rgb(216, 38, 38);
        transform: scale(0.90);
    } */
    
    .moneysymbol {
        float: right;
        color: #000;
        font-family: inherit;
        font-weight: 600;
        font-size: 17px;
    }
    
    .price {
        padding-left: 5px;
    }
    
    .stc-box {
        display: block;
        position: sticky;
        top: 90px;
        margin: 40px 0px 20px;
    }
    
    .right-cont-box {
        padding: 15px;
        border: 1px solid #E6E6E6;
        border-radius: 2px;
        display: block;
        top: 0px;
        margin-bottom: 18px;
        background-color: #ffff;
    }
    
    .cont-box-top {
        padding-bottom: 20px;
        border-bottom: 1px dashed #E6E6E6;
        margin-bottom: 15px;
    }
    
    .ctxt {
        color: #333333;
        font-weight: 400;
        vertical-align: super;
        font-size: 17px;
        font-family: 'Avalon', arial, sans-serif;
        margin-bottom: 15px;
    }
    
    .cup{ max-width: 500px !important; }
    .coupen-warp {
        display: -webkit-flex;
    width: 100%;
    max-width: 400px;
    }
    
    .coupen-warp input {
        width: 70%;
        border: 1px solid #cccc;
        border-right: none;
        display: inline-block;
        padding: 12px 8px;
        font-family: inherit;
        font-size: 15px;
        color: #333;
        font-weight: 500;
    }
    
    .coupenbutton {
        width: 30%;
        display: inline-block;
        border: none;
        outline: none;
        text-transform: uppercase;
        background-color: #DA0E68;
        font-family: inherit;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        line-height: 14px;
        cursor: pointer;
        transition: 0.3s;

    border-radius: 0 2px 2px 0;
    }
    
    .coupenbutton:hover {
        background-color: #b80653;
    }
    
    .detail-box {
        padding: 10px 0px;
        border-radius: 2px;
        margin-bottom: 20px;
    }
    
    .details-tittle {
        font-family: 'avalon', arial, sans-serif;
        color: #000;
        font-size: 18px;
    }
    
    .msg-text {
        display: block;
        width: 100%;
    }
    
    .counter {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #E6E6E6;
        padding: 10px;
    }
    
    .counter2 {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #E6E6E6;
        padding: 15px;
    }
    
    .shippingbtn {
        border: 1px solid #ff9800;
        font-size: 14px;
        height: 48px;
        width: 100%;
        line-height: 48px;
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        background-color: #ff9800;
        font-family: 'Avalon', arial, sans-serif;
        text-align: center;
        transition: 0.3s;
    }
    
    .shippingbtn:hover {
        background-color: #ff9800;
        color: #fff;
    }
    
    .text-align-right {
        text-align: right;
    }
    
    .acbtn {
        font-size: 14px;
        height: 48px;
        background-color: rgb(60, 179, 36)!important;
        line-height: 48px;
        text-transform: uppercase;
        display: inline-block;
        color: #fff;
        font-family: 'Avalon', arial, sans-serif;
        text-align: center;
        border: 0px;
    }
    
    .acbtn:hover {
        background-color: rgb(52, 155, 31)!important;
        transition: 0.3s;
    }
    
    .b-amount {
        display: block;
        color: #000;
        font-weight: 600;
        font-size: 22px;
        font-family: 'avalon', arial, sans-serif;
    }
    
    .m_revies_rate i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        font-size: 21px;
    }
    
    .cb {
        display: flex;
        justify-content: space-between;
        padding: 6px 0px;
    }
    
    .cbtext {
        font-size: 16px;
        font-family: inherit;
        color: #333;
        font-weight: 500;
    }
    
    .bg-light-brown {
        background-color: #FFE4B7 !important;
    }
    
    .text-yellow {
        color: #E3A53D !important;
    }
    
    .counter .bg-light-brown:hover {
        background-color: #f6e3c2 !important;
        transition: 0.3s;
    }
    
    .msg-box {
        display: block;
    }
    
    .edit-option {
        display: inline-block;
        color: #27A2FF;
        margin-left: 5px;
        transform: translateY(3px);
        cursor: pointer;
        font-size: 15px !important;
        padding: 4px;
    }
    
    .edit-option i {
        font-size: 16px;
    }
    
    .user-message {
        display: inline-block;
        font-size: 14px;
        color: #565656;
        font-weight: 400;
        line-height: 17px;
    }
    
    .edit-icn {
        font-size: 17px!important;
    }
    /* shopping-sec-ends-here */
    /* delivery-adders */
    
    .form-row-2 {
        margin-bottom: 12px;
    }
    
    .form-row-2 label {
        display: block;
        font-size: 15px;
        color: #333;
        margin-bottom: 3px;
        font-family: inherit;
        font-weight: 500;
        
    }
    
    .form-row-2 input {
        width: 100%;
        padding: 12px 10px;
        border: 1px solid #ccc;
        border-radius: 2px;
        font-family: inherit;
        font-size: 15px;
        color: #333;
        font-weight: 500;
    }
    
    .form-row-2 select {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 12px 10px;
        font-family: inherit;
        font-size: 15px;
        font-weight: 500;
    }
    
    .form-row-2 textarea {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding: 12px 10px;
        resize: none;
        font-family: inherit;
        font-size: 14px;
    }
    
    .form-warps {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0px -10px;
    }
    
    .form-cols {
        max-width: 50%;
        flex-basis: 50%;
        padding: 0px 10px;
    }
    
    .editlink {
        text-transform: uppercase;
        color: #2874f0;
        font-size: 15px;
        margin-left: auto;
        position: absolute;
        right: 0px;
    }
    
    .vltext {
        font-family: inherit;
        font-size: 15px;
        color: #333;
        padding-bottom: 10px;
        display: block;
    }
    
    #usereditform {
        display: none;
        margin-bottom: 20px;
    }
    
    .form-bnt-warp {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 12px -10px 0px;
    }
    
    .form-btn-cols a {
        display: block;
        width: 100%;
        background-color: #3CB324;
        text-transform: capitalize;
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding: 12px 10px;
        font-weight: 600;
    }
    
    .form-btn-cols {
        flex-basis: 50%;
        -webkit-flex-basis: 50%;
        max-width: 50%;
        padding: 0px 10px;
    }
    
    .form-btn-cols .bg-none {
        border: 1px solid #505050;
    }
    
    .bg-none {
        background-color: transparent !important;
    }
    
    .text-dark {
        color: #000 !important;
    }
    
    .min-light-text {
        font-family: inherit;
        font-weight: 400;
        font-size: 10px;
        color: lightgray;
        margin-bottom: 18px;
    }
    
    .us-slt-name label .checkbox__input {
        display: none;
    }
    
    .userid {
        margin-bottom: 10px;
    }
    
    .uesr-name {
        font-size: 14px;
        font-family: inherit;
        color: rgb(30 134 202);
        font-weight: 400;
        margin-left: 10px;
    }
    
    .btn4 {
        font-size: 17px;
        padding: 12px 18px;
        background-color: #fb641b;
        text-transform: capitalize;
        display: inline-block;
        color: #fff;
        font-family: 'Avalon', arial, sans-serif;
        text-align: center;
        border: none;
        outline: none;
        margin-top: 18px;
        cursor: pointer;
        font-weight: 400;
        border-radius: 3px;
    }
    
    .w100 {
        width: 100% !important;
    }
    
    .user-address-2 {
        margin-bottom: 20px;
        font-size: 14px;
        font-family: inherit;
        color: rgb(31, 31, 31);
        font-weight: 400;
    }
    
    .pay-now-btn {
        display: block;
        width: 100%;
        border-radius: 4px;
        background: #3CB324;
        font-size: 15px;
        font-weight: 400;
        font-family: inherit;
        padding: 12px 10px;
        color: #FFF;
        font-weight: 400;
        text-align: center;
        text-transform: capitalize;
        margin: 10px 0px 20px;
    }
    
    .pay-now-btn:hover {
        background-color: rgb(52, 155, 31)!important;
        transition: 0.3s;
    }
    
    .formimgbox img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center center;
    }
    
    .formimgbox {
        width: 100%;
        height: 100px;
    }
    /* payment-page-start-here */
    
    .cs-radio {
        display: block;
        padding: 15px 13px;
        border-radius: 3px;
        box-shadow: 0 1px 6px 0 rgb(0 0 0 / 17%);
        border: 1px solid #ccc;
        background-color: #ffff;
    }
    
    .card-sec .active {
        background-color: #2874f0;
        color: #ffff;
    }
    
    .card-sec .active .numof {
        background: #fff;
        color: #333;
    }
    
    .clogin {
        display: inline-block;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    
    .clogin button {
        max-width: 150px;
        width: 100%;
        cursor: pointer;
        background: transparent;
        display: inline-block;
        padding: 12px 0;
        text-align: center;
        border: 1px solid #fb016a;
        color: #fb016a;
        border-radius: 2px;
        font-family: 'Avalon', arial, sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    
    .clogin button b {
        display: table;
        margin: auto;
        text-align: center;
        font-family: 'avalon', arial, sans-serif;
        font-size: 18px;
    }
    
    .bg-default {
        background: #fb016a !important;
        color: #fff !important;
    }
    
    .card-sec .active .details-tittle {
        color: #fff;
    }
    
    .b-line {
        width: 100%;
        height: 1px;
        background: #ddd;
        display: block;
        margin: 5px 0;
    }
    
    .card-sec .active .user-dt {
        color: #fff;
    }
    
    .card-sec .active .text-green {
        color: #fff !important;
    }
    
    .card-sec .active .btn3 {
        color: #fff;
        outline: 1px solid #fff;
    }
    
    .cart-box {
        display: block;
        border: 1px solid #E6E6E6;
        padding: 15px;
        border-radius: 3px;
    }
    
    .info-top {
        display: block;
    }
    
    .user-dt {
        font-family: inherit;
        font-size: 14px;
        color: dimgrey;
        padding-left: 50px;
        padding-bottom: 5px;
        font-weight: 500;
    }
    
    .btn3 {
        display: block;
        outline: 1px solid rgb(52 155 31);
        font-weight: 500;
        padding: 6px 20px;
        border-radius: 2px;
        color: rgb(52 155 31);
        text-transform: capitalize;
        font-size: 14px;
        text-align: center;
        margin-left: auto;
        font-family: inherit;
    }
    /* paysec-custom radios */
    
    .card-sec {
        display: block;
        margin-bottom: 20px;
    }
    
    .mini-cols-warp {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        margin: 15px -10px 20px;
        flex-wrap: wrap;
    }
    
    .mini-cols {
        flex-basis: 33.3%;
        -webkit-flex-basis: 33.3%;
        padding: 0px 10px;
    }
    
    .mini-cols {
        width: 100%;
        display: block;
        height: 50px;
        margin-bottom: 20px;
    }
    
    .mini-cols img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .dfeinition {
        text-align: center;
        width: 80%;
        margin: 0px auto 15px;
        color: #767676;
    }
    
    .la-text {
        font-family: inherit;
        font-size: 15px;
        color: #6e6e6e;
        font-weight: 400;
    }
    /* edit-address-here */
    
    .ed-adresss-top {
        padding: 10px 0px;
        margin-bottom: 10px;
        display: flex;
    }
    
    .u-name {
        font-size: 15px;
        color: #333;
        margin-bottom: 8px;
        font-family: inherit;
        font-weight: 400;
    }
    
    .ed-adresss-content {
        padding: 0px 10px;
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 22px;
        position: relative;
    }
    
    .innsize {
        width: 20px;
        height: 20px;
    }
    
    .co-box {
        margin-bottom: 20px;
        align-items: flex-start !important;
        -webkit-align-items: flex-start !important;
    }
    /* edit-address-here-ends-here */
    /* message-popup-here */
    
    .msg-box-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.445);
        z-index: 5555;
        display: none;
    }
    
    .msg-box-content {
        width: 100%;
        max-width: 600px;
        border-radius: 10px;
        padding: 20px;
        background-color: #ffff;
        border: 1px solid #e6e6e6;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 0 1px 2px 0 rgb(148 150 159 / 30%);
    }
    
    .msg-box-head {
        padding: 0px;
        position: relative;
        display: block;
    }
    
    .msg-box-head .display2text {
        margin-bottom: 0px;
        color: #000;
        font-size: 22px;
        text-align: center;
        font-family: "avalon", arial, sans-serif;
    }
    /* modal */
    
    .modal {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: none;
        overflow: auto;
        background-color: #000000;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 999;
    }
    
    .modal-close {
        position: absolute;
        top: -10px;
        right: -10px;
        font-size: 30px !important;
        background: transparent;
        border: 0px;
        cursor: pointer;
        padding: 10px;
    }
    
    .modal-window {
        position: relative;
        background-color: #FFFFFF;
        max-width: 500px;
        width: 100%;
        margin: 0px auto 0;
        padding: 20px;
        animation: 0.5s floter ease-in-out;
        -webkit-animation: 0.5s floter ease-in-out;
        -webkit-transition: 0.5s floter ease-in-out;
        transition: 0.5s floter ease-in-out;
        top: 10%;
    }
    
    @keyframes floter {
        from {
            top: 30%;
            opacity: 0;
        }
        top {
            top: 10%;
            opacity: 1;
        }
    }
    
    .modal-window .log-content {
        margin: auto;
        box-shadow: none;
        padding: 30px 20px 0px;
    }
    
    .modal-window.small {
        width: 75%;
    }
    
    .modal-window.large {
        width: 75%;
    }
    
    .close {
        position: absolute;
        top: 0;
        right: 0;
        color: rgba(0, 0, 0, 0.3);
        height: 30px;
        width: 30px;
        font-size: 30px;
        line-height: 30px;
        text-align: center;
    }
    
    .close:hover,
    .close:focus {
        color: #000000;
        cursor: pointer;
    }
    
    .open {
        display: block;
    }
    /* end */
    
    .cncl-icn {
        color: #000;
        position: absolute;
        top: -12px;
        right: 0px;
        cursor: pointer;
        font-size: 30px !important;
    }
    
    .msg-box-body {
        padding: 10px 0px;
        margin-top: 10px;
    }
    
    .edit-box {
        display: block;
    }
    
    .edit-box textarea {
        width: 100%;
        padding: 18px 10px;
        border: 1px solid #cccc;
        resize: none;
        font-family: inherit;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        text-align: left;
        line-height: 20px;
        border-radius: 4px;
    }
    
    .sv-msg-btn {
        display: block;
        padding: 12px 18px;
        border: none;
        outline: none;
        cursor: pointer;
        float: right;
        border-radius: 4px;
        background-color: #2ECC40;
        color: #fff;
        font-size: 17px;
        font-family: 'Avalon', arial, sans-serif;
        font-weight: 400;
    }
    
    .sv-msg-btn:hover {
        transition: 0.3s;
        background-color: #389443;
    }
    /* payment-method-option */
    
    .title-topm {
        display: flex;
        align-items: center;
    }
    
    .numof {
        display: block;
        background-color: rgb(52, 155, 31);
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        border-radius: 3px;
        margin: 0px 10px 5px 0px;
    }
    
    .link-blu {
        display: block;
        font-size: 14px;
        color: #2874f0;
        font-weight: 400;
        font-family: inherit;
        text-transform: capitalize;
        margin-bottom: 10px;
    }
    
    .m-row {
        display: block;
        margin-bottom: 10px;
    }
    
    .smalltext {
        font-size: 13px;
        color: #8e8d8d;
        font-weight: inherit;
        margin: 0px auto 10px;
    }
    
    .text-org {
        background-color: #fb641b !important;
    }
    
    .p-option-box {
        display: block;
    }
    
    .p-option-box-con {
        display: block;
        width: 100%;
    }
    
    .box-con-link {
        margin-bottom: 20px;
    }
    
    .box-con-link2 {
        padding: 12px 0px;
        width: 100%;
        cursor: pointer;
        font-size: 15px;
        font-weight: 500;
    }
    
    .acbtn4 {
        height: 42px;
        line-height: 42px;
        display: none;
        font-size: 17px;
        background-color: rgb(60, 179, 36)!important;
        width: 100%;
        text-transform: capitalize;
        color: #fff;
        font-family: 'Avalon', arial, sans-serif;
        font-weight: 400;
        text-align: center;
    }
    
    .cart-box .texa-p textarea {
        border-color: #ccc;
    }
    
    .texa-p textarea {
        padding: 15px;
    }
    
    .savegiftbtn {
        border: none;
        outline: none;
        padding: 15px 24px;
        font-size: 15px;
        cursor: pointer;
        color: #ffff;
        border-radius: 2px;
        transition: 0.3s;
        font-weight: 500;
        background-color: #607d8b;
        font-family: inherit;
    }
    
    .newadbtn {
        display: block;
        font-size: 15px;
        color: #2874f0;
        font-weight: 600;
        padding: 8px 15px;
        cursor: pointer;
        font-family: inherit;
        border: 0.8px solid #2874f0;
        border-radius: 3px;
        margin: 0px;
        background: transparent;
        width: 100%;
    }
    
    .savegiftbtn:hover {
        background-color: darkslategrey;
        color: #fff;
    }
    
    .r-input {
        width: 20px;
        height: 20px;
    }
    
    .shop-pro-contant2 {
        border-radius: 2px;
        display: block;
    }
    
    .ed-warp {
        display: flex;
        flex-wrap: wrap;
    }
    /* payment-page-ends-here */
    /* cash-on-delivery-checkout-page-here */
    
    .cod-content {
        display: block;
        padding: 20px 30px;
        background-color: #ffff;
        border-radius: 5px;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 17%);
    }
    
    .content-title {
        font-family: 'Avalon', arial, sans-serif;
        font-weight: 400;
        color: #000;
        font-size: 28px;
        letter-spacing: 0.80px;
        margin-bottom: 15px;
    }
    
    .greeting-text {
        font-size: 16px;
        color: #3c3c3c;
        font-weight: 400;
        font-family: inherit;
        letter-spacing: 0.10px;
        margin-bottom: 20px;
    }
    
    .bitem-price {
        color: #ff6633;
        font-family: inherit;
        font-size: 14px;
    }
    
    .bitem-price span {
        overflow: hidden;
    }
    
    .bitem-price em {
        font-style: normal;
        color: #333;
        float: left;
        margin-right: 5px;
    }
    
    .order-segment-warp {
        display: flex;
        align-items: center;
        margin: 0px -10px 30px;
        flex-wrap: wrap;
        max-width: 800px;
    }
    
    .order-segment-cols {
        flex-basis: 25%;
        max-width: 25%;
        padding: 0px 10px;
    }
    
    .order-seg-boxes {
        padding: 10px;
        display: block;
        border-right: 1px dashed #bcbcbc;
    }
    
    .otitle {
        font-size: 15px;
        color: #807f7f;
        font-family: inherit;
        font-weight: 400;
        margin-bottom: 8px;
        text-transform: uppercase;
    }
    
    .otitle2 {
        font-size: 19px;
        color: #000;
        font-family: inherit;
        font-weight: 400;
        margin-bottom: 10px;
    }
    
    .order-segment-warp .order-segment-cols:nth-child(4) .order-seg-boxes {
        border: none;
    }
    
    .od-sum-table {
        display: block;
        padding: 10px 0px;
    }
    
    .t-table {
        width: 100%;
        border: 1px solid #ddd;
    }
    
    .hp {
        padding: 15px 20px;
        border-bottom: 1px dashed #ddd;
        font-size: 19px;
        font-family: inherit;
        font-weight: 600;
    }
    
    .tdcols {
        padding: 10px 20px;
        font-family: inherit;
        font-weight: 400;
        color: #555555;
        font-size: 16px;
    }
    
    .p-rrow {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
    }
    
    .b-amount2 {
        color: #000;
        font-weight: 600;
        font-size: 18px;
        font-family: inherit;
    }
    
    .table-title {
        font-size: 22px;
        color: #0f4f9d;
        font-family: 'Avalon', arial, sans-serif;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
    }
    
    .t-r0ws {
        border-bottom: 1px solid #ddd;
    }
    
    .table-responiive {
        overflow-x: auto;
    }
    
    .tdmax {
        width: 70%;
        max-width: 70%;
    }
    
    .tdcols:nth-child(even) {
        border-left: 1px solid #ddd;
    }
    
    .hp:nth-child(even) {
        border-left: 1px solid #ddd;
    }
    
    .infopaytext {
        background-color: #f5f1f1;
        padding: 10px;
        font-size: 15px;
        color: #898686;
        font-weight: inherit;
        margin: 0px auto 10px;
        font-family: inherit;
        position: relative;
        font-weight: 500;
        z-index: 2;
    }
    
    .infopaytext::before {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        background-color: #f5f1f1;
        top: -3px;
        left: 6px;
        z-index: 22;
        transform: rotate( 45deg);
        z-index: -2;
    }
    
    #payinfoone {
        display: none;
    }
    
    #payinfotwo {
        display: none;
    }
    
    #newadd {
        display: none;
    }
    
    .pl {
        padding-left: 10px;
    }
    
    .a-row {
        display: block;
        margin-left: 5px;
    }
    /* cash-on-delivery-checkout-page-ends-here */
    
    .rcomm_count {
        color: #fff;
        padding: 3px 10px;
        border-radius: 20px;
        margin-right: 10px;
        background: #26a541;
        display: inline-block;
    }
    
    .rcomm_count i {
        font-size: 16px;
        vertical-align: middle;
        margin-left: 5px;
        display: inline-block;
        margin-right: 0px;
        margin-top: -2px;
    }
    
    .rctitle {
        font-family: inherit;
        font-size: 15px;
        color: #000;
        font-weight: 500;
    }
    
    .rc_description {
        font-family: inherit;
        font-size: 15px;
        color: #626a72;
        padding-top: 5px;
        font-weight: 500;
    }
    
    .cmmnt_action {
        display: inline-block;
        width: 100%;
        padding-top: 5px;
    }
    
    .cmmnt_action a {
        font-family: inherit;
        font-size: 14px;
        color: #2874f0;
        margin-right: 20px;
        font-weight: 500;
        letter-spacing: 0.70px;
    }
    /* edit-revew-page-css-here */
    
    .cmm-tittle {
        font-size: 23px;
        color: #000;
        font-family: 'Avalon', arial, sans-serif;
        font-weight: 400;
        margin-top: 25px;
        margin-bottom: -15px;
    }
    
    .rating_reviews_div {
        display: inline-block;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    
    .rating_top {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    
    .rating_hsec {
        float: right;
        padding: 0px;
        margin: 0px;
    }
    
    .rating_hsec img {
        width: 50px;
        height: 50px;
        float: right;
        margin-left: 10px;
        object-fit: cover;
        object-position: top;
    }
    
    .rating_hsec span {
        font-family: inherit;
        font-size: 14px;
        color: #000;
        font-weight: 500;
    }
    
    .inputtitle {
        display: block;
        margin-bottom: 15px;
        width: 100%;
        max-width: 400px;
    }
    
    .inputtitle input {
        font-family: inherit;
        font-size: 15px;
        color: #333;
        border-radius: 4px;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
    }
    
    .review-rating {
        margin: 0 0 5px;
        padding: 10px 0;
        position: relative;
        overflow: hidden;
    }
    
    .review-rating h3 {
        margin: 0 0 12px;
        font-size: 19px;
        color: #1e1f20;
        font-weight: 400;
        font-family: 'Avalon', arial, sans-serif;
    }
    
    .rate-strip {
        margin: 0 2px;
        float: left;
    }
    
    .rating {
        margin: 0;
        padding: 0;
    }
    
    .rating a {
        margin: 0 5px 0 0;
        padding: 0;
        display: inline-block;
        float: left;
        width: 30px;
        height: 30px;
        background: #cacaca;
        border-radius: 3px;
        cursor: pointer;
    }
    
    .rating a:before {
        content: '';
        margin: 0 auto;
        display: block;
        width: 24px;
        height: 24px;
        background: url(../img/star-w.png) no-repeat;
        background-size: 24px;
        position: relative;
        top: 2px;
    }
    
    .rating_rows {
        display: inline-block;
        width: 100%;
        padding: 15px 0 0;
    }
    
    .rating_rows textarea {
        font-family: inherit;
        font-size: 15px;
        color: #333;
        border-radius: 4px;
        border: 1px solid #ededed;
        width: 100%;
        padding: 15px;
    }
    
    .rating_rows .btn {
        padding: 10px 40px;
        font-family: 'Avalon', arial, sans-serif;
        font-size: 15px;
        color: #fff;
        background: #e40517;
        border: 0px;
        display: inline-block;
        margin-top: 10px;
        cursor: pointer;
        border-radius: 4px;
        transition: 0.3s ease-in-out;
    }
    
    .rating_rows .btn:hover {
        transform: scale(0.90);
        background-color: #b40f1d;
    }
    
    .text-align-right {
        text-align: right;
    }
    
    .myshopping_btn {
        padding: 12px 30px;
        font-family: inherit;
        font-size: 16px;
        color: #fff;
        border-radius: 3px;
        background: #03a9f4;
        display: inline-block;
        margin-top: 10px;
        transition: 0.3s ease-in-out;
    }
    
    .myshopping_btn:hover {
        transform: scale(0.90);
        background: #068ac7;
    }
    
    .supli-box-head {
        display: flex;
        display: -webkit-flex;
        width: 100%;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        padding: 12px;
        border-bottom: 1px dashed #ddd;
    }
    /* ---------------------------------- */
    /* media-quaries-here */
    
    @media (max-width:1400px) {
        .numofitem-top {
            font-size: 19px;
        }
        .shopcartsec-row-warp {
            display: flex;
            flex-wrap: wrap;
           
        }
        /* payment-options */
        .btn3 {
            padding: 6px 17px;
            font-size: 12px;
        }
    }
    /* ----------------------- */
    
    @media(max-width:1200px) {
        .shopcartsec-right-col{ padding-left: 10px; padding-left: 10px;}
        .moneysymbol {
            font-size: 19px;
        }
        .pinner {
            padding: 10px 10px;
        }
        .msg-text {
            margin: 0px 0px 5px;
        }
        .b-amount {
            color: #000;
            font-weight: 600;
            font-size: 17px;
            font-family: inherit;
        }
        .cbtext {
            font-size: 14px;
        }
        .right-cont-box {
            margin-bottom: 12px;
        }
        .acbtn {
            font-size: 14px;
            height: 42px;
            line-height: 42px;
        }
        .coupen-warp button {
            font-size: 14px;
        }
        .shippingbtn {
            background-color: #fb641b;
            font-size: 14px;
            height: 42px;
            line-height: 42px;
        }
    }
    /* ---------------------- */
    
    @media(max-width:992px) {
        .shop-pro-col1 {
            width: 70px;
            height: 93px;
        }
        .bquantity {
            max-width: 80%;
            padding: 0 2px 10px 2px;
        }
        .mincols {
            padding-right: 0px;
            width: 100%;
            max-width: 100%;
        }
        .proo-name {
            width: 100%;
        }
        .ptile {
            margin: 0px 0 5px;
            width: 100%;
            display: inline-block;
        }
        .quantity-control {
            margin-top: 0px;
        }
        .min-row {
            flex-direction: column;
        }
        .mincol2 {
            width: 100%;
            max-width: 100%;
            display: block;
        }
        .shopcartsec-left-col {
            flex-basis: 100%;
            max-width: 100%;
        }
        .shopcartsec-right-col {
            flex-basis: 100%;
            max-width: 100%;
            padding-left: 0px;
        }
        .shopcartsec-row-warp {
            padding: 0px;
        }
        .input-type2 {
            width: 100%;
        }
        .contant-line {
            margin-bottom: 10px;
            margin-right: 0px;
        }
        .otitle2 {
            font-size: 17px;
        }
        .cod-content {
            padding: 20px 15px;
        }
        .remicn {
            margin-bottom: 10px;
        }
        .card-sec {
            margin-bottom: 10px;
        }
        .stc-box {
            margin: 10px 0px 20px;
        }
        .form-cols {
            max-width: 100%;
            flex-basis: 100%;
        }
        .modal-window .log-content {
            padding: 30px 0px 0px;
        }
        .supliboxfoot {
            flex-direction: column;
            -webkit-flex-direction: column;
        }
        .shop-pro-contant{ padding:10px; }
    }
    /* ---------------------- */
    
    @media(max-width:768px) {
        .remicn {
            position: initial;
            top: auto;
            margin:0px; ;

        }
        .shop-pro-col3 {
            flex-basis: 100%;
            max-width: 100%;
            padding: 10px 0px;
        }
        .endbox {
            flex-direction: row;
        }
        .msg-text {
            margin: 0px;
        }
        .user-message {
            padding: 3px 0px 10px;
        }
        .shopcartsec {
            display: block;
            padding: 10px 0px;
        }
        .otitle2 {
            font-size: 15px;
        }
        .otitle {
            font-size: 14px;
        }
        .order-segment-cols {
            flex-basis: 50%;
            max-width: 50%;
        }
        .order-seg-boxes {
            border: 1px dashed #bcbcbc;
            text-align: center;
            margin-bottom: 10px;
        }
        .order-segment-warp .order-segment-cols:nth-child(4) .order-seg-boxes {
            border: 1px dashed #bcbcbc;
        }
        .hp {
            padding: 15px 10px;
        }
        .hp:nth-child(2) {
            text-align: right;
        }
        .tdcols:nth-child(even) {
            text-align: right;
        }
        
        
        .btn4 {
            font-size: 14px;
        }
        .supliboxfoot-lft {
            max-width: 100%;
            width: 100%;
            margin-bottom: 13px;
        }
        .supli-box-head {
            flex-direction: column;
            -webkit-flex-direction: column;
        }
        .supname {
            display: block;
            font-size: 14px;
            line-height: normal;
            color: #575757;
            margin-bottom: 5px;
        }
        .detail-box{ margin-bottom: 10px; }
    }
    /* ---------------------- */
    
    @media(max-width:480px) {
        .clogin button {
            max-width: 100%;
        }
        .shop-pro-col1{ margin-right: 10px; }
        .moneysymbol {
               font-size: 18px;
                float: left;
                text-align: right;
                width: 50%;
            
        }
        .bquantity {   padding: 0 2px 0px 2px; width: 50%; float: left;}
        .prd-rigt-sec .bquantity{ margin-bottom: 10px }
        .msg-box-content {
            width: 90%;
        }
        .b-amount {
            font-size: 16px;
        }
        /* add-address-page */
        .form-cols {
            max-width: 100%;
            flex-basis: 100%;
        }
        .pay-now-btn {
            font-size: 15px;
            padding: 10px 8px;
            margin: 10px 0px 15px;
        }
        .la-text {
            font-size: 14px;
        }
        .mini-cols {
            flex-basis: 50%;
        }
        .form-btn-cols a {
            padding: 9px 10px;
        }
        /* payment-method */
        .info-top {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }
        .cart-box {
            padding: 10px 12px;
        }
        .title-topm {
            display: flex;
            align-items: flex-start;
        }
        .savegiftbtn {
            padding: 12px 22px;
        }
        .numof {
            width: 25px;
            height: 25px;
            line-height: 25px;
        }
        .otitle {
            font-size: 13px;
        }
        .otitle2 {
            font-size: 14px;
        }
        .content-title {
            font-size: 20px;
            margin-bottom: 12px;
        }
        .tdcols {
            padding: 10px 8px;
        }
        .greeting-text {
            font-size: 16px;
            margin-bottom: 15px;
        }
        .order-segment-warp {
            margin: 0px -10px 10px;
        }
        .b-amount2 {
            font-size: 18px;
        }
        .smalltext {
            text-align: left;
        }
        .btn3 {
            padding: 5px 15px;
            font-size: 11px;
        }
        .r-input {
            width: 18px;
            height: 18px;
        }
        .user-dt {
            padding-left: 34px;
        }
        .sv-msg-btn {
            padding: 10px 15px;
            font-size: 12px;
        }
        .edit-box textarea {
            padding: 18px 10px;
            font-size: 13px;
        }
        .msg-box-content {
            padding: 18px 10px;
        }
        .acbtn {
            font-size: 13px;
            height: 38px;
            line-height: 38px;
        }
        .tdmax {
            width: 60%;
            max-width: 60%;
        }
        .p-rrow {
            font-size: 15px;
        }
        .tdcols {
            font-size: 15px;
        }
        .table-title {
            font-size: 20px;
            color: #0780c8;
            font-family: inherit;
            font-weight: 600;
            display: block;
            margin-bottom: 10px;
        }
        .b-amount2 {
            font-size: 17px !important;
        }
        .ed-adresss-content {
            flex-basis: 100%;
            max-width: 100%;
            margin-bottom: 10px;
        }
        .btn4 {
            margin-top: 12px;
        }
        .u-name {
            margin-bottom: 5px;
        }
       
        .subtxtbx {
            font-size: 14px;
        }
        .numofitem-top {
            font-size: 16px;
        }
    }
    /* ---------------------- */
    
    @media(max-width:375px) {
        /* payment-page-here */
        .mini-cols-warp {
            flex-direction: column;
        }
        .mini-cols {
            flex-basis: 100%;
        }
        .order-segment-cols {
            flex-basis: 100%;
            max-width: 100%;
        }
        .order-seg-boxes {
            text-align: left;
        }
        .greeting-text {
            font-size: 15px;
        }
        .otitle {
            float: left;
            margin-right: 5px;
        }
        .p-rrow {
            font-size: 14px;
        }
        .tdcols {
            font-size: 14px;
        }
        .hp {
            font-size: 18px;
        }
    }
    /* ---------------------- */
    /* ---------------------- */