.star5pt{
    font-family: "solex";
}

.letter-space-paraB{
	    padding-left: 0.01em;
    	font: normal normal 700 20px / 28px "din-2014", sans-serif;
}

h5.end-callout--head .letter-spacing {
    font: normal normal 700 36px/normal 'solex', sanserif;
    padding-left: 0.05em;
    border: none !important;
}
h5.end-callout--head .letter-spacing:after {    
    border: none !important;
}

@media (min-width: 992px) {

    #header.container{
	    height: 132px!important;
	}
	#header.container.fixed-header {
    	height: auto!important;
        padding-bottom: 0;
	}
    .end-callout-wrap {
        align-items: center !important;
    	padding: 27px 10px !important;
    }
}
@font-face {
	font-family: 'DIN2014-NarrowBold';
    src:url('/etc/designs/code/website-services/us/rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/fonts/DIN-Narrow-Bold.otf') format('otf');
    font-weight: normal;
    font-style: normal;
    display: swap;

}
@font-face {
	font-family: 'DIN2014-Regular';
    src:url('/etc/designs/code/website-services/us/rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/fonts/DIN-Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
    display: swap;
}
.patient-resources .end-page-callout {
    margin-top: 0px!important;
}
.patient-resources .finder-container{
	margin-top:80px;
}
.bile-duct-cancer-gallbladder-cancer .green-bg-section .faqwrap.width1132,.cholangiocarcinoma-gallbladder-cancer p.banner-fnote.home{
	margin-bottom: 0px;
}
.finder-container{
    display: flex;
    align-items: center;
	background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/patient1-segmentation/Specialist-FInder-ToolDesktop@2x.png);
    height: 382px;
    background-size: 100% 100%;
    display: none;
}

.finder-box.width1132{
	height: 302px;
    border: 2px solid #193866;
    width: 100%;
    border-radius: 8px 48px 8px 48px;
    background-color: #fff;
	box-sizing: content-box;
}      
p.finder-head {
    margin: 32px auto 30px;
    text-align: center;
    color: #193866;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
}
/*.finder-column {
    display: flex;
    margin: 0 97px;
}*/
.finder-column {
    display: flex;
    margin: 0 30px;
}
.finder-column .finder-text{
	width: 70%;
}
.finder-text p {
    /*max-width: 408px;*/
    font-size: 20px;
    line-height: 23px;
    color: #333333;
    font-family: 'DIN-2014';
    font-weight: 400;
}
.finder-text p:last-child{
	font-size: 18px;
}

/**** start widget code **/

.finder-tool {
    width: 453px;
    margin: 0 0 0 77px;

}

.hgbiol-search-widget {
  font: 14px/1.4 din-2014, sans-serif;
  color: #666;
  text-align: left;
  width: 100%;
}
.hgbiol-search-tracking {
  display: none;
}
.hgbiol-group > * + * {
  margin-top: 16px!important;
}
.hgbiol-control {
    position: relative;
    box-sizing: border-box!important;
    width: 100%!important;
    border: 1px solid #193866!important;
    height: 63px!important;
    border-radius: 8px!important;
    background: #fff;
}
.hgbiol-location-input {
    height: auto!important;
  display: block;
    width: 100%!important;
    border: 0 !important;
    background: transparent;
    outline: none;
    font-size: 16px!important;
    line-height: 20px!important;
    padding: 22px 0 0 25px!important;
    font-family: din-2014, sans-serif;
    color: #606060;
}
.hgbiol-location-icon {
  position: absolute;
    top: 15px!important;
    right: 15px!important;
    width: 33px!important;
    height: 33px!important;
    cursor: pointer;
    background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/patient1-segmentation/icon_magnifying_glass.png)no-repeat!important;
    background-size: 100% 100%!important;
}
.hgbiol-location-button {
  	display: flex;
    align-items: center;
    background-color: #01A696;
    border: 1px solid transparent;
    border-radius: 8px!important;
    color: #fff;
    font-size: 20px!important;
    line-height: 25px!important;
    font-family: din-2014, sans-serif;
    width: 196px!important;
    height: 42px!important;
    font-weight: 700!important;
    padding: 8px 0 7px 16px!important;
    cursor: pointer;
}
.hgbiol-location-button:hover {
  background-color: #017368;
}
.hgbiol-location-button > * + * {
  margin-left: 0.5em;
}
.hgbiol-location-submit.is-disabled {
  pointer-events: none;
}
.hgbiol-spread {
  display: flex;
}
@media (min-width: 992px) {
  .hgbiol-spread {
    justify-content: space-between;
    align-items: center;
  }


}
@media (max-width: 991px) {
    .end-callout-wrap .teal-btn {
        padding: 12px 20px;
        border-radius: 8px;
        background: #E6F1F5;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        font-family: "DIN-2014";
        margin: 0 auto;
        position: relative;
        color: #07729B;
    }
    
    .end-callout-wrap .teal-btn span:after {
        content: '';
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/endometrial-cancer/global-assets/arrow.png);
        background-size: 20px 21px;
        display: inline-block;
        position: relative;
        top: 4px;
        margin-left: 3px;
        width: 20px;
        height: 21px;
    }
	.finder-container{
		height:598px;
            background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/patient1-segmentation/Specialist-FInder-ToolMobile@2x.jpg);
        background-size: 100% 100%;
	}
  .hgbiol-spread {
    flex-direction: column;
    align-items: center;
  }
    .finder-box.width1132{
		    margin: 0 auto;
    padding: 0;
    height: 502px;
    max-width: 345px;
     }
  .finder-column {
    margin: 0 15px;
    flex-direction: column;
	}
    p.finder-head{
       font-size: 21px;
    	line-height: 33px;
     	 margin: 29px auto 16px;
      }
        .finder-text{
            margin:auto;
		}
    .finder-text p {
    text-align: center;
    max-width: 291px;
    font-size: 20px;
    line-height: 25px;    
    }
	.finder-text p:last-child {
    font-size: 18px;
    line-height: 23px;
    max-width: 277px;
    margin-bottom: 0;
	}
	.finder-tool {
    width: 315px;
    margin: 24px 0 0 0;
    }
	.hgbiol-control {
    	height: 56px;
    }
	.hgbiol-location-input {
		 padding: 18px 0 0 25px;
     }
	.hgbiol-location-icon {
    position: absolute;
    top: 13px;
    right: 27px;
    width: 25px;
    height: 25px;
    }
	.hgbiol-powered p {
    margin: 0 7px 0 0;
    }
	.hgbiol-powered {
    margin-top: 16px;
   }




}
.hgbiol-suggest {
  position: relative;
}
.hgbiol-suggest-top {
  display: none;
}
.hgbiol-suggestions {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-size: 0.875rem;
  margin-top: -2px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 130px;
}
.hgbiol-suggestions-none {
  padding: 5px 10px;
  color: #333;
}
.hgbiol-suggestion {
  display: block;
  padding: 5px 10px;
  margin: 1px 0;
  color: #333;
  text-decoration: none !important;
  transition: 200ms ease-in-out;
}
.hgbiol-suggestion em {
  font-weight: bold;
}
.hgbiol-suggestion:hover {
  color: #fff;
  background-color: #01A696;
}
.hgbiol-powered {
 /* margin: 0 0 0 -3px;
  width: 172px;
  height: 35px;
  background: url('//staging-apps.healthgrades.com/psw/hgbiol-imfinzi/img/powered.svg') center center no-repeat; */
	    display: flex;
    align-items: center;

}
.hgbiol-powered p {
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 15px;
    color: #333333;
}
.finder-text sup {
    font-size: 60%;
    top: -0.4em;
}
.hgbiol-modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.hgbiol-modal.is-visible {
  display: block;
}
.hgbiol-modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 200px 5px 100px;
}
.hgbiol-modal-window {
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  margin: auto;
  border-radius: 8px 50px 8px 50px;
  padding: 20px;
}
.hgbiol-modal-header {
  position: relative;
}
.hgbiol-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 20px;
  padding: 0;
  outline: none;
  cursor: pointer;
}
.hgbiol-modal-close svg {
  width: 20px;
  height: 20px;
  fill: #777;
  transition: fill 200ms ease-in-out;
  margin: 7px;
}
.hgbiol-modal-close:hover svg {
  fill: #333;
}
.hgbiol-modal-body {
  color: #333;
  text-align: center;
}
.hgbiol-modal-headline {
  font-size: 28px;
  font-weight: 700;
  color: #193965;
  margin-top: 1em;
}
.hgbiol-modal-message {
  font-size: 18px;
  line-height: 1.4;
  margin: 1.5em 0;
}
.hgbiol-modal-footer {
  text-align: center;
}
.hgbiol-modal-search,
.hgbiol-modal-cancel {
  display: inline-block;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  background-color: #AA182C;
  border: 1px solid transparent;
  border-radius: 5px !important;
  text-transform: none;
  padding: 16px;
  font-size: 18px;
  letter-spacing: 0.18px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  margin: 0 14px;
}
.hgbiol-modal-search span,
.hgbiol-modal-cancel span {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: transparent url('//staging-apps.healthgrades.com/psw/hgbiol-imfinzi/img/chevron-right.svg') center center no-repeat;
  background-size: contain;
}
.hgbiol-modal-search {
  background-color: #AA182C;
}
.hgbiol-modal-search:hover {
  background: #193965;
}
.hgbiol-modal-search span {
  margin-left: 10px;
}
.hgbiol-modal-cancel {
  background-color: #193965;
}
.hgbiol-modal-cancel:hover {
  background: #AA182C;
}
.hgbiol-modal-cancel span {
  transform: rotate(180deg);
  margin-right: 10px;
}
.hgbiol-modal-code {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
  .hgbiol-modal-background {
    padding: 5px;
  }

    h5.end-callout--head .letter-spacing {
        font: normal normal 700 30px / normal 'solex', sanserif;
    }    
}

/*** end widget code***/    


.caregiver-support .end-page-callout a.green-btn{
	display: block !important;
}

@font-face {
    font-family: 'Ultra-fresh';
    src: url('/fonts/Ultra-Fresh-open-type.otf');
    src: local('☺'), url('/etc/designs/code/website-services/us/rwd-imfinzi-com/fonts/ultra_fresh-webfont.woff') format('woff'), url('/etc/designs/code/website-services/us/rwd-imfinzi-com/fonts/Ultra-Fresh-true-type.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    display: swap;
}
.what-is-imfinzi .twenty-five-box .bold-text{
	font-family: 'din-2014' !important;
}
.banner-txt {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-family: 'din-2014', sans-serif;
    font-weight: 900;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 95%);
}

.accordian-switch:hover {
    background: #dff4f9;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.what-to-ask-my-doctor .doc-img img {
    max-width: 80px;
    width: 80px;
}

.what-is-imfinzi span.lo-risk {
    font-size: 24px;
    line-height: 28px;
    display: block;
    font-family: 'solex';
    font-weight: 700;
    white-space: nowrap;
}

.what-is-imfinzi .twenty-five-box,
.what-is-imfinzi .img-graphic {
    display: flex !important;
}

.what-is-imfinzi .chance-cont-flex {
    background: #ECF4F1;
    border-radius: 0 0 8px 30px;
}

.what-is-imfinzi .still-liv p.section-f-note {
    font-size: 16px;
    line-height: 20px;
    font-family: din-2014, sans-serif;
    font-weight: 400;
    margin-top: 16px;
    text-indent: -6px;
}

