/** Mobile ***/
@media all and (max-width: 768px) {
    .delivery-widgets {
        flex-direction: column;
        gap: 2em;
    }
    .product-grid-card-container .grid-cols-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .product-details {
        width: 100%;
        padding: 0px 15px;
    }
    .product-details .p-card-review {
        display: none;
    }
    h1.product-name {
        font-size: 25px;
    }
    .product-details .product-short-description {
        margin-top: 10px;
    }
    #productTabs .tab-wraper .tab {
        min-width: 130px;
        padding: 10px 0px;
        justify-content: center;
    }
    .payment-icons-list, #product-stock {
        display: none;
    }
    .product-image-slider .swiper-slide {
        min-height: 140px;
        min-width: 129px;
    }
    .product-card .secondary-button {
        margin-right: 5px;
    }
    #gemstones {
        padding-top: 0px;
    }
    .light-blue-btn {
        margin-right: 15px;
    }
    .cart-action-btn .secondary-button {
        padding: 0px 15px;
        font-size: 14px;
    }
    .cart-heading {
        display: none;
    }
    .hide-mobile {
        display: none !important;
    }
    .why-us .grid-cols-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .why-us h3 {
        color: #1E1E1E;
        text-align: center;
        font-family: "Playfair Display";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 24px;
    }
    .why-us svg {
        width: 42px !important;
        height: 42px !important;
    }
    .why-us h4 {
        color: #1E1E1E;
        font-family: "Playfair Display";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 0.9;
    }
    .why-us span {
        color: #1E1E1E;
        font-family: Satoshi;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.2px;
        opacity: 0.8;
    }
    .main-heading {
        color: #1E1E1E;
        text-align: center;
        font-family: "Playfair Display";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    #bestSellingProducts .tabs-wrap {
        max-width: 410px;
    }
    #bestSellingProducts .tabs-wrap .tab {
        line-height: 100%;
    }
    #bestSellingProducts .tabs-wrap .tab {
        font-size: 15px;
        padding: 10px 8px;
    }
    .product-review-wraper .grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .add-to-cart-btn {
        min-width: 125px;
        padding: 15px;
        height: 40px;
        font-size: 14px;
    }
    .quantity-changer {
        height: 40px;
        padding: 10px 10px;
        column-gap: 0.25rem;
        width: 100px;
    }
    .product-details-btn-wrapper {
        gap: 0.5rem;
    }
    .buy-now-btn {
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 62px;
        background: #2C4257;
        color: #fff;
        border-color: #2C4257;
        min-width: 100px;
        height: 40px;
    }
    #relatedProduct .swiper-slide .shimmer {
        min-height: 200px;
    }
    #related-products-carousel .products-carousel-wrapper {
        padding: 0px !important;
    }
    #related-products-carousel .products-carousel-wrapper .gap-12 {
        gap: 0rem !important;
    }
    .pc-dot {
        display: none !important;
    }
    #bestSellingProducts .tab-item {
        padding: 0px !important;
    }
    #bestSellingProducts .tab-item > div {
        padding: 0px !important;
    }
    .badge-g {
        display: none;
    }
    #bestSellingProducts .action-items,
    .cursor-pointer {
        display: flex !important;
        opacity: 1 !important;
    }
    /* .cursor-pointer {
        background-color: #88A9C4;
        border-radius: 100%;
    } */
    #bestSellingProducts .cursor-pointer .icon-heart,
    #bestSellingProducts .cursor-pointer .icon-heart:before,
    .icon-heart:before {
        color:#fff !important;
    }
    #bestSellingProducts .secondary-button {
        width: 120px;
    }
    .rating-wrapper {
        flex-direction: column;
    }
    .cart-drawer .drawer-wrapper {
        width: 100% !important;
    }
    #bestSellingProducts .swiper-slide {
        height: 197px !important;
    }
    .p-card-review {
        bottom: 1px;
    }
    .view-all {
        display: flex;
        width: 232px;
        height: 50px;
        padding: 16px 54px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        border-radius: 62px;
        border: 2px solid #2C4257;
        color: #2C4257;
        font-family: Satoshi;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    #bestSellingProducts .navigation-links .icon-arrow-left-stylish {
        position: absolute;
        left: 20px;
    }
    #bestSellingProducts .navigation-links .icon-arrow-right-stylish {
        position: absolute;
        right: 20px;
    }
    .shop-by-category .grid-cols-3 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .shop-by-category .grid-cols-3 > div {
        border-radius: 20px;
    }
    .shop-by-category .grid-cols-3 > div img {
        border-radius: 20px;
    }
    .shop-by-category .grid-cols-3 > div h3 {
        display: flex;
        color: #FFF;
        text-align: center;
        text-shadow: 0px 6px 4px rgba(0, 0, 0, 0.10);
        font-family: Playfair;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 20px;
    }
    .secondary-heading {
        color: #1E1E1E;
        text-align: center;
        font-family: "Playfair Display";
        font-size: 30px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .secondary-heading strong {
        color: #1E1E1E;
        font-family: "Playfair Display";
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    .astro-insight .grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .astro-insight .astro-form {
        order: 2;
    }
    .astro-insight #generate-report {
        width: 100%;
    }
    .astro-insight {
        padding-bottom: 40px;
    }
    #aromaFeaturedProduct .grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    #aromaFeaturedProduct .product-info {
        flex-direction: column;
        max-width: 100%;
    }
    #aromaFeaturedProduct .product-info .p-card-name {
        max-width: 100%;
        color: #0D1B39;
        font-family: Satoshi;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
    }
    #aromaFeaturedProduct .action-items {
        width: 195px;
        position: relative;
        right: 0px;
        top: 0px;
    }
    #aromaFeaturedProduct .action-items .secondary-button {
        width: 140px;
    }
    #aromaFeaturedProduct .featured-upsell-products .action-items {
        position: relative;
        top: 0px;
    }
    #aromaFeaturedProduct .featured-upsell-products h2 {
        margin-top: 0px !important;
        padding-bottom: 0px;
    }
    .vertical-product-list .product-image-slider {
        padding: 0px 0px;
    }
    .view-all-aroma-wrap {
        padding: 40px 0px;
    }
    .view-all-aroma-wrap .view-all {
        width: 200px;
        height: 50px;
        padding: 16px 29px;
        margin: auto;
    }
    #gemstones .grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    #gemstones .explore-gems {
        margin: 0px 15px !important;
        border-radius: 16px !important;
        height: 355px !important;
    }
    .light-blue-btn {
        padding: 15px 15px;
        font-size: 14px;
    }
    .white-outline-btn {
        padding: 15px 15px;
        font-size: 14px;
    }
    .explore-gems h3 {
        margin: 0px 15px 20px 15px;
        font-size: 20px;
        line-height: 25px;
    }
    .explore-gems .action {
        margin-bottom: 15px;
    }
    #gemstones .featured-gems {
        padding: 0px 20px;
    }
    #gemstones .featured-gems .grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 1em;
    }
    #gemstones .featured-gems .secondary-button {
        width: 115px;
        margin-right: 5px;
    }
    #rudraksha .secondary-heading {
        padding-top: 30px;
    }
    #rudraksha .grid-cols-7 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    #rudraksha .grid-cols-7 .img {
        order:-1;
    }
    #rudraksha .col-span-3 {
        grid-column: span 4/span 4;
    }
    #rudraksha .column-heading {
        color: #000;
        font-family: Satoshi;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 25px; /* 113.636% */
        text-transform: capitalize;
    }
    #rudraksha .primary-btn, #rudraksha .primary-btn-outline {
        padding: 10px 10px;
        font-size: 14px;
        margin: 0px 2px;
    }
    #featuredOn .swiper-wrapper {
        align-items: center;
    }
    #learnEarnGrow .grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
    .stats-count {
        font-size: 30px;
    }
    .stats-label {
        font-size: 15px;
    }
    #astrology {
        padding-top: 30px;
    }
    #influencers .container {
        padding: 0px !important;
    }
    #testimonial .usr-img {
        max-width: 101px;
    }
    #testimonial .usr-review {
        width: 270px;
        left: -60px;
        padding-top: 0px;
    }
    .custom-product-card .p-card-name {
        font-size: 15px;
    }
    #testimonial .usr-review:before {
        display: none;
    }
    #testimonial .usr-review p {
        color: #202020;
        font-family: Satoshi;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    #testimonial .secondary-heading {
        padding: 0px 60px;
    }
    #influencers {
        padding: 15px 0px;
    }
    .newsletter-container {
        top: -130px;
    }
}

/** Desktop ***/
@media all and (min-width: 1200px) {
    .show-mobile {
        display: none;
    }
    .why-us .hide-mobile {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    #bestSellingProducts .product-card .swiper-slide {
        min-height: 293px;
    }
    .featured-product-item .swiper-slide {
        min-width: 577px;
        min-height: 628px;
    }
    .vertical-product-item .swiper-slide {
        min-width: 277px;
        min-height: 217px;
    }
    .featured-gems .swiper-slide {
        min-width: 333px;
        min-height: 270px;
    }
    #aromaFeaturedProduct {
        padding-top: 50px;
    }
    #rudraksha {
        padding-top: 50px;
    }
    .search-input {
        min-width: 315px;
    }
}


@media all and (min-width: 1360px) and (max-width: 1370px) {
    .p-card-name {

    }
}
@media all and (min-width: 1600px) {
    .container {
        max-width: 1582px;
    }
    .vertical-product-list {
        max-height: 840px;
    }
    .add-to-cart-btn {
        min-width: 300px;
    }
    #bestSellingProducts .products-carousel-wrapper {
        max-width: 1180px;
        margin: auto;
    }
}