@media (max-width: 900px) {
 .testimonial-grid {
   grid-template-columns: 1fr;
 }
 .about-grid {
  grid-template-columns: 1fr;
}
.about-card:not(:last-child) {
border-right: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
}

}

@media (max-width: 767px) {
 .product-hero .hero-title br{
   display: none;
 }
 .product-hero .hero-title{
   margin-bottom: 20px;
 }
 .ac-button {
   margin-block: 25px;
 }
 .section-hTitle{
   font-size: 36px;
 }
 .other-products-wrapper {
   margin-left: -15px;
   margin-right: -15px;
   padding-left: 15px;
   margin-top: 30px;
 }
 .other-products .swiper-button-prev,
 .other-products .swiper-button-next{
   display: none;
 }

 .testimonials{
   padding: 45px 0px;
 }

 /* blog snippet video (home) */
 .blog-snippet {
   padding: 20px 0px;
 }
 .home .blog-snippet{
  padding: 0px;
 }
 .containerFull {
   padding-inline: 16px;
 }
 .home .blog-snippet .containerFull{
  padding-inline: 0;
 }
 .blog-snippet-video {
   height: 260px;
 }
 .blog-snippet-video video {
   height: 100%;
   object-fit: cover;
 }
 .content-model-box {
   max-width: 100%;
   padding-inline: 12px;
 }
 .content-model-box .blog-snippet-title {
   font-size: 18px;
 }
 .content-model-box span {
   font-size: 32px;
 }

}

@media (max-width: 540px) {
 .product-hero .hero-banner-content p{
   font-size: 18px;
 }
 .banner-bottom {
   flex-direction: column;
   gap: 20px;
 }
 .as-banner-block h3{
   max-width: max-content;
 }
 .product-marquee{
   margin-block: 30px;
 }
 .section-hTitle{
   font-size: 30px;
 }
 .about-grid{
   margin-top: 30px;
 }
 
 .testimonial-card{
   padding: 30px;
 }
 .testimonials{
   padding: 30px 0px;
 }

 .blog-snippet-video {
   height: 240px;
 }
 .content-model-box span {
   font-size: 28px;
 }

}


@media screen and (min-width: 1801px) {
    .max-container {
        max-width: 1500px;
        margin-inline: auto;
    }
}