.what-is-imfinzi p.end-head {
    font-family: 'solex';
    font-weight: 700;
    color: #333333;
}


/*.patient-resources .content a.download-link:hover{
   background: #D7EA00;
   color: #006666;
}
.patient-resources .content a.download-link:hover span::after{
   border: 3px solid #006666;
   border-bottom: none;
   border-right: none;
}*/

.what-to-ask-my-doctor ul.symptom-list li {
    padding-bottom: 10px;
    text-indent: 3px;
}

.end-page-callout a.green-btn:hover {
    background: #82CCDD;
    color: #193965;
    transition: background-color .2s ease-out;
}

.end-page-callout a.green-btn:hover span::after {
    border: 3px solid #193965;
    border-bottom: none;
    border-right: none;
}

.faq-border {
    border-bottom: 2px solid #E2E2E2;
}

.accordion-list-item.active .only-border {
    padding-top: 0;
}

.faqs p.faq-answer {
    margin-bottom: 28px;
}

.only-border {
    max-width: 690px;
    margin-left: 60px;
    padding-top: 20px;
}

.faqs p.accordian-end-txt.inner-copy {
    color: #333333;
    margin-left: 60px;
    margin-bottom: 24px;
}

.faqs ul.imf-side-eff+h4,
.faqs p.faq-answer+h4 {
    font-weight: 700;
}

.faqs ul.imf-side-eff {
    padding-left: 85px;
}

p.faq-answer {
    margin-bottom: 21px;
}

.what-to-ask-my-doctor .content-1 p,
.preparing-for-infusions .head-copy {
    color: #555555;
}

#carouselChemo span.bold-text {
    color: #FFFFFF;
    font-weight: 900;
}

.what-to-ask-my-doctor ul.symptom-list li {
    list-style-type: none;
}

.what-to-ask-my-doctor ul.symptom-list li:before {
    content: "\25cf";
    font-size: 12px;
    margin-left: -20px;
    padding-right: 10px;
    color: #193965;
}

.after-trtmt .explore-btn {
    max-width: 327px;
}

.width100 {
    width: 100%;
    max-width: 100%;
}

.width1132 {
    max-width: 1132px;
    margin: 0 auto;
}

.what-is-imfinzi .wt-imf-cont {
    background-color: #F8F8F8;
}

.what-is-imfinzi .how-stud-wrap .content-2 p {
    color: #555555;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
}

.no-of-people .splitter,
.no-of-people .pep-flex {
    display: flex;
    align-items: center;
}

.what-is-imfinzi .ppl-percent h1,
.what-is-imfinzi .img-graphic h1,
.what-is-imfinzi .img-graphic .graphic-subhead,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year h2,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year h2,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year .calender-subhead,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year .calender-subhead{
    font-family: Ultra-fresh;
    color: #0A5454;
}

.what-is-imfinzi .img-graphic h1,
.what-is-imfinzi .img-graphic .graphic-subhead {
    color: #193965;
}

.what-is-imfinzi .content-3 .ppl-341,
.what-is-imfinzi .content-3 .ppl-344 {
    max-width: 455px;
    width: 100%;
    border-radius: 5px 30px 5px 30px;
}

.what-is-imfinzi .content-3 .ppl-341 {
    background-color: #F0F6F7;
}

.what-is-imfinzi .content-3 .ppl-344 {
    background-color: #ECF4F1;
}

.what-is-imfinzi .content-3 img {
    width: 42px;
    margin-right: 20px;
}

.what-is-imfinzi .content-3 .cont-div>h1,
.what-is-imfinzi .content-3 .cont-div>.page-subhead-3,
.what-is-imfinzi .content-3 .cont-div>p {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
}

.what-is-imfinzi .content-3 .cont-div>h1,
.what-is-imfinzi .content-3 .cont-div>.page-subhead-3{
    font-size: 28px;
    line-height: 28px;
}

.what-is-imfinzi .content-3 .ppl-341 .cont-div>p span,
.what-is-imfinzi .content-3 .ppl-341 .cont-div>h1,
.what-is-imfinzi .content-3 .ppl-341 .cont-div>.page-subhead-3{
    color: #193965;
}

.what-is-imfinzi .content-3 .ppl-344 .cont-div>p span,
.what-is-imfinzi .content-3 .ppl-344 .cont-div>h1,
.what-is-imfinzi .content-3 .ppl-344 .cont-div>.page-subhead-3{
    color: #5c949f;
}

.what-is-imfinzi .overall-survival {
    margin-top: 50px;
}

.what-is-imfinzi .overall-survival .os-wrap {
    padding: 28px 24px 24px;
}

.what-is-imfinzi .overall-survival .bg-wrap {
    background-color: #F8F8F8;
    border-radius: 0 0 8px 30px;
}

.what-is-imfinzi .overall-survival .survival-cont h1,
.what-is-imfinzi .overall-survival .survival-cont .survival-subhead{
    color: #333333;
    font-family: "solex", sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 0.28px;
    margin: 0 0 30px 0;
}

.what-is-imfinzi .overall-survival .survival-cont .calender-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.what-is-imfinzi .overall-survival .vs-txt h2,
.what-is-imfinzi .overall-survival .vs-txt .calender-subhead {
    font-family: "solex", sans-serif;
    font-weight: 700;
    color: #333333;
    margin-top: 20px;
}

.what-is-imfinzi .overall-survival .mon-txt {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    color: #333333;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

.what-is-imfinzi .overall-survival .eleven-year .mon-txt span {
    color: #5c949f;
}

.what-is-imfinzi .overall-survival .twelve-year .mon-txt span {
    color: #193965;
}

.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year h2,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year .calender-subhead{
    color: #5c949f;
}

.what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year h2,
.what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year .calender-subhead{
    color: #193965;
}

.what-is-imfinzi .overall-survival .survival-cont {
    max-width: 910px;
    margin: 0 auto;
}

.what-is-imfinzi .ppl-inner-wrap .f-note,
.what-is-imfinzi .overall-survival .f-note {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.what-is-imfinzi .ppl-inner-wrap {
    background-color: #F8F8F8;
    border-radius: 0 0 8px 30px;
}

.what-is-imfinzi .taking-flex,
.what-is-imfinzi .num-of-ppl-flex {
    display: flex;
    align-items: center;
}

.what-is-imfinzi .out-of-imf,
.what-is-imfinzi .out-of-chm {
    display: flex;
    align-items: center;
}

.what-is-imfinzi .out-cont h2,
.what-is-imfinzi .out-cont .out-cont-sunbead,
.what-is-imfinzi .out-cont p>span {
    color: #193965;
}

.what-is-imfinzi .out-of-chm .out-cont h2,
.what-is-imfinzi .out-of-chm .out-cont .out-cont-sunbead,
.what-is-imfinzi .out-of-chm .out-cont p>span {
    color: #5c949f;
}

.what-is-imfinzi .out-cont h2,
.what-is-imfinzi .out-cont .out-cont-sunbead,
.what-is-imfinzi .out-cont p {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
}

.what-is-imfinzi .out-cont h2,
.what-is-imfinzi .out-cont .out-cont-sunbead {
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    margin: 0;
}

.what-is-imfinzi .out-cont p {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0;
}

.what-is-imfinzi .out-of-imf img {
    max-width: 38px;
}

.what-is-imfinzi .out-of-chm img {
    max-width: 110px;
}


/*.what-is-imfinzi .out-cont{
   padding: 0 50px;
}*/

.what-is-imfinzi .iv-bags,
.what-is-imfinzi .ppl-percent .ninteen,
.what-is-imfinzi .ppl-percent .fourteen,
.what-is-imfinzi .ppl-percent,
.what-is-imfinzi .chance-cont-flex {
    display: flex;
}

.what-is-imfinzi .iv-bags {
    align-items: flex-start;
}

.what-is-imfinzi .twenty-five-box,
.what-is-imfinzi .two-year-box {
    background-color: #ECF4F1;
    border-radius: 8px 30px 8px 30px;
}

.what-is-imfinzi .img-graphic img,
.what-is-imfinzi .img-graphic h1,
.what-is-imfinzi .img-graphic .graphic-subhead,
.what-is-imfinzi .img-graphic {
    display: inline-block;
    vertical-align: middle;
}

.what-is-imfinzi .twenty-five-box {
    text-align: center;
}

.what-is-imfinzi .img-txt p {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    color: #333333;
}

.what-is-imfinzi .two-year-box h4 {
    font-family: 'solex';
    font-weight: 700;
    color: #333333;
}

.what-is-imfinzi .ppl-percent p {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    color: #333333;
}

.what-is-imfinzi .ppl-percent p span {
    color: #006666;
}

.what-is-imfinzi .iv-bags p {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    color: #333333;
}


/*.what-is-imfinzi .iv-bags p span{
   font-family: "din-2014",sans-serif;
   font-weight: 700;
}*/

.what-is-imfinzi .ppl-percent h1 {
    margin: 0;
}

.end-page-callout {
    clear: both;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #07729B;
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/end-callout-bg.svg);
}

.end-page-callout h5 {
    color: #FFFFFF;
    /*font-family: 'GillSans-BoldCondensed', sans-serif;*/
    font-family: 'solex', sanserif;
}

.end-page-callout h5 span {
    font-family: 'ManusSmooth', sans-serif;
    font-weight: 500;
    text-decoration-color: #D8EA00;
}

.end-page-callout h5 span.letter-spaceII{
    font: normal normal 700 36px / normal 'solex', sanserif;
}

.end-page-callout h5 span.letter-spaceII:after{
    border: none;
}    

.end-callout-wrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.end-page-callout a.green-btn {
    background-color: #193965;
    color: #FFFFFF;
    border-radius: 8px;
}

.end-page-callout a.green-btn span {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    position: relative;
}

.end-page-callout a.green-btn span::after {
    content: " ";
    width: 14px;
    height: 14px;
    border: 3px solid #FFFFFF;
    position: absolute;
    right: -22px;
    top: 7px;
    transform: rotate(136deg);
    border-bottom: none;
    border-right: none;
}

.cont-opener .btn-minus {
    display: none;
}

.treat-list li {
    list-style-type: none;
}

.treat-list {
    padding-left: 0;
}

.preparing-for-infusions .treat-list li>.head-1 {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
   /* color: #193965;*/
    text-align: left;
    margin: 0;
    color: #1A3965;
    text-align: center;
}

.preparing-for-infusions .head-1 .num-head {
    display: inline-block;
    border-radius: 50%;
    padding: 8px 15px;
    border: 2px solid #82CCDD;
}

.preparing-for-infusions .treat-list li .cont-opener {
    float: right;
    padding: 8px 0;
}

.preparing-for-infusions .before-trtmt-cont {
    background-color: #ECF4F1;
    border-radius: 0px 0px 8px 8px;
}

.preparing-for-infusions .infusion-cont {
    margin-bottom: 48px;
}

.preparing-for-infusions .before-trtmt .banner-img {
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/before-treatment.jpg);
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-right-radius: 50px;
}

.preparing-for-infusions .during-trtmt .banner-img {
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/during-tratement.jpg);
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-right-radius: 50px;
}

.preparing-for-infusions .after-trtmt .banner-img {
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/after-treatment.jpg);
    height: 330px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-right-radius: 50px;
}


/*.preparing-for-infusions  li{
   list-style-type: none;
}*/

