@media screen and (max-width: 1400px) {
    .app-link-box img{
        max-width:90px;
    }
    .product-sort-links ul li:not(:last-child) {
        margin-right: 22px;
    }
    .checkout-right {
        padding: 30px;
        padding-top: 45px;
        padding-bottom: 125px;
        background-color: #F9F9F9;
        height: 100%;
    }
    .order-sec-btn .col {
        text-align: left;
    }
}
@media screen and (max-width: 1200px) {
    .product-sort-links ul a, .product-sort-links ul li {
        font-size: 14px;
    }
    .login-page {
        background: url(../images/login-bg.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        min-height: 100vh;
        background-size: cover;
        background-position: center center;
    }
    .checkout-left {
        padding: 0 0px 50px 0px;
    }
    .order-section {
        padding: 15px;
    }
    .text-right {
        text-align: left;
    }
    .product-main .col-sm-6:nth-child(6) .quantity-card {
        right: auto;
        left: calc(50% - 125px);
    }
    .product-main .col-sm-6:nth-child(4) .quantity-card, .product-main .col-sm-6:nth-child(8) .quantity-card {
        right: 0;
        left: auto;
    }
    .diagonal-btn {
        padding: 17px 30px;
    }
}
@media screen and (max-width: 1100px) {
    .header-top-text {
        text-align: right;
    }
    .header-menu {
        overflow-x: auto;
    }
    .heading-text-check img {
        max-width: 70px;
    }
}

@media screen and (max-width: 992px) {
    .product-main .col-sm-6:nth-child(4) .quantity-card, .product-main .col-sm-6:nth-child(8) .quantity-card {
        right: auto;
        left: calc(50% - 125px);
    }
    .login-bg-right {
        align-items: center;
    }
    .bg-color-light-vegi {
        width: 120px;
        height: 120px;
        padding: 13px;
    }
    .product-main .col-sm-6:nth-child(3) .quantity-card, .product-main .col-sm-6:nth-child(6) .quantity-card, .product-main .col-sm-6:nth-child(9) .quantity-card{
        right: 0;
        left: auto;
    }
    .active-upi {
        top: -5px;
        right: 42px;
    }
    .header-menu ul li{
        padding-right: 20px;
    }
    .phone-text span {
        display: inline;
    }
    .reviews-card {
        padding: 20px;
    }
    .header-menu ul {
        justify-content: flex-start;
    }
    .cart-border1 > div:nth-child(1) {
        order: 1;
        width: 50%;
    }
    .cart-border1 > div:nth-child(2) {
        order: 5;
        width: 100%;
    }
    .cart-border1 > div:nth-child(3) {
        width: 50%;
        order: 2;
    }

    .cart-border1 > div:nth-child(4) {
        order: 4;
        width: 50%;
    }
    .cart-border1 > div:nth-child(5) {
        order: 3;
        width: 50%;
    }
    .cart-amt {
        text-align: right;
    }
    .total-amt-save {
        text-align: left;
        padding-block:15px;
    }
    .other-page-add-btn {
        justify-content: end;
    }
    .save-later-delete {
        gap: 20px;
        justify-content: end;
    }
    .quantity-sub-total {
        display: none;
    }
    .text-center-center {
        text-align: center;
    }
    .logo-right-side ul li a span {
        display: none;
    }
    .logo-left-side ul li span {
        display: none;
    }
    .logo-right-side ul li:not(:last-child) {
        margin-right: 15px;
    }
    .header-top-text span {
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
    }
    .footer-logo-sec {
        padding-top: 0;
    }
    .phone_address, .phone_address a {
        font-size: 14px;
    }
    .footer-social-icon img:not(:last-child) {
        padding-right: 0px;
    }
    .product-sort-links ul {
        min-width: 925px;
        justify-content: flex-start;
    }
    .product-sort-links {
        overflow: scroll;
    }
    .deliver-img {
        padding-right: 10px;
    }
    .deliver-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .slider-right {
        width: 100%;
    }
    .slider-left {
        width: 100%;
    }
    .hero-slider {
        flex-direction: column-reverse;
    }
    .carousel-indicators {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sli-card-img {
        display: none;
    }
    .slider-card-text{
        display:none;
    }
    .slider-left-card.active:after {
        display:none;
    }
    .left-slider-text-style {
        padding-left: 0;
    }
    .review-left ul {
        display: flex;
        flex-wrap:nowrap;
    }
    .review-left li:not(:last-child) {
        margin-bottom: 5px;
        margin-right:15px;
    }
    .review-left li a {
        font-size: 14px;
    }
    .review-left {
        border: none;
        border-radius: 0;
        padding: 0px;
        overflow-x:auto;
    }
}
@media screen and (max-width: 768px) {
    .phone_address, .phone_address a {
        align-items: baseline;
    }
    .order-image {
        padding-bottom: 15px;
    }
    #password-star {
        top: 20px;
        left: 15px;
        font-size: 14px;
    }
    .slider-left-box h1 {
        font-size: 38px;
        padding-bottom: 5px;
        line-height: 36px;
    }
    .active-upi {
        top: -10px;
        right: 19px;
    }
    .outer-card {
        margin-bottom: 20px;
        justify-content: flex-start;
    }
    .product-main .col-sm-6:nth-child(3) .quantity-card, .product-main .col-sm-6:nth-child(6) .quantity-card, .product-main .col-sm-6:nth-child(9) .quantity-card {
        right: auto;
        left: calc(50% - 125px);
    }
    .product-main .col-sm-6:nth-child(2) .quantity-card, .product-main .col-sm-6:nth-child(4) .quantity-card, .product-main .col-sm-6:nth-child(6) .quantity-card, .product-main .col-sm-6:nth-child(8) .quantity-card, .product-main .col-sm-6:nth-child(10) .quantity-card {
        right: 0;
        left: auto;
    }
    .reviews-card {
        padding: 15px;
    }
    .pt-60 {
        padding-top: 40px;
    }
    .order-detail-back h4 {
        font-size: 24px;
        line-height: 26px;
    }
    .profile-popup{
        padding:15px;
        width:200px;
    }
    .header-menu ul li {
        padding-right: 20px;
    }
    .site-heading p {
        max-width: 93%;
    }
    .bg-color-light-vegi {
        width: 70px;
        padding: 10px;
        margin: auto;
        height: 70px;
    }
    .category-card h5 {
        padding-top: 16px;
        font-size: 14px;
        line-height: 14px;
    }
    .header-top-text {
        display:none;
    }
    .app_links {
        position: static;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 5px;
    }
        .app_links span, .app_links span a{
            margin-right:0px;
        }
    
    .logo-right-side ul li a i {
        display:none;
    }
    .p-l-r-40 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .edit-delete-btn{
        gap:20px;
    }
    .diagonal-btn {
        padding: 17px 35px;
        font-size: 12px;
    }
    .login-bg-right{
        display:none;
    }
    .login-page.signin-1 {
        justify-content: center;
    }
    .input-field {
        padding: 0px 15px;
        font-size: 14px;
        height: 45px;
        border-radius: 6px;
        padding-top: 15px;
    }
    .input-label {
        left: 15px;
        font-size: 14px;
        top: 10px;
    }
    :is(.input-field:focus, .input-field:valid, .input-field:disabled) + .input-label {
        transform: translateY(-10px);
        font-size: 10px;
        top: 14px;
    }
    .ReloadBtn{
        top:3px;
    }
    .side-whatsaap {
        right: -59px;
    }
    .padding-b-0{
        padding-bottom:0px;
    }
    .faq-page .faq-drawer__title::after {
        top: 24px;
    }
    .faq-page .faq-drawer__title::before {
        top: 19px;
    }
    .order-outer-sec {
        display: flex;
        flex-direction: column;
    }
    .order-box {
        flex-direction: column;
        padding-left: 15px;
    }
    .order-inner-box:first-child, .order-inner-box:last-child {
        width: 100%;
    }
    .order-inner-box {
        width: 100%;
        min-height:85px;
    }
        .order-inner-box:nth-child(2) .order-main-inner {
             left: 0px; 
            position: relative;
        }
        .order-inner-box:nth-child(3) .order-main-inner {
            right: 0;
            position: relative;
        }
        .order-inner-box .order-dots{
            margin:0;
        }
    .order-track {
        padding-top: 20px;
    }
    .order-main-inner {
        display: flex;
        gap: 40px;
    }
    .order-inner-box:not(:last-child):before {
        content: '';
        position: absolute;
        height: 100%;
        bottom: -2px;
        border: 1px dashed #bdbdbd;
        width: 1px;
        left: 7px;
        z-index: -1;
    }
    .order-inner-box.completed:before {
        border-color: #1CAC52;
        border-style:solid;
    }
    .order-text h6 {
        line-height: 16px;
    }
    .edit-delete-btn .mb-3{
        margin:0 !important;
    }
    .search-close-btn{
        height:45px;
    }
    .top-up-btn {
        padding: 8px 15px;
        min-height: 30px;
    }
    .text-input .fa-inr {
        top: 24px !important;
        left: 18px !important;
    }
    .text-input.text-inr-input .input-field {
        padding-left: 30px !important;
    }
    .tra-history-list{
        overflow-y:scroll;
    }
    .transaction-history{
        min-width:400px;
    }
}

@media screen and (max-width: 600px) {
    .logo-right-side ul li a img {
        margin-right: 10px;
        max-width: 18px;
    }
    .cart-right {
        width: 100%;
        justify-content: flex-start;
    }
    .cart-page-top {
        flex-wrap: wrap;
        gap: 15px;
        border-radius: 10px;
    }
    .logo-left-side ul li:last-child img{
        max-width:18px;
    }
    .cart-num-notification {
        padding: 3px 5px;
        border-radius: 4px;
        font-size: 10px;
        left: 11px;
        top: -10px;
    }
    .header-address-popup ul li:first-child{
        padding-right:50px;
    }
}

@media screen and (max-width: 576px) {
    .lang-btn-padding {
        padding: 15px 15px !important;
    }
    .diagonal-btn:not(:last-child) {
        margin-right: 10px;
    }
    .edit-delete-btn .diagonal-btn {
        margin-top: 15px;
    }
    .footer-logo-sec {
        padding-bottom: 25px;
    }
    .order-success-inner {
        margin: 0 15px;
    }
    .order-success-img img {
        max-width: 50px;
    }
    .payment-order-pop-up{
        left:-50%;
    }
    .image-change {
        width: 40px;
        bottom: 4px;
        right: 1px;
        height: 40px;
    }
    .order-success-text h6 {
        font-size: 16px;
    }
    .pro-bg-color img {
        max-width: 66px;
    }
    .order-success-text p {
        font-size: 12px;
        line-height: 20px;
    }
    .faqs-page .faqs-para {
        font-size: 12px;
        line-height: 20px;
    }
    .faq-page .faq-drawer__title::after {
        top: 15px;
    }
    .txt-center{
        text-align:center;
    }
    .transaction-history li p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 4px;
    }
    .transaction-history li h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .transaction-history li p b {
        font-size: 13px;
    }
    .banner-slider .slider.slider-for {
        max-width: calc(100% - 100px);
    }
    .slider-banner-img-inner img {
        position: relative;
        left: 0;
        top: 0;
    }
    .reviews-card {
        padding: 30px;
    }
    .slider-banner-image .slider-banner-inner{
        padding:20px;
    }
    .slider-nav .slick-slide.thumbnail-image .thumbImg {
        width: 100px;
        height: 100px;
    }
    .banner-slider .slider.slider-nav {
        height: 300px;
        overflow: hidden;
    }
    .slider-banner-image {
        height: 300px;
    }
    .slider-img-inner {
        max-width: 250px;
    }
    .slider-nav .slick-slide .thumb-inner .thumb-img-inner img {
        position: relative;
        left: 0;
        top: 0;
    }
    .banner-slider .slider.slider-nav {
        max-width: 100px;
    }
    .faq-page .faq-drawer__title::before {
        top: 10px;
    }
    .order-image {
        margin: auto;
    }
    .pb-40 {
        padding-bottom: 30px;
    }
    .manage-address-right h5 span {
        font-size: 20px;
        line-height: 20px;
    }
        .manage-address-right h5 span i {
            font-size: 18px;
            line-height: 20px;
        }
    .side-whatsaap {
        right: -57px;
    }
    .order-text h6 {
        line-height: 16px;
        font-size:14px;
    }
    .faqs-page .faq-drawer__title {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 0;
        padding-right: 20px;
    }
    .faqs-page .faq-drawer {
        margin-bottom: 15px;
        padding: 15px 15px;
        border-radius: 15px;
    }
    .review-img {
        max-width: 55px;
    }
    .profile-img {
        max-width: 150px;
    }
    .text-center-576{
        text-align:center;
    }
    .back-btn span, .back-btn a img {
        max-width: 26px;
    }
    .pro-bg-color-light {
        width: 80px;
        padding: 10px;
        height: 80px;
    }
    .login-text-img h1 {
        font-size: 24px;
        line-height: 26px;
    }
    .pro-img img {
        max-width: 60px;
    }
    .login-footer-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .review-name h6 {
        font-size: 24px;
        line-height: 26px;
    }
    .cart-amt h5 {
        font-size: 20px;
        line-height: 20px;
    }
    .total-amt-save p {
        font-size: 11px;
    }
    .save-later-delete a {
        font-size: 11px;
    }
    .other-page-add-btn span {
        padding: 2px 10px;
    }
    .other-page-add-btn .cart-number {
        font-size: 20px;
        line-height: 24px;
    }
    .product-sort-links ul a, .product-sort-links ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .pb-60 {
        padding-bottom: 40px;
    }
    .review-name ul li {
        font-size: 14px;
        line-height: 26px;
    }
    .review-name {
        padding-left: 20px;
    }
    .left-slider-text-style {
        display: block;
    }
    .login-inner {
        padding: 40px 20px;
        padding-top: 70px;
    }
    .footer-border {
        padding-top: 20px;
    }
    .manage-address{
        padding:20px;
    }
    .order-heading-main h4 {
        font-size: 24px;
        line-height: 26px;
    }
    .please-notes h4 {
        font-size: 14px;
        line-height: 26px;
    }
    .please-notes p {
        font-size: 14px;
        line-height: 26px;
    }
    .delivery-info {
        padding-inline: 15px;
    }
    .pt-30 {
        padding-top: 20px;
    }
    .site-heading p {
        max-width: 100%;
        font-size: 14px;
        line-height: 26px;
    }
    .header-address-popup{
        left:-110px;
    }
    .footer-links h5 {
        font-size: 20px;
        line-height: 21px;
    }
    .delivery-info-text p{
        font-size:12px;
        line-height:24px;
    }
    .delivery-info-text h5 {
        font-size: 14px;
        line-height: 25px;
    }
    .delivery-info-text h3 {
        font-size: 24px;
        line-height: 24px;
    }
    .site-heading h3 {
        font-size: 24px;
        line-height: 24px;
    }
    .diagonal-btn {
        padding: 15px 30px;
        font-size: 12px;
        min-width: 100px;
    }
    .product-main .col-12 {
        max-width: 50%;
    }
    .product-name h6, .product-name h6 a{
        font-size: 14px;
    }
    .slider-right .carousel-item{
        height:auto;
    }
        .slider-right .carousel-item .row {
            flex-direction: column-reverse;
        }
    .slider-right-box img {
        max-width: 200px;
    }
    .slider-left-box {
        text-align: center;
        padding-bottom: 30px;
    }
    .slider-right-box {
        padding-top: 20px;
    }
    .cart-page-top {
        flex-wrap: wrap;
        gap: 15px;
    }
    .order-detail-back a img {
        max-width: 26px;
    }
    .checkout-side-icon img {
        max-width: 27px;
    }
    .checkout-side-icon {
        left: -42px;
        top: 10px;
    }
    .checkout-address:before {
        top: 90px;
    }
    .checkout-address {
        padding-left: 55px;
        padding-top: 40px;
    }
    .select-delivery-address h4 {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 8px;
    }
    .select-delivery-address p {
        font-size: 14px;
        line-height: 20px;
    }
    .cart-left p {
        font-size: 14px;
        line-height: 20px;
    }
    .manage-address-right h5 {
        font-size: 20px;
        line-height: 27px;
    }
    .manage-address-right p {
        line-height: 20px;
        font-size: 14px;
    }
    .heading-text-check h5 {
        font-size: 24px;
        line-height: 26px;
    }
    .checkout-right {
        padding: 0px;
        padding-block: 40px;
        padding-right: 15px;
    }
    .cart-left .save-amt {
        font-size: 10px;
        line-height: 16px;
    }
    .review-left li a {
        font-size: 12px;
    }
    .review-left li.active a {
        font-weight: 500;
    }
    .my-wallet-text {
        font-size: 14px;
        line-height: 26px;
    }
        .my-wallet-text span {
            font-size: 24px;
            line-height: 30px;
        }
    .ReloadBtn {
        width: 30px;
        height: 30px;
        top: 6px;
    }
    .select-delivery-address .col-md-4.col-xl-2.col-lg-4 {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .select-delivery-address{
        flex-wrap:wrap;
    }
    .tabs-nav a {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .checkout-left {
        padding: 0;
    }
    .order-left-sec h5 {
        line-height: 20px;
        font-size: 14px;
    }
    .order-left-sec p {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 2px;
    }
    .order-left-sec ul h6 {
        font-size: 13px;
    }
    .order-left-sec ul li a {
        font-size: 12px;
    }
        .order-left-sec ul li a img {
            max-width: 16px;
        }
    .Delivered-time p {
        font-size: 12px;
        line-height: 18px;
        text-align: right;
    }
    .order-upper-text h6 {
        font-size: 14px;
        line-height: 18px;
    }
    .order-upper-text p {
        font-size: 10px;
        line-height: 16px;
    }
    .order-total p {
        font-size: 11px;
        line-height: 17px;
    }
    .order-upper-text span {
        font-size: 12px;
    }
    .order-name-text {
        padding: 0;
    }
    .review-heading h3 {
        font-size: 25px;
        line-height: 26px;
    }
    .review-heading h6 {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .review-thank-page p {
        font-size: 12px;
    }
    .Piece-text-left, .Piece-text-right {
        font-size: 14px;
        line-height: 20px;
    }
    .quantity-text {
        font-size: 14px;
        line-height: 20px;
    }
    .product-img img {
        max-width: 60px;
    }
    .slider-nav .slick-slide .thumb-inner {
        padding: 15px;
    }
}
@media screen and (max-width: 500px) {
    .category-card {
         min-width: 55px; 
    }
    .bg-color-light-vegi {
        width: 50px;
        padding: 7px;
        height: 50px;
    }
    .order-detail-back h4 {
        font-size: 20px;
        line-height: 22px;
    }
    .logo-right-side ul li:not(:last-child) {
        margin-right: 10px;
    }
    .logo-left-side ul li:first-child {
        padding-right: 25px;
    }
    .header-logo{
        gap:12px;
    }
    .totat-items-q {
        font-size: 14px;
        line-height: 20px;
    }
    .Fresh-item-name {
        font-size: 14px;
        line-height: 20px;
    }
    .order-confirm-date p {
        font-size: 11px;
    }
        .order-confirm-date p img {
            margin-bottom: 4px;
            margin-left: 8px;
            max-width: 16px;
        }
    .reviews-card {
        padding: 20px;
    }
    .quantity-card {
        min-width: 200px;
    }
    .app_links span, .app_links span a {
        font-size: 10px;
    }
    .header-address-popup ul li:first-child {
        padding-right: 50px;
    }
    .header-address-popup ul li {
        padding: 8px;
        font-size: 12px;
    }
        .header-address-popup ul li b{
            top:9px;
        }
    .profile-popup ul li {
        padding: 7px 0;
    }
}
@media screen and (max-width: 450px) {
    .shopByCategory .col:nth-child(1), .shopByCategory .col:nth-child(2), .shopByCategory .col:nth-child(3) {
        max-width: 33.33%;
        flex: 1 0 33.33%;
    }
    .shopByCategory .col:nth-child(4), .shopByCategory .col:nth-child(5) {
        margin-top: 15px;
    }
    .bg-color-light-vegi {
        width: 80px;
        padding: 10px;
        height: 80px;
    }
}
    @media screen and (max-width: 400px) {
        
        .deliver-text p {
            font-size: 12px;
            line-height: 16px;
        }

        .review-name {
            padding-left: 12px;
        }

            .review-name ul li {
                font-size: 12px;
                line-height: 22px;
            }

        .reviews-card {
            padding: 15px;
        }

        .quantity-card {
            left: calc(50% - 105px);
        }

        .payment-order-pop-up {
            left: -100%;
        }

        .cart-add-btn span {
            padding: 0px 9px;
        }

        .cart-number {
            font-size: 12px;
            width: 18px;
        }

        .cart-add-btn i {
            font-size: 8px;
            position: relative;
            top: -1px;
        }

        .product-rating i {
            padding-right: 3px;
        }

        .offers p {
            font-size: 10px;
        }
    }

    @media screen and (max-width: 330px) {
        .product-main .col-12 {
            max-width: 100%;
        }

        .product-card {
            max-width: 226px;
            margin: auto;
        }

        .product-main .col-sm-6:nth-child(1) .quantity-card, .product-main .col-sm-6:nth-child(2) .quantity-card, .product-main .col-sm-6:nth-child(3) .quantity-card, .product-main .col-sm-6:nth-child(4) .quantity-card, .product-main .col-sm-6:nth-child(5) .quantity-card,
        .product-main .col-sm-6:nth-child(6) .quantity-card, .product-main .col-sm-6:nth-child(7) .quantity-card, .product-main .col-sm-6:nth-child(8) .quantity-card, .product-main .col-sm-6:nth-child(9) .quantity-card, .product-main .col-sm-6:nth-child(10) .quantity-card,
        .product-main .col-sm-6:nth-child(11) .quantity-card, .product-main .col-sm-6:nth-child(12) .quantity-card {
            right: 0;
            left: auto;
        }
        .logo-left-side ul li a img{
            max-height:27px;
        }
    }