#full-site #esr1-hr .subnav-eyebrow-bordertop .subnav-eyebrow {
  max-width: 324px;
  padding-left: 20px;
  padding: 6px 0px 6px 10px;
}

#full-site #esr1-hr .subnav-eyebrow-bordertop {
  height: 45px;
}

#esr1m-monitoring #full-site .title-pros {
  font: 400 30px / 33px "poppins", sans-serif;
}

#full-site .pink-cta .pat-img p {
  color: #000000;
  font-size: 12px;
  line-height: 14px;
  white-space: nowrap;
  transform: skew(0deg);
  margin-left: 13px;
}

#full-site .pink-cta .pat-img {
  transform: skew(44deg);
  margin-top: -39px;
  margin-bottom: -31px;
  position: relative;
  left: -26px;
}

#full-site .pink-cta .pat-img img {
  transform: skew(0deg);
  max-width: 122px;
}

#full-site .esrm1-sec1 {
  display: flex;
  padding: 30px 0;
  gap: 51px;
  align-items: flex-start;
}

#full-site .esrm1-sec1 > div {
  display: flex;
  gap: 10px;
}

#full-site .esrm1-sec1 > div p.heading {
  margin-top: 10px;
  font-size: 22px;
  line-height: 23px;
  font-weight: 700;
  color: #C804C8;
  font-family: 'POPPINS';
}

#full-site .esrm1-sec1 > div p.heading > span {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
  font-family: 'Arial';
}

#full-site .esrm1-sec1 > div img {
  max-width: 104px;
  max-height: 104px;
}

#full-site .esrm1-sec1 > div.how img {
  max-width: 89px;
}

#full-site .res-info-sec > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#full-site .res-info-sec .res-info-txt {
  max-width: 777px;
  width: 100%;
  font-family: 'Poppins';
}

#full-site .res-info-sec p.res-info-head {
  font-size: 22px;
  line-height: 28px;
  padding-bottom: 13px;
}

#full-site .res-info-sec p.res-info-body {
  font-size: 18px;
  line-height: 23px;
}

/*#full-site .res-info-1 {*/
/*  border-bottom: 1px solid;*/
/*  border-image: linear-gradient(to right, #FFFFFF, #626366, #FFFFFF) 1;*/
/*  padding-bottom: 20px;*/
/*}*/

#full-site .res-info-2 {
  padding-top: 20px;
}

#esr1m-monitoring #full-site .res-info-2 {
  display: none;
}

#full-site .res-info-sec {
  margin-bottom: 60px;
}

#full-site .res-info-sec p.res-info-body a {
  display: block;
  color: #000000;
  font-weight: 700;
  text-decoration: underline;
}

#full-site .cta-pink-esr1 {
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  max-width: 830px;
  padding: 16px 18px 16px 70px;
  max-height: 84px;
}

#full-site .cta-pink-esr1>img {
  position: relative;
}

#full-site .cta-pink-esr1 p {
  padding-bottom: 0px;
}
/*pop-p code*/
#esr1m-monitoring .cmp-modal__content {
  max-width: 993px;
  background: #FFFFFF;
  padding: 0px 76px 24px 85px;
  min-height: 623px;
  border-radius: 9px;
}

#esr-popup .modal-photopsia p {
  font: 700 22px / 30px "poppins", sans-serif;
  color: #640264;
  margin-bottom: 0px !important;
  max-width: 680px;
}

#esr-popup {
  padding-top: 62px !important;
}

#esr1m-monitoring .cmp-modal__modalbox.modal-xl .modal-photopsia {
  padding: 0 !important;
}

#esr-popup .img-footnote {
  font: 400 14px / 20px "arial", sans-serif !important;
  color: #000000 !important;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 15px;
}

#esr1m-monitoring .cmp-modal__modalbox.modal-xl span.modal__closeIcon {
  content: url(/content/dam/intelligentcontent/brands/camizestrant-hcp/us/en/cami-hcp/images/safety/desktop/close-pink-button.svg);
  position: absolute;
  top: 18px;
  right: 19px;
}

