/***********Responsive**********************/
@media (min-width: 1920.98px) {}
/* End min-width: 1920px */

@media (min-width: 480px) {
  .d-sm-mini-none {
    display: none !important;
  }
}
/* End min-width: 480px */

@media (min-width: 768px) {
  .mobile-d-block {
    display: none !important;
  }
  .mobile-d-none {
    display: block !important;
  }
}
/* End min-width: 768px */

@media (min-width: 992px) {
  /* Desktop: Full screen banner minus navbar */
  .banner-carouselx {
    min-height: calc(100vh - 110px);
  }
  .header-section .banner-carouselx .banner_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/* End min-width: 992px */

@media (min-width: 1200px) {

  .number {
    font-family: "Lato", serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 10px 0;
  }
  .guide-box {
    height: unset;
  }
  .stats-card {
    padding: 25px;
  }
}
/* End min-width: 1200px */

@media (min-width: 1400px) {
}
/* End min-width: 1400px */

@media (max-width: 1620.98px) {}
/* End max-width: 1620px */

@media (max-width: 1540.98px) {
  
}
/* End max-width: 1540px */

@media (max-width: 1399.98px) {
  .other-option .common-border-button span, .other-option .common-button span {
    padding: 12px 15px;
    min-width: unset;
    width: unset;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
  }
  .main-nav .navbar-nav .nav-item a, .other-option .login-link span {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 20px !important;
  }
  .header_bottom .navbar-brand img {
    width: 73px;
  }
  .header_bottom.sticky .navbar-brand img {
    width: 73px;
  }
  .other-option .login-link {
    margin: 0 10px 0 0;
  }
  .other-option {
    padding-left: 40px;
  }
  .header_bottom.sticky .navbar {
    padding: 15px 0 !important;
  }
  .other-option .common-border-button-2 span, .other-option .common-button-2 span {
    padding: 12px 20px;
    min-width: 140px;
    font-size: 14px;
    line-height: 20px;
  }
  section.header-section.serviceInner .header-content h1 {
    font-size: 50px;
  }
   .header-content h2 {
    font-size: 65px;
    line-height: 74px;
  }
  .header-content h2 span {
    font-size: 65px;
    line-height: 74px;
  }
  h2 {
    font-size: 30px;
    line-height: 1.2;
}
.included-center {
    position: relative;
    width: 360px;
    height: 360px;;
}
.included-content .included-item {
    position: absolute;
    width: 240px;
}
.testimonial-header img {
  width: 34px !important;
  height: 34px;
}
.testimonial-box {
    padding: 20px 20px;
}
/* .testisec h4 {
  font-size: 18px;
  line-height: 33.6px;
} */
.stat-box h3 {
    font-size: 120px;
    line-height: 150px;
}

}
@media (max-width: 1365.98px) {
  .banner-text-overlay {
    max-width: min(53vw, 635px);
}
  .banner-text-overlay h1 {
    font-size: clamp(42px, 4.5vw, 48px);
}
  .banner-text-overlay h6 {
    font-size: clamp(26px, 2.9vw, 30px);
}
}

@media (max-width: 1299.98px) {}
/* End max-width: 1299px */

@media (max-width: 1199.98px) {

.product-grid {
    grid-template-columns: repeat(2, 1fr);
}
.overlay-text h2 {
    font-size: 36px;
}
.overlay-text {
    background-color: rgba(187, 1, 0, 0.70);
    position: relative;
}
.shop-age-carousel.owl-carousel .owl-nav button.owl-prev:hover, .product-carousel.owl-carousel .owl-nav button.owl-prev:hover, .testi-carousel.owl-carousel .owl-nav button.owl-prev:hover, .reentView-carousel.owl-carousel .owl-nav button.owl-prev:hover, .reentPost-carousel.owl-carousel .owl-nav button.owl-prev:hover {
  margin-left: -45px;
}
.shop-age-carousel.owl-carousel .owl-nav button.owl-prev, .product-carousel.owl-carousel .owl-nav button.owl-prev, .testi-carousel.owl-carousel .owl-nav button.owl-prev, .reentView-carousel.owl-carousel .owl-nav button.owl-prev, .reentPost-carousel.owl-carousel .owl-nav button.owl-prev {
  margin-left: -45px;  
}
.shop-age-carousel.owl-carousel .owl-nav button.owl-next, .product-carousel.owl-carousel .owl-nav button.owl-next, .testi-carousel.owl-carousel .owl-nav button.owl-next, .reentView-carousel.owl-carousel .owl-nav button.owl-next, .reentPost-carousel.owl-carousel .owl-nav button.owl-next {
    margin-right: -45px;
}
.shop-age-carousel.owl-carousel .owl-nav button.owl-next:hover, .product-carousel.owl-carousel .owl-nav button.owl-next:hover, .testi-carousel.owl-carousel .owl-nav button.owl-next:hover, .reentView-carousel.owl-carousel .owl-nav button.owl-next:hover, .reentPost-carousel.owl-carousel .owl-nav button.owl-next:hover {
      margin-right: -45px;
}
.shop-age-carousel .owl-nav, .product-carousel .owl-nav, .testi-carousel .owl-nav, .reentView-carousel .owl-nav, .reentPost-carousel .owl-nav {
    transform: translateY(-50%);
    padding: 0 10px;
    margin-top: 40px;
    position: relative;
    justify-content: center;
}
.banner-text-overlay {
  max-width: min(52vw, 550px);
}
.banner-text-overlay h1 {
  font-size: clamp(38px, 4.5vw, 44px);
}
.banner-text-overlay h6 {
  font-size: clamp(23px, 2.9vw, 27px);
}
.footertitle {
  font-size: 18px;
}
.banner-carouselx {
  min-height: calc(100vh - 80px);
}
}


@media (max-width: 991.98px) {
  /* Tablet: Keep desktop image behavior but mobile text positioning */
  .banner-carouselx {
    display: flex;
    flex-direction: column;
  }
  .banner-carouselx a {
    order: 2;
    width: 100%;
  }
  .header-section .banner-carouselx .banner_img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .banner-carouselx .container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    order: 1;
    padding-top: 35px;
    z-index: 10;
  }

  .banner-text-overlay h6 {
    font-size: clamp(24px, 1.9vw, 28px);
  }
  .banner-text-overlay h1 {
    font-size: clamp(32px, 4.5vw, 42px);
  }
  section.header-section.merge-padding {
    padding: 85px 0 0px !important;
}
.banner-text-overlay {
  padding-right: 15px;
  max-width: min(50vw, 430px);
}
/* .header-section {
    min-height: 60vh;
} */
section.shopbyage {
    padding-bottom: 0;
}
section.filtertabsection {
    padding-bottom: 0;
}
  .other-option {
    position: absolute;
    right: 80px;
    top: 70%;
    transform: translateY(-50%);
}
.mean-container a.meanmenu-reveal {
  padding: 0;
  transform: translate(-30px, -50%);
  top: 70%;
}
  section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  

.header-section {
  padding: 120px 0 0px !important;
}
.story-section .title span img {
    width: 70px;
    height: 36px;
}
.story-section .title h2 {
    font-size: 30px;
    line-height: 61.96px;
}
.stat-box h3 {
    font-size: 80px;
    line-height: 80px;
 }
 .stat-box p {
    font-size: 17px;
    line-height: 25.99px;
    color: #7777;
}
.stat-box {
    max-width: 420px;
    padding: 0;
}
.product-card .buy-now-overlay .btn {
    padding: 10px 19px;
    line-height: 20px;
    min-width: 115px;
}

.age-button {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 15px;
    width: 74%;
}

.giftarea_touch h2 {
    font-size: 30px;
}
.main-image {
    min-height: 410px;
}
.filter-bar {
    justify-content: space-between;
            gap: 20px;
}
.filter-info {
   margin-left: 0; 
    margin-right: 0;
}
.category-text h1 {
  font-size: 34px;
}
.searchform .is-form-style.is-form-style-3 label {
    min-width: 220px;
}
.searchform form.is-search-form {
    display: flex;
}
.searchform form .is-search-icon {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    padding-top: 0px !important;
}
.is-search-icon {
  background: #FFF!important;
  border-left: none!important;
  height: 34px!important;
}
.is-form-style button.is-search-submit {
    background: 0 0;
    height: 35px!important;
}
.searchform {
    top: 35px;
}
.main-nav nav .navbar-nav .nav-item {
    padding: 15px 0;
}
.blog-listing-section {
    padding-top: 100px !important;
}
  .pagination_sec .pagination {
    float: unset!important;
    justify-content: center;
}
.subpage-banner {
    aspect-ratio: 16 / 8;
}
.banner-text-overlay {
  text-align: center;
  margin: 0 auto;
  max-width: min(90vw, 600px);
  padding: 20px 15px;
  border-radius: 6px;
}
}
/* End max-width: 991px */
 
