@media (min-width: 1600px) { 
    .container {
        max-width: 1575px;
    }
    .heroBanner .owl-dots {
        max-width: 1575px;
    }
    .socialBar li, .socialBar li a, .toptext, .topMail, .quickText {
        font-size: 16px;
    }
    .quickIcon, .callIcon {
        min-width: 50px;
    }
    .mainNav ul {
        gap: 70px;
    }
    .mainNav ul li:not(:last-child)::after {
        right: -36px;
    }
    .heroOverley h1 {
        font-size: 100px;
    }
    .featuredSec {
        padding: 110px 0;
    }
    .sectionTitle h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .featuredItem {
        padding: 30px;
    }
    .featuredICon {
        width: 110px;
    }
    .featuredText {
        max-width: calc(100% - 125px);
    }
    .featuredText strong {
        font-size: 18px;
    }
    .offertag strong {
        font-size: 20px;
    }
    a.topSellingImg {
/*        padding: 60px 20px 40px;*/
    }
    .offertag p {
        font-size: 14px;
        margin-top: 6px;
    }
    .offertag strong {
        font-size: 20px;
    }
    .offertag {
        width: 125px;
        padding: 6px 20px;
    }
    a.topSellingImg {
        margin-bottom: 20px;
    }
    .ratingBar {
        font-size: 16px;
    }
    .itemName {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .topsellingPrice del {
        font-size: 20px;
        line-height: 22.35px;
    }
    .topsellingPrice strong {
        font-size: 26px;
        line-height: 22.35px;
    }
    .themeBTn {
        font-size: 18px;
        padding: 13px 20px;
    }
    .itemName {
        font-size: 18px;
    }
    a.topSellingImg {
        min-height: 254px;
    }
    .catmain {
        padding: 87px 30px;
    }
    a.catImg {
        height: 205px;
    }
    .catmain img {
        width: 110px;
        height: 110px;
    }
    .catmain strong {
        font-size: 40px;
        line-height: 43px;
    }
    .viewAll {
        padding: 14px 20px;
    }
    .catTitle {
        font-size: 18px;
    }
    .quoteIcon {
        width: 80px;
        top: -40px;
    }
    .reviewPara p {
        font-size: 18px;
        line-height: 30px;
    }
    .userInfo strong {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
    }
    .userRating {
        font-size: 16px;
    }
    .customerReview .owl-carousel .owl-stage-outer {
        padding-top: 40px;
    }
    .newsletterarea strong {
        font-size: 22px;
        line-height: 35px;
    }
    .fContent p, .followBar span {
        font-size: 18px;
        line-height: 27px;
    }
    .followBar li a {
        font-size: 16px;
    }
    .fNav li a {
        font-size: 18px;
        line-height: 27px;
    }
    .copyRightbar {
        padding: 30px 0;
        margin-top: 30px;
    }
    .topSellingItem {
        padding: 20px;
    }
    .select-menu .options .option b, .select-menu .options .option b i {
        font-size: 12px;
    }
    .select-menu .options .option .option-text {
        font-size: 12px;
    }
    .checkIcon {
        width: 18px;
        height: 18px;
    }

    /* ====listing page start==== */
    .catHeader strong{
        font-size: 26px;
    }
    .catname, .cattypeName  {
        font-size: 22px;
        line-height: 26px;
    }
    .abut-sec p {
        font-size: 16px;
    }
    .breadcumbSec {
        padding: 60px 0;
    }
    .select-menu .select-btn{font-size: 14px;}

    .featuredSec{padding: 60px 0;}
    section.freshsec{margin: 50px 0px 70px 0px;}
    .freshveg{padding: 20px 0px 60px 0px;}
    .customerReview{padding-bottom: 60px;}
    .sectionTitle h2{margin-bottom: 20px;}
    .heroOverley h1{font-size: 80px;}
}

@media (max-width: 991px) { 
    .topbar {
        display: none;
    }
    .moBbar {
        display: grid;
    }
    .brandMain {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .brandLogo img {
        max-width: 134px;
    }
    header.headerSec {
        padding: 5px 0 5px;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        background: var(--themeWhite);
        box-shadow: 0px 2px 1.7px 0px #8A8A8A38;
    }
    .searchWrap .form-control {
        min-width: 100%;
        box-shadow: none;
    }
    .quickText, .location {
        display: none;
    }
    .quickWrap {
        gap: 5px;
        position: absolute;
        top: 19px;
        right: 20%;
    }
    .mobSearchBtn {
        display: grid;
    }
    .quickIcon {
        min-width: 30px;
        font-size: 12px;
    }
    .quickIcon img {
        max-width: 10px;
    }
    .badge {
        width: 16px;
        height: 16px;
        font-size: 8px;
    }
    .searchWrap {
        position: absolute;
        top: 10px;
        width: 90%;
        z-index: 9;
        left: 50%;
        transform: translateX(-50%) translateY(-1000px);
        transition: 0.5s;
    }
    .searchWrap.show-search {
        transform: translateX(-50%) translateY(0px);
        transition: 0.5s;
    }
    .headerbg {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000000e8;
        height: 100vh;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
    }
    .headerbg.show-headerBg {
        opacity: 1;
        visibility: visible;
        transition: 0.5s;
    }
    .quickCall {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
    .quickCall::before {
        border-radius: 44px 0 0 44px;
    }
    .callIcon {
        width: 30px;
    }
    .callIcon img {
        max-width: 16px;
    }
    .callBtn {
        padding: 4px 2px 4px 4px;
        gap: 4px;
    }
    .callText small{
        font-size: 10px;
    }
    .callText b {
        font-size: 12px;
        margin-top: 0px;
        min-width: auto;
    }
    nav.mainNav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 260px;
        height: 100vh;
        background: #fff;
        transform: translateX(-200%);
        transition: 0.5s;
        z-index: 9;
        visibility: hidden;
    }
    nav.mainNav.showNav {
        transition: 0.5s;
        transform: translateX(0%);
        visibility: visible;
    }
    .mainNav ul {
        display: block;
        padding: 15px 0px;
    }
    .mainNav ul li + li{border-top: 1px solid #e5e5e5;}
    .mainNav ul li a{display: block; padding: 10px 15px; font-size: 14px;}

    .mainNav ul li:not(:last-child)::after {
        display: none;
    }
    .headerBottom {
        margin-top: 0;
    }
    section.heroBanner {
        margin-top: 60px;
    }
    .bannerItem {
        height: 190px;
        border-radius: 10px;
        overflow: hidden;
    }
    .bannerItem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .heroOverley h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .heroOverley p {
        font-size: 14px;
        line-height: 24px;
    }
    .featuredItem {
        padding: 20px 15px;
        margin-bottom: 15px;
    }
    .sectionTitle h2 {
        font-size: 23px;
        line-height: 30px;
        text-align: center;
    }
    .topSelling .owl-carousel .owl-nav button.owl-next img, .topSelling .owl-carousel .owl-nav button.owl-prev img {
        max-width: 34px;
    }
    .topSelling .owl-nav {
        position: absolute;
        top: -63px;
        right: 0;
    }
    .select-menu .options {
        width: calc(100% - 30px);
    }
    .featuredSec {
        padding: 50px 0;
    }
    section.freshsec {
        margin: 50px 0 50px;
        position: relative;
    }
    .freshoveleyContent {
        padding: 0 15px;
    }
    .freshOverley p {
        font-size: 14px;
    }
    .orderBtn {
        font-size: 14px;
        padding: 10px 14px;
        gap: 10px;
    }
    /* .seaMeat .row .col:first-child {
        order: -1;
        flex: auto;
        width: 100%;
    } */
    .catmain {
        padding: 30px 30px;
        margin-bottom: 30px;
    }
    .catItem {
        margin-bottom: 30px;
    }
    .catTitle {
        min-height: 40px;
    }
    .customerReview .owl-carousel .owl-nav button.owl-next img, .customerReview .owl-carousel .owl-nav button.owl-prev img {
        max-width: 34px;
    }
    .customerReview .owl-nav {
        position: absolute;
        top: -63px;
        right: 0;
    }
    .quickinfoItem {
        justify-content: flex-start;
    }
    .freshveg {
        padding: 50px 0;
    }
    .freshveg .row .col:last-child {
        display: none;
    }
    .downloadSec .downloadImg {
        height: 300px;
        width: 100%;
        object-fit: cover;
        object-position: left;
    }
    .quickInfoImg {
        max-width: 40px;
        height: 40px;
    }
    .downloadSec {
        margin-top: 0px;
    }
    .quickInfoSec {
        margin-bottom: -30px;
    }

    .quickInfoWrapper {
        padding: 20px 20px;
    }
    .quickInfoWrapper .row {
        gap: 15px;
    }
    .appbtn img {
        max-width: 100px;
    }
    .downloadContent {
        width: 60%;
    }
    .footerSec {
        padding: 50px 0 0;
    }
    .floatApp li img {
        max-width: 100px;
    }
    .appnav {
        width: 24px;
    }
    .fItem {
        margin-bottom: 10px;
    }
    .floatApp.hide-appnav {
        right: -243px;
    }
    .fNav {
        flex-flow: wrap;
        gap: 8px 20px;
        margin-top: 30px;
    }
    .ftitle {
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .paymentMethod {
        flex-flow: wrap;
        justify-content: flex-start;
    }
    .paymentMethod li:first-child {
        width: 100%;
        margin-top: 30px;
    }
    section.heroBanner {
        border-radius: 10px;
        margin: 80px  15px 0;
    }
    .heroinner {
        background: var(--themeBlue);
        border-radius: 10px;
    }
    .mobText {
        display: block;
        color: var(--themeWhite);
        text-align: center;
        font-size: 13px;
        padding: 8px 0;
    }
    .featuredSec .row .col {
        width: 25%;
    }
    .featuredItem {
        padding: 20px;
        margin-bottom: 15px;
        display: grid;
        background: #fff;
        box-shadow: none;
        justify-content: center;
    }
    .featuredText strong {
        font-size: 11px;
        font-weight: 500;
        line-height: 19px;
        color: var(--themeBlack);
        display: block;
        text-align: center;
    }
    .featuredICon {
        background: var(--themeBlue);
        width: 70px;
    }
    .featuredICon img {
        /* filter: brightness(0) invert(1); */
    }
    .featuredText {
        max-width: 100%;
    }
    .featuredSec .row .col:last-child{
        display: none;
    }
    .topsellingPrice del {
        font-size: 14px;
    }
    .topsellingPrice strong {
        font-size: 18px;
    }
    .topsellingPrice {

        margin-bottom: 0;
    }
    .catItem .viewAll, .freshveg .viewAll {
        display: none;
    }
    .seaMeat .col, .freshveg .col {
        flex: auto;
        width: 50%;
    }
    .customerReview .sectionTitle h2 {
        text-align: left;
    }
    .freshsec .sectionTitle.text-white h2 {
        text-align: left;
    }
    .itemName {
        font-size: 15px;
        margin: 5px 0 15px;
        color: #00283D;
    }
    .quickText, .location.d-flex {
        display: none !important;
    }
    
    .topSellingItem .themeBTn {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: grid;
        place-content: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .dtext {
        display: none;
    }
    .mIcon {
        display: block;
    }

    /* ===contact us=== */
    .ctformbox .lboxcontent .lboxcontentinner, .ctformbox .lblright .lblrightinner {
        padding: 20px;
    }
    .ctformbox h1 {
        font-size: 30px;
    }
    .ctformbox .lblright .lgheading {
        font-size: 25px;
    }

    /* ===listing==== */
    .catWrapper {
        position: fixed;
        z-index: 1;
        padding: 30px 15px;
        padding-right: 30px;
        top: 0;
        right: 0;
        height: 100vh;
        width: 80%;
        background: #fff;
        z-index: 99;
        overflow-y: scroll;
        transform: translateX(200%);
        transition: 0.5s;
    }
    .showcatwrapper.catWrapper {
        transform: translateX(0);
        transition: 0.5s;
    }
    .catwrapperBg {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000000f5;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;

    }
    .showcatwrapperBg.catwrapperBg {
        visibility: visible;
        opacity: 1;
        transition: 0.5s;
    }
    .mobCatFilter {
        display: block;
        position: relative;
        z-index: 1;
    }
    .mobCatFilter::before {
        width: 340%;
        left: -60%;
        content: "";
        top: 0;
        position: absolute;
        z-index: -1;
        background: var(--themeWhite);
        height: 100%;
    }
    .mobCatFilter ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mobCatFilter ul li {
        width: 50%;
        text-align: center;
        padding: 8px 15px;
    }
    .catBar p, .showFilterWrap {
        display: none;
    }
    .catRow .col-lg-3 {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    /*.catRow .col-xs-6 {
        width: 50%;
    }*/
    .dtext {
        display: none;
    }
    .mIcon {
        display: block;
    }
    .catMain .topSellingImg {
        width: 100%;
        height: 120px;
        min-height: 120px;
    }
    .catMain .topSellingItem .themeBTn {
        top: 40%;
    }
    .catBody {
        margin-top: 20px;
    }


    .pagination {
        flex-flow: wrap;
    }

    /* ===product added=== */
    #vertical {
        padding-left: 0px;
    }
    .productDslider .lSPager.lSGallery {
        display: none;
    }
    .featureSlider.owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }
    .featureSlider.owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .catMain{padding: 0px 0px 40px 0px;}
    .mobCatFilter ul li{position: relative;}
    .mobCatFilter ul li .form-select{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; border: none; outline: none; background: none; box-shadow: none; opacity: 0;} 

    .heroinner{border-radius: 0px;}
    section.heroBanner{border-radius: 0px; margin: 65px 0px 0px 0px;} 
    .bannerItem{border-radius: 0px;}
    .featuredSec{padding: 30px 0px 0px 0px;}
    .topSelling .owl-nav{top: -48px;}
    section.freshsec{margin: 10px 0px 40px 0px;}
    .freshveg{padding: 0px 0px 30px 0px;}
    .catItem{margin-bottom: 10px;}
    .catTitle{font-size: 16px;}
    .customerReview .owl-nav{top: -44px;}

    .floatApp{gap: 7px; padding: 10px; top: 56%;}
    .floatApp ul{gap: 5px;}
    .floatApp li img{max-width: 86px;}


 }

@media (max-width: 575px) { 
    .topbar {
        display: none;
    }
    .moBbar {
        display: grid;
    }
    .brandMain {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .brandLogo img {
        max-width: 127px;
    }
    header.headerSec {
        padding: 5px 0 5px;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        background: var(--themeWhite);
    }
    .searchWrap .form-control {
        min-width: 100%;
        box-shadow: none;
    }
    .quickText, .location {
        display: none;
    }
    .quickWrap {
        gap: 5px;
        position: absolute;
        top: 19px;
        right: 15px;
    }
    .mobSearchBtn {
        display: grid;
    }
    .quickIcon {
        min-width: 30px;
        font-size: 12px;
    }
    .quickIcon img {
        max-width: 10px;
    }
    .badge {
        width: 16px;
        height: 16px;
        font-size: 8px;
    }
    .searchWrap {
        position: absolute;
        top: 10px;
        width: 90%;
        z-index: 9;
        left: 50%;
        transform: translateX(-50%) translateY(-1000px);
        transition: 0.5s;
    }
    .searchWrap.show-search {
        transform: translateX(-50%) translateY(0px);
        transition: 0.5s;
    }
    .headerbg {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000000e8;
        height: 100vh;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
    }
    .headerbg.show-headerBg {
        opacity: 1;
        visibility: visible;
        transition: 0.5s;
    }
    .quickCall {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
    .quickCall::before {
        border-radius: 44px 0 0 44px;
    }
    .callIcon {
        width: 30px;
    }
    .callIcon img {
        max-width: 16px;
    }
    .callBtn {
        padding: 4px 2px 4px 4px;
        gap: 4px;
    }
    .callText small{
        font-size: 10px;
    }
    .callText b {
        font-size: 12px;

        margin-top: 0px;
    }
    nav.mainNav {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 100vh;
        background: #fff;
        transform: translateX(-200%);
        transition: 0.5s;
        z-index: 9;
        visibility: hidden;
    }
    nav.mainNav.showNav {
        transition: 0.5s;
        transform: translateX(0%);
        visibility: visible;
    }
    .mainNav ul li:not(:last-child)::after {
        display: none;
    }
    .headerBottom {
        margin-top: 0;
    }
    section.heroBanner {
        border-radius: 10px;
        margin: 80px  15px 0;
    }
    .heroBanner .owl-dots {
        bottom: -30px;
        transform: translateX(-50%);
        justify-content: center;
    }
    .heroBanner .owl-carousel button.owl-dot span {
        background: var(--themeBlue);
        width: 4px;
        height: 4px;
    }
    .heroBanner .owl-carousel button.owl-dot span::before {
        width: 9px;
        border: 1px solid var(--themeBlue);
        height: 9px;
    }
    .heroBanner .owl-dots {
        gap: 11px;
    }
    .bannerItem img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .heroOverley h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .heroOverley p {
        font-size: 9px;
        line-height: 14px;
    }
    .sectionTitle h2 {
        font-size: 16px;
        line-height: 23px;
        text-align: left;
    }
    .topSelling .owl-carousel .owl-nav button.owl-next img, .topSelling .owl-carousel .owl-nav button.owl-prev img {
        max-width: 34px;
    }
    .topSelling .owl-nav {
        position: absolute;
        top: -63px;
        right: 0;
    }
    .select-menu .options {
        width: calc(100% - 30px);
    }
    .featuredSec {
        padding: 50px 0;
    }
    section.freshsec {
        margin: 50px 0 50px;
        position: relative;
    }

    .freshoveleyContent {
        padding: 0 15px;
    }
    .freshOverley p {
        font-size: 14px;
    }
    .orderBtn {
        font-size: 12px;
        padding: 7px 9px;
        gap: 10px;
    }
    .seaMeat .row .col:first-child {
        display: none;
    }
    .catmain {
        padding: 30px 30px;
        margin-bottom: 30px;
    }
    .catItem {
        margin-bottom: 30px;
    }
    .catTitle {
        min-height: 40px;
        margin-bottom: 0;
    }
    .customerReview .owl-carousel .owl-nav button.owl-next img, .customerReview .owl-carousel .owl-nav button.owl-prev img {
        max-width: 34px;
    }
    .customerReview .owl-nav {
        position: absolute;
        top: -63px;
        right: 0;
    }
    .quickinfoItem {
        justify-content: flex-start;
    }
    .freshveg {
        padding: 50px 0;
    }
    .downloadSec .downloadImg {
        height: 300px;
        width: 100%;
        object-fit: cover;
        object-position: left;
    }
    .quickInfoImg {
        max-width: 40px;
        height: 40px;
    }
    .downloadSec {
        margin-top: 0px;
    }
    .quickInfoSec {
        margin-bottom: -30px;
    }

    .quickInfoWrapper {
        padding: 20px 20px;
    }
    .quickInfoWrapper .row {
        gap: 15px;
    }
    .appbtn img {
        max-width: 80px;
    }
    .downloadContent {
        width: 60%;
        max-width: 168px;
    }
    .footerSec {
        padding: 40px 0 0;
    }
    .downloadSec + .footerSec{padding-top: 40px;}
    .floatApp li img {
        max-width: 86px;
    }
    .appnav {
        width: 24px;
    }
    .fItem {
        margin-bottom: 10px;
    }
    .floatApp.hide-appnav {
        right: -243px;
    }
    .fNav {
        flex-flow: wrap;
        gap: 8px 20px;
        margin-top: 20px;
    }
    .ftitle {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .newsletterarea p{margin-bottom: 8px;}
    .footerBottom{margin-top: 10px;}
    .paymentMethod {
        flex-flow: wrap;
        justify-content: flex-start;
    }
    .paymentMethod li:first-child {
        width: 100%;
        margin-top: 30px;
    }
    .freshOverley .col-sm-6 {
        flex: 0 0 auto;
        width: 60%;
    }
    .freshOverley .sectionTitle.text-white h2 {
        font-size: 17px;
        text-align: left;
        line-height: 20px;
        margin-bottom: 6px;
    }
    .freshOverley p {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .topSellingItem .itemName {
        font-size: 14px;
    }

    /* ===cart page start===== */
    .breadcumbSec {
        padding: 75px 0 10px !important;
    }
    .breadcumbSec .breadcrumb-item{font-size: 13px;}
    .logtextleft a {
        font-size: 14px;
    }
    .logtextleft p {
        color: #000;
        text-decoration: none;
        margin: 0 0 0;
        font-size: 14px;
    }

    /* ====list view  */
    .catMain.listview .topSellingImg {
        width: 130px;
        height: 176px;
        min-height: 160px;
    }
    .listview .topSellingItem {
        display: flex;
        gap: 15px;
    }
    .catMain.listview .topSellingContent {
        width: calc(100% - 145px);
    }
    .catMain a.topSellingImg {
        width: 100%;
        height: 180px;
        min-height: 160px;
        display: block;
        overflow: hidden;
        padding: 30px 10px;
    }
    .catMain.listview .topSellingItem .themeBTn {
        left: 37%;
    }

    /* ====place order=== */
    .order-table td a img {
        max-width: 55px;
    }
    .order-table.style1 .table tbody td {
        font-size: 13px;
        padding: 5px 5px;
    }
    .adrsinfoo strong {
        width: 100px;
    }
    .adrsinfoo {
        padding: 5px 10px;
        font-size: 12px;
    }
    .head-adrs-box {
        padding: 15px 10px;
    }
    .adrsinfoo span {
        padding-left: 5px;
    }
    .profilecontainer .rightprofile .table tbody tr td:before {
        color: var(--themeBlue) !important;
    }
    .lSPrev .fa-solid, .lSNext .fa-solid {
        margin-left: 0 !important;
    }
    .prodetailTitle {
        margin-top: 30px;
    }
    .quantityOuter .quantitySelector {
        position: relative;
        margin-top: 30px;
    }
    .productDescriptionSec .accordion-button strong {
        font-size: 20px;
    }
    .catMain {
        padding: 0px 0px 30px 0px;
    }
    .topSellingItem{padding: 10px;}
    .select-menu .select-btn{min-height: 30px;}
    a.topSellingImg{margin: 0px 0px 7px 0px;}
    .catMain a.topSellingImg{padding: 10px;}
    .catBar{margin-bottom: 15px;}
    .featuredSec{padding: 45px 0px 0px 0px;}
    section.heroBanner{border-radius: 0px; margin: 62px 0px 0px 0px;}
    section.freshsec{margin: 0px 0px 30px 0px;}
    .freshveg{padding: 0px 0px 10px 0px;}
    .catItem{margin-bottom: 10px;}
    .customerReview .owl-nav{top: -40px;}
    .customerReview .sectionTitle h2{margin-bottom: 10px;}
    .owl-carousel .owl-nav button.owl-next img, .owl-carousel .owl-nav button.owl-prev img{max-width: 36px; max-height: 36px;}

    
 }

 @media (min-width: 576px) and (max-width: 767.98px) { 
    .freshInner img {
        object-position: center;
    }
    a.catImg {
        height: 150px;
        overflow: hidden;
    }
    .catmain strong {
        font-size: 16px;
    }
    .catmain {
        padding: 81px 30px;
    }
    .quickInfoWrapper .row {
        gap: 0;
    }
    .quickinfoItem {
        gap: 10px;
    }
    .quickinfoItem strong {
        font-size: 11px;
        line-height: 18px;
    }
    .downloadContent {
        width: 100%;
    }
    .fIcon {
        width: 30px;
        font-size: 12px;
    }
    .fContent {
        max-width: calc(100% - 45px);
    }
    .fContent p {
        font-size: 12px;
    }
    .copyRightbar p {
        font-size: 14px;
        line-height: 20px;
    }
    .paymentMethod li:first-child {
        margin-top: 0;
        font-size: 14px;
    }
    .downloadSec .downloadImg {
        object-position: center;
    }
    .heroBanner .owl-dots {
        max-width: 540px;
        bottom: 20px;
    }
    .seaMeat .row .col:first-child {
        display: none;
    }
    a.topSellingImg {
        min-height: 226px;
    }
    .breadcumbSec {
        padding: 75px 0 10px !important;
    }
    .breadcumbSec .breadcrumb-item{font-size: 13px;}
    .order-table.style1 .table tbody td {
        font-size: 13px;
        padding: 5px 5px;
    }
    .profilecontainer .rightprofile .table tbody tr td:before {
        color: var(--themeBlue) !important;
    }
    .lSPrev .fa-solid, .lSNext .fa-solid {
        margin-left: 0 !important;
    }
    .prodetailTitle {
        margin-top: 30px;
    }
    .productDescriptionSec .accordion-button strong {
        font-size: 20px;
    }
    .catMain {
        padding: 0px 0px 50px 0px;
    }
  }

@media (min-width: 768px) and (max-width: 991.98px) { 
    a.topSellingImg {
        min-height: 190px;
    }
    .seaMeat .row .col:first-child {
        display: none;
    }
    .catmain strong {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 49px;
    }
    a.catImg {
        height: 80px;
    }
    .seaMeat a.catImg, .freshveg  a.catImg {
        height: 160px;
    }
    .viewAll {
        padding: 8px 7px;
        font-size: 14px;
    }
    .catmain {
        padding: 30px 10px;
        margin-bottom: 30px;
    }
    .freshveg .row .col:last-child {
        order: inherit;
    }
    .newsletterWrap {
        max-width: 50%;
    }
    .paymentMethod li:first-child {
        width: 100%;
        margin-top: 0;
        font-size: 14px;
    }
    .copyRightbar p {
        font-size: 14px;
    }
    .quickInfoWrapper .row {
        gap: 0;
    }
    .heroBanner .owl-dots {
        max-width: 720px;
        bottom: 30px;
    }
    .breadcumbSec {
        padding: 110px 0 50px !important;
    }
    .ctformbox .lboxcontent .lboxcontentinner, .ctformbox .lblright .lblrightinner {
        padding: 30px;
    }
    .adrsinfoo strong {
        width: 100px;
    }
    .adrsinfoo {
        font-size: 12px;
        padding: 5px 10px;
    }
    .adrsinfoo span {
        padding-left: 8px;
    }
    .head-adrs-box h4 {
        font-size: 18px;
    }
    .head-adrs-box {
        padding: 15px 10px;
    }

    .lSPrev .fa-solid, .lSNext .fa-solid {
        margin-left: 0 !important;
    }
    .prodetailTitle {
        margin-top: 30px;
    }
    .productDescriptionSec .accordion-button strong {
        font-size: 20px;
    }
    .catMain {
        padding: 0px 0px 40px 0px;
    }
 }
 @media (min-width: 992px) and (max-width: 1199.98px) { 
    .searchWrap .form-control {
        min-width: 350px;
    }
    .quickWrap {
        gap: 15px;
    }
    .mainNav ul {
        gap: 40px;
    }
    .mainNav ul li:not(:last-child)::after {
        right: -21px;
    }
    .heroOverley h1 {
        font-size: 60px;
    }
    .itemName {
        font-size: 13px;
    }
    a.topSellingImg {
        min-height: 206px;
    }
    .catTitle {
        min-height: 40px;
    }
    .catmain strong {
        color: #8FDB2A;
        font-size: 20px;
    }
    .catmain {
        padding: 91px 30px;
    }
    .sectionTitle h2 {
        font-size: 34px;
    }
    .fNav li a {
        font-size: 14px;
    }
    .btnNewsletter {
        border-radius: 60px;
        padding: 16px 16px;
    }
    .newsletterarea p {
        font-size: 14px;
    }
    .themeBTn{font-size: 14px; padding: 11px 15px;}
    .topsellingPrice strong{font-size: 18px;}
    .offertag strong{font-size: 12px;}
    .offertag p{font-size: 10px;}
    .offertag{width: 87px; background-size: cover;}
    .breadcumbSec{padding: 40px 0px;}

  }

@media (min-width: 1200px) and (max-width: 1349.98px) { 
    .featuredICon {
        width: 60px;
    }
    .featuredText {
        max-width: calc(100% - 75px);
    }
    .featuredText strong {
        font-size: 14px;
    }
    a.topSellingImg {
        min-height: 206px;
    }
}

@media (min-width: 1200px) {
    .select-menu .options {
        min-width: 202px;
    }
}

@media (max-width: 767.98px) {
    .small--hide {
        display: none !important;
    }
    .cart td {
        padding: 10px 5px;
    }
    .cart__image {
        max-width: 100%;
        max-height: 100px;
    }
    .checkout-form .form-group {
        margin-bottom: 20px;
    }
    .abut-sec .container .container {
        padding: 0;
    }
    .themeBTn{font-size: 14px; padding: 11px 15px;}
    .topsellingPrice strong{font-size: 18px;}
    .offertag strong{font-size: 12px;}
    .offertag p{font-size: 10px;}
    .offertag{width: 87px; background-size: cover;}
    .locationmodal .modal-dialog .modal-body{padding: 40px;}
    .locationmodal .modal-dialog .btn-close{right: -5px; top: -5px;}
    .locationmodal .modal-dialog .modal-body .modal-title{font-size: 22px;}
    .locationmodal .modal-dialog .modal-body .form-control{min-height: 42px; font-size: 14px; margin: 5px 0px 0px 0px;}
    .locationmodal .modal-dialog .modal-body .btn-primary{font-size: 14px; padding: 8px 20px;}
    .breadcumbSec{padding: 30px 0px;}
    .reviewItem{padding: 45px 25px 25px;}
    .quoteIcon{top: -28px; left: 25px; width: 56px; padding: 10px;}
 }