@media only screen and (min-width: 768px) and (max-width: 1200px) {
  h1 {
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
  }

  h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
  }

  h3 {
    font-size: 33px;
    font-weight: 600;
    line-height: 43px;
  }

  h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
  }

  h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
  }

  h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
  }

  /* Class Headings with !important */
  .f-h1 {
    font-size: 42px !important;
    line-height: 50px !important;
  }

  .f-h2 {
    font-size: 36px !important;
    line-height: 48px !important;
  }

  .f-h3 {
    font-size: 33px !important;
    line-height: 43px !important;
  }

  .f-h4 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .f-h5 {
    font-size: 22px !important;
    line-height: 32px !important;
  }

  .f-h6 {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  /* home page css code  */

  .home-pshow-box,
  .product-imgtext-box,
  .hwine-pshow-box,
  .home-npshow-box {
    padding: 40px 0;
  }

  .main-shop-section .product-carousel {
    padding: 30px 0;
  }

  .gift-details-section .text-detail-box {
    padding: 0px 50px 0px 0px;
  }

  /* blog page css code  */
  .blog-page-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* contact page css code  */

  .contact-info-box .contact-items {
    padding: 25px 40px;
  }

  .contact-info-box .contact-items .cicon-tbox {
    gap: 15px;
  }

  .contact-info-box .contact-items .cicon {
    display: flex;
    width: 60.294px;
    height: 60.294px;
    justify-content: center;
    font-size: 22px;
  }

  .contact-info-box .contact-items .linktext {
    font-size: 18px;
    line-height: 32px;
  }

  .product-price-reivew-box {
    justify-content: space-between;
  }

}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .product-imgtext-box .box1 {
    padding: 120px 40px 20px 40px;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .product-imgtext-box .box1 {
    padding: 100px 40px 20px 40px;
    width: 50%;
  }

}