.preparing-for-infusions .list-of-infusions ul {
    padding-left: 0;
    margin-bottom: 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.explore-btn {
    background: #07729B;
    color: #FFFFFF;
    border-radius: 8px;
    font-family: "din-2014", sans-serif;
    font-weight: 700;
    text-align: left;
    position: relative;
}

.explore-btn span::after {
    content: " ";
    width: 14px;
    height: 14px;
    border: 3px solid #FFFFFF;
    position: absolute;
    right: 25px;
    top: 18px;
    transform: rotate(136deg);
    border-bottom: none;
    border-right: none;
}

.explore-btn:hover {
    background: #FFF;
    color: #07729B;
}

.explore-btn:hover span::after {
    border: 3px solid #07729B;
    border-bottom: none;
    border-right: none;
}

.during-trtmt,
.after-trtmt {
    display: none;
}

.fact-cont-single .fact-item span,
.list-of-infusions .fact-item span {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    color: #333333;
}

.list-sub-head h1,
.list-sub-head .subhead-1 {
    font-family: "solex", sans-serif;
    font-weight: 700;
    color: #333333;
}

.preparing-for-infusions .treat-list>li {
    padding-bottom: 23px;
    padding-top: 23px;
}

.treat-list>li {
    border-bottom: 2px dotted #70707064;
}

.preparing-for-infusions .treat-list>li:first-child {
    padding-top: 0;
    background: #fff;
    padding-bottom: 0px;
}

.prep-for-infusions {
    overflow: auto;
}

.prep-for-infusions:before {
    content: "";
  height: 7px;
  width: 100%;
  position: absolute;
  top: -7px;
  background: inherit;
  z-index: 2;
}

.faqs .content-1 h1,
.how-imfinzi-works .content-1 h1 {
    font-family: "solex", sans-serif;
    font-weight: 700;
    color: #193965;
    margin: 0;
}

.how-imfinzi-works .content-1 p span {
    font-family: "din-2014", sans-serif;
    font-weight: 700;
}

.how-imfinzi-works .content-1 p span.text-nowrap {
    font-weight: normal;
}

.how-imfinzi-works .end-page-callout h5 {
    /*font-family: 'GillSans-BoldCondensed', sans-serif;*/
    font-family: 'solex', sanserif;
}

.how-imfinzi-works .cell-types .list-bottom,
.how-imfinzi-works .cell-types .list-top,
.how-imfinzi-works .cell-types {
    display: flex;
}

.how-imfinzi-works .cell-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.how-imfinzi-works .cell-item>p {
    color: #193965;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 0;
}

.how-imfinzi-works .cell-types {
    border: 2px solid #DEDEDE;
    border-radius: 8px;
}

.cell-head>p {
    color: #193965;
    font-family: "solex", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.32px;
    background: #FFFFFF;
    position: relative;
    top: 20px;
    padding: 0 12px;
}

.cell-head {
    max-width: 158px;
    margin: 0 auto;
}

.caros-cont-inner {
    display: flex;
}

.carousel-caption {
    color: #333333;
    font-size: 18px;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    text-shadow: none;
}

.carousel-indicators li {
    background-color: #FFFFFF;
}

.carousel-caption p {
    position: relative;
}

.carousel-caption p>.slide-num {
    position: absolute;
    left: -40px;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #FFFFFF;
}

.caros-head h1 {
    color: #006666;
    font-family: "solex", sans-serif;
    font-weight: 700;
    line-height: 40px;
}

.carousel-2 .caros-head h1 {
    color: #193965;
}

.caros-head p {
    font-size: 18px;
    line-height: 26px;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    text-align: left;
    color: #525252;
}

.carousel-control .icon-prev:before {
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: 10px;
    top: 4px;
    transform: rotate(225deg);
    border-bottom: none;
    border-left: none;
}

.carousel-control.left {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #00A594;
    top: 164px;
    left: 2px;
    pointer-events: none;
}

.carousel-2 .carousel-control.right,
.carousel-2 .carousel-control.left {
    background: #193965;
}

.carousel-control.right {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #00A594;
    top: 164px;
    left: 70px;
    opacity: 0.5;
}

.carousel-control .icon-next:before {
    content: '';
    width: 14px;
    height: 14px;
    border: 2px solid #FFFFFF;
    position: absolute;
    right: 6px;
    top: 4px;
    transform: rotate(225deg);
    border-top: none;
    border-right: none;
}

.carousel-indicators li.active {
    text-indent: 0;
}

.carousel-container.carousel-1.width100 {
    background-color: #ECF4F1;
    overflow: auto;
}

.carousel-container.carousel-2.width100 {
    background-color: #F8F8F8;
    overflow: auto;
}

.navigating-btns {
    font-family: "solex", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #00A594;
}

.carousel-2 .navigating-btns {
    color: #193965;
}

.carousel-indicators {
    display: none;
}

.carousel-inner>.item img {
    border-radius: 8px;
    width: 100%;
}

.carousel-2 .carousel-caption p {
    color: #FFFFFF;
}


/*.carousel-2 .carousel-inner>.item{
   background: #844a68;
}
.carousel-1 .carousel-inner>.item{
   background: #FFFFFF;
}*/

.carousel-2 .carousel-caption p>.slide-num {
    background: #FFFFFF;
    color: #aa182c;
}

.carousel-inner>.item {
    border-radius: 8px;
}

.carousel-caption {
    text-align: left;
}

.faqs h2.sub-head {
    color: #006666;
    font-family: "solex", sans-serif;
    font-weight: 700;
    line-height: 40px;
}

.faqs .acc-head h2 {
    color: #193965;
    font-family: "solex", sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: left;
    max-width: 800px !important;
}


/*.accordian-switch, .accordian-switch div, .accordian-switch span {
   display: inline-block;
}*/

.accordian-switch {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.accordian-switch .add-icon {
    background-color: #82CCDD;
}

.accordian-switch .minus-icon {
    background-color: #193965;
    display: none;
}

.accordian-switch>div {
    padding: 7px 10px;
    height: 43px;
    width: 43px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.accordian-switch span.acc_h3_content {
    font-size: 22px;
    line-height: 28px;
    text-align: left;
    font-family: "din-2014", sans-serif;
    font-weight: 600;
    color: #333333;
}

.acc-head span.acc-switch-btn {
    float: right;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.6px;
    border-bottom: 3px solid #82CCDD;
    cursor: pointer;
}

span.acc-switch-btn.exp-btn:before {
    content: "\002B";
    font-size: 35px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: -2px;
}

span.acc-switch-btn.cls-btn:before {
    content: "\2212";
    font-size: 30px;
    margin-top: 2px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 5px;
    left: -2px;
}

span.acc-switch-btn.cls-btn {
    display: none;
}

.accordion-list .accordion-list-content h4,
ul.imf-side-eff,
p.faq-answer {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    color: #333333;
    padding: 0 0 0 64px;
}

.faqs .acc-head h2,
.accordian-1.width1132,
.accordian-2.width1132,
.accordian-3.width1132 {
    max-width: 750px;
    margin: 0 auto;
}

.accordian-1.width1132,
.accordian-2.width1132,
.accordian-3.width1132 {
    margin-bottom: 52px;
}


/*.accordion-list-item {
   border-bottom: 2px solid #E2E2E2;
}*/

.carousel-caption p>.slide-num {
    font-family: 'Ultra-fresh';
    font-weight: 400;
}

.what-to-ask-my-doctor .ask-doc-cont {
    background-color: #F8F8F8;
}

.what-to-ask-my-doctor h1.box-title {
    margin: 0;
    background-color: #193965;
    color: #FFFFFF;
    text-align: center;
    padding: 9px 15px 16px 15px;
    border-radius: 8px 30px 0 0;
}

.what-to-ask-my-doctor .doc-flex {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    background-color: #ECF4F169;
    border-radius: 0 0 8px 50px;
    padding: 24px 46px;
    margin-bottom: 40px;
}

.what-to-ask-my-doctor .doc-cont {
    color: #555555;
    font-family: 'din-2014';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}
p.global-fnote.align.t-indent-0 {
    text-indent: 0!important;
}
/*.patient-resources .end-page-callout{margin-top:0!important;}*/
.patient-resources p.global-fnote.align{margin-top:60px;}
.community-support .comm-support.gica-section p.global-fnote.align.t-indent-0{margin-top: 10px;margin-left: 0;}

@media screen and (min-width: 1209px) and (max-width: 1340px) {
    .banner-txt {
        right: 100px !important;
            
    }
}


/****desktop*****/

@media screen and (min-width: 992px) {

	p.global-fnote.align {
    	max-width: 1134px;
    	width: 100%;
    	margin: 0 auto 10px;
	}

    .banner-txt {
        position: absolute;
        left: 144px;
        top: 270px;
        display: block;
        max-width: 200px;
    }
    .what-to-ask-my-doctor h1.box-title.page-subhead {
        font-size: 28px;
    }
    .preparing-for-infusions .end-page-callout h5 {
        letter-spacing: -0.6px;
    }
    .preparing-for-infusions .treat-list>li:hover .head-1 {
        /*color: #5c95a1;*/
    	color: #193965;
    }
    .preparing-for-infusions .treat-list>li:hover .head-1 span:first-child {
        color: #193965;
    }
    .preparing-for-infusions .treat-list>li:hover .head-1 span.active-sec-desk {
        color: #FFFFFF;
    }
    .what-is-imfinzi .twelve-year,
    .what-is-imfinzi .eleven-year {
        display: flex;
    }
    .what-is-imfinzi .eleven-year {
        margin-left: 40px;
    }
    .what-is-imfinzi .overall-survival .mon-txt {
        text-align: left
    }
    ;
    .carousel {
        touch-action: manipulation !important;
        -webkit-user-drag: auto !important;
    }
    .what-is-imfinzi .img-graphic {
        margin-right: 20px;
    }
    .what-is-imfinzi p.end-head {
        letter-spacing: 0.28px;
        font-size: 24px;
        line-height: 35px;
        text-align: center;
        margin-top: 23px;
        margin-bottom: 23px;
    }
    .cholangiocarcinoma-gallbladder-cancer .isi-remained {
        padding-top: 30px;
    }
    .side-effects .end-page-callout h5 {
        letter-spacing: -0.4px
    }
    .preparing-for-infusions img.bacon-img {
       /* max-width: 60px;
        margin-right: 12px;
        margin-left: -6px;*/
        max-width: 85px;

    }
    .preparing-for-infusions .treatment-cont.col-xs-12.col-md-8 {
        padding: 0 5px 0 5px;
    }
    .preparing-for-infusions .treat-list li>.head-1 span {
        line-height: 22px;
        padding: 9px 14px;
    	display: none;
    }

    .preparing-for-infusions .treat-list li .cont-opener {
        padding: 8px 0!important;
    }

    .how-imfinzi-works .caros-head h1 {
        margin-top: 0;
    }
    .what-is-imfinzi .content-3 .cont-div>h1,
	.what-is-imfinzi .content-3 .cont-div>.page-subhead-3 {
        margin-bottom: 5px;
    }
    #carouselImfinzi .item:hover,
    #carouselChemo .item:hover {
        cursor: grabbing;
    }
    .preparing-for-infusions .new-desktop-only.after-trtmt li {
        max-width: 275px;
    }
    .preparing-for-infusions .before-trtmt-cont.after-trtmt.new-desktop-only .list-of-infusions ul:first-child {
        margin-right: 30px;
    }
    .preparing-for-infusions .before-trtmt-cont.during-trtmt.new-desktop-only .list-of-infusions ul:first-child {
        margin-right: 48px;
    }
    .what-is-imfinzi .ppl-taking .page-subhead,
    .what-is-imfinzi .overall-survival .page-subhead,
    .what-is-imfinzi .chance-of-growth .page-subhead {
        margin-bottom: 24px;
    }
    .what-to-ask-my-doctor .bg-container {
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/BTC-interior.png);
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .preparing-for-infusions .banner-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/Banner-sec-3.jpg); */
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop-2.jpg) no-repeat;
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .what-is-imfinzi .bg-container {
        /*background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/subnav-test-hdr.jpg);*/
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got-2-2.jpg);
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .how-imfinzi-works .bg-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got.jpg); */
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got-2-2.jpg);
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .faqs .bg-container {
        /*background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/BTC-interior.png);*/
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/tools-resources-banner-2.jpg) no-repeat;
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .what-to-ask-my-doctor .bg-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop.png); */
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop-2.jpg) no-repeat;
        background-size: cover;
        height: 330px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .infusion-cont {
        margin-top: 25px;
    }
    .what-is-imfinzi .wt-imf-cont {
        text-align: center;
    }
    .what-is-imfinzi .wt-imf-wrap {
        padding: 19px 10px 24px;
    }
    .what-is-imfinzi .how-stud-wrap .content-2 {
        max-width: 660px;
        margin: 0 auto;
    }
    .what-is-imfinzi .wt-imf-wrap .content-1 {
        max-width: 1000px;
        margin: 0 auto;
    }
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year h2,
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year h2,
	.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year .calender-subhead,
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year .calender-subhead{
        font-size: 70px;
        line-height: 24px;
        text-align: center;
        margin: 30px 20px 20px auto;
    }
    .what-is-imfinzi .ppl-percent h1 {
        font-size: 70px;
        line-height: 70px;
        margin-right: 17px;
    }
    .what-is-imfinzi .img-graphic h1,
	.what-is-imfinzi .img-graphic .graphic-subhead {
        font-size: 70px;
        line-height: 65px;
        margin: 0;
    }
    .what-is-imfinzi .img-graphic img {
        margin-right: 12px;
        max-width: 66px;
    }
    .what-is-imfinzi .how-stud-wrap .content-2 p {
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        margin-top: 10px;
        padding: 0 20px;
    }
    .what-is-imfinzi .how-study {
        margin-top: 40px;
    }
    .what-is-imfinzi .no-of-people .pep-flex {
        justify-content: center;
    }
    .what-is-imfinzi .content-3 .ppl-341 {
        padding: 16px 20px 16px 40px;
    }
    .what-is-imfinzi .content-3 .ppl-344 {
        padding: 2px 5px 2px 30px;
    }
    .what-is-imfinzi .content-3 .cont-div>p {
        font-size: 20px;
        line-height: 28px;
    }
    .what-is-imfinzi .content-3 .ppl-341 {
        margin-right: 30px;
    }
    .what-is-imfinzi .no-of-people {
        margin-top: 25px;
        padding: 0 20px;
    }
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex img {
        max-width: 153px;
        width: 100%;
    }
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex {
        max-width: 630px;
        margin: 0 auto;
    }
    .what-is-imfinzi .overall-survival .vs-txt h2,
    .what-is-imfinzi .overall-survival .vs-txt .calender-subhead{
        font-size: 28px;
        letter-spacing: 0.28px;
        line-height: 35px;
        /*margin-top: -85px;*/
    }
    .what-is-imfinzi .ppl-inner-wrap .f-note {
        margin-top: 20px;
        width: 40%;
    }
    .what-is-imfinzi .overall-survival .f-note {
        margin-top: 12px;
        text-indent: -7px;
    }
    .what-is-imfinzi .ppl-taking {
        margin-top: 40px;
        margin-bottom: 48px;
    }
    .what-is-imfinzi .ppl-inner-wrap {
        padding: 27px 93px 27px 40px;
    }
    /*.what-is-imfinzi .still-liv{
   max-width: 369px;
}*/
    .what-is-imfinzi .still-liv p {
        font-family: 'solex';
        font-weight: 700;
        font-size: 28px;
        line-height: 32px;
    }
    .what-is-imfinzi .out-cont {
        width: 137px;
        margin-left: 18px;
    }
    .what-is-imfinzi .taking-flex>div.still-liv {
        width: 40%;
        margin-right: 75px;
    }
    .what-is-imfinzi .num-of-ppl-flex {
        justify-content: space-between;
        width: 60%;
    }
    .what-is-imfinzi .taking-flex {
        justify-content: left;
    }
    /*.what-is-imfinzi .taking-flex > div{
   width: 50%;
}*/
    .what-is-imfinzi .twenty-five-box {
        max-width: 50%;
        margin-right: 10px;
        padding: 45px 23px 36px 23px;
    }
    .what-is-imfinzi .two-year-box {
        max-width: 50%;
    }
    .what-is-imfinzi .chance-cont-flex {
        justify-content: space-between;
        align-items: center;
    }
    .what-is-imfinzi .two-year-box {
        padding: 30px 36px 15px 10px;
    }
    .what-is-imfinzi .img-txt p {
        font-size: 18px;
        line-height: 23px;
        text-align: left;
    }
    .what-is-imfinzi .img-txt {
        margin-top: 10px;
    }
    .what-is-imfinzi .two-year-box h4 {
        letter-spacing: 0.28px;
        font-size: 28px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 23px;
    }
    .what-is-imfinzi .ppl-percent p {
        font-size: 20px;
        line-height: 24px;
    }
    .what-is-imfinzi .ppl-percent .ninteen {
        max-width: 293px;
        position: relative;
        align-items: center;
    }
    .what-is-imfinzi .ppl-percent .fourteen {
        max-width: 304px;
        align-items: center;
    }
    .what-is-imfinzi .ppl-percent {
        justify-content: space-between;
        margin-bottom: 32px;
        align-items: center;
    }
    .what-is-imfinzi .iv-bags img {
        margin-right: 23px;
    }
    .what-is-imfinzi .iv-bags p {
        color: #333333;
        font-size: 18px;
        line-height: 24px;
    }
    .what-is-imfinzi .for-border {
        height: 61px;
        border-right: 2px solid;
        color: #B9BA1C;
    }
    .what-is-imfinzi .chance-of-growth {
        margin-bottom: 80px;
    }
    .end-page-callout {
        height: auto;
        clear: both;
    }
    .what-is-imfinzi .end-page-callout h5 span {
        font-size: 40px;
        line-height: 101px;
        text-align: left;
    }
    .what-is-imfinzi .end-page-callout h5 {
        font-size: 40px;
        line-height: 56px;
    }
    .what-is-imfinzi .end-page-callout a.green-btn {
       /* max-width: 358px; */
    	max-width: 505px;
        padding: 12px 20px 12px 26px;
    }
	.side-effects .end-page-callout a.green-btn{
		max-width: 530px;
    padding: 12px 20px 12px 26px;
    }
    .end-page-callout a.green-btn {
        padding: 15px 12px;
        max-width: 328px;
        width: 100%;
    }
    .preparing-for-infusions .end-page-callout a.green-btn {
        max-width: 223px;
        padding: 15px 17px;
    }
    .end-page-callout a.green-btn span {
        font-size: 20px;
        line-height: 25px;
    }
    .preparing-for-infusions .gridcontainer-callout2 {
        max-width: 746px;
        width: 100%;
    }
    .preparing-for-infusions .gridcontainer-callout1 {
        max-width: 354px;
        width: 100%;
    }
    .preparing-for-infusions .treat-list>li {
        cursor: pointer;
    	width: 32%;
    	display: flex;
        justify-content: center;
        align-items: center;
    	border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        background: #E1E5F1;
    	border: 2px solid #E1E5F1;
    	border-bottom: none;
    	margin-bottom: 2px;
    }

