@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;
      gap: 1rem;
      margin: 20px auto 10px;
   }

   .orderSection_slider,
   .orderSection_right {
      width: 100%;
      max-width: 550px;
      margin: 0 auto;
   }

   .orderSection_container {
      max-width: unset;
   }

   .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>.item.active.right,
   .carousel-inner>.item.next {
      left: 20px !important;
   }

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

   #carousel-custom .carousel-control.left {
      left: 25px;
   }

   #carousel-custom .carousel-control.right {
      right: 25px;
   }

   .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: "Gotham Bold", 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;
   }

   /* Featured */
   .featured_wrapper {
      margin: 0 22px 30px;
   }

   .featured_container {
      display: initial;
   }

   .featured_textWrapper {
      text-align: center;
   }

   .featured_title {
      font-size: 24px;
      margin-bottom: 5px;
   }

   .featured_subtitle {
      font-size: 12px;
      margin: 0 auto 30px;
      max-width: 285px;
   }

   .featured_imgContainer {
      height: 287px;
      width: 370px;
   }

   .featured_imgContainer {
      height: auto;
   }

   .featured_imgContainer img {
      padding: 0;
   }

   /* Real Results */
   .groupStudySection {
      display: block;
      padding: 0 22px;
      margin: 30px auto;
      max-width: 570px;
   }

   .studystats-title {
      font-size: 24px;
      padding-bottom: 0;
   }

   .studyPoints {
      padding: 10px 0;
   }

   .studyPercent {
      font-size: 21px;
   }

   .studyCopy {
      font-size: 16px;
   }

   .studyImages Img {
      padding: 10px 0 20px 0;
   }

   .studyDisclaimer {
      font-size: 12px;
   }

   /* Product Info */
   .productInfo_wrapper {
      display: initial;
      background-color: #F5F5F5;
   }

   .productInfo_content {
      padding: 0 22px;
      max-width: 525px;
      margin: auto;
      background-color: #F5F5F5;
   }

   .productInfo_title {
      font-size: 24px;
      margin-top: 0;
      padding-top: 30px;
   }

   .productInfo_modelImg {
      max-width: 100%;
   }

   .productInfo_highlights {
      padding-bottom: 14px;
      margin-bottom: 0;
   }

   .productInfo_highlightsText p {
      margin-right: 40px;
   }

   .productInfo_ImgWrapper {
      max-width: 525px;
      margin: 0 auto 30px;
   }

   /* Ingredients */
   .ingredients_wrapper {
      margin-bottom: 30px;
   }

   .ingredients_title {
      font-size: 24px;
      line-height: 26px;
      margin-bottom: 10px;
   }

   .ingredients_container {
      display: initial;
      margin: 0 22px;
   }

   .ingredients_single-ingredient {
      width: 100%;
      max-width: 525px;
      margin: 0 auto 30px;
      padding: 0 22px;
   }

   .ingredients_single-ingredient:last-of-type {
      margin-bottom: 0;
   }

   .ingredients_single-ingredientName {
      margin: 20px auto 10px;
   }

   .ingredients_listContainer {
      margin: 30px 22px 0;
   }

    /* Benefits */
   .benefits_wrapper {
      display: initial;
      background-color: #fff;
      padding: 0 22px;
   }

   .benefits_content {
      max-width: 525px;
      margin: auto;
      background-color: #F5F5F5;
      padding: 0 22px 30px;
   }

   .benefits_ImgWrapper {
      background-color: #F5F5F5;
      max-width: 525px;
      margin: auto;
      padding: 30px 22px 0;
   }

   .benefits_title {
      font-size: 24px;
      line-height: 26px;
      text-align: center;
      margin-top: 0;
      padding-top: 30px;
   }

   .benefits_modelImg {
      max-width: 100%;
      padding: 0;
   }

   .benefits_highlights {
      padding-bottom: 14px;
      margin-bottom: 0;
   }

   .benefits_highlightsText {
      margin-left: 0;
   }

   .benefits_text {
      padding: 20px 18px;
      margin-bottom: 0;
   }

   /* Additional Info */
   .additionalInfos_wrapper {
      display: initial;
      max-width: 90%;
      margin: 0 22px;
   }

   .additionalInfos_listContainer {
      max-width: 90%;
      margin: 20px 22px;
      max-height: none;
   }

   .additionalInfos-list-shown {
      text-align: center;
   }

   .additionalInfos-list-toggle {
      padding: 25px 0 28px 20px;
   }

   .additionalInfos-list-toggle .toggle img {
      float: right;
      margin: 0 14px 0 0;
   }

   .additionalInfos_listWrapper--Dr, .additionalInfos_listWrapper--Charity {
      display: initial;
   }

   .additionalInfos_listWrapper--Dr img, .additionalInfos_listWrapper--Charity .additionalInfos_listImg {
      margin-right: 0;
   }

   .additionalInfos_listWrapper--Use figure {
      justify-content: center;
   }

   /* Guarantee */
   .guarantee_wrapper {
      margin: 0 22px 30px;
   }

   .guarantee_container {
      display: initial;
      padding: 30px 27px;
      text-align: center;
   }

   .guarantee_badge {
      display: flex;
      margin: auto;
      height: 106px;
      width: 172.01px;
      margin-bottom: 10px;
   }

   .guarantee_title {
      font-size: 24px;
      line-height: 26px;
      margin-bottom: 20px;
   }

   .guarantee_text {
      line-height: 22px;
   }

   /* Reviews */
   .reviews_reviewWrapper {
      padding: 0 22px;
      flex-direction: column;
   }

   .reviews_title {
      font-size: 24px;
      margin-bottom: 20px;
   }

   .reviews_customersWrapper {
      padding: 0 22px;
   }

   .reviews__ratingsSummaryWrapper {
      display: table;
      justify-content: center;
      margin: 20px auto;
   }

   .reviews_ratingsborder, .reviews_ratingsborder--2, .reviews_border {
      margin-inline: 22px;
   }

   .reviews_ratingsStarsImg {
      margin-bottom: 2px;
   }

   .reviews_starsRating {
      display: inline;
      line-height: 1;
   }

   .reviews_starsRatingCount {
      margin-top: 10px;
   }

   .reviews_reviewTitleBox {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 20px;
   }

   .reviews_reviewContent {
      margin: 0;
   }
   
   .reviews_reviewRightside {
      flex-direction: column;
      align-self: center;
      width: 100%;
   }

   .reviews_reviewDate {
      margin: 0;
   }

   .reviews_reviewRightside>div {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .reviews_reviewAuthor {
      text-align: left;
   }

   .reviews_reviewPerson {
      width: 100%;
      max-width: 270px;
      margin: 30px 0 20px;
   }

   .reviews_reviewRecommendationContainer {
      margin-top: 25px;
   }

   .reviews_reviewsVerifiedImg {
      height: 31px;
      width: 25px;
   }

   .reviews_customersSlider-mobile .swiper-slide {
      width: 50% !important;
      margin-right: 14px !important;
   }

   .swiper-button-next,
   .swiper-container-rtl,
   .swiper-button-prev {
      z-index: 10;
      background: white;
      width: 24px;
      height: 24px;
      background-image: url(https://cdn.radiantatanyage.com/images/leftArrow.png);
      background-size: cover;
      background-position: center;
   }

   .swiper-button-next {
      right: 10px;
      left: auto;
      transform: rotate(180deg);
   }

   .swiper-button-prev {
      left: 10px;
      right: auto;
   }

   /* FAQ */
   .faq_wrapper {
      padding: 40px 22px;
   }

   .faq_container {
      margin: 0 auto;
   }

   .faq_title {
      margin: 0 auto 30px;
      font-size: 24px;
      line-height: 26px;
   }

   .faq_questionContainer {
      padding: 20px;
   }

   .faq_question {
      font-size: 16px;
      line-height: 24px;
   }

   .faq_toggleImg {
      margin-top: 5px;
   }

   .faq_answer {
      line-height: 20px;
   }

   /* Footer */
   .footer_wrapper {
      padding-bottom: 80px;
   }

   .footer_container {
      display: initial;
   }

   .footer_navContainer {
      padding: 30px 22px;
   }

   .footer_navigations {
      text-align: center;
   }

   .footer_copyrightContainer {
      padding: 20px;
   }

   .footer_disclaimerText {
      font-size: 16px;
   }

   .footer_copyrightText {
      font-size: 12px;
   }

   .footer_contacts {
      text-align: center;
   }

   .footer_copyrightText {
      display: initial;
   }

   .footer_imgContainer {
      text-align: center;
      margin: 20px auto;
   }

   /* Sticky Button */
   .stickyButton_container {
      width: 93%;
      max-width: 450px;
      justify-content: center;
      gap: 10px;
   }

  .stickyButton_cta {
      width: 160px;
      padding: 8px 0;
      line-height: 17px;
   }

  .stickyBUtton_frequencyText {
      font-size: 24px;
   }

    /*Subscription modal*/
    .subscriptionModal__doctorSection {
        padding: 20px 10px;
    }

    .subscriptionModal__subscribeSection {
        padding: 10px 10px 15px;
    }

    .subscriptionModal__doctorImg {
        width: 110px;
        height: 110px;
    }

    .subscriptionModal__quote {
        font-size: 16px;
        font-weight: 500;
    }

    .subscriptionModal__doctorName {
        font-size: 14px;
    }

    .subscriptionModal__subscribeTitle {
        font-size: 34px;
        letter-spacing: 0.1px;
    }

    .subscriptionModal__additionalOffer {
        font-size: 26px;
        letter-spacing: 0.1px;
        margin-top: -6px;
    }

    .subscriptionModal__subscribeLabel {
        font-size: 18px;
        letter-spacing: 0.1px;
    }

    .subscriptionModal__labelSubtext {
        font-size: 18px;
        letter-spacing: 0.1px;
    }

    .subscriptionModal__terms {
        font-weight: 700;
        font-size: 10px;
        line-height: 18px;
    }

    .subscriptionModal__continueBtn {
        font-size: 18px;
    }

    .subscriptionModal__oneTimeLink {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
}

@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) {
   .orderSection #quantity .package_qty {
      white-space: wrap;
      font-size: 12px;
   }
   .orderSection #quantity .package_oldPrice {
      font-size: 10px;
   }
}