#esr1m-monitoring .white-background {
  background: white;
  box-shadow: 0px 2px 250px 0px #00000033;
  margin-top: 29px;
  border-radius: 6px;
}

#esr1m-monitoring .pink-background {
  display: flex;
  align-items: flex-start;
}

#esr1m-monitoring .pink-background p {
  font: 700 18px / 22.65px "poppins", sans-serif !important;
  padding: 8.5px 0px 8.5px 24px;
  background: #F9E6F9;
}

.cmp-modal__modalbox.modal-xl .modal-photopsia .pink-background img {
  height: auto;
}

#esr1m-monitoring .cmp-modal__modalbox.modal-xl .modal-photopsia img.pop-chart {
  height: auto;
  padding: 13.56px 20px 29px 18px;
}

#esr1m-monitoring #full-site .res-info-sec p.res-info-body a:hover {
  text-decoration: none;
}

#esr-popup .modal-photopsia p.pop-up-footnote {
  font: 400 14px / 23px "poppins", sans-serif;
  color: #000000;
  margin-top: 25px;
}

#esr-popup .modal-photopsia .ref-text p {
  font: 700 14px / 18px "arial", sans-serif;
  color: #000000;
}

#esr-popup .modal-photopsia .reference-section ol {
  list-style-position: outside;
  padding-left: 24px;
  list-style: auto;
  margin-top: 5px;
}

#esr-popup .modal-photopsia .reference-section ol li {
  font: 400 14px / 18px "arial", sans-serif;
}

#esr-popup .modal-photopsia .reference-section .ref-text {
  margin-top: 20px;
}

#esr-popup .modal-photopsia .reference-section ol li::marker {
  font-weight: 700;
}
 #esr1m-monitoring .button:has(#photopsia-illustration-button){
      display: flex;
    justify-content: end;
    width: 100%;
  }
/* desktop specfic code starts here */
@media screen and (min-width:992px) {
  #esr1m-monitoring .res-info-img.gef-img {
    position: relative;
    left: -16px;
  }
 
   #esr1m-monitoring #full-site .pink-cta.cta-pink-esr1 {
   
    max-width: 875px;
  }

  #esr1m-monitoring #full-site .time-deterior .grey-section-img {
    height: 100%;
  }

  #esr1m-monitoring .white-background>img {
    padding: 8px 20px 29px 18px;
    height: auto;
  }

  #esr-popup .img-footnote {
    margin-top: 19px;
  }

  #esr1m-monitoring-page #full-site .pink-cta {
    border-top-left-radius: 16px!important;
    border-bottom-right-radius: 16px!important;
    width: 916px;
    padding: 16px 18px 16px 70px;
    margin-left: auto;
    margin-right: auto;
  }

  #esr1m-monitoring #full-site .res-info-sec > div {
    gap: 27px;
  }

  #esr1m-monitoring #full-site #esr1-hr .res-info-sec .res-info-2 .res-info-img {
    margin-left: -18px;
  }

  #full-site #esr1-hr .subnav-eyebrow-bordertop .subnav-eyebrow {
    max-width: 573px;
  }

  #full-site #support-esr1 .time-deterior .subnav-eyebrow.grey-bback {
    max-width: 523px;
  }

  #esr1m-monitoring #full-site #desktop-h1 {
    max-width: 500px;
  }

  #support,#patients {
    scroll-margin-top: 135px;
  }

  #esr-popup .modal-photopsia p.pop-up-footnote {
    margin-top: 13px;
  }

  #esr-popup .modal-photopsia .reference-section .ref-text {
    margin-top: 18px;
  }

  #esr-popup .modal-photopsia .reference-section ol {
    padding-left: 15px;
  }

  #esr-popup .modal-photopsia .reference-section ol li {
    padding-right: 58px;
  }
}
/* desktop specfic code starts here */