.custom-tabs__tab--active {
    background: #fff;
    border-bottom: 0;
    position: relative;
    background-size: cover;
    filter: none;
    /*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);*/
    color: #003865 !important;
}
.custom-tabs__tab--active:before {
    content: "";
    display: block;
    width: 100%;
    height: 9px;
    background: #fff;
    position: absolute;
    bottom: -4px;
}
    .treat-list>li:nth-child(1) .cont-opener .btn-minus {
        display: inline-block;
    }
    .treat-list>li:nth-child(1) .cont-opener .btn-plus {
        display: none;
    }
    .preparing-for-infusions .head-1 .num-head {
        margin-right: 10px;
    }
    /*.preparing-for-infusions {
   margin-bottom: 92px;
   overflow: auto;    
}*/
    .preparing-for-infusions .infusion-flex {
        display: flex;
        justify-content: center;
    }
    .explore-btn {
        padding: 14px 18px;
        display: block;
        margin: 0 auto;
        max-width: 397px;
        font-size: 18px;
        line-height: 23px;
    }
    .list-of-infusions {
        padding: 25px 50px 0 40px;
    }
	.during-trtmt .list-of-infusions {
        /*padding: 20px 80px;*/
    }
    .preparing-for-infusions .before-trtmt-cont {
        padding-bottom: 37px;
    }
    /*.before-trtmt-cont .list-of-infusions .fact-cont:nth-child(1) .fact-item:nth-child(1) img{
   margin-right: 30px;
   margin-left: 10px;
}
.before-trtmt-cont .list-of-infusions .fact-cont:nth-child(1) .fact-item:nth-child(2) img{
   margin-right: 20px;
       margin-left: 5px;
}
.before-trtmt-cont .list-of-infusions .fact-cont:nth-child(2) .fact-item:nth-child(1) img{
   margin-right: 36px;
   margin-left: 5px;
}
.before-trtmt-cont .list-of-infusions .fact-cont:nth-child(2) .fact-item:nth-child(2) img{
   margin-right: 20px;
}    

.fact-cont-single .fact-item img{
   margin-right: 31px;
   margin-left: 10px;
}*/

.preparing-for-infusions li.fact-item.left-list--item {
    width: 24%;
    float: left;
    clear: both;
}
    .preparing-for-infusions .before-trtmt-cont li {
       	margin-bottom: 30px;
        margin-top: 12px;
        margin-left: 43px;
        width: 40%;
    }
.preparing-for-infusions li.fact-item.right-list--item {
    display: inline-flex !important;
    float: inherit;
    clear: both;
    width: 37%;
    justify-content: center;
}
.preparing-for-infusions .during-trtmt li.fact-item.right-list--item {
    width: 27%;
    margin-left: 50px;
}
.preparing-for-infusions .during-trtmt li.fact-item.left-list--item {
    width: 27%;
}