@media (max-width: 1200px) {

  /* home page css code  */
  .home-pcategory-section .product-category-box .categories-flex-box {
    gap: 40px;
    justify-content: start;
  }

  .hero__slider--items.banner-image {
    height: auto;
  }

  .home-pcategory-section {
    padding: 50px 0;
  }

  .home-blog-section .home-blog-section {
    padding: 30px 0;
  }

  .home-blog-section .hblog-item {
    margin: 30px 0;
  }

  .home-blog-section .hblog-items-handle-box {
    flex-direction: column;
    align-items: center;
  }

  .home-blog-section .hblog-item {
    width: 100%;
  }

  .home-blog-section .hblog-item:hover {
    width: 100%;
  }

  /* Single product template css code  */

  .main-shop-product-section .product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (min-width: 0px) and (max-width: 990px) {

  #scroll__top {
    bottom: 90px;
  }

  .home-pcategory-section {
    padding: 40px 0;
  }

  .image-text-box .img-text-card {
    height: 380px;
  }

  .image-text-box .box1,
  .image-text-box .box2 {
    padding: 40px 15px 10px 15px;
  }

  .gift-details-section .text-detail-box {
    padding: 0;
  }

  .gift-details-section .gift-links-box {
    max-width: 100%;
  }

  .home-fimg-box {
    padding: 80px 0;
  }

  .main-shop-section .product-carousel .owl-nav .owl-next {
    right: -95px;
  }

  .main-shop-section .product-carousel .owl-nav .owl-prev {
    left: -95px;
  }

  .image-scale-section .items-handle-box {
    flex-direction: column;
    align-items: center;
  }

  .product-sideimg-carousel-box .padding-box-carousel {
    margin-top: 25px;
  }

  .image-scale-section .left-item-box,
  .image-scale-section .right-item-box {
    width: 100%;
    padding: 60px 30px;
  }

  .image-scale-section .left-item-box:hover {
    width: 100%;
    /* Ensure it doesn't scale beyond the container */
  }

  /* blog page css code  */
  .blog-page-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* single product css code  */
  .shop-banner-box .banner-image-box {
    height: 350px;
  }

  .shop-readtext-box {
    padding: 10px 0 40px 0;
  }

  .main-shop-product-section {
    padding: 40px 0 30px 0;
  }

  .main-shop-product-section .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .client-feedback-content-text .pnt-text-box .profile-name-box {
    width: 135px;
    height: 75px;
  }

  .client-feedback-section {
    flex-direction: column;
  }

  .my-cart-section .cart-container {
    flex-direction: column;
  }

  .my-cart-section .cart-list,
  .my-cart-section .cart-summary {
    flex: 0 0 100%;
  }

  .my-checkout-section .cart-container {
    flex-direction: column;
  }

  .my-checkout-section .cart-table,
  .my-checkout-section .order-summary-section {
    flex: 0 0 100%;
  }

  .my-checkout-section .checkout-main-section .cart-container {
    flex-direction: column;
  }

  .my-checkout-section .cart-table,
  .my-checkout-section .order-summary-section {
    flex: 0 0 100%;
  }

  .my-account-content .account-page {
    flex-direction: column;
  }

  .my-account-content .sidebar {
    width: 100%;
  }

  .my-account-content .account-details {
    padding: 20px;
  }

  .my-account-content .form-row {
    flex-direction: column;
    gap: 10px;
  }

  .my-account-content .password-action-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .my-account-content .submit-btn-group {
    width: 100%;
  }

  .my-account-content .submit-btn {
    width: 100%;
  }

  .my-account-content .toggle-password {
    top: 55%;
  }

  .my-account-content .account-details {
    padding: 0;
  }

  /*login and signup page css code*/
  .main-login-signup-box {
    padding: 20px 0;
  }

  .main-login-signup-box .input-form-box {
    padding: 30px 25px;
  }

  /* contact page css code  */

  .contact-info-box .contact-items {
    padding: 25px 40px;
    border-right: none;
    border-bottom: 1.176px solid rgba(185, 15, 60, 0.3);
    gap: 10px;
  }

  .contact-info-box .row .col-12:last-child .contact-items {
    border-bottom: none;
  }

  .contact-info-box .contact-items .cicon-tbox {
    gap: 15px;
    flex-direction: column;
    justify-content: center;
  }

  .contact-info-box .contact-items .cicon {
    display: flex;
    width: 60.294px;
    height: 60.294px;
    justify-content: center;
    font-size: 22px;
  }

  .contact-info-box .contact-items .linktext {
    font-size: 18px;
    text-align: center;
    line-height: 32px;
  }
}

@media only screen and (min-width: 12000px) and (max-width: 1300px) {
  .product-price-reivew-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px 0;
    border-bottom: 1px solid #e4e4e4;
  }

}

