body{
    background-color: #fff;
    color: #3D3938;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/*global attributes*/
figure, h1, h2, h3, h4, h5, h6, hr, pre {
   margin: 0px;
   margin-bottom: 1rem;
}
img, svg {
   width: 100%;
}
.center-t{
   text-align: center;
}
.align-c{
   align-items: center;
}
.just-c{
   justify-content: center;
}
a{
   text-decoration: none;
   cursor: pointer;
}
p{
   font-size: 20px;
   color: #3D3938;
   line-height: 27px;
   margin-bottom: 0px;
}
.fs-60{
   font-size: 60px;
}
.fs-50{
   font-size: 50px;
}
.fs-45{
   font-size: 44px;
}
.fs-43{
   font-size: 43px;
   line-height: 45px;
}
.fs-40{
   font-size: 40px;
   line-height: 48px;
}
.fs-35{
   font-size: 35px;
   line-height: 40px;
}
.fs-38{
   font-size: 38px;
}
.fs-30{
   font-size: 30px;
   line-height: 38px;
}
.fs-26{
   font-size: 26px;
   line-height: 31px;
   letter-spacing: 1.3px;
}
.fs-25{
   font-size: 25px;
   line-height: 28px;
}
.fs-24{
   font-size: 24px;
   line-height: 28px;
}
.fs-17 {
   font-size: 17px;
 }
.fs-15 {
   font-size: 15px;
 }
.fs-14 {
   font-size: 14px;
 }
.fbold{
   font-weight: 700;
}
.bolder{
   font-weight: 800;
}
.bolder2{
   font-weight: 900;
}
.rad8{
   border-radius: 8px;
}
.rad10{
   border-radius: 10px;
}
.rad20{
   border-radius: 20px;
}
/*text styles*/
.upcase{
   text-transform: uppercase;
}
/*colors*/
.light-gray{
   background-color: #F5F5F3;
}
.black-fc{
   color: #000;
}
.orange-fc{
   color: #E37714;
}
.orange2-fc{
   color: #FFA048;
}
.white-fc{
   color: #fff;
}
.red-fc{
   color: #c50909;
}
.gray-fc{
   color: #494949;
}
.brown-bg{
   background-color: #644E36;
}
.light-brown{
   background-color: #F0EAE4;
}
.light-bg2{
   background-color: #F4F1EE;
}
.light-bg3{
   background-color: #F6F6F6;
}
.light-bg4{
   background-color: #43584e;
}
.green-bg{
   background-color: #1E554E;
}
.green2-bg{
   background-color: #24655D;
}
.green3-bg{
   background-color: #21342D;
}
.light-green{
   background-color: #3f534b;
}
.white-bg{
   background-color: #fff;
}
.gray-bg{
   background-color: #3D3938;
}
.gray-bg2{
   background-color: #EAEAEA;
}
.orange-bg{
   background-color: #E37714;
}
.green-fc{
   color: #21342D;
}
.container{
   padding: 0px;
   max-width: 1140px;
   /*border: 1px red solid;*/
}
.wcont{
   width: 940px;
   margin: 0px auto;
}
.container-fluid{
   padding: 0px;
}
.relative-p{
   position: relative;
}
/*flex gaps*/
.gap-30{
   gap: 30px;
}
.gap-20{
   gap: 20px;
}
.gap-10{
   gap: 10px;
}
.gap-50{
   gap: 50px;
}
/*paddings*/
.inner-p1{
   padding: 50px;
}
.inner-p2{
   padding: 40px 0px;
}
.inner-p3{
   padding: 30px;
}
.inner-p4{
   padding: 30px 0px;
}
.inner-p5{
   padding: 20px;
}
.cursor{
   cursor: pointer;
}
.active{
   border: 6px #D7542E solid;
   border-radius: 8px;
}
.m1{
   margin-top: 40px;
   margin-bottom: 40px;
}
.m2{
   margin-top: 30px;
}
.m3{
   margin: 10px auto 0px auto;
}
.m4{
   margin: 20px auto;
}
.hide-desk{
   display: none;
}
.top-p{
   padding: 9px;
}
#top-nav{
   border-bottom: 1px #e4e4e4 solid;
   padding: 20px 0px;
}
#top-nav div{
   justify-content: space-between;
}
#top-nav .navbar-brand img{
   max-width: 246px;
}
#top-nav .buy-btn{
   width: 251px;
}
.buy-btn{
   max-width: 273px;
   width: 273px;
   color: #fff;
   font-size: 21px;
   background-image: linear-gradient(180deg, rgba(246,171,59,1) 50%, rgba(234,147,17,1) 100%);
   border-radius: 10px;
   padding: 10px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
}
.buy-btn:hover{
   background-image: linear-gradient(180deg, rgba(234,147,17,1) 50%, rgba(246,171,59,1) 100%);
}
.cart-i{
   max-width: 45px;
}
.cart-arrow{
   max-width: 9px;
}