.preparing-for-infusions .during-trtmt ul.fact-cont {
    justify-content: space-around;
}
.preparing-for-infusions .during-trtmt li.fact-item.single-list--item {
    clear: both;
    width: 63%;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
    li.fact-item img {
        /*width: 48%;
        max-width: 47px;
        max-height: 45px;
        margin-right: 18px;*/
    	width: 100%;
        max-width: 60px;
        margin-right: 18px;
    }

/* adjusting width individually */
div.before-trtmt-cont.during-trtmt.new-desktop-only > div.list-of-infusions > div > ul.fact-cont > li.fact-item:nth-child(1) > img,
div.before-trtmt-cont.during-trtmt.new-desktop-only > div.list-of-infusions > div > ul.fact-cont > li.fact-item:nth-child(3) > img,
div.before-trtmt-cont.during-trtmt.new-desktop-only > div.list-of-infusions > div > ul.fact-cont > li.fact-item:nth-child(6) > img {
    /*max-width: 75px;*/
}
div.before-trtmt-cont.during-trtmt.new-desktop-only > div.list-of-infusions > div > ul.fact-cont > li.fact-item:nth-child(4) > img {
    max-width: 50px;
}

ul.fact-cont > li.fact-item.single-list--item .tablet-resize {
    max-width: 80px;
}

div.treatment-cont > div.before-trtmt-cont.before-trtmt.new-desktop-only > div > div > ul.fact-cont > li.fact-item:nth-child(2) > img {
    /*max-width: 73px;*/
}

ul.fact-cont li.fact-item.single-list--item .write-down {
    max-width: 73px;
}

.end-callout-wrap .teal-btn {
    padding: 12px 20px;
    border-radius: 8px;
    background: #E6F1F5;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-family: "DIN-2014";
    margin-right: 7px;
    position: relative;
	color: #07729B;
}
.end-callout-wrap .teal-btn span:after {
    content: '';
    background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/endometrial-cancer/global-assets/arrow.png);
	background-size: 20px 21px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 3px;
	width: 20px;
	height: 21px;
}

.end-callout-wrap .teal-btn:hover {
                background: #FFF; 
                            color: #07729B;
}

.end-callout-wrap .teal-btn:focus {
	text-decoration: none;
}

.max-width-80 {
    max-width: 80px !important;
}

    .fact-cont-single {
        padding: 0 20px 0 40px;
    }
    .active-sec-desk {
        background: #07729B;
        border: 2px solid #07729B !important;
        color: #FFFFFF;
        padding: 8px 15px;
        display: inline-block;
    }
    .before-trtmt-cont.before-trtmt.new-mobile-only,
    .before-trtmt-cont.during-trtmt.new-mobile-only,
    .before-trtmt-cont.after-trtmt.new-mobile-only {
        display: none !important;
    }
    .end-page-callout h5 span {
        line-height: 110px;
        font-size: 40px;
    }
    .about-btcs .end-page-callout h5 span {
        line-height: 110px;
        font-size: 40px;
    }
    .end-page-callout h5 {
        font-size: 36px;
		font-weight: 700;
		line-height: normal;
    }
    .about-btcs .end-page-callout h5 {
        font-size: 40px;
        line-height: 48px;
    }
    .fact-cont-single .fact-item span,
    .list-of-infusions .fact-item span {
        font-size: 18px;
        line-height: 26px;
    	text-align: left;
    }
    li.fact-item {
        display: flex;
        align-items: center;
    	/*justify-content: center;*/
    }
    .list-sub-head h1,
	.list-sub-head .subhead-1 {
        font-size: 24px;
        line-height: 26px;
        text-align: left;
        margin: 25px auto 5px;
    	font-family: "solex", sans-serif;
    }
    .list-sub-head {
        padding: 5px 30px 0 30px;
    }
    .prep-for-infusions {
        margin-bottom: 92px;
    }
    .faqs .content-1,
    .how-imfinzi-works .content-1 {
        padding: 25px 30px 0px 30px;
    }
    .how-imfinzi-works .end-page-callout a.green-btn {
        max-width: 305px;
        padding: 12px 20px 12px 26px;
    }
    .how-imfinzi-works .cell-types {
        max-width: 714px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        padding: 14px 9px 9px 8px;
    }
    .cell-item {
        align-items: center;
        margin-right: 12px;
        margin-left: 12px;
    }
    .cell-item img {
        max-width: 45px;
        height: 40px;
    }
    .how-imfinzi-works .cell-types .list-bottom,
    .how-imfinzi-works .cell-types .list-top {
        justify-content: space-between;
    }
    .carousel-container.carousel-1.width100 {
        margin-top: 35px;
        margin-bottom: 40px;
        overflow: hidden;
        height: 438px;
    }
    .carousel-container.carousel-2.width100 {
        margin-bottom: 80px;
        overflow: hidden;
    }
    .caros-cont-inner div {
        max-width: 455px;
        height: 374px;
        width: 455px;
    }
    .caros-cont-inner {
        width: 1990px;
    }
    .caros-cont {
        overflow-x: hidden;
        padding-right: 0;
        margin-right: 0;
    }
    #carouselImfinzi .carousel-inner>.item>div {
        background: #FFFFFF;
    }
    #carouselChemo .carousel-inner>.item>div {
        background: #844a68;
    }
    .carousel-inner>.item>div {
        max-width: 455px;
        height: 374px;
        /*   background: #FFFFFF;*/
        border-radius: 8px;
        padding: 0;
        margin-right: 20px;
        width: 100%;
    }
    .carousel-caption {
        line-height: 23px;
        padding-bottom: 0;
    }
    .caros-head h1 {
        font-size: 32px;
    }
    .navigating-btns {
        width: 200px;
        /*margin: 46px auto auto 90px;*/
        margin: 42px 90px 62px 77px;
    }
    .carousel-2 .navigating-btns {
        margin: 42px 90px 62px 80px;
    }
    .carousel-control.right,
    .carousel-control.left {
        background-image: none;
    }
    .carousel-caption p>.slide-num {
        position: absolute;
        left: -65px;
        height: 42px;
        width: 42px;
        background: #00A594;
        border-radius: 50%;
        padding: 12px 10px;
        color: #FFFFFF;
        text-align: center;
    }
    .carousel-caption {
        right: 12%;
        left: 20%;
        top: 60%;
    }
    .carousel-innerwrap.width1132 {
        padding: 40px 0 25px 0;
        overflow: auto;
    }
    .caros-head {
        margin-top: 70px;
    }
    .faqs h2.sub-head {
        font-size: 32px;
        text-align: center;
    }
    .faqs .content-1 p {
        text-align: center;
    }
    .faqs .end-page-callout a.green-btn {
        max-width: 192px;
        padding: 15px 20px;
    }
    .faqwrap.width1132 {
        margin-bottom: 48px;
    }
    /*.item > div:last-child {
   display: none;
}*/
    .carousel-inner .item.active {
        overflow: hidden;
        display: inline-flex;
    }
    .carousel-caption p>.slide-num {
        font-size: 35px;
        letter-spacing: 0.35px;
        line-height: 18px;
    }
    /*.carousel-innerwrap.width1132 {
   max-width: 1700px;
}*/
    /*.carousel-innerwrap.width1132 {
   max-width: 1620px;
   position: relative;
   left: calc(81% + -71%);
   right: calc(81% + -71%);
   overflow: hidden;
}*/
    .carousel-innerwrap .left-side-wrap {
        float: right;
        position: relative;
        max-width: 431px;
    }
    .carousel-innerwrap {
        position: relative;
        /*left: 10%;*/
        left: 7%;
        padding: 40px 0 25px 0;
        overflow: auto;
    }
    .carousel-2 .caros-head {
        margin-top: 90px;
    }
    .carousel-2 .carousel-control.left {
        top: 138px;
    }
    .carousel-2 .carousel-control.right {
        top: 138px;
    }
    .what-to-ask-my-doctor .ask-doc-cont {
        padding: 30px 10px 24px;
        margin-bottom: 40px;
    }
    .what-to-ask-my-doctor .ask-doc-wrap {
        text-align: center;
    }
    .what-to-ask-my-doctor .content-1 p {
        margin-top: 14px;
        text-align: center;
    }
    .what-to-ask-my-doctor .doc-img {
        margin-right: 20px;
        margin-top: 10px;
    }
    .what-to-ask-my-doctor ul.symptom-list li {
        padding-bottom: 10px;
    }
    .what-to-ask-my-doctor .end-page-callout a.green-btn {
        max-width: 223px;
        padding: 15px 17px;
    }
    .preparing-for-infusions .treatment-buttons {
        padding-left: 0;
    }
    .what-to-ask-my-doctor .doc-flex {
        padding-bottom: 22px;
    }

	.what-to-ask-my-doctor .doc-flex.treatMycan {
        padding-bottom: 22px;
    	flex-direction: column;
    }

	.immuno {
        display: flex;
        flex-direction: row;
    }
}