@media (max-width: 767.98px) {
.banner-carouselx {
  display: flex;
  flex-direction: column;
  min-height: auto;
}
.banner-carouselx a {
  order: 2;
  width: 100%;
  align-self: flex-end;
}
/* Mobile: Image adjustments for flex layout - starts at 767px */
.header-section .banner-carouselx .banner_img {
  position: relative;
  height: auto;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}
.banner-carouselx .container {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  order: 1;
  padding-top: 35px;
  z-index: 10;
}

.banner-text-overlay h1 {
  font-size: clamp(32px, 5.5vw, 42px);
  margin-bottom: 12px;
}
.banner-text-overlay h6 {
  font-size: clamp(22px, 3.5vw, 26px);
}
p {
    line-height: 24px;
    font-size: 14px;
}
  h2 {
    font-size: 26px;
    line-height: 1.2;
  }
  .filtertabsection .nav-tabs .nav-link {
    font-size: 20px;
    line-height: 29.84px;
  }
.bulk h2.section_heading ,.bulk h1.section_heading {
    font-size: 28px;
}
.bulk .text-muted {
    font-size: 15px;
    line-height: 25.01px;
    max-width: 920px;
    margin: 0 auto 50px;
}
.stats-grid {
    grid-template-columns: repeat(1, 1fr);
}
.overlay-text {
    position: relative;
}
.overlay-text.p-5 {
    padding: 30px !important;
}
.overlay-text h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.overlay-text p {
    font-size: 16px;
    line-height: 23.99px;
}
.overlay-text a {
    padding: 10px 30px;
    font-size: 15px;
    line-height: 22.86px;;
}
.giftarea_touch .gift-banner {
    flex-direction: column;
}
.giftarea_touch .gift-text {
    max-width: 100%;
    padding: 30px;
    text-align: center;
}
.giftarea_touch .sub-text {
    font-size: 16px;
    line-height: 24.99px;
}
.giftarea_touch h2 {
    font-size: 32px;
    margin-bottom: 15px;
}
.giftarea_touch .gift-image {
    order: 2;
}
.giftarea_touch .view-more-btn {
    margin-right: 30px;
    margin-left: 30px;
}
.help-support-section .left-heading, .inner-subheading {
    font-size: 32px;
    line-height: 1.1;
}
.workshop-content p {
    font-size: 15px;
    line-height: 27.01px;
}
.section_heading {
  text-align: center;
}
.vwall {
  display: flex;
  align-items: center;
  font-family: Lato;
  font-weight: 400;
  font-size: 15px;
  line-height: 21.43px;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 20px;
  vertical-align: middle;
  color: #282828;
  gap: 15px;
  justify-content: center;
  transition: 0.5s ease-in-out;
}
.story-section {
    padding: 35px 20px;
}
.stat-box h3 {
    font-size: 60px;
    line-height: 80px;
  }
.help-support-heading {
    font-size: 32px;
    font-family: 'Marshall', serif;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1rem;
}
/* .product-card {
    margin-bottom: 20px;
} */
.product-grid {
    gap: 15px;
}
.category-text h1 {
  font-size: 30px;
}
.gifting-story-section .rotate-img {
    width: 100%;
}
.subpage-title {
    font-size: 2.5rem;
}
.blog-post ul li , .blog-post {
    color: #777;
    font-size: 14px;
} 
.get-in-touch-section h2 {
  font-size: 26px!important;
}


}
/* End max-width: 767px */

