/*pat-stories.css*/
#share-your-story {
        scroll-margin-top: 110px;
    }
#patStories-thankYou-p1 .thankyou-page-wrap .lok-accent-bar {
    margin: 0 auto;
}

#patStories-thankYou-p1 .mt-44 {
    margin-top: 44px;
}
#patStories-thankYou-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text{bottom: 25%;}
.thankyou-page-wrap {
    background-color: #41BDB00D;
}
#patientStories-p1 .lok-patStories-formP1 .cmp-dynamicform__form-text input.form-control {
  color: #008672 !important;            
}
#patientStories-p1 .lok-patStories-formP1 .cmp-dynamicform__form-text input.form-control::placeholder {
  color: #8D8D8D;
}
#patientStories-p1 .lok-patStories-formP1 .cmp-dynamicform__form-singleselect select.form-control:not(:has(option[value=""]:checked)) {
  color: #008672 !important;
font-weight: bold !important;
font-style: normal !important;
}
.cmp-tabs__tablist li:hover{
    background: #008767 !important;
    color: #fff !important;

}

.thankyou-page-wrap .thank-title-wrap {
    margin-bottom: 46px;
}

.thankyou-page-wrap .thankyou-page {
    text-align: center;
    max-width: 885px;
    padding: 44px 16px 70px;
    width: 100%;
    margin: 0 auto;
}

.thankyou-page-wrap .thankyou-page p {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #003B45;

    margin: 0 auto 12px;
}

.thankyou-page-wrap .button-pre-next {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.thankyou-page-wrap .thankyou-page .green-btn {
    position: inherit;
}

.thankyou-page-wrap .green-back-btn::before {
    transform: rotate(175deg);
    content: " ";
    margin-right: 10px;
    background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/desktop/yellow-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 19px
}

.thankyou-page-wrap .green-back-btn::after {
    background-image: none
}



/* /patient-stories  */
#patientStories-p1 #main-content {
    background-color: #41BDB012;

}

/* COMPATIBILITY COMMENTED */
/* #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-weight: 325;
    font-size: 36px;
    line-height: 44px;
}

#patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span {
    font-weight: 700;
    font-size: 48px;
    line-height: 44px;
} */
/* COMPATIBILITY COMMENTED */

#patientStories-p1 #patient_stories_main {
    width: 95%;
    /*max-width: 922px;*/
    margin: 0 auto;
    padding: 36px 16px 20px;
}

#patientStories-p1 .lokelma-patient-left .lok-accent-bar {
    margin: 0 auto;
}

.patient-stories {
    padding-top: 40px;
    color: #003B45;
}

.lokelma-patient-left {
    text-align: center;
}

#patient-tab-container {
    margin: 42px 0;
}
#patientStories-p1 .dynamicformv2 .cmp-dynamicform__generated-form select,#patientStories-p1 .dynamicformv2 .cmp-dynamicform__generated-form option,#patientStories-p1 .dynamicformv2 .cmp-dynamicform__generated-form input::placeholder{font-family: "Roboto", sans-serif !important;}
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control{padding: 8px 56px 8px 16px !important;}
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form-error{margin-top: 8px;}


#patientStories-p1 #patient-tab-container #patient_content .lok-header-title {
    color: #003B45;
}

#patient_stories_main #tab-main-wrapper .cmp-tabs__tablist {
    margin-bottom: 32px;
}

#patientStories-p1 #patient-tab-container #patient_content .cmp-video__player {
    padding: 0;
}

#patientStories-p1 #patient-tab-container #patient_content .cmp-video__content {
    display: none;
}

#patientStories-p1 #patient-tab-container #patient_content .green-short-banner {
    margin-top: 50px;
    display: block;
    transform: skewX(-2deg);
}

#patientStories-p1 #patient-tab-container #patient_content .green-short-banner .card-title {
    font-size: 26px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Roboto Condensed';
    padding-bottom: 11px;
}

#patientStories-p1 #patient-tab-container #patient_content .green-short-banner .green-btn {
    background: #ffffff;
    color: #008672;
    box-shadow: 3px 3px 0px 0px #00000026;
    right: 0;
    margin-top: 20px;
    margin-bottom: 18px;
        border: 2px solid #ffffff00;
}
#patientStories-p1 #patient-tab-container #patient_content .green-short-banner .green-btn:hover{
        background: #00937c;
    color: #fff;
    border: 2px solid #fff;
}