@media screen and (min-width: 1201px) {
    .profile-description {
        padding-right: 40px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1313px) {
    .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
    }

    .service-heading {
        padding: 0px 10px;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

    /*********** we-partner  ********/
    .we-partner {
        padding: 130px 0px 0px;
    }

    .we-partner-inner {
        padding-left: 40px;
    }

    .img-figure {
        max-width: 510px;
        width: 100%;
    }

    .img-figure img {
        width: 100%;
    }

    .partner-section-content {
        padding: 70px 33px 30px 130px;
        margin: -37px 0px 60px -100px;
    }

    .partner-section-content h1 {
        font-size: 41px;
        letter-spacing: -1px;
    }

    .partner-section-content p {
        font-size: 20px;
    }



    /************** What we do *********/
    .services {
        padding: 70px 20px 0px;
    }

    .section-break {
        margin: 70px 0px;
    }



    /************* Partnerships ************/
    .partnerships {
        padding-left: 15px;
        padding-right: 15px;
    }

    .partnerships-row {
        gap: 50px;
        align-items: center;
    }

    .partnership-cards {
        max-width: 510px;
        width: 100%;
    }

    .partnership-cards img {
        width: 100%;
    }

    .partnership-content .section-title {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .partnership-content p {
        font-size: 20px;
    }

    /************* unreal foods ***********/
    .unreal-foods {
        padding: 95px 20px;
    }

    .unreal-foods-slide {
        width: 21vw;
    }

    .unreal-bg {
        left: 150px;
    }

    .feeling-photos {
        left: -20px;
    }

    .feeling-photos.photos-right {
        right: -20px;
    }

    .feeling-photos img {
        width: 410px;
    }

    .feeling-photos.photos-right img {
        margin-left: auto;
    }

    .numbers-box p.intro {
        font-size: 22px;
    }

    .benefit-item {
        font-size: 16px;
    }

    .numbers-inner {
        grid-template-columns: 2fr 1fr;
    }

    .numbers h2 {
        font-size: 26px;
    }

    .numbers-img {
        /* display: none; */
        height: 485px;
    }

    div.progress-bar-container {
        top: 260px;
    }

    .expect-card {
        max-height: 200px;
    }

    .step h4 {
        font-size: 20px;
    }

    .step p {
        font-size: 16px;
    }

    .blog-card-img {
        min-height: 310px;
    }

    .why {
        padding: 40px 0px;
    }

    .numbers {
        padding: 80px 20px;
    }

    .faq-list {
        max-width: 910px;
    }

    .faq {
        padding: 40px 0px;
    }

    .footer {
        padding: 32px;
    }

}

@media (max-width: 1024px) {
    :root {
        --section-px: 40px;
        --section-py: 60px;
    }

    .hero-title {
        font-size: 36px;
    }

    .hero-img-wrap {
        height: 420px;
    }

    .section-title {
        font-size: 38px;
    }

    .feeling-copy h2 {
        font-size: 34px;
    }

    .feeling-photo {
        height: 110px;
    }

    .numbers h2 {
        font-size: 24px;
    }

    .numbers-img {
        /* display: none; */
        height: auto;
    }

    .faq-title {
        font-size: 38px;
    }

    .numbers-inner {
        grid-template-columns: 2fr 1fr;
    }

    .numbers-box {
        padding: 30px;
    }

    .numbers-box p.intro {
        font-size: 22px;
    }

    .benefit-item {
        font-size: 16px;
    }

    .faq-list {
        max-width: 670px;
    }

    .feeling-photos {
        display: none;
    }

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


    /************ Blog Detail Page *********/
    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (min-width: 993px) and (max-width: 1023px) {

    /*********** we-partner  ********/
    .we-partner {
        padding: 130px 0px 0px;
    }

    .we-partner-inner {
        padding-left: 40px;
    }

    .img-figure {
        max-width: 510px;
        width: 100%;
    }

    .img-figure img {
        width: 100%;
    }

    .partner-section-content {
        padding: 80px 33px 30px 140px;
        margin: -37px 0px 60px -100px;
    }

    .partner-section-content h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .partner-section-content p {
        font-size: 18px;
    }

    /*********** Service ***********/
    .services {
        padding: 50px 0 0px;
    }

    .services-grid {
        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    }

    .section-break {
        margin: 80px 0px;
    }

    /************* Partnerships ************/
    .partnerships-row {
        gap: 50px;
        align-items: center;
    }

    .partnership-cards {
        max-width: 510px;
        width: 100%;
    }

    .partnership-cards img {
        width: 100%;
    }

    .partnership-content .section-title {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .partnership-content p {
        font-size: 18px;
    }

    /************* unreal foods ***********/
    .unreal-foods {
        padding: 90px 20px;
    }

    .unreal-foods-slide {
        width: 21vw;
    }

    .unreal-bg {
        left: 150px;
    }

    .numbers-img .pen-wrapper img {
     max-width: 150px;
    }

}


@media screen and (max-width: 992px) {

    /***********  we-partner  ********/
    .we-partner {
        padding: 70px 0px 0px;
    }

    .we-partner-container {
        padding: 0px 15px;
    }

    .we-partner-inner {
        padding: 0px;
        flex-direction: column;
    }

    .img-figure {
        width: 100%;
    }

    .img-figure img {
        width: 100%;
    }

    .partner-section-content {
        padding: 40px 30px 40px 40px;
        margin: 15px 0px;
    }

    .partner-section-content h1 {
        letter-spacing: -1px;
    }

    /************* What we do **********/
    .services {
        padding-top: 70px;
    }

    /************** Partnerships ***********/
    .partnerships-row {
        flex-direction: column-reverse;
        gap: 35px;
    }

    .partnership-cards {
        width: 100%;
    }

    .partnership-cards img {
        width: 100%;
    }

    .partnership-content p {
        max-width: 510px;
    }

    .partnership-content .section-title {
        max-width: 660px;
    }

    /************* unreal foods ***********/
    .unreal-foods {
        padding: 85px 20px;
    }

    .unreal-foods-slide {
        width: 20vw;
    }

    .unreal-bg {
        left: 130px;
    }

    .section-break {
        margin: 70px 0px;
    }

    .numbers-img .pen-wrapper img {
     max-width: 150px;
    }

}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .banner-bottom{
        flex-direction: column;
  }
    .why {
        padding-inline: 0px;
    }

    .card-doctors-img {
        width: 180px;
        height: 240px;
    }

    .icon_container {
        margin-block: 20px;
    }

    .progress-bar-container {
        top: 280px !important;
    }

    .why-card {
        padding-inline: 25px;
    }

    .why-card h3 {
        font-size: 20px;
    }

    .why-card p {
        font-size: 16px;
    }

    .step h4 {
        font-size: 18px;
    }

    .step p {
        font-size: 16px;
    }

    .feeling-photos {
        display: none;
    }

    .numbers-inner{
     gap: 30px;
    }
    

}

@media screen and (min-width: 768px) {
    .progress-bar-container {
        height: 2px;
        border: #f1f0f0;
        border-radius: 10px;
        position: absolute;
        top: 340px;
        z-index: 0;
        display: table;
        overflow: visible;
        width: 100%;
        background: #fff0;
        margin: 0 auto;
        left: 0;
    }

    .progress-barw {
        width: 0%;
        height: 2px;
        border-top: 1px dashed #3288B4;
    }

    .expect-cards {
        flex: 1;
    }

    .blog-card-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* transform: translateY(-120px); */
        /* opacity: 0; */
        min-height: 230px;
    }

    .blog-card-content {
        /* transform: translateY(120px); */
        /* opacity: 0; */
    }

    .blog-card-icon {
        /* scale: 0; */
        scale: 1;
    }

    .expect{
     padding-top: 90px;
    }
     .why{
      padding-top: 90px;
     }
     .why .section-title{
      margin-bottom: 60px;
     }

    /*************** blog-listing ******************/
    .blog-card-title {
        max-width: 310px;
    }

    .blog-card-excerpt {
        max-width: 340px;
    }

    /********* blog Detail ********/
    .related-post-title {
        max-width: 310px;
    }

    .related-post-excerpt {
        max-width: 340px;
    }

    .mob_steps {
        display: none;
    }

}


@media screen and (max-width: 767px) {
    .page-template-blog-listing .blog-listing-page {
        padding-bottom: 80px;
    }

    .have-content {
        bottom: 80px;
    }

    .site-banner h1 {
        padding-left: 30px;
    }

    /*********** we-partner  ********/

    .partner-section-content {
        padding: 30px 20px 30px 25px;
        margin: 10px 0px;
    }

    /************* What we do **********/
    .section-title {
        letter-spacing: -1px;
        margin-bottom: 28px;
    }

    .icon_container {
        margin-block: 24px;
    }

    .icon_container.blog-card-icon {
        display: none;
    }

    .step h4 {
        font-size: 20px;
        padding-right: 0px;
    }

    .step p {
        font-size: 16px;
        padding-right: 0px;
    }

    .section-break {
        margin: 60px 0px;
    }

    .expect{
     padding-top: 40px;
    }

    /************* unreal foods ***********/
    .unreal-foods {
        padding: 75px 20px;
    }

    .unreal-foods-slide {
        width: 25vw;
    }

    /************** cover *************/
    .cover img {
        aspect-ratio: 3 / 1.34;
    }

    .profile-card {
        padding: 20px;
    }

    .name {
        font-size: 1.5rem;
    }

    .role {
        font-size: 1.1rem;
    }

    /***************** About Page ***************/
    .pri-title {
        top: -20px;
    }

    .about-us {
        padding: 90px 20px;
        margin-bottom: 0px;
    }

    .about-inner-title {
        letter-spacing: -1px;
        margin-bottom: 50px;
    }

    .profile-description {
        font-size: 17px;
    }

    .profile-role {
        margin-bottom: 20px;
    }

    .recent-coverage-content h3 {
        font-size: 26px;
    }

    .recent-coverage-content p {
        font-size: 21px;
    }

    .recent-coverage-content {
        min-height: auto;
    }

    .read-story-link {
        margin-top: 40px;
        padding-top: 30px;
    }

    .recent-coverage-heading img {
        max-width: 100%;
    }

    .our-recent-press {
        padding-bottom: 70px;
    }

    .card_container {
        flex-direction: column;
        padding: 0px 10px;
        gap: 25px;
    }

    :root {
        --section-px: 20px;
        --section-py: 48px;
    }

    /* Nav */

    .mob-none {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    /* Hero */
    /* .hero-inner {
        grid-template-columns: 1fr;
        gap: 36px;
        display: grid;
    } */
    .hero-inner {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 10px;
    }

    .hero-title {
        font-size: 34px;
    }

    .hero-img-wrap {
        height: 395px;
        order: -1;
    }

    .product-hero .hero-img-wrap,
    .numbers-img .hero-img-wrap{
     height: 365px;
    }

    

    .hero-img-wrap img {
        width: 100%;
    }

    .hero-img-wrap .pen-wrapper img {
     max-width: 160px;
    }

    .hero-banner-content {
        max-width: 100%;
    }

    .card-doctors-img img {
        width: auto;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .seamless-prescription img {
        width: auto;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .card-tracker-img img {
        width: auto;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .why-card.card-tracker {
        padding-bottom: 0px;
    }

    .why-card.card-doctors {
        padding-bottom: 0px;
    }

    /* Why Antlia */
    .why-grid {
        grid-template-columns: 1fr;
    }

    .card-doctors {
        flex-direction: column;
    }

    .card-doctors-img {
        width: 100%;
        height: 310px;
    }

    .section-title {
        font-size: 32px;
    }

    /* Feeling Better */
    .feeling-inner {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .feeling-photos {
        display: none;
    }

    .feeling-copy h2 {
        font-size: 32px;
        margin-bottom: 24px;
    }

    .feeling-copy .strong-text {
        margin-bottom: 24px;
    }

    .feeling-copy .sub-text {
        margin-bottom: 24px;
    }

    .feeling-copy {
        padding: 0;
    }

    .numbers {
        background-position: left;
    }

    /* What to Expect */
    .expect-cards {
        grid-template-columns: 1fr;
        display: grid;
        width: 100%;
    }

    .expect-cards:first-child .steps-count-mob {
        margin-top: 39px;
    }

    .expect h2.section-title {
        margin-bottom: 0px;
    }

    .expect-cards .expect-card {
        order: 3;
        margin-top: 23px;
    }

    .expect-card {
        height: auto;
        max-height: max-content;
    }

    .steps {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .step {
        padding-right: 0;
    }

    .step-line {
        display: none;
    }

    /* Numbers */
    .numbers-box {
        padding: 30px 25px;
    }

    .numbers-box p.intro {
        font-size: 22px;
    }

    .benefit-item {
        font-size: 15px;
    }

    .numbers-inner {
        grid-template-columns: 1fr;
        gap: 32px;
        flex-direction: column-reverse;
        display: flex;

    }

    .numbers-img {
     display: flex;
     width: 100%;
     height: auto;
    }

    .numbers h2 {
        font-size: 22px;
        max-width: 80%;
    }

    /* FAQ */
    .faq-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .faq-body {
        font-size: 16px;
    }



    /******************* Blog listing ****************/
    .blog-listing-header h1 {
        font-size: 32px;
    }

    .blog-search-container {
        margin: 0px auto;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        padding: 0px;
    }

    .blog-listing-header {
        padding: 40px 0px;
    }

    .blog-listing-header h1 {
        margin-bottom: 30px;
    }

    .blog-grid {
        gap: 28px 16px;
    }


    /************** blog detail page **************/
    .post-title {
        font-size: 34px;
    }

    .related-posts-grid {
        grid-template-columns: 1fr;
    }

    .post-header,
    .post-content-wrap,
    .post-featured-image {
        padding: 0px;
    }

    .post-featured-image {
        margin-block: 30px;
    }

    .related-posts-header h2 {
        font-size: 32px;
    }

    .related-posts-grid {
        gap: 28px 16px;
    }

    .mobile_backgroud_image {
        margin-left: -20px;
        margin-right: -20px;
    }

    .mobile_backgroud_image img {
        width: 100%;
    }

    .numbers h2 {
        margin-bottom: 0px;
    }

    .numbers-box {
        /* margin-top: -220px; */
        position: relative;
        max-width: 100%;
    }

    .faq-trigger span.q {
        font-size: 18px;
    }

    .testimonials-inner .swiper{
     padding-inline: 0px;
    }
    .testimonials .swiper-button-prev, 
    .testimonials .swiper-button-next{
     display: none;
    }

    .about-grid{
     border-radius: 0px;
     background: transparent;
    }
    .about-card{
     margin-bottom: 20px;
     border-radius: 24px;
     border: 1px solid rgba(0,0,0,0.1) !important;
    }
	
	
	
	.policy-pages p, .static-content-pages p {
		padding-right: 0px;
		font-size: 16px;
	}
	.policy-pages .wp-block-heading, .static-content-pages .wp-block-heading {
		font-size: 18px;
		padding-right: 0px;
	}
	.policy-pages ul li, .static-content-pages ul li, .policy-pages ol li, .static-content-pages ol li {
		font-size: 16px;
		padding-right: 0px;
	}

}


@media (max-width: 540px) {
    .post-title {
        font-size: 32px;
    }
    .post-content h1,
    .post-content h2,
    .post-content h3 {
        margin-top: 16px;
        font-size: 24px;
    }
    .post-content h4 {
        font-size: 18px;
    }
    .related-posts-header h2 {
        font-size: 27px;
    }
    .related-posts-header {
        margin-bottom: 30px;
    }
    .numbers {
        background-position: unset;
    }
    .numbers h2 {
        max-width: 95%;
        margin-bottom: 20px;
    }
    .card-doctors-img {
        width: 100%;
        height: 210px;
    }
    .product-marquee{
     margin-block: 30px;
   }

}

@media (max-width: 480px) {
 .nav-logo img {
   width: 75px;
 }
    span.nav-tagline {
        font-size: 11px;
    }

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

    .social-icons {
        scale: 0.8;
        top: 30%;
    }

    .hero-title {
        font-size: 32px;
    }

    .section-title {
        font-size: 32px;
    }

    .feeling-copy h2 {
        font-size: 32px;
    }

    .feeling-copy .strong-text {
        font-size: 20px;
    }

    .feeling-copy .sub-text {
        font-size: 16px;
    }

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

    .faq-title {
        font-size: 32px;
    }

    .btn-dark {
        padding: 12px 24px;
        font-size: 14px;
    }

    section.why {
        padding-inline: 8px;
    }

    .why-card {
        padding: 25px;
    }

    .why-card p {
        font-size: 16px;
    }

    .why-card h3 {
        font-size: 20px;
    }
    .nav-right{
     gap: 10px;
    }
    .header-container .container {
      padding: 0;
     }
}



@media screen and (max-width: 380px) {
    .nav-logo img {
        width: 70px;
    }

    span.nav-tagline {
        font-size: 9px;
    }

    .nav-signin {
        padding: 9px 13px;
        font-size: 11px;
        white-space: nowrap;
    }

    .unreal-action {
        flex-direction: column;
        align-items: center;
    }

    .cover img {
        aspect-ratio: 3 / 1.3;
    }
}