@media (max-width: 575.98px) {
.banner-carouselx {
  min-height: auto;
}
/* Small mobile: Smaller banner image */
.header-section .banner-carouselx .banner_img {
  min-height: 350px;
}
.banner-carouselx .container {
  padding-top: 30px;
}
.banner-text-overlay {
  max-width: min(92vw, 550px);
  padding: 18px 12px;
}
.banner-text-overlay h1 {
  font-size: clamp(30px, 6vw, 32px);
  margin-bottom: 10px;
}
.banner-text-overlay h6 {
  font-size: clamp(18px, 4vw, 22px);
}
  .header-content h2 ,.header-content h2 span{
    font-size: 42px;
}

.help-support-desc {
  font-size: 14px;
  line-height: 24.01px;
  margin-bottom: 15px;
}
.header-content h3 {
  font-size: 16px;
}
 h2 {
  font-size: 26px;
 }
.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.footertitle {
    font-size: 18px;
    margin-bottom: 20px;
}
.footerlinks ul li {
    margin-bottom: 10px;
}
.view-toggle {
  display: none;
}
.filter-bar {
  justify-content: end;
  gap: 20px;
  display: block;
  }
.filter-group {
  display: flex;
  justify-content: space-between;
}
.blog-card-img {
    min-width: 120px;
    width: 100%;
    height:160px;
  }
  .blog-card {
    flex-direction: column;
  }
  .shop-age-carousel.owl-theme .owl-nav [class*='owl-'], 
  .product-carousel.owl-theme .owl-nav [class*='owl-'], 
  .testi-carousel.owl-theme .owl-nav [class*='owl-'], 
  .reentView-carousel.owl-theme .owl-nav [class*='owl-'], 
  .reentPost-carousel.owl-theme .owl-nav [class*='owl-'] {
    width: 34px;
    height: 34px;
}
.help-support-mainbox .common-button {
  min-width: 160px;
}

.breadcrumb {
    background: none;
    font-size: 12px;
    margin-bottom: 5px;
}
.toggle-content ul li {
      font-size: 14px;
}
}
/* End max-width: 575px */

@media (max-width: 479.98px) {
.blog-card {
  flex-direction: column;
  margin-bottom: 20px;
}
.blog-card-img {
  min-width: 120px;
  width: 100%;
  height: auto;
  border-radius: 16px 16px 0 0;
 }
}
/* End max-width: 479px */

@media (max-width: 414.98px) {

}
/* End max-width: 414px */

@media (max-width: 379.98px) {

}
/* End max-width: 379px */

@media (max-width: 360.98px) {
}
/* End max-width: 360px */

@media (max-width: 350.98px) {
  .footertitle {
    font-size: 17px;
    margin-bottom: 20px;
}
}
/* End max-width: 350px */

@media (max-width: 320.98px) {
}
/* End max-width: 320px */