/* mobile-specfic code starts here */
@media screen and (max-width:991px) {
  #esr1m-monitoring  .cmp-modal__modalbox.modal-xl .modal-box__content {
    margin: 0 auto;
  }

  #full-site #esr1-hr .subnav-eyebrow-bordertop {
    height: 60px;
  }

  #esr1m-monitoring  #support,#esr1m-monitoring #patients {
    scroll-margin-top: 163px;
  }

  #esr1m-monitoring .res-info-img.gef-img {
    max-width: 202px;
  }

  #esr1m-monitoring #full-site .table-container-pros {
    padding: 25px 10px 22px;
  }

  #esr1m-monitoring .white-background>img {
    padding: 4.81px 10px 19px 10px;
    width: 100%;
    max-height: fit-content;
    border-radius: 0;
    height: 100%;
  }

  #esr1m-monitoring #full-site .title-pros {
    font-size: 24px;
  }

  #esr1m-monitoring  #full-site #photopsia-illustration-button .cmp-button__text {
    padding-bottom: 8px;
  }

  #full-site .esrm1-sec1 {
    padding: 0px 0;
    flex-direction: column;
    gap: 15px;
  }

  #full-site .esrm1-sec1 > div {
    gap: 15px;
  }

  #full-site #who-when-how-sec {
    padding: 0px 10px !important;
  }

  #full-site .esrm1-sec1 > div img {
    max-width: 76px;
    max-height: unset;
  }

  #full-site .cta-pink-esr1 {
    margin-top: 60px;
  }

  #full-site .esrm1-sec1 > div.how img {
    max-width: 76px;
  }

  #full-site  .pink-cta.cta-pink-esr1 {
    display: flex;
    margin: 60px 10px 79px !important;
    padding: 18px 18px 18px 20px;
    max-height: unset;
  }

  #full-site .pink-cta .pat-img {
    transform: none;
    position: relative;
    top: 13px;
    left: 17px;
  }

  #full-site .pink-cta .pat-img p {
    margin-left: 39px;
  }

  #full-site .cta-pink-esr1 p {
    letter-spacing: -0.03em;
  }

  #full-site .pink-cta .pat-img img {
    max-width: 140px;
  }

  #full-site #support-esr1 .time-deterior.pateint-report-grey .subnav-eyebrow-bordertop {
    height: 41px;
  }

  #esr1m-monitoring #full-site .res-info-1, #esr1m-monitoring #full-site .res-info-2 {
    flex-direction: column;
    align-items: center;
    padding: 0px 10px;
    gap: 20px;
  }

  #esr1m-monitoring #full-site .res-info-sec p.res-info-head {
    font-size: 20px;
    padding-bottom: 17.21px;
  }

  #esr1m-monitoring #full-site .res-info-body {
    padding-bottom: 21px;
    text-align: center;
  }

  #esr1m-monitoring #full-site .res-info-2 {
    padding-bottom: 20px;
  }

  #esr1m-monitoring  #full-site .res-info-sec .res-info-txt {
    text-align: center;
  }

  #esr1m-monitoring #full-site .res-info-sec {
    margin-bottom: 20px;
  }

  #esr1m-monitoring #full-site div #second-two-line {
    padding: 8.5px 68px;
  }

  #esr1m-monitoring #full-site  #photopsia-illustration-button {
    padding-right: 10px;
    /* display: inline-block; */
    display: block;
  }

  #esr1m-monitoring .cmp-modal__modalbox.modal-xl span.modal__closeIcon {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-hcp/us/en/cami-hcp/images/safety/desktop/close-pink-button.svg);
    position: absolute;
    top: 7px;
    width: 30px;
    right: 5px;
    height: 30px;
  }

  #esr1m-monitoring .white-background {
    margin-top: 8px;
    box-shadow: 0px 2.52px 25.24px 0.84px #00000033;
  }

  #esr-popup {
    padding-top: 23px !important;
  }

  #esr1m-monitoring .cmp-modal__content {
    max-width: 993px;
    background: #FFFFFF;
    padding: 0px 0px 24px 0px;
  }

  #esr-popup .modal-photopsia p {
    padding: 0px 10px 0px 9px;
  }

  #esr1m-monitoring .cmp-modal__content {
    padding: 0px 0px 17px 0px;
    min-height: unset;
  }

  #esr-popup .modal-photopsia p.pink-text {
    font-size: 13.17px !important;
    line-height: 100%;
    padding: 9px 0px 9px 22px;
  }

  #esr1m-monitoring .cmp-modal__modalbox.modal-xl .modal-photopsia img.pop-chart {
    height: auto;
    max-height: unset;
    padding: 5px 10px 19px 10px;
  }

  #esr-popup .img-footnote {
    text-indent: -5px;
    /*margin-left: 30px;*/
    ;
  }

  #esr1m-monitoring #full-site .subnav-eyebrow.grey-bback {
    max-width: 324px;
    width: 100%;
  }
}
/* mobile-specfic code starts here */