/* Mobile version media query code */
@media only screen and (min-width: 0px) and (max-width: 767px) {

  /*footer page css code*/
  .footer-bottom-payimg-box .text-box {
    border: none !important;
  }

  h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
  }

  h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 46px;
  }

  h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
  }

  h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
  }

  h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }

  h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
  }

  /* Class Headings with !important */
  .f-h1 {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .f-h2 {
    font-size: 32px !important;
    line-height: 46px !important;
  }

  .f-h3 {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .f-h4 {
    font-size: 28px !important;
    line-height: 38px !important;
  }

  .f-h5 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .f-h6 {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  /* home page css code */

  .home-pshow-box,
  .product-imgtext-box,
  .hwine-pshow-box,
  .home-npshow-box {
    padding: 40px 0;
  }

  .main-brands-section-box .brand-item {
    margin-bottom: 35px;
  }


  .home-blog-section .hblog-item .content-box {
    height: 320px;
  }

  /* blog page css code */

  .blog-page-grid {
    padding: 0 20px 40px;
  }

  .blog-tabs {
    margin: 20px 0;
    flex-direction: column;
    gap: 15px;
  }

  /* Blog details page css code */

  .home-blog-section .article-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-blog-section .article-wrapper {
    padding: 10px;
  }

  /* single product template css code */
  .shop-banner-box .banner-image-box {
    height: auto;
    padding: 80px 0;
  }

  .main-shop-product-section {
    padding: 40px 0;
  }

  .main-shop-product-section .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .my-cart-section .table-header {
    display: none;
  }

  .my-cart-section .my-cart-steps-section {
    padding: 20px;
  }

  /* .product-cell {
    width: 200px;
} */

  .my-cart-section .step-progress {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .my-cart-section .step {
    flex: none;
    width: 100%;
  }

  .aqua-panna-section .brands-logo {
    width: 100%;
  }

  .aqua-panna-section .alert-box {
    font-size: 13px;

    gap: 6px;
  }

  .aqua-panna-section .alert-box span {
    font-size: 16px;
  }

  .my-checkout-section .my-checkout-section {
    padding: 20px 0;
  }

  .my-checkout-section .checkout-steps-section {
    padding: 20px;
  }

  .my-checkout-section .checkout-steps-section .step-progress {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .my-checkout-section .checkout-steps-section .step {
    flex: none;
    width: 100%;
  }

  .product-title-box {
    gap: 15px;
    flex-direction: column-reverse;
    margin-top: 15px;
  }

  .main-shop-section .product-carousel {
    padding: 30px 0 0 0;
  }

  /* contact page css code */

  .contact-page-wrapper .map-wrapper iframe {
    margin-top: 20px;
  }

  .contact-page-wrapper .contact-second-section {
    flex-direction: column;
    margin: 30px 0;
  }

  .contact-page-wrapper .contact-second-section-leftside,
  .contact-page-wrapper .contact-second-section-rightside {
    max-width: 100%;
  }

  .contact-page-wrapper .contact-second-section-rightside {
    padding: 30px 20px;
  }

  .contact-page-wrapper .contact-second-section-leftside {
    min-height: 250px;
  }

  /*Home page new css code*/

  .home-pcategory-section .product-category-box .categories-flex-box {
    gap: 30px;
    justify-content: center;
  }

  .home-pcategory-section .cate-img-box,
  .home-pcategory-section .cate-img-box img {
    width: 90px;
    height: 90px;
  }

  .whishlist-page .product-cell {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
    padding-right: 15px;
  }

  .whishlist-page .product-cell a {
    font-size: 14px;
    font-weight: 500;
  }

  .product-price-reivew-box {
    flex-direction: column;
  }

}

@media (max-width: 567px) {

  /* blog page css code  */
  .main-blogpage-box {
    padding: 40px 0;
  }

  .blog-banner-hero-box {
    height: auto;
    padding: 80px 0;
  }

  .blog-page-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .blog-page-detail-section {
    padding: 50px 0;
  }

  .blog-page-detail-section .article-meta {
    gap: 20px;
  }

  /* Single product template css code  */
  .main-shop-product-section .product-grid {
    grid-template-columns: 1fr;
  }

  .main-shop-product-section .pagination {
    gap: 6px;
  }

  .main-shop-product-section .page-link {
    padding: 6px 10px;
    font-size: 13px;
  }

  .add-to-cart-btn {
    margin-left: 0px;
    width: fit-content;
    padding: 10px 20px;
  }

  .product-details .product-description-box {
    padding: 0;
    background: white;
  }

  .product-price-reivew-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}

@media (max-width: 481px) {
  /*.my-cart-section .cart-title {*/
  /*  font-size: 22px;*/
  /*}*/

  /*.my-cart-section .step .circle {*/
  /*  width: 30px;*/
  /*  height: 30px;*/
  /*  font-size: 14px;*/
  /*}*/

  /*.my-cart-section .step {*/
  /*  font-size: 14px;*/
  /*}*/

  .my-cart-section .removesubtotal-div .remove {
    left: 0;
    top: 10%;
  }

  .my-cart-section .remove-subtotal .subtotal {
    text-align: right;
  }

  .my-cart-section .cart-list .price,
  .my-cart-section .cart-list .subtotal {
    width: 50%
  }

  .my-cart-section .remove-subtotal {
    align-items: end;
    justify-content: end;
  }

  .my-cart-section .product-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* center horizontally */
    justify-content: center;
    /* center vertically if needed */
    text-align: center;
    /* optional: centers text inside each item */
  }

  .my-cart-section .quantity-control {
    width: 100%;
  }

  .aqua-panna-section .brands-logo {
    width: 100%;
    margin-bottom: 20px;
  }

  .aqua-panna-section .alert-box {
    padding: 10px 14px;
  }

  .my-checkout-section .checkout-steps-section .cart-title {
    font-size: 22px;
  }

  .my-checkout-section .checkout-steps-section .step .circle {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }

  .my-checkout-section .checkout-steps-section .step {
    font-size: 14px;
  }
}

@media (max-width: 399px) {
  .option-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  /*    product details page css code*/

  .product-price-reivew-box {
    flex-direction: column;
    gap: 15px;
  }

  .quantity-section {
    padding: 25px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    align-items: start;
  }
}

@media (max-width: 1023px) {
  .footer-bottom-payimg-box-2 {
    margin-bottom: 60px;
    font-size: 14px;
  }

  .footer-bottom-payimg-box {
    gap: 15px;
  }

}

@media (max-width: 991px) {

  .my-checkout-section .contact-form input,
  .my-checkout-section .payment-form-label input {
    font-size: 14px;
  }

  .main-login-signup-box {
    height: auto;
  }

  .main-show-product-box {
    padding: 40px 0 25px 0;
  }

  .product-title-box {
    margin-top: 15px;
  }

  .product-title-box .title-quanity h2.color-lblack.f-h4,
  .main-shop-section .top-heading-box h2.color-lblack.f-h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  .client-feedback-section {
    display: flex;
    flex-direction: column;
  }

  .client-rating-box,
  .client-progress-container {
    max-width: none;
  }

  .client-feedback-content-text .pnt-text-box .profile-name-box {
    width: 46px;
    height: 46px;
    padding: 0 20px;
    font-size: 15px;
  }

  .whishlist-page .whishlist-page {
    flex-direction: column;
  }

  .whishlist-page .sidebar {
    width: 100%;
  }

  .whishlist-page .account-details {
    padding: 20px;
  }

  .whishlist-page .main-content {
    padding: 0;
  }

  .whishlist-page .add-button {
    padding: 10px 10px;
    font-size: 14px;
  }

  .home-blog-section .hblog-item .title-box {
    transform: translateY(-20px);
  }

  .home-blog-section .hblog-item .btnbox {
    transform: translateX(-50%) translateY(-5px);
    opacity: 1;
  }

  .image-text-box .img-text-card .btnbox {
    transform: translateY(0);
    opacity: 1;
  }

  .product-imgtext-box .product-itext-card .btnbox {
    transform: translateY(0);
    opacity: 1;
    bottom: 15px;
  }

  .image-text-box .img-text-card.box1 .img-text-card-title,
  .image-text-box .img-text-card.box2 .img-text-card-title,
  .image-text-box .img-text-card.box1 .img-text-card-text,
  .image-text-box .img-text-card.box2 .img-text-card-text {
    transform: translateY(-20px);
  }

  .product-imgtext-box .product-itext-card.box1 .product-itext-card-title,
  .product-imgtext-box .product-itext-card.box1 .product-itext-card-text {
    transform: translateY(-20px);
  }

  .home-fimg-box .title-box {
    transform: translateY(-20px);
  }

  .home-fimg-box .btnbox {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }


  .product-imgtext-box .box2 {
    padding: 120px 100px 20px 20px;
  }

  .product-imgtext-box .box2 .product-text-body {
    padding: 20px 20px 0px 20px;
  }

  .product-imgtext-box .box2 .product-itext-card-title {
    color: white !important;
    font-size: 22px;
  }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .product-imgtext-box .box2 .product-itext-card-title {
    color: white !important;
    font-size: 20px;
  }

  .main-shop-section .product-carousel .owl-nav .owl-next,
  .main-shop-section .product-carousel .owl-nav .owl-prev {
    display: none;
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev,
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }

  .product-price-reivew-box .rating-review-box .rating-box .star-rating,
  .product-price-reivew-box .rating-review-box .rating-box .reviews {
    padding: 5px 10px;
  }

  .footer-bottom-payimg-box .text-box {
    padding: 0;
  }
}