#patientStories-p1 #patient-tab-container #patient_content .green-short-banner .stripe {
    width: 119px;
    height: 10px;
    transform: skewX(-25deg);
}

#patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab {
    padding: 8px 30px;
    font-family: 'Roboto';
    color: #008672;
}


#patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab--active {
    color: #ffffff;
}

#patientStories-p1 #patient-tab-container #patient_content .green-short-banner .card-title,
#patientStories-p1 #patient-tab-container #patient_content .green-short-banner p {
    transform: skewX(2deg);
}

#patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para {
    padding-top: 30px;
    color: #008672;
    text-align: left;
    font-weight: 700;
    position: relative;
    padding-left: 40px;
    font-family: 'Roboto Condensed';

}

#patientStories-p1 #patient_content .content_sec .quote-mark {
    position: absolute;
    color: #FDB515;
    font-weight: 700;
    font-size: 83px;
    line-height: 54px;
    position: absolute;
    font-family: "Lora", serif;
}


#patientStories-p1 #patient_content .content_sec .quote-open {
    top: 38px;
    left: 0;
}

#patientStories-p1 #patient_content .content_sec .quote-close {
    bottom: -3px;
}

/* Form Design start */

#patientStories-p1 .cmp-dynamicform__form-validation {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    gap: 40px 97px;
}

#patientStories-p1 .lok-patStories-formP1 {
    width: 100%;
    max-width: 1067px;
    margin: auto;
}
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form {
    padding: 0;
}
/* Two columns by default */
#patientStories-p1 .cmp-dynamicform__form-validation>.cmp-dynamicform__form-group {
  flex: 0 0 35%;
  max-width: 35%;
  margin: 0;
}

#patientStories-p1 #field-group-6a5dd5391485100002ddda5f {
    order: 1;
}


#patientStories-p1 #field-group-6a5dd5391485100002ddda60 {
    order: 2;
}
#patientStories-p1 #field-group-6a5dd5391485100002ddda61{
    order:3;
}

#patientStories-p1 #field-group-6a5dd5391485100002ddda65{
      order:7;
      flex-basis: 100%;
    max-width: 100%;
}
#patientStories-p1 .cmp-dynamicform__form-group.button-group{
    order:8;
}
#patientStories-p1 #field-group-6a5dd5391485100002ddda66{
    order:9;
    flex-basis: 100%;
    max-width: 100%;
}

#patientStories-p1 button.cmp-dynamicform__clear-btn {
    display: none;
}

/* INPUT BOX */
#patientStories-p1 .cmp-dynamicform__generated-form input.form-control {
  border: 2px solid #C4C4C4;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 8px 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 20px;
  line-height:30px;
  color: #8D8D8D;
  height: 64px;
  position: relative;
}

#patientStories-p1 .cmp-dynamicform__generated-form input.form-control:focus {
    outline: 2px solid #008672;
    border:none;
}
#patientStories-p1 .cmp-dynamicform__generated-form .cmp-dynamicform__control-label {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  color: #0D5257;
  display: block;
  margin-bottom: 11px;
}


/* SELECT DROPDOWN */
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control {
    border: 2px solid #008672;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 8px 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic!important;
    font-size: 20px;
    line-height: 30px;
    color: #8D8D8D!important;
    height: 64px;
    position: relative;
}


#patientStories-p1 .cmp-dynamicform__form-group.captch-holder {
    display: none;
}

#patientStories-p1 .lok-patStories-formP1 #field-6a5dd5391485100002ddda65 label span:before {
    position: absolute;
    content: "";
    background-color: transparent;
    border: 2px solid #8D8D8D;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    left: 0;
    top: 5px;
}

#patientStories-p1 .dynamicformv2 .cmp-dynamicform__form-checkbox .checkbox label {
    display: flex;
    align-items: flex-start;
    padding-left: 47px;
}

