body {
  padding: 0;
  margin: 0;
  background: #fff;
}
.navbar {
  background:#fff;
}
.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  color: #000;
}
.navbar-collapse {
  justify-content: flex-end;
}

.logo{
  width:75%;
  height:50%;
}

.header {
  background-size: cover;
  background-position: center;
  position: relative;
}


.header {
  background-image: url('image/hero1.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
}

.container-features{

  width:100%

}

/* Web ticker CSS no JS required with this one*/

.news-container{

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-family: "Roboto", sans-serif;
  background-color: #8d5129;
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.3);
  z-index: 200;
}

.news-container ul{
  display: flex;
  list-style: none;
  margin: 0;
  animation: scroll 25s infinite linear;

}

.news-container ul li{

  white-space: nowrap;
  padding: 10px 24px;
  color: #ffffff;
  position: relative;
  font-weight: 700;
}

.news-container ul li::after{

  content: " ";
  width: 1px;
  height: 100%;
  background: #1e194e;
  position: absolute;
  top: 0;
  right: 0;
}

@keyframes scroll {

  from {
      transform: translateX(100%)
  }

  to {
      transform: translateX(-1083px);
  }
}

.reviews {
margin: 1em auto;
padding: 1em;
position: relative;
}
.reviews-title {
color: #333;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.reviews img {

margin-bottom: 16px;
}


.mw-btn-control{

  margin-left:18%;
}

.page-footer {
  background-color: #8d5129;;
  color: #ccc;
  padding: 60px 0 30px;
  
}

.footer-copyright {
  color: #ccc;
  padding: 40px 0;
}  

a:link {
  color: #ccc;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(192, 213, 255);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(192, 213, 255);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #ccc;
  background-color: transparent;
  text-decoration: underline;
}

.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #8d5129;;
  color: #fff;
  padding: 10px;
  text-align: center;
  z-index:200;
  font-size:2rem;
  font-weight:700;
}

.sticky-cta p {
  margin: 0;
}

