@media (max-width: 1800px) {
  .lipo-why-sec-div div h3 {
    font-size: 18px;
  }

  .lipo-why-sec-div div p {
    font-size: 16px;
  }

  .lipo-why-sec-div:nth-child(2) {
    top: 0;
    right: 2%;
  }

  .lipo-why-sec-div:nth-child(3) {
    top: 32%;
    right: -1%;
  }

  .lipo-why-sec-div:nth-child(4) {
    bottom: -2%;
    right: -5%;
  }

  .lipo-why-sec-div:nth-child(5) {
    top: 10%;
    left: -5%;
  }

  .lipo-why-sec-div:nth-child(6) {
    bottom: 14%;
    left: 2%;
  }

  .lipo-line3 {
    height: 162px;
  }
}

@media (max-width: 1600px) {
  .inner-banner-text-div h1 {
    font-size: 42px;
  }

  .inner-banner-text-div p {
    font-size: 18px;
  }

  .about-heading {
    font-size: 60px;
  }

  .about-highlight {
    font-size: 70px;
  }

  .about-text {
    max-width: 52%;
    font-size: 18px;
  }

  .about-inner-content {
    max-width: 70%;
  }

  .about-inner-title {
    font-size: 30px;
  }

  .about-inner-text {
    font-size: 18px;
  }

  .about-legacy-text {
    max-width: 70%;
  }

  .about-legacy-text h2 {
    font-size: 30px;
  }

  .about-legacy-text p {
    font-size: 18px;
  }

  .about-inner-image {
    top: 50%;
    transform: translateY(-50%);
    width: 24%;
  }

  .vision-content h2 {
    font-size: 30px;
  }

  .vision-content h3 {
    font-size: 24px;
  }

  .vision-content p {
    font-size: 18px;
    width: 90%;
  }

  .about-award-head h2 {
    font-size: 30px;
  }

  .about-award-head p {
    font-size: 24px;
  }

  .award-text-box h3 {
    font-size: 24px;
  }

  .award-text-box p {
    font-size: 17px;
  }

  .award-text-box p strong {
    font-size: 17px;
  }

  /* contact page */
  .contactSec-heading {
    font-size: 60px;
  }

  .contactSec-highlight {
    font-size: 70px;
  }

  .contactSec-description {
    max-width: 800px;
    font-size: 18px;
  }

  .contactSec-info-box h4 {
    margin-bottom: 0.2rem;
    font-size: 26px;
  }

  .contactSec-info-box p {
    font-size: 18px;
    margin-bottom: unset;
  }

  .contactSec-info-wrapper {
    gap: 1rem;
  }

  .contactSec-info-box {
    width: 25%;
    min-width: 200px;
  }

  .contactFormSec-heading {
    font-size: 30px;
    margin-bottom: 1rem;
  }

  .contactFormSec-description {
    font-size: 18px;
  }

  form.contactFormSec-form input {
    font-size: 18px;
  }

  form.contactFormSec-form input::placeholder {
    font-size: 18px;
  }

  form.contactFormSec-form textarea::placeholder {
    font-size: 18px;
  }

  form.contactFormSec-form button {
    font-size: 20px;
  }

  /* lipo page */
  .lipo-vit-div img {
    width: 60px;
  }

  .lipo-vit-div h4,
  .home-lipo-vit-div h4 {
    font-size: 18px;
    width: 80%;
  }

  .lipo-vit-div p,
  .home-lipo-vit-div p {
    font-size: 16px;
    width: 80%;
  }

  .lipo-vit-head h2,
  .home-lipo-vit-head h2 {
    font-size: 32px;
  }

  .lipo-vit-head {
    gap: 0.5rem;
  }

  .lipo-vit-head .subhead {
    font-size: 18px;
  }

  .lipo-vit-head p,
  .home-lipo-vit-head p {
    font-size: 18px;
  }

  .lipo-vit-inner-sec h3,
  .home-lipo-vit-inner-sec h3 {
    font-size: 22px;
    margin-top: 3rem;
  }

  .lipo-why-it-works-head h2 {
    font-size: 30px;
  }

  .lipo-why-it-works-head .subhead {
    font-size: 18px;
  }

  .lipo-why-it-works-head p {
    font-size: 18px;
    width: 50%;
  }

  .lipo-why-it-works-inner h3 {
    font-size: 22px;
  }

  .lipo-better-head h2 {
    font-size: 30px;
  }

  .lipo-better-head h3,
  .home-lipo-better-head h3 {
    font-size: 20px;
  }

  .lipo-better-head p {
    font-size: 18px;
  }

  .lipo-better-flex-div ul li,
  .home-lipo-better-flex-div ul li {
    font-size: 18px;
  }

  .vitC-section h2 {
    font-size: 30px;
  }

  .vitC-intro,
  .vitC-sub-intro {
    font-size: 18px;
  }

  .vitC-swiper {
    margin: 2rem auto;
    width: 60%;
  }

  .vitC-slide h4 {
    font-size: 18px;
  }

  .vitC-slide p {
    font-size: 16px;
  }

  .vitC-footer-text {
    padding-top: 2.5rem;
    font-size: 18px;
  }

  .lipo-line1 {
    height: 176px;
  }

  .lipo-why-sec-div:nth-child(2) {
    top: -7%;
    right: 3%;
  }

  .lipo-why-sec-div:nth-child(3) {
    top: 35%;
    right: -1%;
  }

  .lipo-why-sec-div img {
    width: 15%;
    height: 15%;
  }

  .miracle-blogintro-title {
    font-size: 30px;
  }

  .miracle-blogintro-text {
    font-size: 18px;
  }

  .blog--list-style li a {
    font-size: 20px;
    padding: 0.6rem 1.6rem;
  }

  .p-a20 a {
    font-size: 16px;
  }

  .wt-thum-bx.wt-img-overlay1.wt-img-effect.zoom img {
    padding: 1rem;
  }

  .wt-info {
    padding: 0 1rem 1rem 1rem;
  }
}