#top-menu {
   margin-left: 14%;
 }
#top-nav .nav-link {
   color: black;
 }
.slider{
   justify-content: space-between;
   align-items: center;
   gap:20px;
}
.thumbnails{
   display: flex;
   flex-direction: column;
   gap: 15px;
   justify-content: space-between;
}
.thumbnails img{
   max-width: 107px;
}
.slide-img{
   max-width: 510px;
   width:510px;
}
.benefits {
   width: 40%;
   display: flex;
   flex-direction: column;
   position: relative;
 }
.b-list{
   background-color: #F6F6F6;
   padding: 20px 10px;
   font-weight: 700;
   color: #21342D;
}
.b-list img{
   max-width: 40px;
}
.stars{
   max-width: 122px;
}
.arrow1{
   position: absolute;
   right: 2%;
   top: 49%;
   max-width: 45px;
}
.bounce {
   animation: bounce 2s infinite;
 }
 
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
     transform: translateY(0);
     opacity: 1;
   }
   40% {
     transform: translateY(-30px);
     opacity: 0.5;
   }
   60% {
     transform: translateY(-15px);
     opacity: 1;
   }
}
.lb{
   justify-content: space-between;
}
.c-list{
   gap: 20px;
   border-radius: 110px;
   max-width: 268px;
   padding: 15px 20px;
   width: 268px;
   align-items: center;
   font-weight: 700;
   justify-content: center;
}
.c-list img{
   max-width: 35px;
}
.customer{
   border-radius: 8px;
   border: 1px #D3C9BE solid;
   flex-direction: column;
   max-width: 85%;
   margin: 30px auto;
   position: relative;
}
.lost{
   padding: 10px 20px;
   border-radius: 8px;
   color: #fff;
   align-items: center;
}
.lost img{
   max-width: 28px;
}
.c-name{
   justify-content: space-between;
   align-items: center;
   padding: 15px 25px;
   border-bottom: 1px #D3C9BE solid;
}

.going{
   width: 50%;
   padding: 30px;
}
.going img{
   max-width: 288px;
   margin:0px auto;
   display: block;
}
.to-this{
   width: 50%;
   border-radius: 8px;
   border: 4px #6ABEB4 solid;
   padding: 30px;
}
.to-this img{
   max-width: 288px;
   margin:0px auto;
   display: block;
}
.fl-end{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.orange-arrow1{
   position: absolute;
   top: 20%;
   max-width: 177px;
   left: 40%;
}
.star2{
   max-width: 131px;
}
#benefits{
   background-repeat: no-repeat;
   background-position: top right;
   background-size: contain;
   background-color: #fcfbfa;
   position: relative;
}
.d-list {
   padding: 20px 10px;
   line-height: 25px;
 }
.d-list img{
max-width: 60px;
 }
.people{
   max-width: 670px;
   position: absolute;
   right: -3%;
}
.true{
   width: 50%;
   margin-left: 5%;
   padding:30px;
}
.benefits2 {
   width: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
 }
.benefits2.gap-10 .light-bg3 {
   border: 1px #E3DCD5 solid;
 }