#patientStories-p1 .lok-patStories-formP1 #field-6a5dd5391485100002ddda65 label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#patientStories-p1 .dynamicformv2 .checkbox label span {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #003B45;
}



#patientStories-p1 .dynamicformv2 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .text-danger {
    color: #FD1A1A;
   
}

#patientStories-p1 #field-group-6a5dd5391485100002ddda65 .cmp-dynamicform__form-label-container {
    display: none;
}

/* SUBMIT BUTTON */
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #F8FFFE;
    text-decoration: none;
    padding: 16px 24px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 21.34px;
    border-radius: 12px;
    background-color: #00917C;
    z-index: 2;
    box-shadow: 2px 2px 0px 0px #00000033;
    transform: skewX(356deg);
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    right: 19px;
    outline: none;
    line-height: 0.947;
    border: 2px solid #00917C;
}
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn:hover {
    background-color: #fff;
    color: #00917C;
    /*color: #27B0DE;*/
    /*text-decoration: none;*/
}

#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn::after {
    content: " ";
    margin-left: 10px;
    background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/desktop/yellow-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    transform: skewX(3deg);
}

#patientStories-p1 .cmp-dynamicform__form-group.button-group{
    margin-left: 25px!important;
}

#patientStories-p1 .consent-text p{
        font-size: 18px;
        line-height: 24px;
    }
 #patientStories-p1 .confirming-text{
   padding-top: 50px;
}
#patientStories-p1 .confirming-text a {
    color: #003B45;
    
}
#patientStories-p1 .confirming-text a:nth-of-type(2){
    text-decoration: underline;
    
}
#patientStories-p1 .confirming-text a:nth-of-type(2):hover{
    text-decoration: none;
    
}
#patientStories-p1 .dynamicformv2,
#patientStories-p1 .form-cont{
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 100%;
    max-width: 1156px;
    margin: auto;
    background: #fff;
    padding: 0 42px 60px;
}

#patientStories-p1 .header {
    background-color: #E0F2EF;
    padding: 31px 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 4px 4px 0px 0px #003B451F;
   
}

#patientStories-p1 .form-cont{
    background-color: #fff;
    box-shadow: 4px 4px 0px 0px #003B451F;
    padding-bottom: 25px;
}

#patientStories-p1 .form-para{
    padding-top:27px;
    padding-bottom:20px;
}

#patientStories-p1 .required{
    padding-top:35px;
}
#patientStories-p1 .required span{
   color:#FD1A1A;
}
#patientStories-p1 .required{
    font-size:16px !important;
    line-height: 19px !important;
    color:#0D5257!important;
}
#patientStories-p1 .form-cont p{
    font-size:20px;
    line-height: 30px;
    color:#003B45;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}



#patientStories-p1 .dynamicformv2{
        border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
                box-shadow: 4px 4px 0px 0px #003B451F;
    position: relative;
    margin-top: -2px;
}

#patientStories-p1 input::placeholder,
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control{
    font-size: 20px!important;
    line-height: 30px!important;
    font-variant-ligatures: none;
}
#patientStories-p1 #field-6a5dd5391485100002ddda65 label input:checked ~ span:before {
    background-color: #00917C;
    border-radius: 7px;
    border: none;
}

#patientStories-p1 #field-6a5dd5391485100002ddda65 label span:after {
    left: 11px;
    top: 10px;
    width: 9px;
    height: 14px;
    border: 3px solid #FFFFFF;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
#patientStories-p1 #field-6a5dd5391485100002ddda65 span:after {
    content: "";
    position: absolute;
}
#patientStories-p1 #field-group-6a5dd5391485100002ddda62 {
    order: 4;
}
#patientStories-p1 #field-group-6a5dd5391485100002ddda63 {
    order: 5;
}

#patientStories-p1 #field-group-6a5dd5391485100002ddda64{
     order: 6;
}

#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control {
        background-position-x: 93%;
    }
    
    #patientStories-p1 .dynamicformv2 .cmp-dynamicform__form-control-container input[type="text"],