@media (max-width: 1440px) {
  .inner-banner-text-div h1 {
    font-size: 36px;
    margin-bottom: 1rem;
  }

  .about-heading {
    font-size: 50px;
  }

  .about-highlight {
    font-size: 56px;
  }

  .about-inner-title {
    font-size: 30px;
  }

  .about-legacy-text h2 {
    font-size: 30px;
  }

  .vision-content h2 {
    font-size: 30px;
  }

  .vision-content h3 {
    font-size: 22px;
  }

  .vision-content div {
    margin-bottom: 2rem;
  }

  .vision-content {
    max-width: 64%;
  }

  .about-award-head h2 {
    font-size: 30px;
  }

  .about-award-head p {
    font-size: 20px;
  }

  .award-text-box h3 {
    font-size: 22px;
  }

  .award-text-box p {
    margin-bottom: 0.5rem;
  }

  .about-award-img-sec {
    width: 75%;
  }

  /* contact page */
  .contactSec-heading {
    font-size: 50px;
  }

  .contactSec-highlight {
    font-size: 56px;
  }

  .contactSec-info-box h4 {
    font-size: 22px;
  }

  .contactSec-info-box p {
    font-size: 17px;
  }

  .contactFormSec-heading {
    font-size: 30px;
  }

  .lipo-vit-head h2,
  .home-lipo-vit-head h2 {
    font-size: 30px;
  }

  .lipo-vit-inner-sec h3,
  .home-lipo-vit-inner-sec h3 {
    font-size: 20px;
    margin-top: 2rem;
  }

  .lipo-vit-div div {
    gap: 0.2rem;
  }

  .lipo-why-it-works-head h2 {
    font-size: 30px;
  }

  .lipo-why-it-works-head {
    gap: 0.5rem;
  }

  .lipo-why-it-works-inner h3 {
    font-size: 20px;
  }

  .lipo-better-head {
    width: 86%;
  }

  .lipo-better-head h2 {
    font-size: 30px;
  }

  .vitC-section h2 {
    font-size: 30px;
  }

  .lipo-why-sec-div:nth-child(6) {
    bottom: 11%;
    left: -2%;
  }

  .lipo-line5 {
    height: 152px;
    top: 52%;
    left: 42%;
  }

  .miracle-blogintro-title {
    font-size: 30px;
    margin-bottom: 1.5rem;
  }

  .blog--list-style li a {
    font-size: 18px;
    padding: 0.6rem 1.4rem;
  }

  .list li a {
    font-size: 18px !important;
    padding: 0.6rem 1.6rem !important;
  }
}

