html {
  font-size: 14px;
  
}
.RCTDOGP{
    z-index:10;
}
.btn-prim {
    background-color: #d87330; /*#F0AA7B;*/
    color: white;
}
.btn-sec {
    background-color: #593F2E;
    color: white;
}
.hprim {
    background-color: #19400C;
}

.ows-tb {
    width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 -10px 15px rgba(0, 0, 0, 0.1);
}
.darkblue{
    color:darkblue;
}

@media (min-width: 576px) {
    .c-c-img {
        height: 25vw;
    }
    .imgCard {
        height: 60vw;
    }
    .imgCardOG {
        height: 60vw;
    }
    .custom-card {
        display: inline-block;
        width: 100px; /* Adjust card width as needed */
        margin-right: 10px; /* Adjust spacing between cards */
        /*height: 100px;*/
    }
    .g-custom-card {
        display: inline-block;
        width: 100px; /* Adjust card width as needed */
        margin-right: 10px; /* Adjust spacing between cards */
        /*height: 150px;*/
    } 
}

@media (max-width: 575px) {
    .c-c-img {
        height: 30vw;
    }

    .c-font {
        font-size: small;
    }
    .custom-card {
        display: inline-block;
        width: 100px; /* Adjust card width as needed */
        margin-right: 10px; /* Adjust spacing between cards */
        /*height: 100px;*/
    }
    .g-custom-card {
        display: inline-block;
        width: 100px; /* Adjust card width as needed */
        margin-right: 10px; /* Adjust spacing between cards */
        /*height: 150px;*/
    }
   
}

