@font-face {
   font-family: "Chronicle Deck Black";
   font-weight: bold;
   font-display: swap;
   font-style: normal;
   src: local("Chronicle Deck Black"),
      url("https://cdn.beverlyhillsmd.com/fonts/ChronicleDeck-Black.otf") format("opentype");
}

/*@font-face {
   font-family: "Gotham";
   src: url("../../../theme/fonts/Gotham-Book.eot");*/
   /* IE9 Compat Modes */
   /*src: url("../../../theme/fonts/Gotham-Book.woff") format("woff"),*/
      /* Pretty Modern Browsers */ /*url("../../../theme/fonts/Gotham-Book.ttf") format("truetype"),*/
      /* Safari, Android, iOS */ /*url("../../../theme/fonts/Gotham-Book.svg") format("svg");*/
   /* Legacy iOS */
/*}

@font-face {
   font-family: "Gotham Bold";
   src: url("https://cdn.beverlyhillsmd.com/fonts/Gotham-Bold.otf");
}*/

@media screen and (max-width: 1024px) {
   * {
      text-decoration: none;
      max-width: 100%;
      margin: 0;
      padding: 0;
   }

   .hidden-mobile {
      display: none !important;
   }

   header .container {
      max-width: calc(100% - 10px);
      padding: 0 5px 5px;
   }

   header .container .cosmetic-logo {
      width: 135px;
      padding-top: 0;
   }

   header .container > img {
      max-width: 180px;
   }

   .orderSection {
      flex-direction: column;
      margin: 20px auto 10px;
   }

   .orderSection_slider {
      max-width: 550px;
      margin: 0 auto;
   }

   .carousel-inner {
      position: relative;
      flex: 0 0 100%;
      max-height: 642px;
      padding: 0 20px;
   }

   .carousel-inner>.item>a>img,
   .carousel-inner>.item>img,
   .img-responsive,
   .thumbnail a>img,
   .thumbnail>img {
      height: 100%;
   }
   
   .carousel-inner>.next,
   .carousel-inner>.prev {
      width: calc(100% - 40px);
   }

   .carousel-inner>.active,
   .carousel-inner>.next,
   .carousel-inner>.prev {
      height: 80%;
   }

   .carousel-inner>.item.active.right,
   .carousel-inner>.item.next {
      left: 20px !important;
   }

   #carousel-custom .carousel-indicators li {
      width: 25%;
      height: 100%;
   }

   .orderSection_right {
      padding: 0 2rem;
  }

   .orderSection_title {
      margin: 10px auto 15px;
      font-size: 24px;
   }

   .orderSection_title sup {
      font-size: 13px;
   }

   .orderSection_stars {
      margin: 10px 0;
   }

   .orderSection_review {
      margin-bottom: 20px;
   }

   .orderSection_frequency {
      flex-direction: column;
      align-items: flex-start;
   }

   .orderSection_frequency-option {
      margin: 0 0 10px;
   }

   .orderSection_frequency-option_radio .check {
      height: 16px;
      width: 16px;
      margin: 4px;
   }

   .orderSection_frequency-option label {
      font-size: 16px;
      font-weight: 500;
      font-family: "LibreFranklin", sans-serif;
      letter-spacing: 0;
   }

   .orderSection #quantity .package_qty {
      white-space: nowrap;
      font-size: 14px;
   }

   .orderSection #quantity .package_save {
      max-width: 60px;
      font-size: 12px;
      white-space: pre-wrap;
   }

   .orderSection #quantity .package_yourPrice {
      font-size: 14px;
   }

   .orderSection_SubscribeCheckbox .subscribe-advantages li p {
      max-width: 90%;
      font-size: 14px;
   }

   .review-section {
      padding: 20px 0;
   }

   .review-section h2 {
      font-size: 25px;
   }

   .review-section_disclaimer {
      font-size: 12px;
   }

   .review-section_disclaimer img {
      width: 120px;
   }

   .review-section_container {
     margin: 20px;
   }

   .review-section_name {
      font-size: 18px;
   }

   .smallStars {
      max-width: 90px;
   }

   .review-section p {
      font-size: 14px;
      line-height: 18px;
   }

   .blue-layke-div {
      height: fit-content;
   }

   .blue-layke-div p {
      font-size: 12px;
   }

   .question {
      font-size: 25px;
      line-height: 28px;
   }

   .faqContainer {
      padding: 10px;
   }

   .faqContainer p {
      margin-top: 20px;
      padding-left: 10px;
      font-size: 14px;
      line-height: 20px;
   }

   .faqContainer p.faq_disclaimer {
      font-size: 10px;
   }

   .faq-list {
      padding-left: 30px;
   }

   .faq-list li {
      padding-left: 5px;
      font-size: 14px;
   }

   .faq_name {
     margin: 10px;
     font-size: 25px;
   }

   .ingredient {
      padding-left: 0;
   }

   .citations {
      background: #eee;
      padding-bottom: 40px;
      height: 70px;
      overflow: hidden;
      transition: height 1s;
      margin-bottom: 20px;
   }
  
   .citations h2 {
      font-size: 25px;
      padding: 10px 0;
      margin: 10px 0;
   }

   .citations.open {
      height: fit-content;
      padding-bottom: 20px;
  }

  .donate-section img {
      display: block;
      margin: 0 auto;
  }

  .ctaContainer {
      display: flex;
      flex-direction: column;
   }

   .ctaContainer img {
      order: 1;
      max-width: 50%;
      padding-right: 0;
      margin: 0 auto;
  }

  .ctaContainer .bottom-div {
      max-width: calc(100% - 40px);
      margin: 0 20px;
   }

   .big-grey {
      margin: 20px 0;
   }

   .ctaContainer .bottom-div h2 {
      margin-bottom: 25px;
      font-size: 25px;
  }

  .bottom-p {
      margin: 0 0 20px 0;
      font-size: 14px;
   }

   #bottom-button {
      margin: 0 auto 30px;
   }

   footer {
      margin-top: 30px;
      padding: 20px 10px;
      font-size: 12px;
   }

}

@media only screen and (max-width: 400px) {

   .orderSection #quantity .package_save {
      font-size: 10px;
   }

   .orderSection #quantity .package_qty {
      max-width: 50px;
      white-space: wrap;
      font-size: 12px;
   }

   .orderSection #quantity .package_oldPrice {
      font-size: 10px;
   }

   .orderSection #quantity .package_yourPrice {
      font-size: 10px;
   }

}

@media only screen and (max-width: 355px) {
   .vip-button {
      width: 40%;
   }
}

@media only screen and (min-width: 480px) {
   .breaker {
      display: none;
   }

   .about_dr {
      font-size: 24px;
   }
   .orderSection #quantity .package_qty {
      white-space: wrap;
      font-size: 12px;
   }
   .orderSection #quantity .package_oldPrice {
      font-size: 10px;
   }
}