@media only screen and (max-width: 2560px) {
    .home-form .form-image-box img {
        height: 100%;
    }
    .v2::before {
        right: 0;
    }
    .leaf2 {
        right: 0;
    }
    header {
        height: 84px;
    }
    header .stellarnav {
        margin-top: -65px;
    }
    /* .populer::before {
        left: 4%;
        width: 1000px;
        height: 1000px;
    } */
}
@media only screen and (max-width: 1920px) {
    header {
        height: 100px;
    }
    header .stellarnav {
        margin-top: -67px;
    }
}

@media only screen and (min-width: 1900px) {
    .populer::before {
        left: -5%;
        top: -60%;
        width: 880px;
        height: 880px;
    }
}

@media only screen and (min-width: 1600px) {
    .populer::before {
        left: -5%;
        top: -45%;
        width: 770px;
        height: 770px;
    }
}

@media only screen and (max-width: 1366px) {
    .v2::before {
        right: -14%;
    }
    .leaf2 {
        right: -21px;
    }

    header {
        height: 74px;
    }
    header .stellarnav {
        margin-top: -70px;
    }
}
@media only screen and (max-width: 1300px) {
    .leaf2 {
        right: 0;
    }
    .v2::before {
        position: absolute;
        right: 0;
        top: 90%;
        width: 350px;
        height: 350px;
    }
}
@media only screen and (max-width: 1200px) {
    .v2::before {
        right: 0;
    }
    .leaf2 {
        right: 0;
    }
    .populer::before {
        width: 723px;
        height: 723px;
    }
    .populer .heading2 {
        margin-left: 0;
    }
    header .stellarnav > ul > li > a {
        font-size: 14px;
    }
    .cta-s.desktop .btn {
        padding: 6px 25px;
        font-size: 16px;
    }
    .wish-veda .header-icon {
        justify-content: end;
    }
    header .header-icon a {
        margin-right: 13px;
    }
    header .header-icon span {
        width: 18px;
        height: 18px;

        top: 8px;
        right: -6px;
        font-size: 14px;
        line-height: 18px;
    }
    .captions {
        left: 11.5%;
    }
    .stellarnav.mobile.right > ul {
        z-index: 999;
    }
}
@media only screen and (max-width: 1024px) {
    .productBox .productPic {
        height: 171px;
    }
    .productBox {
        margin-bottom: 94px;
        min-height: 453px;
    }
    .populer .spa {
        width: 27%;
    }
    .populer .leaf {
        bottom: -14%;
        width: 30%;
    }
    .category h3 {
        font-size: 24px;
    }
    .home-form .form {
        padding: 26px;
    }
    .wish-veda-website .blog.p-v-80 {
        padding: 44px 0;
    }
    .wish-veda-banner.p-t-50 {
        padding-top: 30px;
    }
    .captions h2 {
        font-size: 42px !important;
    }

    header .logo img {
        height: auto;
    }
    .banner .swiper-pagination {
        bottom: 97px;
    }
    .banner h2 {
        font-size: 46px;
    }

    .v2::before {
        right: 0;
    }
    .leaf2 {
        right: 0;
    }
    .main-page .logo2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header .stellarnav > ul > li > a {
        padding: 20px 3px;
        font-size: 15px;
    }
    header .stellarnav {
        margin-top: -47px;
    }
    header .header-icon {
        margin-top: -39px;
    }
    h1 {
        font-size: 59px;
    }
    .blog .image-box .text span {
        font-size: 14px;
    }
    .banner .swiper-slide {
        height: 67vh;
    }
}