@media (max-width: 1366px) {
  .inner-banner-text-div h1 {
    font-size: 30px;
  }

  .inner-banner-text-div p {
    font-size: 17px;
  }

  .about-heading {
    font-size: 40px;
  }

  .about-highlight {
    font-size: 46px;
    padding: 0.6rem 1.4rem;
  }

  .about-text {
    max-width: 56%;
  }

  .about-text p {
    font-size: 17px;
  }

  .about-inner-title {
    font-size: 26px;
  }

  .about-inner-text p {
    font-size: 17px;
  }

  .about-legacy-text h2 {
    font-size: 26px;
  }

  .about-legacy-text p {
    font-size: 17px;
  }

  .about-legacy-text-b {
    margin-top: 2rem;
  }

  .vision-content h2 {
    font-size: 26px;
  }

  .vision-content h3 {
    font-size: 20px;
  }

  .vision-content p {
    font-size: 17px;
    width: 100%;
  }

  .about-award-head h2 {
    font-size: 26px;
  }

  .about-award-head p {
    font-size: 17px;
  }

  .award-text-box h3 {
    font-size: 20px;
  }

  .award-text-box p {
    font-size: 16px;
  }

  .award-text-box p strong {
    font-size: 16px;
  }

  .contactSec-heading {
    font-size: 40px;
  }

  .contactSec-highlight {
    font-size: 46px;
    margin-bottom: 1.5rem;
  }

  .contactSec-description {
    font-size: 17px;
  }

  .contactSec-divider::after {
    height: 100px;
  }

  .contactSec-info-box h4 {
    font-size: 20px;
  }

  .contactFormSec-heading {
    font-size: 26px;
  }

  .contactFormSec-description {
    font-size: 17px;
  }

  form.contactFormSec-form button {
    font-size: 18px;
  }

  form.contactFormSec-form input::placeholder {
    font-size: 17px;
  }

  form.contactFormSec-form textarea::placeholder {
    font-size: 17px;
  }

  .lipo-vit-head h2,
  .home-lipo-vit-head h2 {
    font-size: 26px;
  }

  .lipo-vit-head .subhead {
    font-size: 17px;
  }

  .lipo-vit-head p,
  .home-lipo-vit-head p {
    font-size: 17px;
  }

  .lipo-vit-inner-sec h3,
  .home-lipo-vit-inner-sec h3 {
    font-size: 18px;
    margin-top: 1rem;
  }

  .lipo-vit-div img {
    width: 48px;
    margin: auto;
  }

  .lipo-vit-div h4,
  .home-lipo-vit-div h4 {
    font-size: 17px;
    width: 92%;
  }

  .lipo-vit-div p,
  .home-lipo-vit-div p {
    font-size: 15px;
    width: 92%;
  }

  .lipo-why-it-works-head h2 {
    font-size: 26px;
  }

  .lipo-why-it-works-head .subhead {
    font-size: 17px;
  }

  .lipo-why-it-works-head p {
    font-size: 17px;
    width: 62%;
  }

  .lipo-why-it-works-inner h3 {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .lipo-better-flex {
    max-width: 82%;
  }

  .lipo-better-head h2 {
    font-size: 26px;
  }

  .lipo-better-head h3,
  .home-lipo-better-head h3 {
    font-size: 18px;
  }

  .lipo-better-head p {
    font-size: 17px;
  }

  .lipo-better-flex-div ul li,
  .home-lipo-better-flex-div ul li {
    font-size: 17px;
  }

  .lipo-better-flex-div {
    width: 48%;
  }

  .vitC-section h2 {
    font-size: 26px;
    margin-bottom: 1rem;
  }

  .vitC-intro,
  .vitC-sub-intro {
    font-size: 17px;
  }

  .vitC-swiper {
    width: 80%;
  }

  .vitC-footer-text {
    font-size: 17px;
  }

  .lipo-why-sec-div:nth-child(2) {
    top: -9%;
    right: -2%;
  }

  .lipo-why-sec-div:nth-child(3) {
    top: 35%;
    right: -6%;
  }

  .lipo-why-sec-div:nth-child(4) {
    bottom: -3%;
    right: -8%;
  }

  .lipo-why-sec-div:nth-child(5) {
    top: 8%;
    left: -7%;
  }

  .miracle-blogintro-title {
    font-size: 26px;
  }

  .miracle-blogintro-text {
    font-size: 17px;
    margin-bottom: 1rem;
  }

  .p-a20 a {
    font-size: 15px;
  }
}

@media (max-width: 1300px) {
  .lipo-why-sec-div:nth-child(2) {
    position: unset;
  }

  .lipo-why-sec-div:nth-child(3) {
    position: unset;
  }

  .lipo-why-sec-div:nth-child(4) {
    position: unset;
  }

  .lipo-why-sec-div:nth-child(5) {
    position: unset;
  }

  .lipo-why-sec-div:nth-child(6) {
    position: unset;
  }

  .lipo-line1 {
    display: none;
  }

  .lipo-line2 {
    display: none;
  }

  .lipo-line3 {
    display: none;
  }

  .lipo-line4 {
    display: none;
  }

  .lipo-line5 {
    display: none;
  }

  .lipo-why-it-works-image-div>img {
    display: none;
  }

  .lipo-why-it-works-image-div {
    flex-wrap: wrap;
  }

  .lipo-why-sec-div {
    width: 50%;
  }

  .lipo-why-sec-div:nth-child(5) {
    flex-direction: row-reverse;
  }

  .lipo-why-sec-div:nth-child(6) {
    flex-direction: row-reverse;
  }

  .lipo-better-flex {
    flex-direction: column;
    gap: 2rem;
  }

  .lipo-better-flex-div {
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .inner-banner-text-div {
    max-width: 50%;
  }

  .about-text {
    max-width: 70%;
  }

  .about-inner-content {
    max-width: 80%;
  }

  .about-inner-image {
    width: 20%;
  }

  .about-legacy-text {
    max-width: 80%;
  }

  .vision-content div {
    margin-bottom: 1rem;
  }

  .vision-content {
    max-width: 72%;
  }

  .about-award-img-sec {
    width: 80%;
    gap: 1rem;
    padding: 2rem 0;
  }

  .about-award-head {
    margin-bottom: 2rem;
  }

  .lipo-better-flex-div {
    width: 100%;
  }

  .lipo-vit-div h4,
  .home-lipo-vit-div h4 {
    width: 100%;
  }

  .lipo-vit-div p,
  .home-lipo-vit-div p {
    width: 100%;
  }

  .lipo-vit-div {
    padding: 1rem;
  }

  .list li a {
    margin-right: 1px !important;
  }
}

@media (max-width: 1024px) {
  .about-container {
    padding: 4rem 0;
  }

  .about-inner-section {
    padding: 4rem 10%;
  }

  .about-legacy {
    padding: 4rem 10%;
  }

  .about-vision {
    padding: 4rem 10%;
    justify-content: flex-start;
  }

  .vision-content {
    max-width: 100%;
  }

  .about-award-sec {
    padding: 4rem 0;
  }

  .about-award-img-sec {
    align-items: center;
  }

  .about-award-img-sec::before {
    clip-path: unset;
  }

  .contactSec-section {
    padding: 4rem 0;
  }

  .contactFormSec-section {
    padding: 4rem 0;
  }

  .miracle-blogintro-section {
    padding: 4rem 0;
  }

  .list ul {
    flex-wrap: wrap;
  }
}

/* Responsive for tablets and below */
@media (max-width: 992px) {
  .inner-banner-text-div {
    max-width: 80%;
  }

  .lipo-vit-flex-sec,
  .home-lipo-vit-flex-sec {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-lipo-vit-div {
    border-right: none;
  }

  .home-lipo-vit-flex-sec {
    padding-top: 2rem;
  }

  .lipo-vit-div:nth-child(-n + 4) {
    border-bottom: none;
  }

  .lipo-vit-div {
    border-right: none;
    align-items: flex-start;
  }

  .lipo-better-flex-div {
    width: 100%;
  }

  .lipo-why-it-works-image-div {
    flex-direction: column;
  }

  .lipo-why-it-works-image-div {
    align-items: flex-start;
  }

  .contactSec-info-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .contactSec-divider {
    display: none;
  }

  .contactSec-info-box {
    align-content: flex-start;
    align-items: flex-start;
  }
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .inner-banner-text-div h1 {
    font-size: 26px;
  }

  .inner-banner-text-div p {
    font-size: 16px;
  }

  img.inner-banner-desktop {
    display: none;
  }

  img.inner-banner-mobile {
    display: block;
  }

  .about-text {
    max-width: 85%;
    margin-top: 1rem;
  }

  .about-inner-title {
    margin-bottom: 1rem;
  }

  .about-inner-content {
    max-width: 100%;
  }

  .about-legacy-text {
    max-width: 100%;
  }

  .award-img {
    width: 50%;
    margin: auto;
  }

  .about-award-img-sec {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }

  .award-img-wrapper,
  .award-text-box {
    width: 90%;
  }

  .award-text-box p {
    width: 100%;
  }

  .about-inner-image {
    display: none;
  }

  .lipo-vit-flex-sec,
  .home-lipo-vit-flex-sec {
    grid-template-columns: 1fr;
  }

  .contactSec-highlight {
    padding: 0.4rem 2rem;
  }

  .contactSec-info-wrapper {
    align-items: flex-start;
    gap: 1rem;
  }

  .contactSec-description {
    margin: 0px auto 2rem;
  }

  .lipo-why-sec-div {
    width: 100%;
  }

  .miracle-blogintro-title {
    font-size: 24px;
  }

  .wt-info {
    background: #ffffff;
  }

  .blog--list-style {
    padding: unset;
    background: unset;
    width: unset;
    border: unset;
  }

  .miracle-blogintro-text {
    font-size: 16px;
  }

  div#pills-home .list {
    border-radius: unset;
    padding: unset;
    background: unset;
    width: unset;
    margin: 0;
    border: unset;
  }
}

@media (max-width: 600px) {
  .about-heading {
    font-size: 32px;
  }

  .about-highlight {
    font-size: 36px;
    margin: 0.5rem 0;
  }

  .about-text p {
    font-size: 16px;
  }

  .about-inner-title {
    font-size: 24px;
  }

  .about-inner-text p {
    font-size: 16px;
  }

  .about-legacy-text h2 {
    font-size: 24px;
    margin-bottom: 1rem;
  }

  .about-legacy-text p {
    font-size: 16px;
  }

  .vision-content h2 {
    font-size: 24px;
  }

  .vision-content h3 {
    font-size: 18px;
  }

  .vision-content p {
    font-size: 16px;
  }

  .about-award-head h2 {
    font-size: 24px;
  }

  .about-award-head p {
    font-size: 16px;
    width: 85%;
    margin: auto;
  }

  .award-text-box h3 {
    font-size: 18px;
  }

  .award-text-box p {
    font-size: 15px;
  }

  .award-text-box p strong {
    font-size: 15px;
  }

  .contactSec-heading {
    font-size: 30px;
    margin-bottom: 1rem;
  }

  .contactSec-highlight {
    font-size: 36px;
  }

  .contactFormSec-heading {
    font-size: 24px;
  }

  .lipo-vit-head h2,
  .home-lipo-vit-head h2 {
    font-size: 24px;
  }

  .lipo-why-it-works-head h2 {
    font-size: 24px;
  }

  .lipo-why-it-works-head p {
    width: 100%;
  }

  .lipo-why-it-works-image-div {
    margin-top: 0rem;
  }

  .lipo-why-it-works-inner h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  .lipo-better-head h2 {
    font-size: 24px;
  }

  .vitC-section h2 {
    font-size: 24px;
  }

  .vitC-swiper {
    width: 100%;
    margin: 0 auto;
  }

  .vitC-footer-text {
    max-width: 100%;
  }

  .lipo-why-sec-div div h3 {
    font-size: 16px;
    text-align: left;
  }

  .lipo-better-head {
    width: 100%;
  }

  /* .swiper-button-next.vitC-next {
    display: none;
  }

  .swiper-button-prev.vitC-prev {
    display: none;
  } */

  .page-template-liposomal-vitamin-c .swiper-button-next:after,
  .page-template-liposomal-vitamin-c .swiper-button-prev:after {
    font-size: 25px !important;
  }

  .page-template-liposomal-vitamin-c .swiper-button-prev:after {
    margin-left: -5px;
  }

  .page-template-liposomal-vitamin-c .swiper-button-next:after {
    margin-right: -5px;
  }

  .vitC-slide {
    padding: 0;
  }
}

@media (max-width: 500px) {
  .inner-banner-text-div h1 {
    font-size: 24px;
    margin-bottom: 0.5rem;
  }

  .inner-banner-text-div p {
    font-size: 15px;
  }

  .about-container {
    padding: 3rem 0;
  }

  .about-inner-section {
    padding: 3rem 5%;
  }

  .about-legacy {
    padding: 3rem 5%;
  }
}