/*@media (min-width: 576px) and (max-width: 767px) {
    
}*/
    @media (min-width: 767px) {
        html {
            font-size: 16px;
        }

        .c-c-img {
            height: 20vw;
        }

        .c-d-img {
            height: 25vw;
        }

        .imgCard {
            height: 50vw;
        }

        .imgCardOG {
            height: 40vw;
        }

        .navbar-slider {
            overflow-x: auto; /* Enable horizontal scrolling on small screens */
            -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS devices */
        }

        .custom-card-sm {
            display: inline-block;
            width: 150px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 100px;*/
        }

        .g-custom-card-sm {
            display: inline-block;
            width: 100px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }
    }
    /* media query used for Grocery Card images*/
    @media (min-width: 768px) and (max-width: 991px) {
        .c-c-img {
            height: 20vw;
        }

        .c-d-img {
            height: 25vw;
        }

        .imgCard {
            height: 25vw;
        }

        .imgCardOG {
            height: 40vw;
        }

        .LYRGDS {
            height: 40px;
        }

        .custom-card-md {
            display: inline-block;
            width: 200px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 100px;*/
        }

        .g-custom-card-md {
            display: inline-block;
            width: 100px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }
        .hl-card-md {
            overflow-x: auto;
            white-space: nowrap;
            height: 200px;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-y: hidden;
        }

        .hl-card-item-md {
            display: inline-block;
            width: 180px;
            height: 150px;
            margin-right: 15px;
            vertical-align: top;
        }
        .hl-card-item-md img {
            max-width: 100%;
            height: auto;
            height: 150px; /* Set a fixed height for images to keep uniformity */
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .custom-card-md {
            display: inline-block;
            width: 200px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 100px;*/
        }

        .g-custom-card-md {
            display: inline-block;
            width: 100px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }
    }

    /* Media query for smaller screens */
    @media screen and (max-width: 600px) {
        .button {
            padding: 8px 16px; /* Adjusted padding for smaller screens */
        }
        
    }


    @media only screen and (max-width: 768px) {
        .LERJES {
            /*width: 120px;*/
            font-size: x-small;
            height: 60px;
        }
        
        .LYRGDS {
            height: 40px;
        }

        .OERJDS {
            height: 40px;
        }

        .LDIEM {
            height: 60px;
        }

        .ACTSBCTS {
            background-color: darkblue;
            /*margin-right: 0.25rem;*/
            width: 5px;
        }

        .Bannerht {
            height: 150px;
        }

        .carousel-container {
            height: 150px;
        }

        .carousel-item img {
            height: 150px;
        }
        .hl-card {
            overflow-x: auto;
            white-space: nowrap;
            height: 170px;
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-y: hidden;
        }

        .hl-card-item {
            display: inline-block;
            width: 125px;
            height: 155px;
            margin-right: 15px;
            vertical-align: top;
        }
        .hl-card-item img {
            max-width: 100%;
            height: auto;
            height: 110px; /* Set a fixed height for images to keep uniformity */
        }
        .fhl-card {
            font-size:small;
        }
        
    }

    @media only screen and (min-width: 769px) {
        .LERJER {
            height: 80px;
        }

        .LYRGDR {
            height: 40px
        }

        .OERJDR {
            height: 50px;
        }

        .LDIER {
            height: 80px;
        }

        .banner-lg {
            height: 300px;
        }

        .carousel-container {
            height: 300px;
        }

        .carousel-item img {
            height: 300px;
        }

        .ACTSBCTR {
            background-color: darkblue;
            /*margin-right: 0.5rem;*/
            width: 5px;
        }

        .CTSELCTR {
            height: 70px;
        }
       
    }

     @media (max-width: 991px)
     {
        .sticky-bottom-large { /* only for cart --continue/placeorder page*/
            position: fixed;
            bottom: 0;
            width: 100%;
            z-index:15;
        }
        .msfss{ /*mobile screen- font size small*/
            font-size:small;
        }
     }
    @media (min-width: 992px) {
        .c-c-img {
            height: 15vw;
        }

        .c-d-img {
            height: 20vw;
        }

        .imgCard {
            height: 20vw;
        }

        .imgCardOG {
            height: 35vw;
        }

        .custom-card-lg {
            display: inline-block;
            width: 250px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }

        .g-custom-card-lg {
            display: inline-block;
            width: 100px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }

        .LYRGDR {
            height: 60px
        }

        .hl-card-lg {
            overflow-x: auto;
            white-space: nowrap;
            height: 272px; /* Set a fixed height for the scrollable container */
            -ms-overflow-style: none; /* Internet Explorer 10+ */
            scrollbar-width: none; /* Firefox */
            overflow-y: hidden;
        }

        .hl-card-item-lg {
            display: inline-block;
            width: 272px;
            height: 250px;
            margin-right: 15px;
            vertical-align: top; /* Align the product items at the top */
        }
            .hl-card-item-lg img {
                max-width: 100%;
                height: auto;
                height: 200px; /* Set a fixed height for images to keep uniformity */
            }
        .sticky-bottom-large {
            position: sticky;
            bottom: 0;
            width: 100%;
            z-index: 15;
        }
        .lgfsxl{
            font-size:x-large;
            font-weight:500;
        }
    }

    /* Media query for larger screens */
    @media screen and (min-width: 1200px) {
        .button {
            padding: 12px 24px; /* Adjusted padding for larger screens */
        }

        .imgCard {
            height: 25vw;
        }

        .imgCardOG {
            height: 33vw;
        }

        .custom-card-xl {
            display: inline-block;
            width: 230px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }

        .g-custom-card-xl {
            display: inline-block;
            width: 150px; /* Adjust card width as needed */
            margin-right: 10px; /* Adjust spacing between cards */
            /*height: 150px;*/
        }
    }

    .wraptext {
        display: -webkit-box; /* Required for the line clamping effect */
        -webkit-box-orient: vertical; /* Set the box orientation to vertical */
        -webkit-line-clamp: 2; /* Limit the text to 2 lines */
        overflow: hidden; /* Hide the overflowed content */
        text-overflow: ellipsis; /* Display ellipsis when text overflows */
        line-height: 1.5; /* Adjust the line height */
        max-height: 3em; /* Limit height to 2 lines of text (1.5em * 2) */
    }

    .truncate-text2 {
        display: -webkit-box;
        -webkit-box-orient: vertical; /* Set the box orientation to vertical */
        -webkit-line-clamp: 2; /* Limit the text to 2 lines */
        overflow: hidden; /* Hide the overflowed content */
        text-overflow: ellipsis; /* Display ellipsis when text overflows */
        line-height: 1.5; /* Adjust the line height */
        max-height: 3em; /* Limit height to 2 lines of text (1.5em * 2) */
    }
.truncate-text1 {
    display: -webkit-box;
    -webkit-box-orient: vertical; /* Set the box orientation to vertical */
    -webkit-line-clamp: 1; /* Limit the text to 1 lines */
    overflow: hidden; /* Hide the overflowed content */
    text-overflow: ellipsis; /* Display ellipsis when text overflows */
    line-height: 2.5; /* Adjust the line height */
    max-height: 3em; /* Limit height to 2 lines of text (1.5em * 2) */
}

    html {
        position: relative;
        min-height: 100%;
    }

body {
    margin-bottom: 60px;
    background-color: #f1f2f4;
    margin: 0;
    /*overflow: hidden;*/
    /*background: linear-gradient(to bottom, #a3c1e0, #ffffff);*/
}

    .button {
        padding: 10px 20px; /* Default padding */
    }

    .ATC {
        background-color: orange;
        color: white;
    }

.ATCL {
    /*background-color: #ff6a00;*/
    background-color: #ffd814;
    border-color:#ffd814;
    color: white;
    font-weight: 500;
}

    .NB {
        /* background-color:*/
    }

.NBL {
    background-color: #ffa41c;
    border-color: #ffa41c;
    color: white;
    font-weight: 500;
}
    /**************************Custom Card-------------
    /* Media queries for different screen sizes */
    .offerstofloat {
        float: left
    }

    .CartCol {
        display: flex;
        flex-direction: column;
        padding: 1rem;
        height: 90px;
    }

        .CartCol > * {
            flex: 1;
        }

    .l-parent-div {
        /*  width: 100%; /* or any specific width you need 
            height: 100%; */
        display: flex; /* Flexbox to ensure centering if needed */
        align-items: center; /* Centering vertically */
        justify-content: center; /* Centering horizontally */
        overflow: hidden; /* Ensure content does not overflow */
    }

    .l-img-log {
        object-fit: contain;
    }

    /* to dispaly user account order on mobile screen* common for all layout..*/

    #accm {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f8f9fa;
        display: none;
        z-index: 10000;
    }

    .cbs {
        font-weight: 500;
        font-size: small;
    }

    .dp {
    }

button {
    background-color: transparent; /* or any color you prefer */
    color: #000; /* text color */
    border: none; /* remove border if needed */
    cursor: pointer; /* changes cursor to pointer on hover */
}

.TWIT{
    color:white;
}
.TBIT{
    color:black;
}
.IDRP{
    height:100%;
    width:100%;
}
.IRED_B{
    font-weight:bold;
}
.IDRJ {
    height: 100%;
    width: 100%;
    padding: 0px;
}

.imgcontain {
    object-fit: contain;
    height: 3rem;
    padding-left: 20px;
}

.BTN_TERT {
    background-color: #ffa41c;
}
.SDIFS{
    font-size:small;
}
.SDIF5{
    font-weight:500;
}

.OCNJE{
    display:flex;
    justify-content:end;
    align-items:center;
}

.f500{
    font-weight:500;
}

.fss{
    font-size:small;
}