@media only screen and (max-width: 991px) {
    .mobileLoginBtn{
        display: block;
    }
    .stellarnav.mobile > ul > li > a {
        padding: 5px 15px;
        font-size: 16px;
    }
    header .cta-s {
        margin-left: 15px;
        margin-top: 15px;
    }
    .productBox {
        margin-bottom: 24px;
    }
    .captions h2 {
        font-size: 33px !important;
    }
    .banner h2 {
        font-size: 37px;
    }
    .line::after {
        height: 123px;
        bottom: -95px;
    }
    .line::before {
        bottom: 43px;
    }
    .banner .swiper-pagination {
        bottom: 62px;
    }
    .main-page .logo1 img {
        height: auto;
    }
    .productBox .productPic {
        height: 166px;
    }
    .productBox {
        min-height: 417px;
    }
    .category.p-v-80 {
        padding: 0;
    }
    .category img {
        margin: 15px 0;
    }
    .selling {
        padding-bottom: 71px !important;
    }
    .p-b-100 {
        padding-bottom: 30px;
    }
    .home-product {
        padding-bottom: 30px;
    }
    .home-categories .line::after {
        height: 80px;
        bottom: 42px;
    }
    h1 {
        font-size: 44px;
    }
    .banner .swiper-slide {
        height: 50vh;
    }
    header .stellarnav > ul > li > a {
        padding: 20px 3px;
        font-size: 18px;
    }
    .stellarnav .menu-toggle span.bars {
        margin-right: 0;
    }
    header {
        height: 79px;
        padding-top: 3px;
    }
    .heading h2 {
        font-size: 32px;
    }
    .f-30 {
        font-size: 26px;
    }
    .product-price span {
        font-size: 10px;
    }
    .selling .image-box img {
        height: 195px;
    }
    .home-form .form {
        padding: 34px 25px;
    }
    footer .logo {
        order: 1;
        margin-bottom: 18px;
    }
    footer .menu-three {
        order: 2;
    }
    footer .menu-two {
        order: 3;
    }
    footer .menu-one {
        order: 4;
    }
    footer .footer-wrap ul {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 20px;
    }
    footer .row {
        align-items: center;
    }

    .stellarnav.mobile.right > ul {
        background-color: #303030;
    }
    .menu-toggle {
        background-color: #e2a002;
        padding: 9px 16px !important;
    }
    .stellarnav .menu-toggle span.bars span {
        background: #fff;
    }

    .phone-icon {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin-left: 16px;
    }
    .stellarnav .icon-close:after,
    .stellarnav .icon-close:before {
        border-bottom: solid 3px #fff;
    }
    header .logo img {
        width: 35%;
    }
    header .logo a {
        justify-content: start;
    }
    header .stellarnav {
        margin-top: -36px;
        justify-content: end;
    }
    .phone-icon p {
        margin-bottom: 0;
    }
    .desktop-icon {
        display: none !important;
    }
    .desktop {
        display: none;
    }
    .ph {
        display: block;
        margin: 0 15px;
    }
    .ph a {
        width: 100%;
    }
    header .header-icon {
        margin-top: 20px !important;
        margin-bottom: 20px;
        column-gap: 17px;
    }
    .populer .leaf {
        bottom: -13%;
        width: 25%;
    }
    .captions h2 {
        font-size: 30px;
    }
    .heading2 h2 {
        font-size: 34px;
    }
    .populer p {
        padding-right: 0;
    }
    .btn2 {
        padding: 6px 19px;
        font-size: 13px;
    }
    .home-form .btn2 {
        font-size: 14px;
    }
    .populer .spa {
        width: 25%;
    }
    .heading {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 820px) {
    .populer::before {
        width: 500px;
        height: 500px;
    }
    .heading h1 {
        font-size: 32px;
    }
    .blog {
        padding-bottom: 30px !important;
    }
    .main-page .main-page-img1 {
        width: 25%;
    }
    .main-page .main-page-img2 {
        width: 25%;
    }
    h1 {
        font-size: 42px;
    }

    .banner .swiper-pagination {
        bottom: 65px;
    }
    .home-product .side-image {
        right: 27px;
    }
    .home-product .side-image2 {
        left: 50px;
    }
    .line::after {
        height: 109px;
        bottom: -83px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-toggle {
        padding: 5px 5px !important;
    }
    .custom-accordion.theme-scrollbar.left-box.product-filter .accordion-item {
        background-color: transparent;
        padding-left: 0;
    }
    .custom-accordion.theme-scrollbar.left-box.product-filter
        .accordion-item
        .accordion-button {
        background-color: transparent;
    }
    .custom-accordion.theme-scrollbar.left-box.product-filter
        .accordion-item:first-child {
        display: none;
    }
    .product-page #sidebar {
        position: sticky;
        top: 21px;
        background-color: #fff;
        padding: 10px 0 0 15px;
    }
    .product-page .accordion-item .accordion-button span {
        font-size: 16px;
    }
    .product-page .top-filter-menu {
        display: block;
        margin-top: 10px;
    }
    .product-page .top-filter-menu .form-select {
        border-radius: 0;
    }
    .stellarnav .menu-toggle span.bars span {
        width: 18px;
    }
    .populer .heading2 {
        text-align: center !important;
    }
    .heading2 {
        margin-bottom: 10px !important;
    }
    header .logo img {
        width: 50%;
    }
    .main-page .text {
        text-align: center;
        margin-bottom: 49px;
    }
    .main-page h3 {
        font-size: 44px;
    }
    .main-page h1 {
        font-size: 63px;
    }
    .main-page .logo1 {
        border-top: 3px solid #f4b324;
        border-left: 3px solid #f4b324;
        margin-bottom: 63px;
        background-color: #303030;
        border-radius: 20px;
    }
    .main-page .logo2 {
        border-top: 3px solid #f4b324;
        border-right: 3px solid #f4b324;
        margin-bottom: 63px;
        background-color: #335346;
    }
    .populer::before {
        top: -21%;
        width: 400px;
        height: 400px;
    }
    .captions h2 {
        font-size: 23px;
    }
    .captions p {
        font-size: 13px;
    }
    body.wish-veda-website .banner.p-b-100 {
        padding-bottom: 0;
    }
    body.wish-veda-website .banner.p-v-80 {
        padding: 39px 0;
    }
    .carousel .carousel-indicators {
        width: 324px;
        padding-left: 72px;
        padding-top: 10px;
    }
    .carousel .carousel-indicators [data-bs-target] {
        width: 79px;
    }
    .carousel .clickhere {
        padding: 12px 5px 8px 22px;
        bottom: 91%;
        width: 51%;
    }
    .btn2 {
        padding: 8px 13px;
    }
    body.wish-veda-website .populer.p-v-80 {
        padding: 27px 0;
    }
    .category .col-md-6 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 600px) {
    header .header-icon span {
        width: 19px;
        height: 20px;
    }
    header .logo img {
        width: 100%;
    }
    header .header-icon a {
        margin-right: 10px;
    }
    header .header-icon img {
        width: 20px;
    }
    header .header-icon {
        column-gap: 10px;
    }
    header .header-icon span {
        width: 15px;
        height: 15px;
        font-size: 12px;
        line-height: 15px;
    }
    header {
        height: 100px;
        padding-top: 0;
    }
    header .stellarnav {
        margin-top: -44px;
    }

    header .cta-s {
        margin-left: 0;
    }

    .home-product .side-image {
        display: none;
    }
    .line::after {
        height: 109px;
        bottom: -62px;
    }
    .p-v-100 {
        padding: 70px 0;
    }
    .home-product img {
        width: 100%;
    }
    .product-price {
        min-height: 0;
        margin: 24px 0;
        flex-direction: row;
        justify-content: space-between;
    }
    .home-product .side-image2 {
        left: 14px;
        width: 15%;
        bottom: -100px;
    }
    .home-categories .line::before {
        bottom: 28px;
    }
    .home-categories .line::after {
        height: 56px;
        bottom: 35px;
    }
    .home-categories .image-box img {
        width: 100%;
    }
    .home-categories {
        padding-bottom: 24px;
    }
    .heading {
        margin-bottom: 0;
    }
    .selling .image-box img {
        height: 280px;
        object-fit: contain;
        object-position: center;
    }
    .selling h4 {
        font-size: 18px !important;
        margin-top: 0 !important;
        color: #1c1c1c;
    }
    .product-page .selling span {
        font-size: 16px;
    }
    .product-page .selling .del {
        margin-left: 5px;
        font-size: 14px;
    }
    .blog .image-box img {
        height: 273px;
        object-fit: cover;
        object-position: top;
    }
    .btn2 {
        padding: 11px 29px;
        font-size: 15px;
    }
    .blogSlider .btn2 {
        margin-top: 15px;
    }
    .home-categories .image-box {
        margin-bottom: 0;
    }
    .blog .blog-side-img {
        top: 0;
        width: 15%;
    }
    .home-form .form-image-box {
        padding-right: 10px;
    }
    .home-form .form-image-box img {
        border-radius: 15px;
    }
    footer .bottom-footer {
        text-align: center;
        margin-top: 21px;
        padding-top: 22px;
    }
    footer {
        padding: 60px 0 0;
    }
    footer .bottom-footer .d-flex {
        justify-content: center !important;
    }
    .home-form {
        padding-bottom: 39px !important;
    }
    .wish-veda-website .sliderNew .swiper-wrapper {
        padding-bottom: 81px;
    }
    .banner h1::after {
        height: 152px;
    }
    .wish-veda-website .blog .btn-button {
        text-align: center !important;
    }
    .sliderNew .swiper-wrapper {
        padding-bottom: 63px;
    }
    .leaf2 {
        width: 143px;
    }
    .wish-veda-website .p-v-80 {
        padding: 19px 0;
    }
    .carousel-item img {
        height: 348px;
    }
    .carousel .carousel-indicators [data-bs-target] {
        width: 67px;
        margin-left: -40px;
    }
    .captions {
        width: 90%;
    }
    .productBox {
        min-height: 100%;
        padding-left: 51px;
        padding-right: 51px;
        padding-top: 58px;
        border-radius: 50%;
        width: 100%;
    }
    .populer .leaf {
        bottom: -9%;
        width: 39%;
        left: -54px;
    }
    .heading2 h2 {
        font-size: 29px;
        text-align: center;
    }
    .product-page .selling .list-btn-main .add-cart {
        right: 18px;
    }

    .product-page .selling .img {
        height: 200px;
    }
    .product-page .selling .image-box img {
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
}

@media only screen and (max-width: 480px) {
    .inner-banner.p-v-100 {
        padding: 70px 0;
        text-align: left !important;
    }
    .inner-banner.p-v-100 ul {
        justify-content: start !important;
        gap: 5px;
        font-size: 14px;
    }
    .captions h2 {
        font-size: 22px !important;
    }
    .captions p {
        font-size: 14px;
    }
    .main-page .logo1 img {
        width: 165px;
    }
    .main-page .logo2 img {
        width: 234px;
    }
    .main-page .main-page-img1 {
        width: 19%;
    }
    .main-page .main-page-img2 {
        width: 22%;
    }
    .productBox .productPic {
        height: 143px;
    }
    header .stellarnav {
        margin-top: -48px;
    }
    .banner h1::after {
        height: 93px;
    }
    .main-page h1 {
        font-size: 35px;
    }
    .main-page h3 {
        font-size: 28px;
    }
    .main-page .logo1 {
        margin-bottom: 24px;
        padding: 28px 0 28px;
    }
    .main-page .logo2 {
        padding: 28px 0 28px;
    }
    h1 {
        font-size: 28px;
    }
    .banner .swiper-slide {
        height: 400px;
    }
    header {
        height: 70px;
    }
    .banner .swiper-pagination {
        bottom: 46px;
    }
    .line::before {
        bottom: 28px;
    }
    .line::after {
        height: 77px;
        bottom: -62px;
    }
    .p-v-100 {
        padding: 24px 0;
    }
    .banner .line {
        display: none;
    }
    .captions {
        width: 35%;
    }

    .banner .btn2 {
        padding: 10px 15px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 380px) {
    header .stellarnav {
        margin-top: -26px;
    }
    .banner h2 {
        font-size: 29px;
    }
    .selling .image-box {
        margin-bottom: 18px;
    }
    .heading h2 {
        font-size: 28px;
    }
    .heading h1 {
        font-size: 28px;
    }
    .heading h5 {
        font-size: 19px;
    }
        .inner-banner.p-v-100 {
    padding: 90px 0;
}
}

@media only screen and (max-width: 320px) {
    .banner .swiper-slide {
        height: 300px;
    }
    .heading h5 {
        font-size: 15px;
    }
    .heading h1 {
        font-size: 23px;
    }
    .product-price h6 {
        font-size: 12px;
    }
    .f-30 {
        font-size: 21px;
    }
    .home-categories .image-box h4 {
        font-size: 29px;
    }
    header .stellarnav {
        margin-top: -11px;
    }
    .banner h2 {
        font-size: 25px;
    }
    .main-page h3 {
        font-size: 25px;
    }
    .main-page .logo1,
    .main-page .logo2 {
        padding: 28px 39px 28px;
    }
    .populer::before {
        top: -21%;
        width: 200px;
        height: 200px;
    }
    .captions {
        width: 92%;
    }
    .carousel .carousel-indicators {
        width: 100%;
        padding-left: 49px;
        padding-top: 12px;
    }
    .heading2 h2 {
        font-size: 25px;
    }
    .productBox h4 {
        font-size: 20px;
    }
    .wish-veda-website .sliderNew .swiper-wrapper {
        padding-bottom: 63px;
    }
    .carousel .clickhere {
        padding: 12px 0px 8px 22px;
    }
    .populer .leaf {
        bottom: -7%;
        width: 36%;
        left: -54px;
    }
}

/* normal css */
.badgeCart .badge {
    background-color: red;
}
.productBox .cart.badgeCart {
    width: fit-content;
    height: auto;
    border-radius: unset;
}