/*progress bar*/
  .gray-bg{
  	background-color: #fafafa;
  }
  .stock-progress{
  	padding: 10px;
  }
  #stock-container{
  max-width: 500px;
	width: 100%;
  margin: 0px auto;
  }
  .progress-container {
      width: 90%;
      background-color: #eee;
      border-radius: 20px;
      overflow: hidden;
      margin: 0px auto;
      height: 20px;
      border: 1px solid #ccc;
    }

    .progress-bar {
      height: 100%;
      background-color: #289df2;
      width: 0%;
      transition: width 1s;
    }

    .stock-text {
      font-size: 15px;
			font-weight: 600;
      margin-top: 5px;
    }
/*end of progress bar*/


/* Variant-G CSS */
.sub-head {
 padding-left: 0; 
}
.blue-bg.nb-new {
    padding: 10px;
    text-align: center;
}
.nb-new h6.demand.mb-0 {
    font-weight: 700;
    color: #fff;
}
nav.container.navbar.navbar-expand-lg.navbar-light.light_bg {
    padding: 15px 10px;
    justify-content: center;
    gap: 50px;
}
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0;
    align-items: center;
}
p.gradient-bg.white-text.b1g3-cart.nav-cart {
    width: 270px;
    gap: 10px;
}
div#stockText {
  color: #5ca4d8;
}
.cart-nav {
    margin-left: 0px;
}

/* Slider */
.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-1 {
   width: 40%;
   display: flex;
   flex-direction: column;
   position: relative;
 }
.benefits-1 .b-list{
   background-color: #fff;
   padding: 15px 10px;
   font-weight: 700;
   border-radius: 7px;
}
.benefits-1 .b-list img{
   max-width: 40px;
}
.benefits-1 .stars{
   max-width: 122px;
}
.arrow1{
   position: absolute;
   right: 8%;
   top: 49%;
   max-width: 55px;
}
.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;
}
.light-bg2 {
    background-color: #F1F8FF;
}
.light-bg2 .d-flex.gap-30.flex-col-m {
    justify-content: center;
}
.light-bg2 .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;
  font-weight: 700;
  text-align: center;
  margin: 10px auto 0;
}
header {
    padding: 40px 10px;
    background: none !important;
}
header h1.fs-55.black-fc.fw-800 {
    text-align: center;
}
.hidden-reason {
    width: 80%;
    margin: 0 auto !important;
}
.sub-head {
    max-width: 550px;
    margin: 0 auto;
}
img.glp-001 {
    float: right;
    margin-top: 170px;
}
.fs-20 {
 font-size: 20px; 
 line-height: 1.2;
}
.dot-line {
    border-bottom: 1px solid #5ca4d8;
}
.list-pl {
    position: relative;
    left: 30px;
}
.appetite.d-flex.gap-30.flex-col-m {
    margin: 0 !important;
}
.appetite p.d-flex.gap-10 {
    align-items: center;
}
.d-flex.level.gap-30.align-c {
    margin: 0 auto;
}
.glp-boost2 {
    max-width: 251px;
    width: 351px;
}
.badge-001 {
    padding: 0 0 20px !important;
}
img.stars.img-auto {
    margin-right: 10px;
}
.stories ol li {
    font-size: 20px;
}
ul.navbar-nav.links-nav {
    height: auto;
}
.bdeal .container.d-flex.gap-50.inner-p2.align-c.flex-col-m {
    padding: 20px;
    flex-direction: row-reverse;
}
.brad-10.inner-p3.white-bg.border1.m3 img {
    max-width: 250px;
    display: block;
    margin: 0 auto 20px;
}
.brad-10.inner-p3.white-bg.border1.m3 p.pb-3.center-t {
    max-width: 90%;
    margin: 0 auto;
}
.slide-img {
    max-width: 490px;
  border-radius: 10px;
}
header {
    padding: 10px 10px 20px;
}
.bg-work {
    background-color: #5ca4d8;
    border-radius: 15px;
    padding: 30px 15px;
    margin-bottom: 20px;
}
ol.list-pl li {
    color: #fff;
}
span.num-cir {
    padding: 25px;
    border-radius: 100%;
    background-color: #5ca4d8;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 28px;
    border: 2px solid #1E408C;
}
span.num-d-flex {
    display: flex;
    align-items: center;
    gap: 10px;
  margin-bottom: -20px;
}
img.logo_bioswitch {
    width: 190px;
}
.cart-nav {
    margin-left: 50px;
}
li.nav-item.nav_menu {
    margin-right: 50px;
}

@media (max-width: 1399px) and (min-width: 601px){
 /*progress bar*/
.stock-progress {
    padding: 0.71428vw;
}
  header {
    padding: 0.71vw 0.71vw 1.43vw;
    background: none !important;
}
#stock-container {
    max-width: 35.71428vw;
    width: 100%;
}
.progress-container {
    width: 90%;
    border-radius: 1.42857vw;
    height: 1.42857vw;
    border: 0.07142vw solid #ccc;
}

.stock-text {
    font-size: 1.07142vw;
    margin-top: 0.35714vw;
}
/*end of progress bar*/


/* Variant-G CSS */
.blue-bg.nb-new {
    padding: 0.71428vw;
}
nav.container.navbar.navbar-expand-lg.navbar-light.light_bg {
    padding: 1.07142vw 0.71428vw;
    gap: 3.57142vw;
}
p.gradient-bg.white-text.b1g3-cart.nav-cart {
    width: 19.28571vw;
    gap: 0.71428vw;
}
.cart-nav {
    margin-left: 0vw;
}