.cody-sec{
   background-image: url(/assets/images/berberine-b1g2/cody-bg.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top right;
   background-color: #2a443b;
   padding-bottom: 40px;
}
.cody-pic{
   margin: -2%;
}
.mark{
   padding:2px;
}
.mark2{
   background-color: #FFD9B7;
}
.mark3{
   background-color: #FFC9BA;
}
.pattern1{
   max-width: 223px;
}
.arrow2{
   position: absolute;
   bottom: -35%;
   max-width: 62px;
   right: 5%;
}
.ampk{
   background-image: url(/assets/images/berberine-b1g2/ampk-bg.jpg);
   background-repeat: no-repeat;
   background-position: top left;
   background-size: contain;
   box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.10);
   margin-top: -5%;
   background-color: #fff;
}
.ampk div{
   width: 68%;
   margin-left: auto;
}
.ampk u{
   text-decoration-thickness: 3px;
}
.lose-weight{
   width: 60%;
}
.woman2{
   max-width: 300px;
}
.woman3{
   max-width: 300px;
   width: 300px;
}
.test{
   width: 33%;
   display: flex;
   align-items: center;
   flex-direction: column;
}
.test img{
   max-width: 208px;
   width: 208px;
   margin: 0px auto;
   display: block;

}
.simple{
   background-image: url(/assets/images/berberine-b1g2/simple-bg.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #efebe8;
   background-position: bottom left;
}
.rating{
   max-width: 321px;
}
.just-take{
   width: 70%;
   margin-left: auto;
}
.berberine{
   background-image: url(/assets/images/berberine-b1g2/berberine-bg-min.png);
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #4e3d2b;
   background-position: top right;
   padding: 30px 30px 80px 30px;
}
.berberine .w-100m{
   width: 75%;
}
.inflammation{
   background-image: url(/assets/images/berberine-b1g2/cells-bg.jpg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top left;
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.10);
   margin-top: -5%;
}
.inflammation .w-100m{
   width: 70%;
   margin-left: auto;
}
.smlist{
   display: flex;
   border: 1px #DFDFDF solid;
   background-color: #fff;
   overflow-x: hidden;
   position: relative;
}
.smlist img{
   max-width: 338px;
   width: 338px;
}
.arrow3{
   position: absolute;
   max-width: 70px !important;
   width: 70px !important;
   right: -3.5%;
   top: 32%;
   z-index: 3;
}
.arrow4{
   position: absolute;
   max-width: 50px !important;
   width: 50px !important;
   left: -3.5%;
   top: 58%;
   z-index: 3;
}
.b1g2-btn{
   padding: 10px 20px;
   border-radius: 70px;
   margin: 30px auto;
   max-width: 342px;
   text-align: center;
}
/*sales section*/
.sales-sec{
   background-color: #F4F3F2;
}
.sales-box{
   border-radius: 8px;
   box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.10);
   overflow: hidden;
}
.sales-img{
   max-width: 394px;
   width: 394px;
}
.b1{
   background-color: #e4ddd7;
   background-image: url(/assets/images/berberine-b1g2/sales-img.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   width: 45%;
   background-size: 105%;
}
.b2{
   width: 60%;
   padding: 30px 45px;
}
.sales-benefits {
   display: flex;
   flex-direction: column;
   position: relative;
 }
.price{
   font-size: 70px;
}
.price sup{
   font-size: 40px;
}
.price-sec{
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.sales-sec .buy-btn{
   background-image: linear-gradient(180deg, rgba(246,171,59,1) 0%, rgba(234,147,17,1) 100%);
   border: 1px #D8870E solid;
   cursor: pointer;
}
.sales-sec .buy-btn:hover{
   background-image: linear-gradient(180deg, rgba(234,147,17,1) 0%, rgba(246,171,59,1) 100%);
}
.join-img {
   max-width: 270px;
}
.arrow5{
   max-width: 50px;
   position: absolute;
   bottom: 20%;
   right: 2%;
}
.gbadge{
   max-width: 217px;
   position: absolute;
   bottom: 10%;
   left: -30%;
}
.comparison-table{
   border-radius: 20px;
   padding: 30px;
   display: flex;
   gap: 5px;
   flex-direction: column;
}
.w33{
   width: 30%;
   text-align: center;
}
.w40{
   width: 40%;
   text-align: center;
}
.bbr{
   background-color: #E5F5F3;
   border: 3px #6ABEB4 solid;
}
.one-bot{
   max-width: 71px;
   width: 71px;
}
.checkm{
   max-width: 34px;
}
.left-a{
   text-align: left;
}
.flex-col{
   flex-direction: column;
}
.highest-q{
   background-image: url(/assets/images/berberine-b1g2/Lowest-Price-bg.jpg);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center right;
   background-color: #f4f4f2;
}
.highest-q .w-100m{
   width: 73%;
}
.orange-border{
   border: 6px #E37714 solid;
}
.sales-sec2 .b-list{
   background-color: #fff;
   padding: 10px;
}
.d-name {
   justify-content: space-between;
   align-items: center;
   padding: 15px 25px 0px 25px;
 }
.d-name img{
   max-width: 100px;
 }
.testimony{
   box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.10);
   max-width: 100%;
 }

.f-name {
   justify-content: center;
   align-items: center;
   padding: 15px 25px;
   border-bottom: 1px #D3C9BE solid;
 }
.plant{
   max-width: 338px;
   width: 338px;
}
.faqs-det{
   max-width: 100%;
}
.gbadge3{
   max-width: 245px;
   width: 245px;
}
.hpguarantee .fs-17{
   line-height: 27px;
}
.hphelp{
   background-color: #2B453B;
}
.call-btn{
   border-radius: 70px;
   background-color: #FFB648;
   max-width: 319px;
   width: 300px;
   padding: 10px;
   justify-content: space-around;
   display: flex;
   align-items: center;
}
.wbreak{
   word-wrap: break-word;
  word-break: break-all;
}
.how-may{
   justify-content: space-between;
}
.call-box{
   display: flex;
   align-items: end;
   flex-direction: column;
}

#sitefooter {
    background-color: #2B453B !important;
    width: 100% !important;
    margin: 0 auto !important;
}