#patientStories-p1 .dynamicformv2 .cmp-dynamicform__form-control-container input[name="Email"],
#patientStories-p1 .dynamicformv2 .cmp-dynamicform__form-control-container select {
    color:#008672;
    font-style:normal;
}
#patientStories-p1 .green-btn::after{
    transform: skewX(3deg);
}
#patientStories-p1 .dynamicformv2 .cmp-dynamicform__form-control-container select{
background-image: url('/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/desktop/drop_arrow.svg') !important;
background-size: 19px 19px;
background-position-y: 21px;

}

#patientStories-p1 .dynamicformv2 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-label-container label span.text-danger{
        position: relative;
    left: -4px;
}
/* Form Design end */
.desktop-show-t{display:block;}
.mobile-show-t{display:none;}

@media (max-width: 991px) {
    #share-your-story {
        scroll-margin-top: 180px;
    }
    .desktop-show-t{display:none;}
     .mobile-show-t{display:block;}
    #patStories-thankYou-p1 .mt-44 {
        margin-top: 32px;
    }
   .thankyou-page-wrap .thankyou-page .green-btn{padding: 12px 27px;}
    .thankyou-page-wrap .thank-title-wrap {
        margin-bottom: 26px;
    }

    .thankyou-page-wrap .thankyou-page p {
        font-size: 18px;
        width: 89%;
        max-width: none;
        line-height: 26px;
    }

    .thankyou-page-wrap .button-pre-next {
        flex-direction: column;
    }

    .thankyou-page-wrap .thankyou-page {
        padding: 42px 16px 57px;
    }
    #patStories-thankYou-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{margin-top: -34px;z-index: 9;}
    #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .banner-img-wrap::after {
        z-index: 0;
    }

    #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
        position: relative;
        bottom: 37px;
        margin-bottom: 10px;
    }

    #patientStories-p1 #patient_stories_main #patient-tab-container #tab-main-wrapper .cmp-tabs__tablist {
        flex-direction: row;
    }

    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.parsec {
        font-size: 20px;
        line-height: 30px;
        text-align: center;

    }

    #patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab {
        font-size: 18px;
    }

    #patientStories-p1 #patient_content .content_sec .quote-close {
       bottom: -40px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para {
        line-height: 24px;
          font-size: 18px;
    }
   #patientStories-p1 .header{
           padding: 36px 33px;
   } 

#patientStories-p1 .dynamicformv2,
#patientStories-p1 .form-cont{
    padding: 0 17px 40px;
}
 #patientStories-p1 .cmp-dynamicform__form-validation>.cmp-dynamicform__form-group{
      flex-basis: 100%!important;
        max-width: 100%!important;
    }
    #patientStories-p1 .header .story{
    font-size:26px;
    line-height: 32px;
    font-family: 'Roboto Condensed';
    font-weight: 400;
}
#patientStories-p1 .lokelma-patient-left p{
    font-size: 18px;
    line-height: 26px;
}
#patientStories-p1 .cmp-dynamicform__generated-form .cmp-dynamicform__control-label,
#patientStories-p1 .cmp-dynamicform__generated-form input.form-control,
#patientStories-p1 .dynamicformv2 .checkbox label span,
#patientStories-p1 .consent-text p{
    font-size: 16px;
    line-height: 22px;
}
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn{
    font-size: 17px;
    line-height: 15px;
}
#patientStories-p1 .confirming-text {
    padding-top: 20px;
}
#patientStories-p1 .cmp-dynamicform__form-validation{
    gap: 35px 15px;
}
#patientStories-p1 .form-para{
    padding-bottom: 18px;
    padding-top: 31px;
}
#patientStories-p1 input::placeholder,
#patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control{
    font-size: 16px!important;
    line-height: 22px!important;
}
#patient_stories_main #tab-main-wrapper .cmp-tabs__tablist {
    margin-bottom: 42px;
}
#patientStories-p1 .form-cont p {
    font-size: 18px;
    line-height: 26px;
}
#patientStories-p1 .required{
    padding-top:40px;
}
#patientStories-p1 .lok-patStories-formP1 #field-6a5dd5391485100002ddda65 label span:before {
    top:0;
}
#patientStories-p1 .header{
    justify-content: center;
}

