@media(max-width:1399px) {
    .container-searchbar {
        max-width: 700px;
    }
    .content__box1 {
        column-gap: 10px;
    }

    .content__box2 {
        column-gap: 15px;
    }

    .wishlist-btn {
        width: 60px;
    }

    .sorting__btn {
        width: 70px;
    }

    .cateItemCard__img {
        height: 220px;
    }

    .sidebarHding__text {
        font-size: 19px;
    }

    .prcInput {
        max-width: 70px;
        font-size: 15px;
    }

    .priceSbmitBtn {
        width: 85px;
        font-size: 15px;
    }

    .shopItemsWrper {
        gap: 25px;
    }

    .breadCrums {
        margin-bottom: 40px;
    }

    .cteDetBox2__hdng {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .cateItemCard__price {
        font-size: 21px;
    }

    .qntyWrpr {
        column-gap: 10px;
    }

    .off,
    .qntyWrpr__text2 {
        font-size: 15px;
    }

    .prddmibox {
        height: 440px;
    }

    .pdlitmthum {
        padding: 15px 12px;
        column-gap: 13px;
    }

    .relatedCard__img {
        height: 248px;
    }

    .itemCard__linkH {
        font-size: 16px;
    }

    .related {
        padding-bottom: 50px;
    }
}
@media(max-width:1280px) {
    .container-searchbar {
        max-width: 650px;
    }
}
@media(max-width:1199px) {
    .container-searchbar {
        max-width: 600px;
    }

    .Htop {
        padding: 16px 0;
    }

    .HtopList {
        column-gap: 25px;
    }

    .HbottomL {
        column-gap: 14px;
    }

    .HbottomNav {
        column-gap: 38px;
    }

    .banner {
        /* padding: 185px 0 160px 0; */
    }

    .statesDrp {
        width: 375px;
    }

    .categories {
        padding: 60px 0 50px 0;
    }

    .states {
        padding: 40px 0 30px 0;
    }

    .cateCardBox__img {
        width: 70px;
        height: auto;
    }

    .footer {
        padding: 40px 0 0 0;
    }

    /* cart page start */
    .shop {
        padding: 50px 0 65px 0;
    }

    .breadCrums {
        margin-bottom: 25px;
    }

    .shopProductRow {
        padding: 23px 18px;
    }

    /* cart page end */
    .shopItemsWrpr {
        column-gap: 15px;
    }

    .contentContainer {
        padding: 21px 15px 20px 20px;
    }

    .wishlist-btn {
        width: 50px;
    }

    .shopItemsWrper {
        gap: 15px;
    }

    .content__box2 {
        column-gap: 10px;
    }

    .cateItemCard__hdng {
        font-size: 15px;
    }

    .rating-wrpr {
        column-gap: 10px;
    }

    .wishlistBtn {
        column-gap: 5px;
        padding: 6px 10px;
    }

    .wishlistBtn {
        font-size: 13px;
    }

    .cateItemCard__price {
        font-size: 20px;
    }

    .cateItemCard__desc {
        font-size: 13px;
    }

    .stars {
        column-gap: 2px;
    }

    .priceWraper {
        column-gap: 5px;
    }

    .prcInput {
        max-width: 60px;
        font-size: 14px;
    }

    .prcInput::placeholder {
        font-size: 13px;
    }

    .priceSbmitBtn {
        width: 65px;
        font-size: 13px;
    }

    .sidebarHding__text {
        font-size: 16px;
    }

    .sidebarHding {
        padding: 12px 11px;
        margin-bottom: 34px;
    }

    .sidebar__container {
        padding-left: 14px;
    }

    .sidebar__top_hdng {
        font-size: 14px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .accordion-button {
        padding: 7px !important;
    }

    .sidebarAccordionItem__btn {
        font-size: 15px;
    }

    .subcateAccordionItem__btn::after,
    .sidebarAccordionItem__btn::after {
        background-size: 12px;
    }

    .subcateAccordion {
        padding-left: 10px;
    }

    .subcateAccordionItem__list li a {
        font-size: 14px;
    }

    .subcateAccordionItem__list {
        padding-left: 37px;
        margin: 5px 0 12px;
    }

    .sidebarAccordion {
        margin-bottom: 20px;
    }

    .sidebarBrands .searchCateBoxCol__text {
        font-size: 14px;
    }

    .asideshowmore {
        padding: 9px 16px 9px 10px;
        font-size: 13px;
        column-gap: 12px;
    }

    .wishlist-btn svg {
        width: 15px;
    }

    .tag {
        font-size: 12px;
    }

    .page {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .pagination {
        column-gap: 12px;
    }

    .prddmibox {
        height: 370px;
    }

    .pdlitmthum {
        padding: 10px 10px;
        column-gap: 5px;
    }

    .pdlitmthum__link,
    .pdlitmthum__item {
        width: 70px;
        height: 70px;
    }

    .cateDetailCol1 {
        column-gap: 20px;
    }

    .cteDetBox2__hdng {
        font-size: 18px;
        margin-bottom: 11px;
    }

    .bestOffertext {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .priceWrpr {
        column-gap: 7%;
    }

    .off,
    .linethrough {
        font-size: 14px;
    }

    .conditionTextWrpr__txet {
        font-size: 14px;
    }

    .qntyWrpr {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .cateDetailsBtn {
        font-size: 14px;
        padding: 10px;
        margin-bottom: 20px;
        border-radius: 8px;
    }

    .cateDetailsBtnWrpr {
        column-gap: 15px;
    }

    .sec__hdng {
        font-size: 32px;
    }

    .prDetList__btn {
        font-size: 15px;
    }

    .detailsBox__text,
    .detailsBox__hdng-text {
        font-size: 16px;
    }

    .sec__para {
        margin-bottom: 32px;
    }

    .checkOutboxCard {
        padding: 25px 20px 25px 25px;
        margin-bottom: 25px;
    }

    .checkOutboxCardRow__hdng {
        font-size: 15px;
    }

    .checkOutboxCardRow__img {
        height: 70px;
    }

    .checkOutboxCardRow__prc {
        font-size: 14px;
    }

    .checkOutboxCard__hdng {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .checkOutboxCard {
        padding: 20px 17px 20px 21px;
        margin-bottom: 20px;
    }

    .checkOutWrpr {
        column-gap: 10px;
    }

    .checkOutbox2 {
        width: 37%;
    }

    .checkOutboxCard__casOnDelHdng {
        margin-bottom: 30px;
    }

    .checkOutboxCard__p {
        width: 100%;
        font-size: 14px;
    }

}
@media(max-width:1100px) {
    .container-searchbar {
        max-width: 430px;
    }
}
@media(max-width:1024px) {
    .statesBoxInnerMobile{
        display: none;
    }
}
@media(max-width:1023px) {


    /* 768px to  1023px */
    /* tablets */
    .logo {
        width: 140px;
    }

    .searchbox {
        width: 100%;
    }

    .HbottomL__link {
        font-size: 14px;
    }

    .HbottomNav {
        column-gap: 30px;
    }

    .footerList__link,
    .searchCateBoxCol__hdng,
    .statesLabel__text,
    .loginsLink,
    .header-dropdown__btn,
    .HtopList__link,
    .HbottomNav__link,
    .statesDrp__hdng,
    .cate__heading {
        font-size: 15px;
    }

    .footerbtm__p,
    .searchCateBoxCol__text,
    .cateList__link {
        font-size: 14px;
    }

    .megaDrpList {
        gap: 15px 20px;
        padding: 20px 25px 20px 22px;
    }

    .statesDrp__header {
        padding: 15px 22px;
    }

    .HtopList__img {
        width: 19px;
    }

    .statesDrp__close {
        width: 15px;
    }

    .searchbox {
        column-gap: 15px;
    }

    .statesDrp {
        width: 300px;
    }

    .statesDrpBody__top {
        padding: 13px 22px;
    }

    .statesContainer {
        padding: 12px 22px 15px 22px;
        height: 175px;
    }

    .statesLabel__ckb[type=checkbox]:before {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }

    .searchCateBoxCol {
        padding: 60px 16px 20px 16px;
        min-width: 197px;
        position: relative;
    }

    .categories {
        padding: 40px 0 35px 0;
    }

    .sec__hdng {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .sec__para {
        margin-bottom: 30px;
    }

    .statesCard__hdng {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .footer__hdng,
    .itemCard__linkH,
    .cateCard__hdng {
        font-size: 17px;
    }

    .statesCard {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .feaItems {
        padding: 30px 0;
    }

    .newsletter {
        padding: 60px 0;
    }

    .footerbtm {
        padding: 14px 0;
    }

    .footerList__item {
        margin-bottom: 8px;
    }

    .footer {
        padding: 28px 0 0 0;
    }

    .cateCardBox__img {
        width: 60px;
        height: auto;
    }

    .shopTable__row {
        column-gap: 10px;
        padding: 14px 18px;
    }

    .shopItemBox {
        column-gap: 5px;
    }

    .shopItem__img {
        width: 70px;
        height: 70px;
    }

    .content {
        width: 100%;
    }

    .sidebar {
        width: 300px;
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: #fff;
        padding-top: 30px;
        z-index: 40;
        left: -100%;
        padding: 30px 20px;
        overflow-y: scroll;
        transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .sidebar.active {
        left: 0;
        box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5);
        transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .content__header {
        margin-bottom: 17px;
    }

    .content__header2 {
        margin-bottom: 34px;
    }

    .content__header {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
    }

    .content__box2 {
        margin-left: auto;
    }

    .filterbtn {
        display: flex;
    }

    .cateDetailCol1 {
        width: 68%;
        row-gap: 30px;
    }

    .cteDetBox2,
    .cteDetBox1 {
        width: 100%;
    }

    .cteDetBox3 {
        width: 29%;
    }

    .cteDetBox3Card__link,
    .cteDetBox3Card__p,
    .cteDetBox3Card__hdng,
    .cteDetBox3Card__cntnt-hdng {
        font-size: 14px;
    }

    .sellerReviewRow2__p,
    .sellerReviewRow span {
        font-size: 13px;
    }

    .cteDetBox3Card2Box__text,
    .cteDetBox3Card2Box__hdng {
        font-size: 14px;
    }

    .prDetList__btn {
        padding-bottom: 12px;
        font-size: 14px;
    }

    .prDetList__btn.active {
        text-underline-offset: 18px;
    }

    .detailsBox__text,
    .detailsBox__hdng-text {
        font-size: 14px;
    }

    .relatedSlider {
        padding: 15px 12px;
    }

    .relatedCard__img {
        height: 225px;
        margin-bottom: 10px;
    }

    .relatedCard__content {
        padding: 0 12px 16px 12px;
    }

    .relatedCard .itemCard__linkH {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .relatedCard {
        box-shadow: 0 0 13px 0 #00000026;
    }

    .relatedCard__prc {
        font-size: 16px;
    }

    .checkOutWrpr {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .checkOutbox1 {
        width: 100%;
    }

    .checkOutbox2 {
        width: 100%;
    }

    .filter-bar-b2-input {
        width: 320px;
        font-size: 14px;
    }

    .filter-bar-b2-input::placeholder {
        font-size: 14px;
    }

    .filter-bar {
        margin-bottom: 25px;
    }

    .filter-bar-sel1 {
        font-size: 14px;
    }

    .filter-bar-b1-p {
        font-size: 12px;
    }

    .filter-bar-btn {
        max-width: 150px;
        font-size: 14px;
    }

    .brdrList-b2 {
        width: 75px;
        height: 70px;
        font-size: 13px;
    }

    .brdrList {
        column-gap: 10px;
        padding: 10px;
        row-gap: 15px;
    }

    .brdrList-b1-p {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .brdrList-b1-box {
        padding: 5px 10px;
        font-size: 13px;
    }

    .brdrList-b1-btn {
        font-size: 13px;
        padding: 5px 12px;
    }

    .brdrList-b3-h {
        font-size: 13px;
        max-width: 140px;
    }

    .shop {
        padding: 30px 0 50px 0;
    }

    .cartHdr {
        margin-bottom: 25px;
    }

    .ordrDet-Card {
        padding: 15px;
        column-gap: 15px;
        margin-bottom: 20px;
    }

    .ordrDet-CardB1-p {
        font-size: 12px;
    }

    .ordrDet-CardB1-h {
        font-size: 15px;
    }

    .cart-prc--ordrDet {
        padding: 5px 10px;
        min-width: 70px;
        font-size: 14px;
    }

    .yourDetails {
        padding: 15px 18px;
    }

    .yourDetails-h {
        font-size: 16px;
    }

    .yourDetails-row-p {
        font-size: 14px;
    }
}
/* @media(max-width:991px) {
    .container-searchbar {
        max-width: 400px;
    }
} */
@media(max-width:768px) {
    .container-searchbar {
        max-width: 393px;
    }
}
@media(max-width:767px) {
    .container-searchbar {
        max-width: 350px;
    }

    /* 540px to  767px */
    /* tablets and bigger mobiles */
    .HbottomNav {
        display: none;
    }
    .HbottomL__item {
        display: none;
    }

    /* mobile menu start */
    .mobileMenu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 50;
        background-color: #fff;
        left: -100%;
        transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .mobileMenu.active {
        box-shadow: 0 0 0 5000px rgba(0, 0, 0, 0.5);
        left: 0;
        transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .mobileMenu__logo {
        width: 150px;
    }

    .navlist-closebtn {
        width: 30px;
        height: 30px;
        border: 2px solid #244244;
        font-size: 20px;
        color: #244244;
        cursor: pointer;
    }

    .mobileMenuHdr {
        padding: 15px 15px 17px 15px;
        border-bottom: 1px solid #244244;
    }

    .mobileMenu__container {
        height: calc(100vh - 67px);
        overflow-y: scroll;
        padding: 15px 20px;
    }

    .mobilNavList__item {
        margin-bottom: 15px;
    }

    .mblCateDrpList__link,
    .mobilNavList__link a,
    .mobilNavList__link {
        font-size: 16px;
        color: #244244;
    }

    .mblCateDrp {
        margin-top: 15px;
        padding-left: 15px;
        display: none;
    }

    .ctedrpbtn__icn {
        transition: all 0.2s;
        transform: rotate(180deg);

    }

    .ctedrpbtn.active .ctedrpbtn__icn {
        transition: all 0.2s;transform: rotate(0deg);
    }

    .mblCateDrp.active {
        display: block;
    }

    .mblCateDrpCol {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #24424466;
    }


    .mblCateDrpCol__hdng {
        color: #E8A04C;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .mblCateDrpList__item {
        margin-bottom: 10px;
    }

    /* mobile menu end */
    .searchbox {
        flex-direction: column;
        row-gap: 15px;
    }

    .statesDrp {
        left: 50%;
        transform: translateX(-50%);
    }

    .searchContainer {
        width: calc(100%);
    }

    .searchCateBox {
        width: 100%;
    }

    .searchCateBoxCol {
        min-width: auto;
        max-width: none;
        width: 33.33%;
        padding: 50px 16px 20px 16px;
    }

    .searchCateBoxCol__text {
        white-space: unset;
    }

    .statesLabel--absoulute {
        top: 15px;
    }

    .statesLabel--absoulute .statesLabel__text {
        font-size: 14px;
    }

    .statesLabel__ckb[type=checkbox]:before {
        width: 16px;
        height: 16px;
    }

    .banner {
        /* padding: 150px 0 145px 0; */
    }

    .navlistbtn {
        display: block;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }

    .shop {
        padding: 30px 0 50px 0;
    }

    .shopItemBox {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
    }

    .shopTableBtn {
        font-size: 13px;
        border-radius: 7px;
        padding: 8px;
    }

    .shopItem__name,
    .shopTable__col {
        font-size: 15px;
    }

    .incbox__btn {
        font-size: 12px;
        padding: 6px 8px;
        height: 34px;
    }

    .incbox {
        height: 34px;
    }

    .shopTable__incremnt {
        height: 34px;
        width: 30px;
        padding: 6px 6px;
        font-size: 15px;
    }

    .shopTable__row {
        column-gap: 6px;
        padding: 12px 13px;
    }

    .shopProductRow {
        padding: 20px 13px;
    }

    .shopItem__img {
        width: 60px;
        height: 60px;
    }

    .shopItemsWrper {
        grid-template-columns: 1fr 1fr;
    }

    .content__box1 {
        column-gap: 8px;
    }

    .cateDetailsWrpr {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .cateDetailCol1 {
        width: 100%;
    }

    .cteDetBox3 {
        width: 100%;
    }

    .cateDetailCol1Box3 {
        margin-top: 0;
    }

    .cteDetBox3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cteDetBox3Card {
        width: 48%;
    }

    .cteDetBox3Card2:nth-last-child(1) {
        border-bottom: 1px dashed #C6CACC;
    }

    .filter-bar-btn {
        display: none;
    }

    .filter-bar-sel1 {
        width: 60%;
        min-width: 110px;
        max-width: 110px;
    }

    .filter-bar-b2 {
        width: fit-content;
    }

    .filter-bar {
        justify-content: space-between;
    }
}

@media(max-width:539px) {
    .container-searchbar--none{
        /* display: none; */
        position: absolute;
        top: 58px;

    }
    .clsItemData {
        font-size: 12px;
    }
    .clsLabel{
        padding: 2px 5px;
    }
    .clsActive li.clsCloser {
        top: 32px;
        right: -1px;
        font-size: x-large;
    }
    .clsActive li:first-child {
        top: 50px;
        left: 5px;
    }
    .fetch-product-modal{
        height: 400px;
    }
    .Htop {
        padding: 12px 0;
    }

    .HtopList {
        column-gap: 12px;
    }

    .carttext {
        display: none;
    }

    .logo {
        width: 120px;
    }

    .HtopList__link {
        font-size: 14px;
    }

    .header-dropdown {
        padding: 15px 15px;
        width: 226px;
    }

    .header-dropdown__btn {
        padding: 8px;
        font-size: 14px;
        border-radius: 7px;
        margin-bottom: 15px;
    }

    .searchCateBtn {
        padding: 10px 10px;
        column-gap: 15px;
        height: 50px;
    }

    .searchInputOuter {
        padding: 10px 12px;
        height: 30px;
    }

    .searchInputOuter {
        width: calc(100% - 11px);
    }

    .searchInputOuter__img {
        width: 15px;
    }

    .banner__para,
    .statesBoxInner__hdng,
    .searchCateBtn__text {
        font-size: 13px;
    }

    .searchInputOuter__input {
        width: calc(100% - 15px);
        font-size: 14px;
    }

    .searchbox {
        margin-bottom: 15px;
    }

    .categories {
        padding: 30px 0 25px 0;
    }

    .sec__hdng {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .sec__para {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .itemCard__img {
        height: 260px;
    }

    .itemCard__body {
        padding: 15px 15px;
    }

    .states {
        padding: 25px 0 20px 0;
    }

    .statesCardList__link {
        font-size: 14px;
    }

    .statesCard__hdng {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .statesCard {
        margin-bottom: 24px;
        padding-bottom: 12px;
    }

    .newsletter {
        padding: 50px 0;
    }

    .newsletter__para {
        font-size: 14px;
    }

    .footer__hdng {
        margin-bottom: 10px;
    }

    .statesCardList {
        padding-left: 5px;
    }

    .statesCardList__link {
        padding: 2px 5px;
    }

    .statesCardList ul {
        padding-left: 22px;
    }

    .statesCardList ul li::before {
        top: calc(50% - 3px);
        transform: translateY(0);
        left: -8px;
    }

    .searchCateBoxCol {
        width: 50%;

    }

    .searchCateBox {
        flex-wrap: wrap;
    }

    .searchCateBoxCol:nth-last-child(1) {
        border-right: 1px solid #24424466;
    }

    .searchCateBoxCol:nth-last-child(odd) {
        border-right: none;
    }

    .searchCateBoxCol:nth-last-child(even) {
        border-right: 1px solid #24424466;
    }

    .statesLabel--absoulute {
        position: relative;
        inset: 0;
        margin-bottom: 15px;
    }

    .searchCateBoxCol {
        padding: 20px 15px;
    }

    .footer__hdng,
    .itemCard__linkH,
    .cateCard__hdng {
        font-size: 16px;
    }

    .cateCardBox {
        margin-bottom: 10px;
    }

    .Htop__suggestinglink {
        font-size: 14px;
    }

    .shopTable {
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    .shopTable__row {
        width: 640px;
    }

    .shopItem__img {
        width: 50px;
        height: 50px;
    }

    .shopItem__name {
        font-size: 13px;
    }

    .shopTable__col {
        font-size: 14px;
    }

    .shopProductRow {
        padding: 15px 10px;
    }

    .shopTable__incremnt {
        width: 25px;
        font-size: 13px;
    }

    .incbox__btn {
        font-size: 10px;
        padding: 6px 6px;
    }

    .shopTable__col1 {
        width: 5%;
    }

    .shopTable__col2 {
        width: 43%;
    }

    .totalPriceBox {
        margin-bottom: 25px;
        padding: 20px 40px 20px 20px;
    }

    .totalPriceBox__row,
    .totalPriceCard__btn {
        font-size: 14px;
    }

    .shopItemsWrper {
        grid-template-columns: 1fr;
    }

    .sortingButtonsWrpr2 {
        display: none;
    }

    .content__box2 {
        width: 100%;
    }

    .sortingButtonsWrpr {
        width: 100%;
    }

    .sorting__btn {
        width: 33.33%;
    }

    .filterbtn {
        width: 49%;
    }

    .content__selectOuter {
        width: 49%;
    }

    .content__box1 {
        flex-wrap: wrap;
        gap: 5px 2%;
        width: 100%;
    }

    .prDetList {
        column-gap: 10px;
    }

    .cteDetBox3Card {
        width: 100%;
    }

    .prddmibox {
        height: 315px;
    }

    .cteDetBox3Card2:nth-last-child(1) {
        border-bottom: none;
    }

    .loginModalBody {
        padding: 25px 19px 25px 19px;
    }

    .modallogo {
        width: 150px;
        margin-bottom: 25px;
    }

    .modalsignuplink .header-dropdown__link {
        font-size: 14px;
    }

    .modalsignuplink {
        font-size: 14px;
    }

    .loginModalHdr {
        padding: 14px;
    }

    .mdlHdng {
        font-size: 16px;
    }

    .filter-bar-b2 {
        width: 100%;
    }

    .filter-bar {
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .filter-bar-b2-input {
        width: 100%;
    }

    .filter-bar-b1 {
        margin: 0 auto;
    }

    .brdrList-b1-box {
        padding: 5px 7px;
        font-size: 12px;
    }

    .brdrList-b1-p {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .shop {
        padding: 20px 0 40px 0;
    }

    .cartHdr {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .clsActive .clsCss {
        padding: 50px 4px 8px 0;
        position: absolute;
        /* min-width: 500px; */
        /* max-width: 840px; */
        border: 1px solid rgba(150, 161, 181, 0.2);
        border-radius: 5px;
        max-height: 70vh;
        margin-top: 60px;
    }
    .clsActive ul {
        padding: 0 4px 0 16px;
        list-style: none;
    }
    .clsActive li:first-child {
        padding: 10px 34px 10px 20px;
        font-size: 15px;
    }
    .clsActive li.clsGrayHeader {
        border-radius: 5px 5px 0 0;
    }
    .clsActive li.clsGrayHeader {
        background: #f5f5f5;
        text-align: center;
    }
    .clsActive li[pid] {
        padding: 15px 10px 15px 20px;
        margin-left: -16px;
    }
    li[pid] .clsImg {
        margin-right: 20px;
    }
    .clsItemData .clsProduct, .clsItemData .clsPrice {
        font-size: 15px;
    }
    .clsItemData .clsLabel {
        font-size: 11px;
        min-height: 25px;
        padding: 0 10px;
    }
    .clsItemData a[type$="Add"] {
        font-size: 22px;
        margin-left: 10px;
    }
    .clsItemData .clsProduct, .clsItemData .clsPrice {
        font-size: 15px;
    }
    .searchContainer_mobile {
        display: none;
    }


}
@media (min-width: 400px) {
    .clsItemData .clsPrices {
        display: flex;
    }
    .clsItemData .clsPrices .clsListPrice {
        order: 2;
        line-height: 22px;
        margin-left: 9px;
    }
}
/* Media Query for screens larger than 3300px (very large screens) */
@media (min-width: 3300px) {
    .custom-caption h1 {
        font-size: 6.5rem; /* Larger text for extra-large screens */
    }
    .custom-caption p {
        font-size: 3.7rem; /* Larger text for extra-large screens */
    }
}

/* Media Query for large screens between 1200px to 3299px */
@media (max-width: 3299px) and (min-width: 2200px) {
    .custom-caption h1 {
        font-size: 5rem; /* Large text for large screens */
    }
    .custom-caption p {
        font-size: 3rem; /* Large text for large screens */
    }
}
@media (max-width: 2199px) and (min-width: 1200px) {
    .custom-caption h1 {
        font-size: 3.5rem; /* Large text for large screens */
    }
    .custom-caption p {
        font-size: 2rem; /* Large text for large screens */
    }
}

/* Media Query for medium screens between 992px to 1199px (tablets, smaller laptops) */
@media (max-width: 1199px) and (min-width: 992px) {
    .custom-caption h1 {
        font-size: 2.5rem; /* Medium text for tablets */
    }
    .custom-caption p {
        font-size: 1.3rem; /* Medium text for tablets */
    }
}

/* Media Query for small screens between 768px to 991px (smaller tablets) */
@media (max-width: 991px) and (min-width: 768px) {
    .custom-caption h1 {
        font-size: 2rem; /* Smaller text for smaller tablets */
    }
    .custom-caption p {
        font-size: 1.1rem; /* Smaller text for smaller tablets */
    }
}

/* Media Query for mobile devices between 576px to 767px */
@media (max-width: 767px) and (min-width: 576px) {
    .custom-caption h1 {
        font-size: 1.7rem; /* Smaller text for mobile devices */
    }
    .custom-caption p {
        font-size: 1rem; /* Smaller text for mobile devices */
    }
}

/* Media Query for very small mobile devices under 576px */
@media (max-width: 575px) {
    .custom-caption h1 {
        font-size: 1.3rem; /* Smaller text for very small mobile devices */
    }
    .custom-caption p {
        font-size: 0.8rem; /* Smaller text for very small mobile devices */
    }
}