.sticky-cta button {
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.sticky-cta button:hover {
  border:1px solid #fff;
  background:rgb(2, 138, 45);
  color: #fff;
}

.mw-why-control-benefits{

  background-color:#ffffff;
  padding:2%;
}

.mw-why-control {
  background-color: #8d5129;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  padding: 2%;
  height: 51rem;
}

.mw-why-control2 {
background-color: #8d5129;
color: #fff;
font-size: 18px;
font-weight: 700;
padding: 2%;
}

.mw-why-control3 {
background-color: #8d5129;
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 2%;
height: 108rem;
}

.mw-24hour-control{

  background-color:#ffffff;
  color:#000000;
  font-size: 18px;
  padding:2%;
}

.reviews-title{
  color:#fff;
}

.hours-title{
  color:#000000;
}

.mw-text-control{

  font-size: 20px;
}

.mw-text-control-2 {
  font-size: 20px;
  margin-top: 2rem;
}

.mw-title-control{

  font-size: 2rem;
}

.img-fluid3{

  max-width: 50%;
}

.trial-img-fluid{

  max-width: 100%;
  margin-top: 2rem;
}

.trialb-img-fluid{

  max-width: 100%;
  margin-top: 2rem;
  margin-left: 8rem;
  
}

.trialc-img-fluid{

  max-width: 100%;
  margin-top: 2rem;
  margin-left: 0.85rem;
  
}

.adrenal-img-fluid{

  max-width: 100%;
  margin-top: 0rem;
  
}

.heart-img-fluid{

  max-width: 100%;
  margin-top: 0rem;
  height: 15rem;
  
}

.diab-img-fluid{

  max-width: 100%;
  margin-top: 0rem;
  height: 11rem;
  
}


.people-image-fluid{

  border-radius: 17%;
  max-height: 30%;
  margin-left: 1.3rem;
}


.doctor-image-fluid{

  border-radius: 42%;
  max-height: 100%;
}

.doctor2-image-fluid{

  border-radius: 42%;
  max-height: 70%;
  margin-left: 3rem;
  width: 64%;
}

.highlights{

  -webkit-text-stroke: 1px brown;

}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #8d5129;
color: #ffffff;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}

/* Media query for desktop size*/

@media (max-width: 2500px) and (min-width: 1001px){

  .header{

      max-height:950px;
  }

  .mw-bottles-img{
      margin-left:200px;
  }

  .mw-bottles2{

      display: none;
  }
  
  .logo{

      margin-left:0px;
  }

  .mw-col-sm-6{

      
      padding-top: 10%;
      margin-left:30%;
      margin-top: 15%;
      max-width:75%;

  }

  .mw-img-fluid{

      max-width: 93%;
      height:auto;
      margin-top:-5rem;
  }

  .bullets{

      padding-top: 6%;
      padding-left: 5%;
      color: #8d5129;
      font-weight:700;
      font-size:1.75rem;

  }

  .btn {
      border-radius: 0;
      color:#fff;
      border-radius: 4px;
      cursor: pointer;
      }
  
      .btn:hover {
      border:1px solid #fff;
      background:rgb(2, 138, 45);
      color: #fff;
      }

      .mw-why-control3 {
        height: 54rem;
    }

    .stars-img-fluid {
      max-width: 100%;
      height: auto;
      margin-left: 5rem;
  }
}

/* Media query for mobile size*/

@media (max-width: 592px) and (min-width: 268px){

.header {
  background-image: url('image/hero-mob.jpg');
  background-position: center;
  max-height:400px;
}

.mw-bottles{

  display: none;
}

.logo{

  margin-left:0px;
}

.mw-col-sm-6{

max-width: 78%;
padding-top: 4%;
margin-left:15%

}

.bullets{

padding-top: 7%;
padding-left: 19%;
color: #8d5129;
font-weight:700;
width:100%;
margin-left: 3rem;

}


.triala-img-fluid{

    margin-left:0%;

}


.mw-img-fluid{

    max-width: 100%;
    height:42%;
    margin-left: 2rem;
}

.btn {
border-radius: 0;
color:#fff;
border-radius: 4px;
}

.btn:hover {
border:1px solid #fff;
background:rgb(2, 138, 45);
color: #fff;
}

.tubes-img-fluid{

    margin-left: 10%;
  }

  .peoplea-image-fluid{

    height: 18rem;
    width: 13rem;
    margin-left: 5.5rem;
  }


  .stars-img-fluid {
    max-width: 100%;
    height: auto;
    margin-left: 8rem;
    margin-top:2rem;
}


.mw-why-control {
  height: 149rem;
}

.review-control{

  height:28rem;
}

.people-image-fluid{

  max-height: 35%;
  max-width: 50%;
}

.peopleb-image-fluid {

  margin-top:5rem;

}

.peoplec-image-fluid{

  margin-top:10rem;

}

.peopled-image-fluid{

  margin-top:13rem;

}

.starsd-img-fluid{

  margin-left:2rem;
}

.doc-img-fluid{

  max-height: 35%;
}

.doctor2-image-fluid {
  margin-left: 6rem;
  width: 42%;
}

.doc-img-1 {
margin-left: 6rem;
width: 42%;
}

.doc-img-3 {
margin-left: 6rem;
width: 42%;
}

.accordion {
margin-top: 2rem;


}

.mw-h2{

  color: #8d5129;
  font-weight:700;
  font-size:3rem;
}

.trialb-img-fluid {

  margin-left: -1rem;
  max-width:111%;
}

.review-control{

  margin-top:2rem;
}

.reviews img {
  margin-bottom: -5px;
  
}

.mw-title-controlb{

  margin-left:1rem;

}




}

    /* Media query for tablet size*/

@media (max-width: 1000px) and (min-width: 593px){

.header {
    background-image: url('image/hero-tab.jpg');
    background-position: center;
    max-height:500px
}

.mw-bottles{

    display: none;
}

.logo{

    margin-left:0px;
}

img{
    margin-left:10%;
    max-width:70%;
}

.mw-col-sm-6{

    max-width: 100%;
    padding-top: 4%;

}

.bullets{

padding-top: 0%;
padding-left: 0%;
color: #2e5e2d;
font-weight:700;
font-size: 23px;

}

.footer-text{
  font-size:14px;
}

.img-fluid{

max-width:100%;

}

.btn {
border-radius: 0;
color:#fff;
border-radius: 4px;
}

.mw-btn-control{

    margin-left:104px;
}

.mw-btn-control2{

    margin-left:18px;
}

.btn:hover {
border:1px solid #fff;
background:rgb(2, 138, 45);
color: #fff;
}

.mw-why-control3 {
  
  height: 60rem;
}

.doc-img-1 {
    margin-left: 2rem;
    width: 68%;
}

.doc-img-3 {
  margin-left: 2rem;
  width: 68%;
}

.doctor2-image-fluid {
width: 58%;
}

.stars-img-fluid {
max-width: 100%;
height: auto;
margin-left: 1rem;
}

.people-image-fluid {
margin-left: -0.4em;
}


.mw-why-control {
height: 68rem;
}

.trialb-img-fluid {

  margin-left: 1rem;
}



}