@media (min-width: 1600px) {
    section.home-banner img.bg-img {
        object-position: top;
    }
}

@media screen and (max-width: 1400px) {
    section.home-sec2 ul li img {
        height: auto;
    }
    section.home-banner h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1300px) {
    section.home-sec9 .hs9-slider .item .img-wraper img {
        max-width: 200px;
        max-height: 250px;
        height: auto;
    }
    section.home-sec9 .hs9-slider .item {
        padding: 14px;
        gap: 14px;
    }
    section.home-sec9 .hs9-slider .item .text-wraper {
        width: calc(100% - 205px);
    }
    section.vsl-sec1 .wraper {
        padding: 30px;
    }
    section.home-banner ul.text-img li img {
        width: 80px;
        height: 80px;
    }
}

@media screen and (max-width: 1200px) {
    .green-btn {
        font-size: 20px;
    }
    h2 {
        font-size: 38px;
    }
    section.home-banner h1 {
        font-size: 40px;
    }
    section.home-banner a.green-btn {
        max-width: 100%;
    }
    section.home-sec3 .shadow-box .text-wraper {
        padding-left: 20px;
    }
    section.home-sec4 h3 {
        font-size: 30px;
    }
    section.home-sec5 .box ul li {
        font-size: 12px;
    }
    section.home-sec5 .box ul li figure {
        width: 80px;
        height: 80px;
    }
    section.home-sec6 .cart-box .top-content {
        gap: 14px;
        padding: 20px;
    }
    section.home-sec6 .cart-box .top-content h6 {
        font-size: 18px;
    }
    section.home-sec6 .cart-box .bottom-contemt {
        padding: 20px 20px 10px;
    }
    section.home-sec8 .revitalize-eye {
        padding: 20px;
    }
    section.home-sec8 .revitalize-eye img {
        width: 40px;
        height: 40px;
    }
    section.home-sec8 .revitalize-eye img {
        width: 40px;
        height: 40px;
    }
    section.home-sec9 .hs9-slider .item {
        flex-direction: column;
    }
    section.home-sec9 .hs9-slider .item .img-wraper img {
        max-width: 100%;
        max-height: 400px;
        object-position: top;
    }
    section.home-sec9 .hs9-slider .item .img-wraper {
        width: 100%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }
    section.home-sec9 .hs9-slider .item .text-wraper {
        width: 100%;
    }
    section.home-sec7 a.green-btn {
        width: 100%;
    }
    section.home-sec7 a.green-btn {
        width: 100%;
    }
    section.home-sec10 .price-cart {
        padding: 25px;
    }
    section.home-sec8 .revitalize-eye h3 {
        font-size: 18px;
    }
    section.home-sec7 span::before {
        width: 400px;
    }
    section.home-sec7 h6::before {
        width: 100px;
    }
}

@media screen and (max-width: 1024px) {
    section.home-sec10 .price-cart img {
        object-fit: contain;
        width: 100%;
    }
    section.home-banner ul.text-img li img {
        width: 70px;
        height: 70px;
    }
    section.home-sec11 .frame .content-box h3 {
        font-size: 44px;
    }
    section.home-banner img.bg-img {
        object-fit: contain;
    }
}