/*compatbilty code*/

@media screen and (min-width:400px) and (max-width:991px) {
  #full-site .pink-cta .pat-img {
    top: 1px;
  }

  #full-site .pink-cta.cta-pink-esr1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

@media screen and (min-width:992px) and (max-width:1080px) {
  #full-site .subnav-eyebrow.grey-bback {
    padding: 6px 20px 6px 30px !important;
  }
}

@media screen and (min-width:1081px) and (max-width:1400px) {
  #full-site .subnav-eyebrow.grey-bback {
    padding: 6px 20px 6px 7% !important;
  }
}

@media screen and (min-width:395px) and (max-width:419px) {
  #full-site .pink-cta .pat-img {
    top: 13px;
  }
}

@media screen and (min-width:850px) and (max-width:991px) {


  #full-site .pink-cta.cta-pink-esr1 {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media screen and (min-width:320px) and (max-width:385px) {
  #esr1m-monitoring  .cmp-modal__modalbox.modal-xl .modal-box__content {
    margin: 0px 10px;
  }

  #full-site .pink-cta.cta-pink-esr1 {
    padding: 15px 18px 15px 8px;
  }
}

@media screen and (min-width:320px) and (max-width:373px) {

  #full-site .pink-cta .pat-img {
    top: 36px;
  }
}

@media screen and (min-width:320px) and (max-width:345px) {
  #full-site #support-esr1 .time-deterior.pateint-report-grey .subnav-eyebrow-bordertop {
    height: 64px;
  }
}

@media screen and (min-width:992px) and (max-width:1439px) {
  #support,#esr1m-monitoring #patients {
    scroll-margin-top: 155px;
  }

  #esr1m-monitoring-page #full-site .pink-cta {
    width: 874px;
  }
  #esr1m-monitoring-page #full-site .el-bar-section.background-white {
        padding-right: 20px;
        justify-content: center;
  }
}



/*code to hide */
#esr1m-monitoring .res-info-2 {
  display: none;
}

@media screen and (min-width:592px) and (max-width:991px) {
  #esr1m-monitoring #support, #esr1m-monitoring #patients {
    scroll-margin-top: 156px;
  }
}

@media screen and (min-width:400px) and (max-width:591px) {
  #esr1m-monitoring #support,  #esr1m-monitoring #patients {
    scroll-margin-top: 160px;
  }
}

@media screen and (min-width: 320px) and (max-width: 345px) {
    #full-site .pink-cta .pat-img {
        top: 88px;
    }
}
@media screen and (min-width: 346px) and (max-width: 371px) {
    #full-site .pink-cta .pat-img {
        top: 62px;
    }
}
@media screen and (min-width: 372px) and (max-width: 389px) {
    #full-site .pink-cta .pat-img {
     
        top: 36px;
    }
}
@media screen and (min-width: 400px) and (max-width: 488px) {
    #full-site .pink-cta .pat-img {
        top: 12px;
    }
}
@media screen and (min-width: 400px) and (max-width: 423px) {
    #full-site .pink-cta .pat-img {
        top: 38px;
    }
}