@media screen and (max-width: 1399px) and (min-width: 768px){
    figure, h1, h2, h3, h4, h5, h6, hr, pre {
        margin-bottom: 1.143vw;
    }
    p{
        font-size: 1.429vw;
        line-height: 1.929vw;
    }
    .fs-60{
        font-size: 4.286vw;
    }
    .fs-50{
        font-size: 3.571vw;
    }
    .fs-45{
        font-size: 3.143vw;
    }
    .fs-43{
        font-size: 3.071vw;
        line-height: 3.214vw;
    }
    .fs-40{
        font-size: 2.857vw;
        line-height: 3.429vw;
    }
    .fs-35{
        font-size: 2.500vw;
        line-height: 2.857vw;
    }
    .fs-38{
        font-size: 2.714vw;
    }
    .fs-30{
        font-size: 2.143vw;
        line-height: 2.714vw;
    }
    .fs-26{
        font-size: 1.857vw;
        line-height: 2.214vw;
    }
    .fs-25{
        font-size: 1.786vw;
        line-height: 2vw;
    }
    .fs-24{
        font-size: 1.714vw;
        line-height: 2vw;
    }
    .fs-17 {
        font-size: 1.214vw;
      }
    .fs-15 {
        font-size: 1.071vw;
      }
    .fs-14 {
        font-size: 1vw;
      }
    .rad8{
        border-radius: 0.571vw;
    }
    .rad10{
        border-radius: 0.714vw;
    }
    .rad20{
        border-radius: 1.429vw;
    }
    .container{
        max-width: 81.429vw;
    }
    .wcont{
        width: 67.143vw;
    }
    /*flex gaps*/
    .gap-30{
        gap: 2.143vw;
    }
    .gap-20{
        gap: 1.429vw;
    }
    .gap-10{
        gap: 0.714vw;
    }
    .gap-50{
        gap: 3.571vw;
    }
    /*paddings*/
    .inner-p1{
        padding: 3.571vw;
    }
    .inner-p2{
        padding: 2.857vw 0px;
    }
    .inner-p3{
        padding: 2.143vw;
    }
    .inner-p4{
        padding: 2.143vw 0px;
    }
    .inner-p5{
        padding: 1.429vw;
    }
    .m1{
        margin-top: 2.857vw;
        margin-bottom: 2.857vw;
    }
    .m2{
        margin-top: 2.143vw;
    }
    .m3{
        margin: 0.714vw auto 0px auto;
    }
    .m4{
        margin: 1.429vw auto;
    }
    .top-p{
        padding: 0.643vw;
    }
    #top-nav{
        padding: 1.429vw 0px;
    }
    #top-nav .navbar-brand img{
        max-width: 17.571vw;
    }
    #top-nav .buy-btn{
        width: 17.929vw;
    }
    .buy-btn{
        max-width: 19.500vw;
        width: 19.500vw;
        font-size: 1.500vw;
        border-radius: 0.714vw;
        padding: 0.714vw;
    }
    .cart-i{
        max-width: 3.214vw;
    }
    .cart-arrow{
        max-width: 0.643vw;
    }
    .slider{
        gap:1.429vw;
    }
    .thumbnails{
        gap: 1.071vw;
    }
    .thumbnails img{
        max-width: 7.643vw;
    }
    .slide-img{
         max-width: 36.429vw;
         width:36.429vw;
     }
    .b-list{
        padding: 1.429vw 0.714vw;
    }
    .b-list img{
        max-width: 2.857vw;
    }
    .stars{
        max-width: 8.714vw;
    }
    .arrow1{
        max-width: 3.214vw;
    }
    .c-list{
        gap: 1.429vw;
        border-radius: 7.857vw;
        max-width: 19.143vw;
        padding: 1.071vw 1.429vw;
        width: 19.143vw;
    }
    .c-list img{
        max-width: 2.500vw;
    }
    .customer{
        border-radius: 0.571vw;
        margin: 2.143vw auto;
    }
    .lost{
        padding: 0.714vw 1.429vw;
        border-radius: 0.571vw;
    }
    .lost img{
        max-width: 2vw;
    }
    .c-name{
        padding: 1.071vw 1.786vw;
    }
    .going{
        padding: 2.143vw;
    }
    .going img{
        max-width: 20.571vw;
    }
    .to-this{
        border-radius: 0.571vw;
        border: 0.286vw #6ABEB4 solid;
        padding: 2.143vw;
    }
    .to-this img{
        max-width: 20.571vw;
    }
    .orange-arrow1{
        max-width: 12.643vw;
    }
    .star2{
        max-width: 9.357vw;
    }
    .d-list {
        padding: 1.429vw 0.714vw;
        line-height: 1.786vw;
      }
    .d-list img{
         max-width:  4.286vw;
      }
    .people{
        max-width: 47.857vw;
    }
    .true{
        padding:2.143vw;
    }
    
    .cody-sec{
        padding-bottom: 2.857vw;
    }
    .mark{
        padding: 0.143vw;
    }
    .pattern1{
        max-width: 15.929vw;
    }
    .arrow2{
        max-width: 4.429vw;
    }
    .woman2{
        max-width: 21.429vw;
    }
    .woman3{
        max-width: 21.429vw;
        width: 21.429vw;
    }
    .test img{
        max-width: 14.857vw;
        width: 14.857vw;
    }
    .rating{
        max-width: 22.929vw;
    }
    .berberine{
        padding: 2.143vw 2.143vw 5.714vw 2.143vw;
    }
    .inflammation{
        border-radius: 0.571vw;
        box-shadow: 0px 0.286vw 1.714vw 0px rgba(0,0,0,0.10);
    }
    .smlist img{
        max-width: 24.143vw;
        width: 24.143vw;
    }
    .arrow3{
        max-width: 5vw !important;
        width: 5vw !important;
    }
    .arrow4{
        max-width: 3.571vw !important;
        width: 3.571vw !important;
    }
    .b1g2-btn{
        padding: 0.714vw 1.429vw;
        border-radius: 5vw;
        margin: 2.143vw auto;
        max-width: 24.429vw;
    }
    /*sales section*/
    .sales-box{
        border-radius: 0.571vw;
    }
    .sales-img{
        max-width: 28.143vw;
        width: 28.143vw;
    }
    .b2{
        padding: 2.143vw 3.214vw;
    }
    .price{
        font-size: 5vw;
    }
    .price sup{
        font-size: 2.857vw;
    }
    .join-img {
        max-width: 19.286vw;
    }
    .arrow5{
        max-width: 3.857vw;
    }
    .gbadge{
        max-width: 15.500vw;
    }
    .comparison-table{
        border-radius: 1.429vw;
        padding: 2.143vw;
        gap: 0.357vw;
    }
    .bbr{
        border: 0.214vw #6ABEB4 solid;
    }
    .one-bot{
        max-width: 5.071vw;
        width: 5.071vw;
    }
    .checkm{
        max-width: 2.429vw;
    }
    .orange-border{
        border: 0.429vw #E37714 solid;
    }
    .sales-sec2 .b-list{
        padding: 0.714vw;
    }
    .d-name {
        padding: 1.071vw 1.786vw 0px 1.786vw;
      }
    .d-name img{
        max-width: 7.143vw;
      }
    .f-name {
        padding: 1.071vw 1.786vw;
      }
    .plant{
        max-width: 24.143vw;
        width: 24.143vw;
    }
    .gbadge3{
        max-width: 17.500vw;
        width: 17.500vw;
    }
    .hpguarantee .fs-17{
        line-height: 1.929vw;
    }
    .call-btn{
        border-radius: 5vw;
        max-width: 22.786vw;
        width: 21.429vw;
        padding: 0.714vw;
    }
    .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 0.571vw;
         padding-left: 0.571vw;
   }
 }
 @media screen and (max-width: 1100px){
     #top-menu {
         margin-left: 2%;
       }
 }
 @media screen and (max-width: 767px){
    .flex-col-m{
     flex-direction: column;
    }
    .flex-col-rev{
     flex-direction: column-reverse;
    }
    .flex-row-m{
     flex-direction: row-reverse;
    }
    .w-100m{
     width: 100%;
    }
    #top-nav{
     padding: 20px;
     background-color: white;
    }
    #top-nav .navbar-nav.me-auto.mb-lg-0 {
     text-align: center;
     }
     #top-nav .buy-btn {
     width: 251px;
     margin: 0px auto;
     }
     #top-nav .navbar-brand {
         margin: 0px auto;
       }
    .thumbnails{
     flex-direction: row;
    }
    .inner-p2 {
     padding: 20px;
     }
     .fs-45 {
         font-size: 28px;
         line-height: 30px;
     }
     .fs-35 {
         font-size: 28px;
         line-height: 32px;
       }
     .fs-60 {
         font-size: 30px;
       }
     .c-list{
         margin: 0px auto;
         max-width: 100%;
         width: 95%;
     }
     .hide-br{
         display: none;
     }
     .c-name{
         flex-direction: column;
     }
     .orange-arrow1 {
        top: 50%;
        left: 55%;
        rotate: 85deg;
    }
     .going {
         padding: 20px;
       }
     .to-this{
         padding: 20px;
     }
     .hide-mob{
         display: none;
     }
     .show-mob{
         display: block;
     }
     .people {
         position: relative;
         right: 0px;
         margin: 0px auto;
       }
     .true {
         margin-left: 0;
         padding: 20px;
       }
     .center-mob{
         text-align: center;
     }
     .wcont {
         width: 100%;
     }
     .mark3-mob{
         background-color: #eaa55d;
     }
     .trans-mob{
         background-color: transparent;
         font-weight: 700;
     }
     .arrow2 {
         bottom: -10%;
         rotate: -20deg;
       }
     .bold-mob{
         font-weight: 700;
     }
     .ampk {
         background-image: none;
     }
     .ampk div {
         width: 100%;
     }
     .woman2 {
         margin: 0px auto;
         display: block;
       }
     .woman3{
         margin: 0px auto;
     }
     .studies{
         padding: 0px 20px 0px 20px;
     }
     .simple {
         background-image: url(/assets/images/berberine-b1g2/one-bot-bg.jpg);
         background-position: top center;
         padding-top: 65%;
         background-size: 100%;
     }
     .berberine {
         background-image: none;
         padding: 20px;
     }
     .berberine .w-100m {
         width: 100%;
       }
     .img-auto{
         margin: 0px auto;
         display: block;
     }
     #details h2 {
         margin-top: 20px;
       }
     #details .inner-p4 {
         padding: 0px;
       }
     .inflammation{
         background-image: none;
         margin-top: 0px;
     }
     .inflammation .w-100m {
         width: 100%;
       }
     .inner-p3 {
         padding: 20px;
       }
     .inner-p4{
         padding: 20px;
     }
     .smlist img{
         margin: 0px auto;
         display: block;
     }
     .arrow3{
         right: 3.5%;
         top: 62%;
     }
     .arrow4{
         left: 0%;
         top: 33%;
     }
     .fs-40 {
         font-size: 28px;
         line-height: 32px;
       }
     .highest-q .w-100m {
         width: 100%;
       }
     .highest-q {
         background-image: none;
     }
     .highest-q h2{
         margin-top: 20px;
     }
     .d-name{
         flex-direction: column;
         text-align: center;
     }
     .call-box{
         align-items: center;
     }
     .how-may{
         text-align: center;
     }
     .call-btn{
         margin: 10px auto;
     }
     .cody-pic {
         max-width: 330px;
         margin: -2% auto -7% auto;
       }
     .cody-sec .fs-35 {
         display: block;
         margin-bottom: -5%;
       }
 
     /*sales mob*/
     .sales-benefits{
         flex-direction: column-reverse;
     }
     .b1{
         display: none;
     }
     .b2 {
         width: 100%;
         padding:0px;
         background-color: #f6f4f2;
         border: 1px #C5C5C5 solid;
     }
     .hmob{
         background-color: #ECEAE8;
         padding:10px;
         border-bottom: 1px #C5C5C5 solid;
     }
     .mob-box{
         display: flex;
         justify-content: center;
         gap: 40px;
         padding: 0px;
     }
     .one-bott{
         max-width: 130px;
     }
     .gbadge {
         max-width: 120px;
         bottom: 0;
         left: 0%;
         top: -10%;
       }
     .b-list{
         width: 80%;
         margin: 0px auto;
     }
     .orange-border{
         border: 0px;
     }
     .sales-sec2 .b-list{
         background-color: transparent;
     }
     #top-menu {
         margin-left: 0px;
       }
     .customer .fs-35 {
         font-size: 23px;
       }
     #top-nav .navbar-toggler{
         border-color: transparent;
         border: 0px solid transparent;
       }
     #top-nav .buy-btn {
         margin: 0px auto 10px;
       }
 }
 @media screen and (max-width: 600px){
 
     .slide-img {
         max-width: 100%;
         width: 100%;
       }
     #top-nav {
         padding: 2px 10px;
       }
     #top-nav .nav-link {
         padding: 5px;
       }
     .one-bott {
         max-width: 93px;
         width: 93px;
     }
     .buy-btn {
         max-width: 203px;
     }
     .cart-i {
         max-width: 35px;
       }
     .b-list {
          width: 100%;
       }
     .fs-24 {
         font-size: 20px;
     }
     .comparison-table{
         border-radius: 0px;
         padding: 10px;
         gap: 10px;
     }
     .comparison-table .hide-mob {
         display: none !important;
       }
     .plant {
         max-width: 100%;
         width: 100%;
       }
     .d-flex.white-bg.inner-p5.rad10.just-c {
         flex-direction: column;
         gap: 5px;
       }
     .w40 {
         width: 100%;
     }
     .comparison-table .w33{
         align-items: center;
         width: 100%;
         justify-content: space-between;
     }
     .checkm {
         max-width: 25px;
       }
     .bbr{
         flex-direction: column;
       }
     .comparison-table .left-a{
         text-align: center;
       }
     #why-buy {
         padding: 0px;
       }
     .sales-sec.inner-p2 {
         padding: 0px;
       }
     .hmob{
         font-size: 20px;
         padding:5px;
     }
     .gbadge {
         max-width: 70px;
         top: -13%;
     }
     .customer{
         max-width: 100%;
         margin: 20px auto 0px;
     }
     .d-list {
         padding: 0px;
     }
     .cody-sec{
         padding-bottom: 0px;
         background-image: none;
     }
     .cody-sec .inner-p5 {
         border-radius: 8px;
       }
     .cody-pic {
         margin: -7% auto -7% auto;
       }
     .m2 {
         margin-top: 20px;
       }
     .ampk{
         margin-top: 0px;
     }
     .gap-30 {
         gap: 10px;
       }
     .smlist img {
         max-width: 100%;
         width: 100%;
       }
     .sales-box .b-list{
         padding: 0px 10px 10px;
     }
     .highest-q .wcont {
         padding-bottom: 0px;
       }
     .more-than{
         padding: 15px 10px;
     }
     .highest-q {
         background-color: white;
         padding: 0px 0px 15px 0px;
       }
     .fs-50 {
         font-size: 30px;
       }
     .hpguarantee .fs-17 {
         padding-top: 0px;
       }
     .white-fc.wbreak {
         font-size: 15px;
       }
     .inner-p5.light-green.white-fc.rad20.m3.center-t {
         font-size: 16px;
         line-height: 20px;
         border-radius: 0px;
       }
     .c-list{
         justify-content: start;
     }
     .arrow2 {
         bottom: -17%;
     }
 }  
 @media screen and (max-width: 400px){
     .inner-p5 {
         padding: 10px;
       }
     .arrow1 {
         top: 59%;
         max-width: 35px;
       }
     .arrow2{
         right: 0%;
     }
     .sales-sec .buy-btn{
         padding: 5px;
         max-width: 180px;
     }
     .hmob{
         text-align: right;
     }
     .mob-box{
         gap: 20px;
     }
     .call-btn{
         max-width: 250px;
     }
     .white-fc.fs-40.bolder {
         font-size: 24px;
       }
 } 

 #sitefooter {
    background-color: #2B453B !important;
  }
  #app {
  overflow-x: hidden;
  }
  #sitefooter .container {
  max-width: 1140px !important;
  }
  #sitefooter img {
    filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(100%) contrast(1000%) !important;
  }
  .buy-btn{
  font-size: 18px;
  }
  h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem;
  }
  body{
  color: #000;
  }
  .pattern1 {
  margin: 0px auto !important;
  }
  .mySlides {
  display: none;
  }
  .tk-adv {
  justify-content: center; 
  gap: 10px;
  align-items: center;
  max-width: 70%;
  margin: 0px auto;
  }
  .tk-adv .gray-arw{
  max-width: 24px;
  width: 24px;
  height: 35px;
  }
  
  #top-menu {
  margin-left: 6%;
  }
  #top-menu .navbar-nav.me-auto.mb-lg-0 {
  gap: 1.429vw;
  }
  /*hover navlink*/
  #top-nav .nav-item::after {
    content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #E37714;
    transition: width .2s;
  }
  #top-nav .nav-item:hover::after {
    width: 100%;
  }
  
  .rating {
  margin: 0px auto;
  }
  .stars {
  margin: 0px auto;
  }
  #benefits{
  background-image: url(	/assets/images/berberine-b1g2/hand2-1.jpg);
  }
  .join-img {
  margin: 0px auto;
  }
  .sales-sec .b-list {
  padding: 10px 10px;
  }
  .sales-sec2 .b-list {
  padding: 8px 10px;
  }
  #faqs1 h1 {
  margin-bottom: 20px;
  }
  .sales-sec.inner-p2 .b1 {
  background-size: 107%;
  background-position-x: -1%;
  }
  .sales-sec2.inner-p2 .b1{
  background-size: 108%;
  background-position-x: -1%;
  }
  .active{
    border: none;
    border-radius: 0px;
  }
  .thumbnails {
  display: flex !important;
  }
  /*carousel*/
  
  .carousel-indicators {
    position: unset;
    right: unset;
    bottom: unset;
    left: unset;
    z-index: unset;
    display: unset;
    justify-content: unset;
    padding: unset;
    margin-right: unset;
    margin-bottom: unset;
    margin-left: unset;
    list-style: unset;
  }
  .carousel-indicators [data-bs-target] {
    height: fit-content;
    background-color: unset !important;
  }
  ol{
    list-style: none;
  }
  .list-inline-item {
    line-height: 0px;
  }
  #top-nav .navbar-toggler {
  padding: 0px;
  }
  
  /*pop-up*/
  #pop-up .modal-header{
    align-items: self-start;
  }
  #pop-up .modal-header .btn-close{
    margin-left: 0px;
  }
  
  #pop-up .modal-header div{
    width: 95%;
  }
  #pop-up .modal-dialog {
    max-width: 960px;
  }
  .special-offer{
    max-width: 340px;
    margin: 0px auto 10px auto;
    padding: 5px 10px;
    background-color: #21342D;
    color: white;
    border-radius: 50px;
    text-align: center;
  }
  .b2g4-sec{
    width: 60%;
  }
  .nty-btn{
    max-width: 250px;
    margin: 10px auto 0px auto;
    color: #ffff;
    padding: 15px 20px;
    border-radius: 12px;
    background: linear-gradient(138deg, rgba(185,185,185,1) 38%, rgba(165,165,165,1) 62%, rgba(145,145,145,1) 100%, rgba(0,212,255,1) 100%);
  }
  .nty-btn:hover{
    background: linear-gradient(138deg, rgba(165,165,165,1) 38%, rgba(145,145,145,1) 62%, rgba(185,185,185,1) 100%, rgba(0,212,255,1) 100%);
  }
  .cards-{
    max-width: 200px;
    margin: 20px auto;
  }
  .pbadge{
    max-width: 80px;
  }
  .yes-take{
    border-radius: 30px;
    padding: 20px;
    margin: 20px 0px;
  }
  .b2g4-sec img {
    max-width: 500px;
  }
  
  /*toggle sales section*/
  .togll-sec{
    border-radius: 10px;
    overflow-x: hidden;
    background-color: #fff;
    margin-top: 5px;
  }  
  /*modal backdrop*/
  .modal-backdrop{
  background-color: #1D1D1D !important;
  opacity: 1 !important;
  }
  .simple {
  background-image: url(/assets/images/berberine-b1g2/simple-bg1.jpg) !important;
  }
  .b1 {
    background-image: url(/assets/images/berberine-b1g2/sales-img1.jpg) !important;
  }
  .arrow2 {
    right: 0 !important;
    rotate: 0deg;
}
  @media screen and (min-width: 1500px){
  .inflammation{
  margin-top: -50px;
  }
  }
  @media screen and (max-width: 1399px){
  .buy-btn{
  font-size: 1.286vw;
  }
  }
  @media screen and (max-width: 960px){
  #top-menu {
  margin-left: 0px;
  }
  #top-nav .nav-link {
  font-size: 1.8vw;
  }
  }
  @media screen and (max-width: 767px){
  .comparison-table .show-mob {
  display: none !important;
  }
  .tk-adv{
   max-width: 90%;
  }
  .buy-btn{
  font-size: 18px;
   max-width: 253px;
  }
  .benefits2.gap-10 .light-bg3{
  background-color: #F4EFE9;
  }
  #benefits{
  background-image: none;
  }
  #top-menu {
  margin-left: 0px;
  }
  #top-nav .nav-link {
  font-size: 20px;
  }
  .col-md-4.flogo {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  }
  #sitefooter {
    padding-top: 20px;
  }
  .customer .fs-35 {
  display: block;
  margin-bottom: -30px;
  text-align: center;
  }
  .customer .star2 {
  margin-bottom: 10px;
  }
  #pop-up .b2g4-sec {
  width: 100%;
  }
  /*toggle section*/
  #top-nav{
        padding:0px !important;
    }
    #top-menu{
        background-color: #3D3938;
        padding: 10px 10px !important;
    }
    #top-nav .nav-link {
        color: #fff !important;
      }
    #top-nav .buy-btn{
        max-width: 250px;
      }
    #top-nav .nav-item:hover::after {
        width: 30%;
        margin: 0px auto;
    }
  #top-nav .container.flex-row-m {
  padding: 0px !important;
  }
  #top-nav .navbar-toggler {
  margin-left: 3%;
  }
  .simple {
    background-image: url(/assets/images/berberine-b1g2/one-bot-bg1.jpg) !important;
  }
  }
  @media screen and (max-width: 600px){
  .top-p p{
  font-size: 3.333vw;
  }
  #top-nav .navbar-brand img {
  max-width: 200px;
  }
  .comparison-table .show-mob {
  display: block !important;
  }
  .star2 {
  margin-bottom: 10px;
  }
  .lost {
  padding: 10px;;
  font-size: 17px;
  }
  .fs-38 {
  font-size: 28px;
  }
  .mob-box{
  padding: 20px 0px 0px;
  }
  .gbadge {
  max-width: 80px;
  top: -10%;
  }
  }
  @media screen and (max-width: 425px){
  .cart-i{
  display: none;
  }
  .cart-arrow {
  display: none;
  }
  .buy-btn{
  justify-content: center;
  }
  .light-bg2.inner-p2 {
  padding: 10px 0px;
  }
  #benefits .container {
  padding: 0px !important;
  }
  .d-list img {
  max-width: 40px;
  }
  .true h2 {
  text-align: center;
  }
  #top-nav {
  padding: 2px 0px;
  }
  }