.cartmainouterdiv, .meddetailouterdiv {
    padding-left: .75rem;
    padding-right: .75rem
}

.btnAddMed, .divquantity, .quantityselector, .quantitytext {
    font-family: Quicksand-Bold
}

.addmedicine, .cartbutton1, .deleteitem, .divbranddata, .divitemname, .imageslider, .promobutton, .readbutton {
    cursor: pointer
}

.cartouterdiv {
    background-color: #efefef;
    padding-top: .5rem;
    min-height: 50vh;
    margin-bottom: 3rem
}

.divmaincart, .divzerocart {
    margin-bottom: .5rem;
    background-color: #fff;
    min-height: 100px
}

.cartmainouterdiv {
    width: 60%
}

.divmaincart {
    width: 100%;
    border-radius: 10px;
    padding-bottom: .5rem;
    display: flex;
    flex-wrap: wrap
}

.deleteitem {
    position: absolute;
    margin-top: 1rem;
    right: 10px;
    width: 14px;
    height: 14px;
    z-index: 500
}

.divquantity, .divzerocart {
    margin-top: .5rem;
    display: flex
}

.meddetailouterdiv {
    width: 83.33%;
    position: relative
}

.meddetailinnerdiv {
    display: flex;
    flex-wrap: wrap
}

.divquantity {
    flex-wrap: wrap
}

.quantityselector {
    font-size: 12px;
    border: 2px solid #000;
    padding-left: .25rem;
    padding-right: .25rem;
    cursor: pointer;
    margin-left: .5rem;
    border-radius: .25rem
}

.quantitytext {
    padding-left: .5rem;
    background-color: #fff;
    width: 21px;
    height: 20px;
    text-align: center
}

.divzerocart {
    width: 100%;
    border-radius: 10px;
    padding-bottom: 20px;
    flex-wrap: wrap
}

.zerocartimage {
    width: 70%;
    top: -85px;
    left: 50%;
    margin: 0 auto
}

.zerocartmessagediv {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding: 3rem 1rem
}

.btnAddMed {
    padding: .5rem;
    border-radius: 5px;
    color: #fff;
    background-color: teal
}

.sidedivouter1 {
    width: 38%;
    margin-left: .5rem
}

.sidedivouter {
    background-color: #fff;
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    min-height: 100px;
    margin-bottom: 1.5rem;
    box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 20%)
}

.promobutton, .promomessage {
    margin-bottom: .5rem;
    color: teal;
    background-color: #fff
}

.divcartinner {
    border-bottom: 1px solid;
    width: 100%;
    display: flex;
    margin-left: .25rem;
    margin-right: .25rem
}

.divcartmedimage {
    width: 16%
}

.divcoupon {
    width: 100%;
    margin-right: .5rem;
    margin-top: .5rem;
    border-radius: 5px;
    border: 2px solid teal
}

.couponicon {
    top: 15px;
    left: 12px;
    height: 18px;
    width: 18px;
    position: absolute
}

.coupontext {
    font-family: Quicksand-Regular;
    padding-left: 3rem;
    width: 100%;
    height: 100%;
    margin-top: 1rem
}

.labeltotal, .promobutton, .promomessage {
    font-family: Quicksand-Bold
}

.promobutton {
    border-radius: 6px;
    padding: .5rem 2.5rem;
    margin-top: .5rem;
    margin-right: .5rem;
    width: 28%
}

.promomessage {
    width: 90%;
    margin-left: 1rem
}

.divsideitem {
    width: 100%;
    display: flex
}

.divsideitemlabel {
    width: 75%;
    padding: .5rem
}

.divsideitemdata {
    width: 25%;
    padding: .5rem
}

.divsidetotal {
    width: 100%;
    padding: .5rem .75rem
}

.divbrand, .divbranddata, .divclass {
    padding-left: .5rem;
    padding-right: .5rem
}