/* Slider */
.slider {
    gap: 1.42857vw;
}
.thumbnails {
    gap: 1.07142vw;
}
.thumbnails img {
    max-width: 7.64285vw;
}
.slide-img {
    max-width: 36.42857vw;
    width: 36.42857vw;
}
.benefits-1 {
    width: 40%;
}
.benefits-1 .b-list {
    padding: 1.07142vw 0.71428vw;
    border-radius: 0.5vw;
}
.benefits-1 .b-list img {
    max-width: 2.85714vw;
}
.benefits-1 .stars {
    max-width: 8.71428vw;
}
.arrow1 {
    max-width: 3.92857vw;
}

@keyframes bounce {
    40% {
        transform: translateY(-2.14285vw);
    }
    60% {
        transform: translateY(-1.07142vw);
    }
}
.light-bg2 .buy-btn {
    max-width: 19.5vw;
    width: 19.5vw;
    font-size: 1.5vw;
    border-radius: 0.71428vw;
    padding: 0.71428vw;
    margin: 0.71428vw auto 0vw;
}
header {
    padding: 2.85714vw 0.71428vw;
}
.hidden-reason {
    width: 80%;
    margin: 0vw auto !important;
}
.sub-head {
    max-width: 39.28571vw;
    margin: 0vw auto;
}
img.glp-001 {
    margin-top: 12.14285vw;
}
.fs-20 {
    font-size: 1.42857vw;
}
.dot-line {
    border-bottom: 0.07142vw solid #5ca4d8;
}
.list-pl {
    left: 2.14285vw;
}
.appetite.d-flex.gap-30.flex-col-m {
    margin: 0vw !important;
}
.d-flex.level.gap-30.align-c {
    margin: 0vw auto;
}
.glp-boost2 {
    max-width: 17.92857vw;
    width: 25.07142vw;
}
.badge-001 {
    padding: 0vw 0vw 1.42857vw !important;
}
img.stars.img-auto {
    margin-right: 0.71428vw;
} 
.pb-5{
  padding-bottom: 3.429vw !important;
  }
br{
  line-height: 1.43vw;
  }
  .stories ol li {
    font-size: 1.43vw;
}
.pb-3 {
    padding-bottom: 1.143vw !important;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1.143vw;
}
  .nav-cart {
    font-size: 1.21vw;
}
  .hidden-reason {
        width: 77%;
    }
  img.glp-001 {
    max-width: 25.07vw;
}
  .bdeal .container.d-flex.gap-50.inner-p2.align-c.flex-col-m {
    padding: 1.43vw;
}

.brad-10.inner-p3.white-bg.border1.m3 img {
    max-width: 17.86vw;
    margin: 0 auto 1.43vw;
}
.slide-img {
    max-width: 35vw;
  border-radius: 0.71vw;
}
img.cart-arrow {
width: 0.64vw;
}
.bg-work {
    border-radius: 1.07vw;
    padding: 2.14vw 1.07vw;
    margin-bottom: 1.43vw;
}
  
span.num-cir {
    padding: 1.79vw;
    width: 2.14vw;
    height: 2.14vw;
    font-size: 2vw;
    border: 0.14vw solid #1E408C;
}
span.num-d-flex {
    gap: 0.71vw;
  margin-bottom: -1.43vw;
}
img.logo_bioswitch {
    width: 13.57vw;
}
.cart-nav {
    margin-left: 3.57vw;
}
li.nav-item.nav_menu {
    margin-right: 3.57vw;
}
}

@media (max-width: 981px){
 a.navbar-brand.left.border_red {
    margin: 0 auto;
}
  button.navbar-toggler {
    position: absolute;
    left: 0;
} 
      .cart-nav {
        margin-left: 0;
    }
      p.gradient-bg.white-text.b1g3-cart.nav-cart {
        width: 200px;
    }
      li.nav-item.nav_menu {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
 .col-md-4.flogo {
    display: flex;
    justify-content: center;
    position: relative;
} 
}

@media (max-width: 600px) {
  .list-pl{
   left: 0; 
  }
  .pb-5 {
    padding-bottom: 1rem !important;
}

.brad-10.inner-p3.white-bg.border1.m3 p.pb-3.center-t {
    max-width: 100%;
}
  .bdeal .container.d-flex.gap-50.inner-p2.align-c.flex-col-m {
    padding: 10px 10px 0;
    flex-direction: column-reverse;
    gap: 0;
}
  .glp-boost2 {
    max-width: 200px;
}
.slide-img img {
    max-width: 95%;
  display: block;
  margin: 0 auto;
}
.slide-img {
    max-width: 100%;
}
img.glp-001 {
    float: none;
    margin-top: 0;
    display: block;
    width: 250px;
    margin: 0 auto 20px;
}
.bbox-1.bbox {
    width: 360px;
}
    header {
        padding: 0px 10px 15px;
    }
header h1.fs-55.black-fc.fw-800 {
    text-align: center;
    font-size: 30px;
}
.blue-bg.nb-new {
    padding: 0;
}
.hidden-reason .fs-25 {
        font-size: 15px;
        line-height: 1.4;
    }
.benefits-1 p.b-list.gap-10.d-flex.align-c {
    font-size: 17px;
    line-height: 1.2;
}
.bg-work {
    padding: 20px 10px;
}
img.stars.img-auto {
    margin-right: 10px;
    margin: 10px auto;
}
span.num-cir {
    padding: 20px;
    width: 25px;
    height: 25px;
    font-size: 20px;
}
span.num-d-flex {
    margin-bottom: -10px;
}
  li.nav-item.cart-nav {
    width: 300px;
}
      p.gradient-bg.white-text.b1g3-cart.nav-cart {
        max-width: 270px !important;
        width: 270px !important;
        margin: 0 auto;
    }
}