/***mobile*****/

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

   /* .patient-resources .column-2.ddg::before {
    content: '[';
    position: absolute;
    color: blue;
    opacity: 0.3;
    transform: scale(10,38);
    top: 207px;
    left: 20px;
    color: #FF00E2;
	}

	.patient-resources .column-2.ddg::after {
    content: ']';
    position: absolute;
    color: blue;
    opacity: 0.3;
    transform: scale(10,38);
    top: 207px;
    right: 20px;
    color: #FF00E2;
	}

    .patient-resources .column-2.ddg .img-section::before {
    content: '[';
    position: absolute;
    opacity: 0.3;
    transform: scale(3,13);
    top: 88px;
    left: 120px;
    color: #FF00E2;
	}
	.patient-resources .column-2.ddg .img-section::after {
    content: ']';
    position: absolute;
    opacity: 0.3;
    transform: scale(3,13);
    top: 88px;
    right: 114px;
    color: #FF00E2;
	}*/
    .end-page-callout h5 span.letter-spaceII {
        font: normal normal 700 30px / normal 'solex', sanserif;
    }

	p.global-fnote.align {
   		width: fit-content;
    	margin-left: 20px;
	}

    .preparing-for-infusions .end-page-callout h5 span,
    .what-is-imfinzi .end-page-callout h5 span {
        display: block;
    }
    .preparing-for-infusions .end-page-callout h5,
    .about-btcs .end-page-callout h5 {
        line-height: 40px;
    }
    .what-to-ask-my-doctor .banner-head-section,
    .preparing-for-infusions .banner-head-section {
        position: relative;
    }
    .banner-txt {
        max-width: 100%;
        font-size: 10px;
        line-height: 14px;
        position: absolute;
        right: auto;
        top: 10px;
        left: 10px;
    }
    .carousel-control.left {
        margin-right: 34px;
    }
    .faqs .content-1 h1,
    .faqs .page-subhead,
    .faqs .content-1 p.head-copy {
        text-align: left !important;
    }
    .what-is-imfinzi h1.blue-callout-head,
	.what-is-imfinzi .blue-callout-head{
        margin: 0;
    }
    .what-is-imfinzi .still-liv p {
        font-weight: 700 !important;
    }
    .what-is-imfinzi .overall-survival .os-wrap {
        padding: 28px 10px 24px;
    }
    .what-is-imfinzi .overall-survival .vs-txt h2,
    .what-is-imfinzi .overall-survival .vs-txt .calender-subhead {
        font-size: 28px;
        line-height: 35px;
        letter-spacing: 0.25px;
    }
    .what-is-imfinzi p.end-head {
        font-size: 26px;
        line-height: 32px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .what-is-imfinzi .vs-txt.new-desktop-only {
        display: block !important;
    }

    .what-is-imfinzi .survival-head h1.blue-callout-head,
    .what-is-imfinzi .survival-head .blue-callout-head {
        margin: 0 !important;
    }

    .how-imfinzi-works .end-page-callout h5 span {
        line-height: 70px;
    }
    .how-imfinzi-works .end-page-callout h5 span:after {
        bottom: 15px;
    }
    .how-imfinzi-works .end-page-callout {
        padding: 28px 10px 32px;
    }
    .how-imfinzi-works .end-page-callout a.green-btn {
        margin-top: 15px;
    }
    .side-effects .end-page-callout {
        padding-top: 18px;
    }
    .taking-imfinzi .end-page-callout h5 span,
    .what-to-ask-my-doctor .end-page-callout h5 span,
    .patient-resources .end-page-callout h5 span,
    .financial-support .end-page-callout h5 span,
    .community-support .end-page-callout h5 span {
        display: block;
        line-height: 70px;
    }
    .taking-imfinzi .end-page-callout h5 span:after,
    .what-to-ask-my-doctor .end-page-callout h5 span:after,
    .patient-resources .end-page-callout h5 span:after,
    .financial-support .end-page-callout h5 span:after,
    .community-support .end-page-callout h5 span:after {
        bottom: 14px;
    }
    .taking-imfinzi .end-page-callout a.green-btn,
    .what-to-ask-my-doctor .end-page-callout a.green-btn,
    .patient-resources .end-page-callout a.green-btn,
    .financial-support .end-page-callout a.green-btn,
    .community-support .end-page-callout a.green-btn {
        margin-top: 18px;
    }
    /*.taking-imfinzi .end-page-callout,
    .what-to-ask-my-doctor .end-page-callout,
    .patient-resources .end-page-callout,
    .financial-support .end-page-callout,
    .community-support .end-page-callout {
        padding: 20px 10px 20px;
    }*/
    .caregiver-support .end-page-callout h5 span {
        display: block;
        line-height: 70px;
    }
    .caregiver-support .end-page-callout h5 span:after {
        width: 100%;
        bottom: 12px;
        left: 0px;
    }
    .faqs .end-page-callout h5 span {
        display: block;
        line-height: 70px;
    }
    .faqs .end-page-callout h5 span:after {
        width: 70%;
        bottom: 12px;
        left: 30px;
    }
    /*.caregiver-support.end-page-callout,
    .faqs .end-page-callout {
        padding: 20px 10px 32px;
    }*/
    .preparing-for-infusions .treat-list li .cont-opener {
        margin-right: 12px;
    	padding: 0px;
    }
    .before-trtmt-cont.new-mobile-only {
        margin-top: 7px;
    }
    .what-is-imfinzi .bold-text {
        /*font-family: 'solex' !important;*/
        font-weight: 700 !important;
    }
    .preparing-for-infusions .treat-list>li {
        padding-top: 24px;
    }
    .carcinoma_mobile_only.for-infusion-border {
        margin-top: 30px;
    }
    .accordian-2 .list-module-2 .minus-icon,
    .accordian-1 .list-module-0 .minus-icon,
    .accordian-3 .list-module-2 .minus-icon,
    .accordian-2 .list-module-2 .add-icon,
    .accordian-1 .list-module-0 .add-icon,
    .accordian-3 .list-module-2 .add-icon {
        padding: 7px 10px;
    }
    .acc-head span.acc-switch-btn {
        line-height: 22px;
    }
    .patient-resources .resource-module img {
        max-width: 84px;
        width: 84px;
    	max-width: 150px;
    	width: 100%;
    }
    .patient-resources .column-wrap {
        padding: 0 10px;
    }
    .before-trtmt-cont.new-mobile-only {
        margin-bottom: 48px;
    }
    .preparing-for-infusions .bacon-mbl-img {
        max-width: 60px;
        margin-right: 22px;
    }
	.preparing-for-infusions .icons-tablet {
        max-width: 40px;
        margin-left: 8px;
    }
     .preparing-for-infusions .icon-medlist{
        max-width: 40px;
        margin-left: 6px;
        margin-right: 34px;
      }
    .preparing-for-infusions li.fact-item {
        align-items: center;
    }
    .preparing-for-infusions .treat-list>li {
        /*padding-bottom: 24px;*/
    	border: 1px solid rgba(112, 112, 112, 0.392);
    	border-radius: 15px;
    	background-color: #E1E5F1;
    	margin-top: 20px;
    }
    .preparing-for-infusions h1 .num-head {
        padding: 7px 14px;
    }
    .side-effects-wrapper h2 {
        padding: 10px 22px 15px 20px;
    }
    .how-imfinzi-works .item .container {
        padding-bottom: 50px;
    }
    .how-imfinzi-works .left-side-wrap p {
        margin-bottom: 0;
    }
    .how-imfinzi-works .list-bottom .cell-item:last-child img {
        max-width: 50px;
    }
    .how-imfinzi-works .content-1 .head-copy {
        color: #525252;
    }
    .what-is-imfinzi .img-txt p {
        font-family: 'din-2014';
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0.2px;
    }
    /*.what-is-imfinzi  .twelve-year{
   margin-right: 45px;
} */

	.preparing-for-infusions .list-of-infusions ul {
    	display: block;
     }
	.preparing-for-infusions .treat-list>li:first-child {
        /*border-bottom: none;*/
    	/*border-top-left-radius: 8px;
    	border-top-right-radius: 8px;
    	padding-top: 20px;*/
    	padding-top: 24px;
    	padding-bottom: 24px;
    	background-color: #E1E5F1;
	}
    .before-trtmt-cont.before-trtmt+li {
    	/*border-top: 2px dotted #70707064;*/
    	background-color: #E1E5F1;
    	/*border-bottom-left-radius: 0px;
    	border-bottom-right-radius: 0px;*/
	}

    .what-is-imfinzi .content-3 .cont-div>h1,
	.what-is-imfinzi .content-3 .cont-div>.page-subhead-3{
        margin-bottom: 0;
    }
    .about-btcs h1.page-heading {
        margin-bottom: 16px;
    }
    .preparing-for-infusions .end-page-callout h5 {
        letter-spacing: -0.7px;
        line-height: 40px;
    }
    .preparing-for-infusions .end-page-callout {
        padding: 10px 10px 20px;
    }
    .what-is-imfinzi .out-of-imf {
        margin-right: 36px;
    }
    .what-is-imfinzi .ppl-taking .page-subhead .what-is-imfinzi .overall-survival .page-subhead,
    .what-is-imfinzi .chance-of-growth .page-subhead {
        margin-bottom: 25px;
    }
    .what-is-imfinzi .content-3 .ppl-341 {
        padding: 20px 32px 20px 42px;
    }
    .width1132 {
        padding-left: 16px;
        padding-right: 17px;
    }
    .faqs h2.sub-head {
        font-size: 28px;
    }
    .active-sec-mbl {
        background: #193965;
        border: 2px solid #193965 !important;
        color: #FFFFFF;
        padding: 8px 15px;
        display: inline-block;
    }
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year h2,
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year h2,
	.what-is-imfinzi .overall-survival .survival-cont .calender-flex .eleven-year .calender-subhead,
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex .twelve-year .calender-subhead{
        font-size: 50px;
        line-height: 24px;
        margin: 22px auto 15px;
    }
    .what-is-imfinzi .overall-survival .survival-cont h1,
	.what-is-imfinzi .overall-survival .survival-cont .survival-subhead{
        margin-bottom: 10px;
    }
    .what-is-imfinzi .img-graphic h1,
	.what-is-imfinzi .img-graphic .graphic-subhead {
        font-size: 73px;
        line-height: 58px;
    }
    .what-to-ask-my-doctor .bg-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop.png); */
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop-2.jpg) no-repeat;
        background-size: cover;
        height: 195px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .preparing-for-infusions .banner-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/Banner-sec-3.jpg); */
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/treatment-desktop-2.jpg) no-repeat;
        background-size: cover;
        height: 195px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
        margin-bottom: 28px;
    }
    .what-is-imfinzi .bg-container {
        /*background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/global/subnav-test-hdr-m.jpg);*/
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got-2-2.jpg);
        background-size: cover;
        height: 195px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .how-imfinzi-works .bg-container {
        /* background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got.jpg); */
        background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/with-everything-i-got-2-2.jpg);
        background-size: cover;
        height: 195px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .faqs .bg-container {
        /*background-image: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/BTC-interior.png);*/
        background: url(/content/dam/website-services/us/498-rwd-imfinzi-com/cholangiocarcinoma-gallbladder-cancer/desktop/tools-resources-banner-2.jpg) no-repeat;
        background-size: cover;
        height: 195px;
        background-repeat: no-repeat no-repeat;
        background-position: center;
    }
    .what-is-imfinzi .content-1 h1,
	.what-is-imfinzi .content-1 .page-heading {
        font-size: 32px;
        line-height: 36px;
        text-align: left;
    }
    .what-is-imfinzi .wt-imf-wrap {
        padding: 28px 16px 23px;
    }
    .what-is-imfinzi .how-stud-wrap .content-2 h1,
    .what-is-imfinzi .how-stud-wrap .content-2 .page-subhead{
        font-size: 32px;
        line-height: 39px;
        letter-spacing: 0.32px;
    }
    .what-is-imfinzi .how-stud-wrap .content-2 p {
        font-size: 18px;
        line-height: 26px;
        padding-right: 15px;
        padding-top: 10px;
    }
    .what-is-imfinzi .how-study {
        margin-top: 35px;
        margin-bottom: 40px;
    }
    .what-is-imfinzi .no-of-people .pep-flex {
        flex-direction: column;
    }
    .what-is-imfinzi .content-3 .ppl-341 {
        margin-bottom: 24px;
    }
    .what-is-imfinzi .content-3 .cont-div>p {
        font-size: 22px;
        line-height: 28px;
    }
    .what-is-imfinzi .content-3 .ppl-344 {
        padding: 2px 32px 10px;
    }
    .what-is-imfinzi .overall-survival .survival-head h1,
	.what-is-imfinzi .overall-survival .survival-head .blue-callout-head {
        font-size: 28px;
        line-height: 39px;
        letter-spacing: 0.32px;
        text-align: left;
        margin-bottom: 28px;
    }
    .what-is-imfinzi .overall-survival .survival-cont .calender-flex img {
        max-width: 100px;
        width: 100%;
    }
    .what-is-imfinzi .ppl-inner-wrap .f-note {
        margin-top: 16px;
        text-indent: -7px;
    }
    .what-is-imfinzi .overall-survival .f-note {
        margin-top: 15px;
        text-indent: -7px;
        padding: 0px 15px 0 7px;
    }
    .pl-7 {
        padding: 0px 15px 0 7px;
    }
    .what-is-imfinzi .overall-survival .survival-cont {
        max-width: 390px;
        margin: 0 auto;
    }
    .what-is-imfinzi .ppl-taking {
        margin-top: 38px;
        margin-bottom: 38px;
    }
    .ppl-taking .page-subhead {
        margin-bottom: 20px;
    }
    .what-is-imfinzi .twenty-five-box .img-txt,
    .what-is-imfinzi .still-liv p {
        font-family: "solex", sans-serif;
        font-weight: 400;
        letter-spacing: 0.2px;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
    }
    .what-is-imfinzi .taking-flex,
    .what-is-imfinzi .out-of-imf,
    .what-is-imfinzi .out-of-chm {
        flex-direction: column;
    }
    .what-is-imfinzi .ppl-inner-wrap {
        padding: 20px 20px 20px 20px;
    }
    .what-is-imfinzi .still-liv {
        /*padding: 0 20px;*/
        margin-bottom: 25px;
    }
    .what-is-imfinzi .out-cont h2,
	.what-is-imfinzi .out-cont .out-cont-sunbead {
        margin-top: 28px;
    }
    .what-is-imfinzi .chance-cont-flex {
        flex-direction: column;
    }
    .what-is-imfinzi .img-graphic img {
        margin-right: 15px;
    }
    .what-is-imfinzi .twenty-five-box {
        margin-bottom: 12px;
        flex-direction: column;
        align-items: center;
    }
    .what-is-imfinzi .twenty-five-box {
        padding: 25px 25px 18px 21px;
    }
    /*.what-is-imfinzi .twenty-five-box .img-txt{
   margin-top: 14px;
}*/
    /*.what-is-imfinzi .chance-wrap{ margin-bottom: 22px; }*/
    .what-is-imfinzi .chance-head .blue-callout-head {
        margin: 0;
    }
    .what-is-imfinzi .two-year-box h4 {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: 0.26px;
        margin-bottom: 26px;
    }
    .what-is-imfinzi .two-year-box {
        padding: 10px 20px 20px 12px;
    }
    .what-is-imfinzi .ppl-percent {
        display: block;
    }
    .what-is-imfinzi .iv-bags p,
    .what-is-imfinzi .ppl-percent p {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
    .what-is-imfinzi .for-border {
        border-bottom: 2px solid #B9BA1C;
        margin: 22px 16px;
    }
    .what-is-imfinzi .iv-bags {
        align-items: center;
        margin-top: 10px;
        flex-direction: column;
    }
    .what-is-imfinzi .iv-bags img {
        margin-right: 37px;
        margin-left: 10px;
        margin-bottom: 22px;
    }
    .what-is-imfinzi .ppl-percent h1 {
        margin-right: 20px;
        font-size: 70px;
        line-height: 70px;
    }
    .what-is-imfinzi .img-graphic {
        margin-bottom: 16px;
    }
    .what-is-imfinzi .chance-of-growth {
        margin-bottom: 48px;
    }
    .what-is-imfinzi .end-page-callout {
        height: 218px;
       /* padding: 25px 0 15px 0;*/
    	display: flex;
    	padding: 0;
    	align-items: center;
    }
	/*.faqs .end-page-callout,
	.caregiver-support .end-page-callout,
	.community-support .end-page-callout,
	.financial-support .end-page-callout,
	.patient-resources .end-page-callout,
	.what-to-ask-my-doctor .end-page-callout,
	.how-imfinzi-works .end-page-callout,
	.side-effects .end-page-callout,
	.taking-imfinzi .end-page-callout,
	.preparing-for-infusions .end-page-callout{
		padding: 0;
    	display: flex;
    	align-items: center;
     }*/
    .what-is-imfinzi .end-page-callout h5 span {
        line-height: 60px;
    }
    .what-is-imfinzi .end-page-callout h5 span:after {
        bottom: 8px;
    }
    .end-callout-wrap {
        flex-direction: column;
        margin: 0 auto;
        text-align: left;
    }
    .end-page-callout h5 span {
        font-size: 35px;
        line-height: 80px;
        display: block;
    }
    .end-page-callout h5 {
        font-size: 30px;
        line-height: normal;
        text-align: center;
        margin: 0 auto 26px auto;
    	font-weight: 700;
    }
    .end-page-callout a.green-btn {
        font-size: 20px;
        line-height: 25px;
    }
	.treat-list {
        display: block;
    }
    .before-trtmt-cont.before-trtmt.new-desktop-only,
    .before-trtmt-cont.during-trtmt.new-desktop-only,
    .before-trtmt-cont.after-trtmt.new-desktop-only {
       display: none !important;
    }
    .treatment-buttons {
        padding: 0;
        margin-bottom: 80px;
    	margin-top: -20px;
    }
    .list-of-infusions {
        padding: 35px 14px 0 13px;
    }
    .fact-cont-single {
        padding: 0px 14px 0px 13px;
    }
    .preparing-for-infusions .before-trtmt-cont .banner-img {
        height: 210px;
    }
    li.fact-item>img {
        width: 49%;
        max-width: 50px;
        /*max-height: 45px;*/
        margin-right: 32px;
    }
.write-down-mobile {
    max-width: 65px !important;
    margin-right: 26px !important;
    margin-left: -9px;
}

#maincontent > div.maincontent.parsys > div:nth-child(4) > div.prep-for-infusions.width1132 > div.treatment-buttons > div > ol > div.before-trtmt-cont.before-trtmt.new-mobile-only > div > div > ul > li:nth-child(1) > img {
    margin-left: 3px;
        margin-right: 30px;
}