#patientStories-p1 #field-6a5dd5391485100002ddda65 label span:after{
        top: 6px;
}
#patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .left-side-content .banner-foot-text{
    line-height:24px;
}
#patientStories-p1 .green-btn {
        font-size: 17px;
        line-height: 15px;
    }
    #patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form .cmp-dynamicform__form-group button.cmp-dynamicform__submit-btn {
    padding: 12px 31.5px;
    }
    #patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control {
    border: 2px solid #008672;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 8px 0 8px 10px;
    }
    #patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control {
        background-position-x: 96%;
    }
    #patientStories-p1 #tab-main-wrapper-item-b51907b83a-tab{
    max-width:128px;
}
}

/* Desktop CSS Start */

@media (min-width: 992px) {

    /* COMPATIBILITY COMMENTED */
    /* #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span {
        font-size: 68px;
        line-height: 74px;
    }

    #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
        font-size: 58px;
        line-height: 60px;
    }

    #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {
        bottom: 45px;
    } */
    /* COMPATIBILITY COMMENTED */

    .lokelma-patient-left {
        width: 773px;
        margin: 0 auto;
    }

    #patientStories-p1 #patient_stories_main {
        padding: 48px 0;
    }

    #patient-tab-container {
        margin: 54px 0;
    }

    #patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab {
        line-height: 30px;
    }

    #patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab {
        padding: 11.5px 71px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .lok-header-title {
        padding-bottom: 20px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories {
        padding-top: 31px;
        padding-bottom: 25px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para {
        font-size: 28px;
        line-height: 38px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .green-short-banner {
        margin-top: 36px;
        padding: 35px 44px 54px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .green-short-banner .card-title {
        font-size: 34px;
        line-height: 40px;
    }

    #patientStories-p1 #patient-tab-container #patient_content .green-short-banner .stripe {
        width: 159px;
        height: 14px;
    }

#patientStories-p1 .header .story{
    font-size:34px;
    line-height: 40px;
    font-family: 'Roboto Condensed';
    font-weight: 400;
}
#patientStories-p1 .patient-stories {
        font-size: 20px;
        line-height: 30px;
    }
#patientStories-p1 .patient-stories {
        font-size: 20px;
        line-height: 30px;
    }
    #patient_stories_main #tab-main-wrapper .cmp-tabs__tablist {
    margin-bottom: 55px;
}

#patientStories-p1 #patient-tab-container #tab-main-wrapper #tab-main-wrapper-item-b51907b83a-tabpanel{
    max-width:1156px;
    margin:0 auto;
    width:99%;
}


#patientStories-p1 #patient-tab-container #tab-main-wrapper #tab-main-wrapper-item-61a03293d9-tabpanel{
    width:922px;
     margin:0 auto;
}
#patientStories-p1 #field-6a5dd5391485100002ddda65{
    width:83%;
}
#patientStories-p1 #tab-main-wrapper-item-b51907b83a-tab{
    max-width:249px;
}
}

/* Desktop CSS End */

@media screen and (min-width: 320px) and (max-width: 339px) {
    #patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab {
        padding: 8px 25px;
    }
}

@media screen and (min-width: 454px) and (max-width: 476px) {
    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para {
        padding-right: 10px;
    }
}
@media screen and (min-width: 400px) and (max-width: 401px) {
    #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para{
        padding-right:10px;
    }
}
@media screen and (min-width: 320px) and (max-width: 380px) {
    #patientStories-p1 input::placeholder, #patientStories-p1 .cmp-dynamicform-v2 .cmp-dynamicform__generated-form select.form-control{
        font-size: 13px !important;
    }
    
}
@media screen and (min-width: 320px) and (max-width: 358px) {
   #patientStories-p1 #patient-tab-container #tab-main-wrapper .cmp-tabs__tab{
       min-height:70px;
   }
}
@media screen and (min-width: 444px) and (max-width: 453px) {
   #patientStories-p1 #patient-tab-container #patient_content .content_sec .patient-stories.para{
       padding-right:10px;
   
   }
}
/* COMPATIBILITY COMMENTED */
/* @media screen and (min-width: 992px) and (max-width: 1170px) {
  #patientStories-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text{
                      transform: translateY(20%);
}
} */
 /* COMPATIBILITY COMMENTED */