.divsidetotalinner {
    display: flex;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.labeltotal {
    width: 75%;
    padding: .5rem
}

.costtext, .totaltext {
    font-family: Quicksand-Regular;
    width: 60%;
    background-color: #fff;
    color: #000
}

.addmedicinetext, .cartbutton1, .divitemname, .divlabel, .medSalePricelabeldetail, .totaltext {
    font-family: Quicksand-Bold
}

.divsidemessage {
    display: flex;
    width: 100%;
    text-align: center;
    padding-top: .5rem
}

.divbrand, .divclass {
    background-color: #fff;
    border-radius: 10px;
    margin-left: .75rem;
    margin-bottom: 1rem
}

.subdiv {
    margin-left: .75rem;
    margin-top: 2rem
}

.divlabel {
    text-align: left;
    font-size: 14px;
    padding-top: 1rem;
    position: relative;
    display: block;
    color: #2e3c59
}

.imageslider {
    position: relative;
    height: 22px;
    top: 7px
}

.divinnerbox1 {
    width: 16%;
    display: flex;
    flex-wrap: wrap;
    margin-right: .75rem;
    background-color: #fff;
    padding-top: .5rem;
    box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
    border-radius: .25rem
}

.divclassinner {
    width: 98%;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.divmedcostlabeldetail {
    display: flex;
    width: 75%;
    margin-left: .25rem
}

.divitemname {
    font-size: 14px;
    text-align: center;
    height: 3rem
}

.divimage {
    width: 70%;
    margin: .5rem .5rem .5rem 1.5rem
}

.medMRPlabeldetail {
    text-decoration: line-through;
    color: grey
}

.medSalePricelabeldetail {
    margin-left: .5rem
}

.divbranddata {
    width: 18%;
    flex: 0 0 auto;
    height: auto;
    margin-right: 1rem;
    margin-bottom: .5rem;
    border-style: solid;
    border-radius: 10px
}

    .divbranddata img {
        width: 100%;
        object-fit: contain
    }

.divmainbanner {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.divmainbannerimg {
    width: 100%
}

.addmedicine {
    display: flex;
    flex-wrap: wrap;
    margin-left: 35%
}

.addmedicinetext {
    font-size: 14px;
    color: teal;
    margin-top: 1rem
}

.cartbutton1 {
    border-radius: .25rem;
    padding: .25rem .5rem;
    margin-bottom: .25rem;
    color: teal;
    border: 2px solid teal;
    background-color: #fff
}

.sidebox {
    width: 100%;
    margin: 1rem;
    background-color: #fff;
    border: .25px solid #d3d3d3;
    padding: 1rem;
    border-radius: .5rem
}

.sideinnerbox3 {
    margin-bottom: .5rem;
    display: flex
}

.formtextbox1 {
    font-family: Quicksand-Regular;
    border: .5px solid grey;
    padding: .25rem;
    margin-right: .25rem;
    border-radius: .25rem;
    width: 6rem
}

.detailboldtext, .readbutton {
    font-family: Quicksand-Bold;
    font-size: 12px
}

.readbutton {
    color: teal;
    margin-left: .2rem;
    margin-top: .2rem
}

.divDeliveryTime {
    font-size: 12px
}

.spnDeliveryText {
    font-size: 10px;
    font-style: italic;
    color: grey
}

.secureimage {
    margin-top: 1.5rem
}

@media(max-width:1000px) {
    .cartbutton1 {
        margin-left: .75rem
    }

    .cartmainouterdiv {
        width: 98%;
        margin-bottom: 1rem
    }

    .cartBlock {
        width: 97%
    }

    .medicineimage {
        width: 33.33%
    }

    .meddetailouterdiv {
        width: 66.66%;
        margin-left: 2rem
    }

    .divzerocart {
        padding-bottom: 3rem
    }

    .sidedivouter1 {
        width: 92%;
        margin-left: 1rem
    }

    .sidedivouter {
        margin-bottom: .5rem
    }

    .divbranddata {
        width: 40%
    }

    .addmedicine {
        margin-left: 20%
    }

    .deleteitem {
        right: 1px
    }

    .divcoupon {
        width: 98%;
        margin-left: 0
    }

    .divclassinner, .sidebox {
        margin-left: .5rem
    }

    .subdiv {
        margin-top: .5rem
    }

    .divquantity {
        padding-top: 0
    }

    .divinnerbox1, .divinnerbox2 {
        width: 60%
    }

    .divmedcostlabeldetail {
        min-width: 6rem
    }

    .sidebox {
        width: 97%;
        margin-top: 1rem;
        margin-right: .5rem
    }

    .secureimage {
        display: none
    }
}

@media screen and (max-width:400px) {
    .cartbutton1 {
        margin-left: .1rem
    }
}