#maincontent > div.maincontent.parsys > div:nth-child(4) > div.prep-for-infusions.width1132 > div.treatment-buttons > div > ol > div.before-trtmt-cont.before-trtmt.new-mobile-only > div > div > ul > li:nth-child(2) > img {
    margin-right: 33px;
}

.max-width-65-mobile {
    max-width: 65px !important;
    margin-right: 21px !important;
    margin-left: -7px;
}

.icon-dress-cloth {
    margin-right: 29px !important;
    margin-left: 3px;
}
.max-width-60-mobile {
    max-width: 60px !important;
    margin-right: 20px !important;
}
    li.fact-item {
        display: flex;
        justify-content: left;
        align-items: start;
        margin-bottom: 32px;
    }
    .fact-cont-single .fact-item span,
    .list-of-infusions .fact-item span {
        font-size: 22px;
        line-height: 26px;
    	text-align: left;
    }
    .explore-btn {
        display: block;
        max-width: 303px;
        margin: 0 auto;
        padding: 12px 20px;
        font-size: 20px;
        line-height: 25px;
    }
    .before-trtmt-cont.before-trtmt.new-mobile-only .explore-btn span::after {
        
    	right: 165px;
        top: 43px;
    }
    .before-trtmt-cont.after-trtmt.new-mobile-only span::after {

    	right: 185px;
        top: 43px;
    }
    .preparing-for-infusions .before-trtmt-cont {
    	border-radius: 0px 0px 15px 15px;
        padding-bottom: 16px;
    }
    .preparing-for-infusions .content-1 h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .end-page-callout a.green-btn {
        display: block;
        margin: 0 auto;
        padding: 12px 40px 12px 14px;
        margin: 25px auto 0;
    }
	.what-is-imfinzi .end-page-callout a.green-btn{
		padding: 12px 50px 12px 14px;
     }
     .what-is-imfinzi .end-page-callout a.green-btn span::after{
		    right: -75px;
    		top: 18px;
     }
    .end-page-callout {
        /*height: 218px;*/
        padding: 24px 10px 32px;
        background-size: 170%;
        background-position: center 78px;
    }
    .about-btcs .end-page-callout {
        height: auto;
    }
    .preparing-for-infusions .end-callout-wrap {
        padding: 8px;
    }
    .preparing-for-infusions .head-1 .num-head {
        margin-right: 10px;
    	display: none;
    }
    .list-sub-head h1, .list-sub-head .subhead-1 {
        font-size: 24px;
        line-height: 26px;
        padding: 0 10px;
    }
    .before-trtmt-cont.new-mobile-only {
        display: none;
    }
    .faqs .content-1,
    .how-imfinzi-works .content-1 {
        padding: 30px 0 30px 0;
    }
    .faqs .content-1 h1,
    .how-imfinzi-works .content-1 h1 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    .during-trtmt .fact-cont-single .fact-item img,
 	.during-trtmt .single-list--item img{
        margin-right: 32px;
    }
#maincontent > div.maincontent.parsys > div:nth-child(4) > div.prep-for-infusions.width1132 > div.treatment-buttons > div > ol > div.before-trtmt-cont.during-trtmt.new-mobile-only.custom-tabs__panel > div.list-of-infusions > div > ul > li.fact-item.single-list--item > img {
    max-width: 80px;
    margin-left: -13px !important;
    margin-right: 12px !important;
}
    .how-imfinzi-works .cell-types .list-bottom,
    .how-imfinzi-works .cell-types .list-top {
        justify-content: space-between;
    }
    .after-trtmt .explore-btn {
        padding: 12px 30px;
        max-width: 300px;
    }
    .after-trtmt .explore-btn span::after {
        right: 190px;
        top: 44px;
    }
    .how-imfinzi-works .cell-types {
        flex-direction: column;
        padding: 25px 10px 15px 10px;
        margin: 0 16px;
    }
    .how-imfinzi-works .cell-item>p {
        margin-top: 0;
    }
    .how-imfinzi-works .cell-types .list-top .cell-item:first-child {
        margin: 0 12px;
    }
    .how-imfinzi-works .cell-types .list-top {
        margin-bottom: 12px;
    }
    .cell-item img {
        max-width: 40px;
        height: 40px;
    }
    .how-imfinzi-works .cell-types {
        max-width: 342px;
        margin: 0 auto;
    }
    .carousel-container.carousel-1.width100 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .carousel-caption {
        line-height: 24px;
    }
    .carousel-inner>.active {
        overflow: hidden;
    }
    .item>div:last-child {
        display: none;
    }
    .caros-head h1 {
        font-size: 28px;
        margin: 0 0 5px 0;
    }
    .carousel-container.carousel-2 {
        margin-bottom: 80px;
    }
    .caros-head,
    .caros-cont {
        padding-left: 0;
        padding-right: 0;
    }
    .carousel-inner>.item {
        height: 338px;
    }
    #carouselImfinzi .carousel-inner>.item>div {
        background: #FFFFFF;
        padding: 0;
        border-radius: 8px;
    }
    #carouselChemo .carousel-inner>.item>div {
        background: #844a68;
        padding: 0;
        border-radius: 8px;
    }
    .carousel-inner>.item>div:nth-child(2) {
        display: none;
    }
    .carousel-innerwrap.width1132 {
        padding: 30px 17px 111px 16px;
        overflow: auto;
    }
    .carousel-caption {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        font-weight: 400;
        padding: 0px 11px 20px 55px;
    }
    .carousel-1 .carousel-caption p>.slide-num {
        position: absolute;
        left: -45px;
        height: 31px;
        width: 31px;
        background: #00A594;
        border-radius: 50%;
        padding: 8px 6px 6px 6px;
        color: #FFFFFF;
        text-align: center;
    }
    .how-imfinzi-works .carousel-caption p {
        line-height: 26px;
    }
    .carousel-2 .carousel-caption p>.slide-num {
        position: absolute;
        left: -45px;
        height: 31px;
        width: 31px;
        background: #FFFFFF;
        color: #ab1b2f;
        border-radius: 50%;
        padding: 8px 6px 6px 6px;
        text-align: center;
    }
    .carousel-control .icon-next,
    .carousel-control .icon-prev,
    .carousel-control.left,
    .carousel-control.right {
        position: static;
    }
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        height: auto;
        width: auto;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        padding-right: 0;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        padding-left: 0;
    }
    .navigating-btns {
        text-align: right;
        margin-top: 45px;
        position: absolute;
        top: 522px;
        right: 0;
    }
    .carousel-control .icon-next:before {
        position: relative;
        content: "\f105";
        top: 6px;
        left: -4px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 45px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        border: none;
        transform: none;
    }
    .carousel-control .icon-prev:before {
        position: relative;
        content: "\f104";
        top: 6px;
        left: 4px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 45px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        border: none;
        transform: none;
    }
    .carousel-control.right,
    .carousel-control.left {
        padding: 14px 24px;
    }
    span.current-slide {
        margin-left: 15px;
    }
    span.total-slide {
        margin-right: 15px;
    }
    .carousel-2 .carousel-inner>.item {
        height: 388px;
    }
    .carousel-2 .carousel-inner>.item .container {
        padding-bottom: 70px;
    }
    .caros-cont {
        margin-top: 24px;
    }
    .carousel-caption p>.slide-num {
        font-size: 25px;
        letter-spacing: 0.25px;
        line-height: 13px;
    }
    .carousel-container.width100 {
        padding: 35px 17px 120px 16px;
    }
    .what-to-ask-my-doctor .ask-doc-wrap.width1132 {
        padding: 28px 16px;
    }
    .what-to-ask-my-doctor .doc-flex {
        flex-direction: column;
        align-items: center;
        padding: 40px 16px 48px 17px;
    }
	.what-to-ask-my-doctor .doc-flex.treatMycan {
        align-items: start;
    }
	.immuno {
        width: 100%;
        text-align: center;
    }
    .treatMycan .global-fnote {
        left: 15px;
    }
    .what-to-ask-my-doctor .doc-img {
        margin-bottom: 24px;
    }
    .what-to-ask-my-doctor ul.symptom-list {
        padding-left: 25px;
    }
    .what-to-ask-my-doctor ul.symptom-list li {
        padding-bottom: 10px;
    }
    .faqs .acc-head h2 {
        margin-bottom: 32px;
    }
    .accordian-1.width1132,
    .accordian-2.width1132,
    .accordian-3.width1132 {
        margin-bottom: 52px;
    }

	.side-effects .end-callout-wrap.width1132{
		padding-left: 16px!important;
    padding-right: 17px!important;
	}
	.side-effects .end-page-callout a.green-btn{
		padding: 12px 50px 12px 14px;
    }
    .side-effects .end-page-callout a.green-btn span::after{
		    right: -60px;
    top: 18px;
    }

	.side-effects .end-callout-wrap .green-btn {
        position: relative;
    }
    
    .side-effects .end-page-callout a.green-btn span {
        position: static;
    }
    
    .side-effects .end-page-callout a.green-btn span::after{
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%) rotate(136deg);
    }
	li.custom-tabs__tab--active {
    	background-color: transparent!important;
    }
     
    li.custom-tabs__tab--active .cont-opener .btn-minus {
        display: block;
    }

    li.custom-tabs__tab--active .cont-opener .btn-plus {
        display: none;
    }
}