@media screen and (max-width: 991px) {
    h2 {
        font-size: 30px;
    }
    section.home-banner img.bg-img {
        object-position: right;
        opacity: 0.4;
    }
    section.home-banner ul.text-img {
        flex-direction: column;
        margin-bottom: 30px;
    }
    section.home-banner h6 {
        margin-bottom: 0;
    }
    section.home-banner {
        padding: 40px 0;
    }
    section.home-sec2 {
        padding-top: 40px;
    }
    section.home-sec2 ul {
        flex-wrap: wrap;
    }
    section.home-sec2 ul {
        gap: 20px 30px;
    }
    section.home-sec3 .shadow-box {
        padding: 40px 20px;
    }
    section.home-sec3 .shadow-box .text-wraper {
        padding-left: 0;
        margin-top: 30px;
    }
    section.home-sec3 #before_after img {
        width: 100%;
    }
    section.home-sec3 .shadow-box h3 {
        margin: 30px auto 0;
    }
    section.home-banner img.bg-img {
        object-fit: cover;
    }
    section.home-sec3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    section.home-sec4 h3 {
        font-size: 24px;
    }
    section.home-sec4 p {
        margin-bottom: 25px;
    }
    section.home-sec4 {
        padding-bottom: 40px;
    }
    section.home-sec5 .box img.product {
        width: 190px;
    }
    section.home-sec6 .cart-box .top-content {
        align-items: center;
    }
    section.home-sec6 {
        padding-bottom: 20px;
    }
    section.home-sec8 .revitalize-eye {
        margin-bottom: 30px;
    }
    section.home-sec8 {
        padding-bottom: 20px;
    }
    section.home-sec9 h2 {
        margin-bottom: 30px;
    }
    section.home-sec9 {
        padding-bottom: 40px;
    }
    section.home-sec10 h2 {
        margin-bottom: 25px;
    }
    section.home-sec10 .price-cart.active {
        margin-bottom: 20px;
    }
    section.home-sec10 .price-cart h4 strong {
        font-size: 24px;
        margin-bottom: 8px;
    }
    section.home-sec10 .price-cart h4 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    section.home-sec10 .price-cart img {
        height: auto;
    }
    section.home-sec10 .price-cart .price-wraper strong {
        font-size: 32px;
        line-height: 26px;
    }
    section.home-sec11 .frame img.frame {
        object-fit: cover;
        height: 100%;
        z-index: -1;
    }
    section.home-sec11 .frame {
        position: relative;
        max-width: 100%;
        max-height: 100%;
        z-index: 0;
    }
    section.home-sec12 ul li {
        padding: 20px 14px;
        margin-bottom: 18px;
    }
    section.home-sec12 h2 {
        margin-bottom: 26px;
    }
    section.home-sec12 {
        padding: 40px 0;
    }
    section.home-sec12 ul li .content p {
        line-height: 24px;
    }
    footer {
        padding: 40px 0 0;
    }
    footer ul {
        margin: 22px 0;
    }
    footer ul li {
        font-size: 16px;
    }
    footer h6 {
        padding: 18px 0 14px;
        margin-top: 30px;
    }
    section.home-banner ul.text-img li img {
        width: 80px;
        height: 80px;
    }
    footer ul li::after {
        right: -12px;
    }
    section.home-sec7 ul {
        justify-content: center;
        gap: 40px;
    }
    section.home-sec10 .price-cart {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .green-btn {
        font-size: 18px;
        padding: 10px 20px;
    }
    h2 {
        font-size: 20px;
    }
    .video-header {
        font-size: 24px;
    }
    .video-subheader {
        font-size: 16px;
        line-height: 140%;
        width: 100%!important;
    }
    header .top-ber {
        padding: 10px 0 12px;
    }
    header .top-ber h6 {
        font-size: 13px;
    }
    header .bottom-ber a img {
        max-width: 250px;
    }
    header .bottom-ber {
        padding: 6px 0;
    }
    section.home-banner img.bg-img {
        display: none;
    }
    section.home-banner ul.text-img {
        display: none;
    }
    section.home-banner .wraper ul li img {
        width: 15px;
        height: 15px;
        object-fit: contain;
    }
    section.home-banner .wraper ul {
        gap: 5px;
    }
    section.home-banner {
        padding: 0 0 20px;
        background: #edf8fa;
    }
    section.home-banner .wraper {
        justify-content: center;
        margin-top: 18px;
    }
    section.home-banner .wraper h5 {
        font-size: 13px;
    }
    section.home-banner .mobile-images-wraper {
        display: flex;
        align-items: center;
        gap: 25px;
        justify-content: center;
    }
    section.home-banner .mobile-images-wraper img {
        width: 270px;
    }
    section.home-banner ul.text-img li img {
        width: 50px;
        height: 50px;
    }
    section.home-banner ul.text-img li {
        margin-bottom: 10px;
    }
    section.home-banner ul.text-img li:last-child {
        margin-bottom: 0;
    }
    section.home-banner .mobile-images-wraper ul.text-img {
        display: block;
        margin: 0;
    }
    section.home-banner h1 {
        font-size: 26px;
        text-align: center;
    }
    section.home-banner h3 {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
    }
    section.home-banner h4 {
        font-size: 20px;
    }
    section.home-banner .for-desktop {
        display: none;
    }
    section.home-banner .for-mobile {
        display: block;
        margin: 20px 0;
    }
    section.home-banner ul.c-proven li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    section.home-banner ul.c-proven {
        margin: 14px 0;
    }
    section.home-banner ul.text-img {
        flex-direction: unset;
        margin-bottom: 20px;
        flex-wrap: wrap;
        gap: 34px 50px;
    }
    section.home-sec2 {
        padding-top: 30px;
    }
    section.home-sec2 ul {
        gap: 25px;
    }
    section.home-sec3 p {
        max-width: 100%;
        margin: 0 auto 35px;
    }
    section.home-sec3 .shadow-box {
        padding: 40px 15px;
    }
    section.home-sec3 .shadow-box .text-wraper {
        margin-top: 20px;
    }
    section.home-sec3 .shadow-box .text-wraper h4 {
        font-size: 20px;
        margin-bottom: 14px;
        text-align: center;
    }
    section.home-sec3 .shadow-box .text-wraper ul li {
        font-size: 16px;
        margin-bottom: 12px;
    }
    section.home-sec3 .shadow-box h3 {
        max-width: 100%;
        font-size: 18px;
        line-height: 26px;
        margin: 22px auto 0;
    }
    section.home-sec4 h3 {
        font-size: 18px;
    }
    section.home-sec3 {
        padding-top: 30px;
        padding-bottom: 45px;
    }
    section.home-sec4 p {
        margin-bottom: 14px;
    }
    section.home-sec4 .box h5 {
        font-size: 20px;
        margin-top: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    section.home-sec4 .box p {
        min-height: 100%;
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
    }
    section.home-sec4 .box a {
        display: flex;
        max-width: max-content;
        margin: 0 auto;
    }
    section.home-sec4 .box {
        margin-bottom: 20px;
    }
    section.home-sec4 {
        padding-bottom: 15px;
    }
    section.home-sec5 .box {
        margin: 20px 0;
        position: relative;
    }
    section.home-sec5 .box ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    section.home-sec5 .box ul li {
        display: block !important;
        position: static;
        max-width: 100%;
        width: 100%;
    }
    section.home-sec5 .box ul li span::after {
        display: none;
    }
    section.home-sec5 .box ul li span {
        margin: 0 !important;
        text-align: center;
        display: block;
    }
    section.home-sec5 .box ul li figure {
        margin: 0 auto;
    }
    section.home-sec5 {
        padding-bottom: 30px;
    }
    section.home-sec6 .cart-box .top-content {
        justify-content: center;
        flex-direction: column;
        gap: 6px;
    }
    section.home-sec6 .cart-box .bottom-contemt p {
        text-align: center;
    }
    section.home-sec6 .cart-box .top-content h6 {
        font-size: 16px;
        max-width: 100%;
        text-align: center;
    }
    section.home-sec7 ul {
        margin: 20px 0;
        justify-content: center;
        gap: 18px;
        flex-wrap: wrap;
    }
    section.home-sec7 a.green-btn {
        width: 100%;
        font-size: 16px;
    }
    section.home-sec7 {
        padding-bottom: 30px;
    }
    section.home-sec8 p:last-child {
        margin-bottom: 24px;
    }
    section.home-sec8 .revitalize-eye {
        margin-bottom: 20px;
        text-align: center;
    }
    section.home-sec8 .revitalize-eye p {
        margin: 12px 0 !important;
        text-align: center;
    }
    section.home-sec9 .hs9-slider .item .img-wraper img {
        max-height: unset;
        height: auto;
    }
    section.home-sec9 .hs9-slider .item .text-wraper {
        text-align: center;
    }
    section.home-sec9 .hs9-slider .item .text-wraper ul {
        justify-content: center;
    }
    section.home-sec9 .hs9-slider .owl-dots {
        float: unset;
        width: 100%;
        justify-content: center;
    }
    section.home-sec9 .hs9-slider .owl-nav {
        float: unset;
        width: 100%;
        justify-content: center;
        gap: 15px;
    }
    section.home-sec10 .price-cart {
        padding: 20px;
        margin-bottom: 20px;
    }
    section.home-sec10 .price-cart h3 {
        text-align: center;
    }
    section.home-sec10 {
        padding-bottom: 20px;
    }
    section.home-sec11 {
        padding-bottom: 30px;
    }
    section.home-sec12 {
        padding: 30px 0;
    }
    section.home-sec12 h2 {
        margin-bottom: 16px;
        text-align: center;
    }
    section.home-sec12 ul.accordian {
        margin: 20px 0 0;
    }
    footer {
        padding: 20px 0 0;
    }
    footer p {
        max-width: 100%;
        font-size: 12px;
    }
    footer ul {
        margin: 12px auto 10px;
        justify-content: space-between;
        max-width: 351px;
    }
    footer ul li {
        font-size: 10px;
        line-height: 14px;
        border-right: 1px solid #000;
        padding-right: 5px;
        margin-right: 5px;
    }
    footer h6 {
        margin-top: 20px;
        font-size: 14px;
    }
    footer a.logo img {
        max-width: 200px;
    }
    .sticky-item {
        max-width: 90%;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        top: unset;
        bottom: 20px;
        margin: auto;
    }
    section.home-sec9 .hs9-slider .owl-nav button {
        width: 30px;
        height: 30px;
    }
    section.home-sec10 .price-cart a.add-btn {
        font-size: 18px;
        padding: 10px 26px;
    }
    section.vsl-sec1 video {
        height: 100%;
    }
    section.vsl-sec1 .wraper {
        padding: 20px;
        border-radius: 30px;
    }
    section.vsl-sec1 .wraper i {
        font-size: 42px;
    }
    section.vsl-sec1 {
        margin-bottom: 0 !important;
    }
    section.vsl-sec1 .wraper {
        width: 250px;
    }
    section.vsl-sec1 .wraper h2 {
        font-size: 16px;
    }
    section.home-sec2 ul li img {
        width: 70% !important;
        height: auto !important;
        max-width: 70% !important;
    }
    body section.home-sec2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    section.home-sec5 p {
        margin: 0 0 25px;
    }
    section.home-sec4 .box button {
        margin: 0 auto;
        display: flex;
    }
    section.home-sec7 span::before {
        right: 98%;
        z-index: -1;
    }
    section.home-sec7 ul li img {
        width: 70px;
        height: 70px;
    }
    section.home-sec11 .frame img.frame {
        object-fit: unset;
    }
    section.home-sec10 .box1 {
        order: 3;
    }
    section.home-sec10 .box2 {
        order: 1;
    }
    section.home-sec10 .box3 {
        order: 2;
    }
    section.home-sec12 ul li h5 {
        font-size: 16px;
    }
    section.home-sec12 ul li {
        padding: 16px 12px;
        margin-bottom: 14px;
    }
    section.home-sec12 ul li .content p {
        line-height: 22px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    section.home-sec5 .box img.product {
        display: none;
    }
    section.home-sec5 .box img.product-mobile {
        display: block;
        width: 200px;
        margin: 0 auto;
    }
    footer ul li::after {
        height: 50%;
        background-color: #151515b8;
        right: -8px;
    }
}

@media only screen and (max-width: 640px) {
    #disclaimer .container > div {
        flex-direction: column;
    }
    #disclaimer .bg-img-disclaimer {
       margin-right: 0!important;
    }
    #disclaimer .container > div .bg-text-disclaimer {
        text-align: center !important;
    }
}  