@media screen and (min-width: 992px) and (max-width: 1175px) {
    /*.width1132 {
        padding: 0 20px;
    }*/
}

@media screen and (min-width: 992px) and (max-width: 1365px) {
    .carousel-innerwrap {
        left: 5%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1090px) {

     p.global-fnote.align {
   		padding:0 20px;
	}

    .cholangiocarcinoma-gallbladder-cancer .main-head h1 {
        letter-spacing: -0.4px;
        text-align: center;
    }
    .cholangiocarcinoma-gallbladder-cancer .secondry-head h3 {
        margin-right: 10px;
        letter-spacing: -0.3px;
        text-align: left;
        padding: 0 14px;
    }
    .cholangiocarcinoma-gallbladder-cancer p.banner-fnote.new-desktop-only {
        padding: 0 14px;
    }
    .p-14 {
        padding: 0 14px;
    }
    .p-50 {
        padding: 0 50px;
    }
    .cholangiocarcinoma-gallbladder-cancer .cta-1 .cta {
        padding: 7px 23px 7px 26px;
    }
    .about-btcs .icon-num img {
        margin: -5px 5px 0;
    }
    .about-btcs .btc-container {
        width: 97% !important;
    }
    /*.about-btcs .right-column,
.about-btcs .left-column{
   width: 50%;
}*/
    .caregiver-support .end-page-callout h5 span,
    .preparing-for-infusions .end-page-callout h5 span,
    .side-effects .end-page-callout h5 span,
    .how-imfinzi-works .end-page-callout h5 span,
    .what-is-imfinzi .end-page-callout h5 span,
    .about-btcs .end-page-callout h5 span {
        line-height: 50px;
    }
    .side-effects .end-page-callout h5 span {
        display: block;
    }
    .caregiver-support .end-page-callout h5 span:after,
    .preparing-for-infusions .end-page-callout h5 span:after,
    .side-effects .end-page-callout h5 span:after,
    .how-imfinzi-works .end-page-callout h5 span:after,
    .what-is-imfinzi .end-page-callout h5 span:after,
    .about-btcs .end-page-callout h5 span:after {
        bottom: 0 !important;
    }
    .end-callout-wrap.width1132 {
        align-items: center;
        padding: 40px 20px;
    }
    .about-btcs .end-callout-wrap.width1132 {
        align-items: center;
        padding: 35px 20px 16px;
    }
    .faqs .end-callout-wrap.width1132,
    .community-support .end-callout-wrap.width1132,
    .financial-support .end-callout-wrap.width1132,
    .patient-resources .end-callout-wrap.width1132,
    .what-to-ask-my-doctor .end-callout-wrap.width1132,
    .taking-imfinzi .end-callout-wrap.width1132,
    .side-effects .end-callout-wrap.width1132 {
        padding: 16px 20px;
    }
    .carousel.slide {
        right: -50px;
    }
    .carousel-innerwrap .left-side-wrap {
        right: -44px;
    }
    .side-effects .column-2,
    .side-effects .column-1 {
        margin: 0 16px;
    }
    .side-effects .side-effects-wrapper {
        padding: 0 17px;
    }
    .taking-imfinzi .section-1134 {
        padding: 0 20px;
    }
    .patient-resources .column-wrap {
        padding: 0 18px;
    }
    .caregiver-support .carebox {
        margin-right: 22px;
    }
    .your-img {
        margin-right: 40px;
    }
    .patient-resources .column-wrap:nth-child(2) {
        width: 552px;
        margin-left: 0;
    }
    .patient-resources .column-wrap:nth-child(2) a {
        max-width: 200px;
    }


}

@media screen and (max-width: 767px) {
    .preparing-for-infusions .end-page-callout h5 span {
        line-height: 40px;
    }
    .preparing-for-infusions .end-page-callout a.green-btn {
        margin-top: 15px;
    }
    .preparing-for-infusions .end-page-callout h5 span:after {
        bottom: 0;
        width: 90%;
    	left: 15px;
    }
    .preparing-for-infusions .end-callout-wrap {
       /* padding: 30px 0; */
		padding: 18px 0;
    }
    .carousel-1 .navigating-btns {
        top: 548px;
    }
	.faqs .end-callout-wrap{
        margin-top:-8px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1208px) {
    .column-wrap.new-hope-sect {
        align-items: center;
    }
    .banner-head-section .banner-txt {
        right: 0;
        max-width: 175px;
    }
    .banner-txt {
        right: 0;
    	left: 20px;
    	top: 264px;
        max-width: 175px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .preparing-for-infusions .end-page-callout h5 {
        line-height: 24px;
    }
    .preparing-for-infusions .end-page-callout h5 span:after {
        bottom: 18px;
    }
    .navigating-btns {
        top: 490px;
    }
    .cholangiocarcinoma-gallbladder-cancer p.banner-fnote {
        padding: 0 22px;
    }
}

@media screen and (min-width: 1500px){
	.what-to-ask-my-doctor .banner-txt,.preparing-for-infusions .banner-txt,.taking-imfinzi .banner-txt{
		top: 390px;
     }

}
.column-2.ddg{position:relative;}

/*@media screen and (min-width: 992px){

	.patient-resources .column-2.ddg::before {
    content: '[';
    position: absolute;
    color: blue;
    opacity: 0.3;
    transform: scale(10,20);
    top: 100px;
    left: 20px;
    color: #FF00E2;
	}
	.patient-resources .column-2.ddg::after {
    content: ']';
    position: absolute;
    color: blue;
    opacity: 0.3;
    transform: scale(10,20);
    top: 100px;
    right: 20px;
    color: #FF00E2;
	}

    .patient-resources .column-2.ddg .img-section::before {
    content: '[';
    position: absolute;
    opacity: 0.3;
    transform: scale(3,13);
    top: 88px;
    left: 33px;
    color: #FF00E2;
	}
	.patient-resources .column-2.ddg .img-section::after {
    content: ']';
    position: absolute;
    opacity: 0.3;
    transform: scale(3,13);
    top: 88px;
    left: 143px;
    color: #FF00E2;
	}

}*/

@media screen and (min-width: 1366px) {
    .end-callout-wrap {
        align-items: center;
    	padding: 27px 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .how-imfinzi-works .cell-types {
        margin: 0 auto;
        max-width: 300px;
        text-align: center;
    }
    .carousel-inner-box > div.slides, .carousel-inner-box > div >img {
        max-width: 288px !important;
    }
	.banner-txt {
        font-size: 8px;
        line-height: 14px;
        top: 157px;
    	left: 6px;
    }

    .bile-duct-cancer-gallbladder-cancer .background-sec {
    	height: 220px;
    }
    .green-bg-mobile.carcinoma_mobile_only {
        margin-top: -35px;
    }   

    .what-is-imfinzi .bg-container,
    .how-imfinzi-works .bg-container,
    body.side-effects.segmentation1.patient.cholangiocarcinoma .background-sec,
    .taking-imfinzi .background-sec,
    .preparing-for-infusions .banner-container,
    .what-to-ask-my-doctor .bg-container,
    .patient-resources .background-sec,
    .financial-support .bg-container,
    .community-support .bg-container,
    .caregiver-support .bg-container,
    .faqs .bg-container{
         height: 170px !important;
    }     
	.before-trtmt-cont.before-trtmt.new-mobile-only .explore-btn span::after {
        right: 105px;
    }
    .before-trtmt-cont.after-trtmt.new-mobile-only span::after {
        right: 175px;
    }
	.fact-cont-single .fact-item span,
    .list-of-infusions .fact-item span{
            font-size: 20px;
    }

    li.fact-item>img{
            margin-right: 15px;
    }
	.before-trtmt-cont.before-trtmt.new-mobile-only .infusion-flex .fact-cont:first-child .fact-item:last-child img {
    	margin-right: 8px;
	}
	p.contact-txt.carcinoma_mobile_only > a {
        font-size: 18px;
    }
	/*.patient-resources .content a {
    	max-width: 225px;
	}*/
}



@media screen and (min-width: 320px) and (max-width: 370px) {
.what-is-imfinzi .end-page-callout a.green-btn span::after {
         top: 18px;
         right: -185px;
     }

}


@media screen and (min-width: 320px) and (max-width: 339px) {
    .about-btcs .end-page-callout a.green-btn span::after {
        top: 18px;
        right: -175px;
    }
    .what-is-imfinzi .end-page-callout a.green-btn span::after {
        top: 18px;
        right: -185px;
    }
    .how-imfinzi-works .end-page-callout a.green-btn span::after {
        top: 18px;
        right: -175px;
    }
    /*.side-effects .end-page-callout a.green-btn span::after {
        top: 18px;
        right: -195px;
    }*/
    .caregiver-support .end-page-callout a.green-btn span::after {
        top: 18px !important;
        right: -185px;
    }    
    .end-page-callout {
        height: auto;
    }
	p.num.num1 {
        top: 0px !important;
    	right: 155px !important;
    }

	p.num.num2 {
        top: 5px !important;
        left: 20px !important;
    }

	p.num.num3 {
        top: 125px !important;
        left: 60px !important;
    }
    .about-btcs .background-sec {
        height: 157px !important;
    }
	.fact-cont-single .fact-item img {
    	margin-right: 32px !important;
	}
}