/* Upsell page styles */

@media screen and (max-width: 992px) {
    body.basic-layout main {
        gap: 48px;
    }
    
    .container.wide-container {
        max-width: 100%!important;
    }
}

@media screen and (max-width: 992px) {
    section.offer-sec img {
        width: 72px;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    section.vip-customers-opportunity-sec .product-img {
        max-width: 450px;
    }
}

@media screen and (min-width: 992px) { 
    section.ups-offer-reasons-sec.ups-offer-reasons-sec .col-lg-7 {
        padding-left: 48px; 
    }
}

/* Downsell page styles */

@media screen and (max-width: 992px) {
    body.grey-background .central-col{
      max-width: 750px!important;
    }
} 

@media screen and (max-width: 991px) {
  section.ds-offer-section .product-img {
    max-width: 100%;
  }

  section.ds-offer-section .small-text {
    font-size: 12px;
  }

  /* Reduce spacing between sections with higher specificity */
  section.vsl-sec1 {
        margin-bottom: 5px !important;
    }

    section.home-sec2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Make the brand logos 25% smaller with higher specificity */
    section.home-sec2 ul li img {
        width: 75% !important; /* 25% smaller */
        height: auto !important;
        max-width: 75% !important;
    }
}

/* Upsell v.2 page styles */

@media screen and (max-width: 991px) {
    .upsell-2-body .grid-md-column {
        grid-template-columns: 1fr;
    }
    section.why-it-works-sec h2 {
        font-size: 32px;
    }
    section.upsell-offer-sec .img-container {
        max-height: 240px;
    }    
}

@media screen and (max-width: 576px) {
    section.upsell-offer-sec .img-container {
        max-height: 180px;
    }    
    section.upsell-offer-sec .middle-icon {
        max-width: 25px;
    }  
}

@media screen and (max-width: 380px) {
    section.upsell-offer-sec .img-container {
        max-height: 130px;
    }    
}

/* Downsell v.2 page styles */
@media screen and (max-width: 991px) {
    section.ds-main-section .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 576px) {
    section.ds-main-section .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Upsell-3 page styles */

@media screen and (max-width: 991px) {
    section.upsell-offer-sec .product-img {
      max-width: 50%;
      height: auto;
    }
}

@media screen and (max-width: 435px) {
  section.upsell-offer-sec .product-img {
    max-height: 85%;
  }

  section.upsell-offer-sec .offer-prices-block p {
      font-size: 12px;
      text-align: center;
  }

  section.upsell-offer-sec .offer-prices-block h3 {
    font-size: 14px;
    text-align: center;
  }
}

@media (min-width:300px) and (max-width: 360px) {
    section.home-banner a.green-btn {
        padding: 10px;
        font-size: 14px;
    }
    section.home-banner a.green-btn img {
        width: 20px;
        height: 20px;
    }
    section.home-sec7 a.green-btn {
        padding: 10px;
        font-size: 14px;
    }
    section.home-sec7 a.green-btn img {
        width: 20px;
        height: 20px;
    }
    footer ul li::after {
        right: -4.5px;
    }
    section.home-banner .wraper ul li img {
        width: 12px;
        height: 12px;
    }
    section.home-banner .wraper ul {
        gap: 4px;
    }
}

/* Money Back Guarantee section styles */

@media screen and (max-width: 1199px) {
    section.money-guarantee-sec h3 {
        font-size: 32px!important;
        margin: 0!important;
    }
    section.money-guarantee-sec p {
        font-size: 20px!important;
    }
}
@media screen and (max-width: 840px) and (min-width: 769px) {
    section.money-guarantee-sec .img1 {
        width: 260px!important;
    }
    section.money-guarantee-sec .img2 {
        width: 120px!important;
    }
    section.money-guarantee-sec p {
        font-size: 18px!important;
        line-height: 26px!important;
    }
}
@media screen and (max-width: 768px) {
    section.money-guarantee-sec .frame {
        background-image: url(/images/frame-mobile.png);
    }
    section.money-guarantee-sec .content-box {
        gap: 3%!important;
        max-width: 90%!important;
    }
    section.money-guarantee-sec .frame::before {
        padding-top: 147.16%;   
    }
    section.money-guarantee-sec .img1 {
        width: 60%!important;
    }
    section.money-guarantee-sec .img2 {
        width: 30%!important;
    }
    section.money-guarantee-sec h3 {
        font-size: 6.5vw!important;
    }
    section.money-guarantee-sec p {
        font-size: 3.5vw!important;
        line-height: 6vw!important;
    }
}

@media screen and (max-width: 992px) {
    section.money-guarantee-sec.narrow .img1 {
        width: 46%!important;
    }
    section.money-guarantee-sec.narrow .img2 {
        width: 15%!important;
    }
    section.money-guarantee-sec.narrow h3 {
        font-size: 3.5vw!important;
    }
    section.money-guarantee-sec.narrow p {
        font-size: 1.8vw!important;
        line-height: 2.7vw!important;
    }
}
@media screen and (max-width: 871px) and (min-width: 768px){
    section.money-guarantee-sec.narrow .img1 {
        width: 46%!important;
    }
    section.money-guarantee-sec.narrow .img2 {
        width: 15%!important;
    }
    section.money-guarantee-sec.narrow h3 {
        font-size: 3.9vw!important;
    }
    section.money-guarantee-sec.narrow p {
        font-size: 2vw!important;
        line-height: 2.8vw!important;
    }
}
@media screen and (max-width: 768px) {
    section.money-guarantee-sec.narrow .content-box {
        gap: 4%!important;
        max-width: 90%!important;
    }
    section.money-guarantee-sec.narrow .img1 {
        max-width: unset!important;
        width: 60%!important;
    }
    section.money-guarantee-sec.narrow .img2 {
        width: 30%!important;
        min-width: 80px;
    }
    section.money-guarantee-sec.narrow h3 {
        font-size: 5vw!important;
    }
    section.money-guarantee-sec.narrow p {
        font-size: 3vw!important;
        line-height: 5vw!important;
    }
}