html,.form-control {font-family: sans-serif;  
}
.logo-medicine-txt{
	display:none;
}
/*html {
    scroll-behavior: smooth;
}*/
.navbar-default .top-header{
	border: none;
}
.nav-pills {
    border-bottom: none!important;
    margin-bottom: 0!important;
}
.primary-navigation.logo-enabled .nav>li.first-level-item:not(.hidden-menu) {
    float: none;
    display: none;
    vertical-align: middle;
}

.footer-brand h2 {
    display:none;
}
.hcp-banner , .hero-banner{
    background-position: bottom;
}

.hcp-login .self-certification-holder .modal-body .self-certification-text-field{
    max-width: 345px;
}

.hcp-login .self-certification-holder .modal-body{
	width: 100%;
    padding: 0;

}
.hcp-login .modal-footer {
    text-align: left;
    border-top: none;
}
.hcp-login .top-header .navbar-header .navbar-toggle,.legal-notice .top-header .navbar-header .navbar-toggle,.privacy-policy .top-header .navbar-header .navbar-toggle {
    display: none;
}
.hcp-login .self-certification-holder .modal-header {
    display:none;
}
/*.hcp-banner .page-section-inner {
    width: 1100px;
}*/
/*language selector*/	
.hcp-login .language-selector .dropdown-toggle {	
    display: none !important;	
}	
.hcp-login ul.dropdown-menu {	
    box-shadow: none;	
    min-width: 115px;	
    border: none !important;	
    margin-top: 40px;	
    background-color: transparent !important;	
    display: inline-block !important;	
}	
.hcp-login ul.dropdown-menu li {	
    display: inline-block !important;	
}	
.hcp-login .navbar .navbar-header .dropdown-menu>li:first-child>a {	
    border: none;	
}	
.hcp-login  .navbar .navbar-header .dropdown-menu>li>a {	
    border-left: 1px solid #AC182E;	
    font-family:  sans-serif; 	
    color: #AC182E;	
    font-weight: bold;
    padding: 10px 5px 10px 8px;
}
.top-header .navbar-brand{
	z-index: 4;
    position: relative;
}
/* language selector end*/	
.more-text {
    display:none;
}

.modal-header {
    border-bottom:none;
}

.modal-title {
    display:none;
}

.hcp-login .self-certification-form .control-label {
    display:none;
}
.primary-navigation{
	border:none !important;
}
.footer{
background: none;
margin-top: 0;
padding-bottom: 0;
}
.footer-text {
	text-align: center;
	color: black;
    margin-top: 40px;
}
.footer-txt {
font-family: sans serif!important;
font-size: 1.2rem;
color: black;
text-align: center;
}
.footer-link-wrap{
  width:35%;
  margin:0 auto; 
  font-size: 1.2rem;
  font-family: sans-serif;
  font-weight: normal;
  color: #000;
  margin-top: 2%;
  }
.footer-sub{
    color: black;
    text-decoration: none;
    text-align:center;
    line-height: 1.2;
    padding: 0 12px;
    width: auto;
    display:table-cell;
    border-right:solid black 1px;  
}
.footer-sub:last-child{border:0px}















@media (max-width: 1024px) {
	.footer-link-wrap{width : 42%;}

}

@media (max-width: 768px) {
	.footer-link-wrap{width : 56%;}

}

@media (max-width: 540px) {
	.footer-link-wrap{width: 80%;}
	
	.more-info-section{width: 100% !important;}

}

@media (max-width: 414px) {
	.footer-link-wrap{width : 107%; margin-left: -10px;}
	
	.more-info-section{width: 100% !important;}
	.hero-banner , .hcp-banner {
    background-image: url(/content/dam/open-digital/imfinzi-canada/en/banner/IMFINZI-HCP-Banner-640px.png)!important;
}

}

@media (max-width: 411px) {
	.footer-link-wrap{width : 108%; margin-left: -10px;}
	
	.more-info-section{width: 100% !important;}

}

@media (max-width: 375px) {
	.footer-link-wrap{width: 121%; margin-left : -30px;}
	
	.more-info-section{width: 100% !important;}

}

@media (max-width: 360px) {
	.footer-link-wrap{width: 127%;  margin-left: -38px;}
	
	.more-info-section{width: 100% !important;}

}

.scrollToTop {
  max-width: 30px;
  display: inline-block;
  position: fixed;
  bottom: 10%;
  right: 3%;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
}
.header-nav-logo {
    height: auto!important;
    width: 160px!important;
    display: inline-block!important;
    margin-top: 20px!important;
    padding: 0px;
}
.navbar-default .top-header {
    border-bottom: none;
}
.static-links-wrapper {
    float: right;
    padding-bottom: 25px;
}
.primary-navigation .nav .static-links-wrapper>.first-level-item a {
    font-family: sans-serif;
    font-weight: bold!important;
    display: table;
    margin: 0!important;
    padding: 10px 0 4px;
    font-size: 14px !important;
    color: black!important;
    letter-spacing: 0!important;
    
}

.parent-sec{
	width:100%;
}
.parent-sec .page-section-inner {
    width: 100%;
}
.btn.btn-primary {
    border-color: #00AE9B;
    background: #00AE9B;
    color: white;
    font-family: sans-serif;
    text-decoration: none;
    border-radius: 20px;
    padding: 6px 25px;
}
.btn.btn-default {
    background-color: #fff;
    border-radius: 20px;
    padding: 6px 25px;
    font-family: sans-serif;
    text-decoration: none;
}
.btn-ter {
    color: white;
    background-color: #00AE9B;
    padding: 12px 36px;
    margin: 12px;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.6rem;
}
.btn-ter:hover {
color:white;
}
.btn-height {
	height:5%;
}
.btn-lng {
    color: white;
    background-color: #00AE9B;
    width: 82%;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.2rem;
    display: block;
    padding: 8px 0;
    text-align: center;
}
.btn-lng:hover {
color:white;
}
.btn-sc {
    color: white;
    background-color: #00AE9B;
    width: 82%;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.1rem;
    display: block;
    padding: 8px 0;
    text-align: center;
}
.btn-sc:hover {
color:white;
}
.tng-red {
    color: white;
    background-color: #AC182E;
    padding: 12px 36px;
    margin: 5px;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.5rem;
}
.tng-red:hover {
color:white;
}
.sub-head {
  font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color: #AC182E;
}
.reg-head {
    font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color: #AC182E;
    padding: 10px;
}
.reg-head2 {
    font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color: #AC182E;
    padding: 0;
    line-height: 0.9;
}
.register-sec {
    background-color: #E1E9F8;
    border-radius: 10px;
    width: auto;
}
.sm-head {
  font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #AC182E;
    margin-top: 20px;
}
b, strong {
    font-family: sans-serif!important;
}
.btn-dl {
    color: white;
    background-color: #00AE9B;
    padding: 10px 30px;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
}
.btn-dl:hover {
color:white;
}
.htitle-bold {
    font-size: 2.5rem;
    display: block;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
    margin-top: 1em;
    margin-bottom: 0.8em;
}
.htitle,.sectionHeading {
font-size: 4rem;
    display: block;
    font-family: sans-serif;
    font-weight: normal;
    color: white;
    line-height: 0.8;
}
.sectionHeading h2 {
	font-style: normal;
	font-size: 2.5rem;
    display: block;
    font-family: sans-serif;
    font-weight: bold;
}
.hcp-login{
	margin-top:108px !important;
	overflow-x: hidden;
}
.hcp-login .navbar{
	min-height: 100px !important;
}
.hcp-banner .sectionHeading h2{
    margin-top:0 !important;
}
.hcp-text {
    padding-top: 15px;
    padding-bottom: 30px;
    line-height:40px;
}
.line-ht{
line-height:20px !important;
}
.margin-bottom{
    margin-bottom: 25px !important;
}
.hcp-banner p {
    margin-bottom: 0;
}
.imfinzihome-cont2 {
background-position: right;
}
.form-control{
	font-size:13px !important;
    }
.self-certification-modal-footer .btn{
	    color: white;
    background-color: #00AE9B;
    padding: 7px 35px 7px 35px;
    margin: 15px 0 15px;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    border:none;
}
#self-certification-text-field-error{
	    color: white;
}
.reasons {
	margin-top: 20px;
}

.reasonImg {
	float: left;
	padding-right: 15px;
}

.reasonContent {
	overflow: auto;
}

.reasons p span.heading {
    font-weight: bold;
}

.reasons p {
	font-size: 15px;
}
.btn.btn-primary:hover{
	border-color: #00AE9B !important;
    background: #00AE9B !important;
}
.navbar-default{
	border-color: #fff;
}
.imfinzi-bg{
    background-color:#e1e9f8;
    width: 100%;
    padding: 80px 0;
}
.text-w {
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
    color: white;
    width: 65%;
    text-shadow: none;
}
.patient-info {
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #AC182E;
}
.abtimf-head {
    font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color: #AC182E;
}
.abt-infz {
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
    text-align: center;
    width: 84%;
    margin: 2% auto 2% auto;
}
.infz-subhead {
    font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color: #AC182E;
    margin-top: 3%;
    line-height:1.1;
}
.infz-text {
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: bold;
}
.text-patient {
    width: 80%;
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
}
p   {
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
}
.safety-hd {
    color: white;
    font-size: 3.5rem; 
    font-weight: bold;
    letter-spacing: 1px;
    line-height:1;
}
.text.parbase ul {
    font-family: sans-serif;
    margin-left: -20px;
}
.text.parbase ul li {
    font-family: sans-serif;
}
ul.dash {
    list-style: none !important;
    padding-left: 55px;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}
.p-sm {
    font-size: 1.2rem;
    font-family: sans-serif;
    font-weight: normal;
    color:#000;
    margin-top: 5%;
}
.p-sm2 {
    font-size: 1.2rem;
    font-family: sans-serif;
    font-weight: normal;
	color: #AC182E;
	margin-bottom: 0;
    margin-top: 20px;
}
.sm-head2 {
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #AC182E;
    margin-top: 0;
}
.sm-head3 {
    font-family: sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #AC182E;
    margin-top: 30px;
}
.safety-mr {
    margin: -10px 0;
}
.safety-pts {
    /*font-size: 1.7rem;*/
    font-size: 16px;
    font-weight: 700;
    color: black;
    border-bottom: 1px solid black;
    width: fit-content;
}
ul {
  margin: 0;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
.language-selector .dropdown-toggle {   
    display: none !important;   
}   
.top-header ul.dropdown-menu {   
    box-shadow: none;   
    min-width: 80px;   
    border: none !important;   
    /*margin-top: 40px; */  
    background-color: transparent !important;   
    display: inline-block !important;   
}   
ul.dropdown-menu li {   
    display: inline-block !important;   
}   
.navbar .navbar-header .dropdown-menu>li:first-child>a {   
    border: none;   
}   
.navbar .navbar-header .dropdown-menu>li>a {   
    border-left: 1px solid #AC182E;   
    font-family:  sans-serif;    
    color: #AC182E;   
    font-weight: bold;  
    line-height: 5px;
    padding: 10px 5px 10px 8px;
}
.top-header .header-actions>li {
    float: left;
    margin-top: 5px;
}
@media screen and (max-width: 480px) {
.hcp-login .top-header .header-nav-logo-condensed{
    margin-top:-15px;
}
.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.btn-height {
	height:0;
}
.hcp-login ul.dropdown-menu{	
	margin-top: 30px;	
}
.top-header .header-nav-logo-condensed {
    width: 65%;
    height: auto;
    margin-top: -55px;
}
.top-header .navbar-header {
    margin-top: 20px;
    margin-bottom: 20px;
}
.htitle {
	font-size: 4rem;
    display: block;
    font-family: sans-serif;
    font-weight: normal;
    color: white;
    line-height: 40px;
}
.displaynone {
	display:none;
}
.tab-container {
    border-top: 0px;
    display: none;
}
.nav-pills {
    border-bottom: 0px;
}
.btn-ter {
	display: block;
}
.footer-brand {
	display:none;
}
.footer {
    color: #fff;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px; 
    position: relative;
}
.new-image .new-image-mobile {
    padding-bottom: 20px;
}
.marginbottom20 {
	margin-bottom: 20px;
}
.marginbottom40 {
	margin-bottom: 40px;
}
.modal-footer.self-certification-modal-footer.mobile-center .self-certify-yes {
    width: 170px;
}
.modal-footer.self-certification-modal-footer.mobile-center {
    padding-left: 0 !important;
}
.top-header .header-actions>li {
    float: left;
    margin-top: -25px;
}
.buttoncenter {
	text-align: center;
}
.btn-lng {
    color: white;
    background-color: #00AE9B;
    width: 80%;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.2rem;
    display: block;
    padding: 6px 0;
    text-align: center;
    margin: auto;
}
.scrollToTop {
    max-width: 25px;
    bottom: 8%;
    right: 6%;
}
.navbar-default .top-header .navbar-header .navbar-toggle, .navbar-default .top-header .navbar-header .header-search-btn {
    border-left: 1px solid #ddd;
    /* margin-top: 50px; */
    /* padding-top: 50px; */
    margin-right: 11px;
}
.top-header .header-actions .dropdown-menu {
    position: absolute;
    right: -35px;
    left: inherit;
    background-color: #fff;
    border: 1px solid #eee;
    border-left: none;
    margin-top: 40px;
    min-width: 100px;
}
.navbar-nav li.first-level-item {
    float: none !important;
}
.static-links-wrapper {
    float: none !important;
    padding-bottom: 25px;
}
.paddingleftright10 {
    padding-left: 10px;
    padding-right: 10px;
}
.top-header{     height:115px; }
.hcp-banner .page-section-inner, .hero-banner .page-section-inner,.imfinzi-bg .page-section-inner ,.bg-color .page-section-inner,
.imfinzihome-cont2 .page-section-inner ,.safety-sec .page-section-inner , .res-sec .page-section-inner{
padding-left:15px;padding-right:15px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px)
{
.top-header .header-nav-logo-condensed{	
	height: 80px;	
}
.top-header{     height:115px; }	


.hcp-login ul.dropdown-menu{	
	margin-top:20px;	
}
        .hcp-banner .page-section-inner, .hero-banner .page-section-inner,.imfinzi-bg .page-section-inner ,.bg-color .page-section-inner,
.imfinzihome-cont2 .page-section-inner ,.safety-sec .page-section-inner , .res-sec .page-section-inner{
padding-left:15px;padding-right:15px;
}
}
@media screen and (max-width: 767px) {
.static-links-wrapper,.navbar-nav li.first-level-item{
	float:none;
}
}
@media screen and (max-width: 991px) {
.component-section{
	padding-left:0px;
	padding-right:0px;
}
.only-mob { display:block;}
.only-desktop {display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.top-header .header-nav-logo-condensed {
    width: 80%;
    height: auto;
    margin-top: -55px;
}
.hcp-login .top-header .navbar-header {
    margin-top: 0px;
}
.top-header .navbar-header {
    margin-top: 20px;
}
.displaynone {
	display:none;
}
.footer-brand {
	display:none;
}
.primary-navigation.logo-enabled .nav.stacked-menu>li.item-more {
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-top: -25px;
}
.static-links-wrapper {
    float: none;
    padding-bottom: 25px;
	padding-left: 150px;
    margin-top: -5px;
}
.primary-navigation {
    border: none !important;
    padding-bottom: 20px;
}
.dropdown-menu>li>a {
    border-left: 5px solid transparent;
    padding: 10px 20px;
	font-family: sans-serif;
    font-weight: bold!important;
	font-size: medium!important;
    color: #AC182E!important;
    letter-spacing: 0!important;
}
.tab-container {
    border-top: 0px;
    display: none;
}
.btn-lng {
    color: white;
    background-color: #00AE9B;
    width: 100%;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 1.2rem;
    display: block;
    padding: 6px 0;
    text-align: center;
}
.primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: 4px;
    padding-left: 4px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
.primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: 25px;
    padding-left: 25px;
}
}
@media (min-width: 768px){
.hcp-banner .page-section-inner,.hero-banner .page-section-inner,.imfinzi-bg .page-section-inner ,.bg-color .page-section-inner,
.imfinzihome-cont2 .page-section-inner,.safety-sec .page-section-inner, .res-sec .page-section-inner{
    width: 685px;
}
.dropdown-menu{	
    left: -100px !important;	
}
}

@media (min-width: 992px){
.hcp-banner .page-section-inner, .hero-banner .page-section-inner,.imfinzi-bg .page-section-inner ,.bg-color .page-section-inner,
.imfinzihome-cont2 .page-section-inner ,.safety-sec .page-section-inner , .res-sec .page-section-inner{
    width: 900px;
}
.only-mob { display:none;}
.only-desktop {display:block;}
.hcc-hcp-page .imfinzi-placebo .blue-arrow-heading .arrow-heading {
        width: 680px;
        /* width: 715px; */
        padding-right: 50px;
        background: #fff;
        text-transform: uppercase;
        font-size: 22px;
        padding-left: 12px;
        line-height: 24px;
    }
#popup-template .modal-dialog{
	width: 900px;
}
}

@media (min-width: 1200px){
.hcp-banner .page-section-inner,.hero-banner .page-section-inner, .imfinzi-bg .page-section-inner,.bg-color .page-section-inner,
.imfinzihome-cont2 .page-section-inner,.safety-sec .page-section-inner , .res-sec .page-section-inner{
    width: 1100px;margin:0 auto;
}
.safety-sec .page-section-inner {
    padding-left: 115px;
}
}
/*footer changes -26/05/21*/
.fr-footer-link-wrap{
	width:55%;
	margin: 0 auto;
	font-size: 1.2rem;
  	font-family: sans-serif;
  	font-weight: normal;
  	color: #000;
  	margin-top: 2%;

  }
.fr-footer-sub{
    color: black;
    text-align:center;
    line-height: 1.2;
    padding:0 12px;
    width: auto;
    display:table-cell;
    border-right:solid black 1px;  
}
.fr-footer-sub:last-child{border:0px}

/*new code*/
.home-btns-col a.btn.btn-default {
    color: white;
    background-color: #00AE9B;
    padding: 7px;
    margin: 15px 0 15px;
    border-radius: 20px;
    text-decoration: none!important;
    font-family: sans-serif;
    font-size: 20px;
    font-style: normal;
    border: none;
    width: 320px;
}
.imfinzi-home .section-banner.hcp-banner{
    padding:100px 0px;
}
p.footer-link-wrap {
    display: flex;
    justify-content: center;
    width: unset;
    margin-left: unset;
}
.footer .row {
    margin: auto;
}
.patient-login-col h3.border {
    margin: 0 0 7px;
    color: #FFFFFF;
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
}
.patient-login-col .subHeading.section{
        text-align:right;
    }
.patient-login .text-w{
     width:unset               
 }
.patient-login-col .subHeading.section {
    text-align: right;
    width: 55%;
} 
.patient-login-col span.fa.fa-tooltip.circle-icon {
    color: black;
    background: white;
}
span.cross-btn {
    position: absolute;
    top: 2%;
    right: 4%;
    cursor: pointer;
	font-weight: bold;
	color: rgb(117,117,118);
	font-size: 16px;
}
.patient-login .subHeading .popover.fade.top{
	background-color: white;
	color: rgb(148,148,150);
	font-family: sans-serif;
	border-radius:10px;
	text-shadow: 0 0 black;
}
.patient-login .subHeading .popover.top>.arrow:after{
	border-top-color: white;
}
.patient-login .subHeading .popover .popover-title{
	background-color: white;
	color: rgb(117,117,118);
	padding-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	font-family: sans-serif;
}	
.about-imfinzi-patient {
    margin: 2% auto;
    width: 80%;
}
.about-imfinzi-patient p{
	margin-bottom:0;
}
.about-imfinzi-patient ul li{
	padding-bottom:0!important;
}
.pps {
    padding-top: 15px;
}
div#normal-exit-ramp .modal-header {
    display:none;
}
div#normal-exit-ramp .modal-body{
    color:rgb(148,148,150);
	padding-bottom: 0;
}
div#normal-exit-ramp .modal-body b{
    color:rgb(117,117,118);
    font-size: 18px;
}
div#normal-exit-ramp .modal-body p{
    text-shadow: none;
	margin-bottom: 0;
}
div#normal-exit-ramp .modal-footer{
    border-top: none;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
	padding-bottom: 0;
}
div#normal-exit-ramp a.btn,div#normal-exit-ramp .btn.btn-primary:hover,div#normal-exit-ramp .btn.btn-primary:active {
    margin-top: 0;
    background: unset!important;
    border: unset!important;
    color: #AC182E;
    font-style: normal;
    font-size: 18px;
    padding: 15px;
	font-weight: bold;
    box-shadow:none;
}
div#normal-exit-ramp span.fa.fa-chevron-right:before {
    display:none
}
.display-none {
    display: none;
}
.legal-labels{
    color:#AC182E;
    font-weight:bold;    
}
.legal-labels-sub{
    color:#AC182E;
    font-style:italic;    
}
.legal-notice .container.middle-content .text.parbase.section{
    width: 84%;
    margin: auto;
}
.html-asset-container[data-consent-check-custom-class="error-js"] .html-asset-inner p {
    color: black;
    padding-top: 10px;
}
.html-asset-container[data-consent-check-custom-class="error-js"] .html-asset-inner button {
    padding: 0!important;
    background: transparent;
    border: none;
    box-shadow: none;
    text-decoration: underline;
	color: #337ab7;
}
a#home-page-link {
    color: #337ab7;
    text-decoration: underline;
}
p.error-head {
    line-height: 1.2;
    font-size: 40px;
}
.back-top-img {
  max-width: 30px;
  display: inline-block;
  position: fixed;
  bottom: 10%;
  right: 2.5%;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
}
.icon-img img{
    width: 25px;
    margin-right: 10px;
}
.resources-col .newImage img {
    height: 25em;
}

html[lang="fr"] .home-btns-col a.btn.btn-default {
    width: 350px;
}
html[lang="fr"] .patient-login input.form-control.self-certification-text-field {
    font-size: 11px!important;
}
html[lang="fr"] .patient-login-col .subHeading.section {
    width: 90%;
}
html[lang="fr"] .static-links-wrapper {
    float: none!important;
    padding-bottom: 65px;
    margin-left: 180px !important;
    margin-top: -30px;
}
.banner-hcp-patient{
	background-size:cover!important;
	background-repeat:no-repeat!important;
    background-position: bottom;
}

ul.nav.navbar-nav.stacked-menu span.more-text {
    display:none
}
ul.nav.navbar-nav.stacked-menu li.dropdown.item-more.first-level-item {
    border-left: none;
}
.hcp-page sub {
    font-size: 14px;
}

.component-section.no-style.banner-hcp-patient.banner-css {
    background-image: url(/content/dam/open-digital/imfinzi-canada/en/banner/IMFINZI-HCP-Banner-1920px.png);
}

@media screen and (min-width:1024px){
    .home-btns-col .row {
    float: left;
}
.home-btns-col .col-sm-6.col-xs-12{
    width: 45%;
}
.home-btns-col .column-1{
     margin-right:10%;
}
p.abt-infz.patient-support {
    width: 50%;
    padding: 0 2px;
}
.about-imfinzi-hcp {
    width: 48%;
    margin: 2% auto;
}
.error-404 .component-section.container.no-style.section-banner .page-section-inner{
    padding: 150px 40px 0px;
}
}
@media screen and (max-width:1024px){
.patient-login-col .subHeading.section {
    width: 70%;
}
.resources-col .newImage img {
    height: 20em;
}
html[lang="fr"] .static-links-wrapper{
     padding-left: unset;
     margin-top: -32px;
 }
 html[lang="fr"] .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: 5px;
    padding-left: 5px;
}
.component-section.no-style.banner-hcp-patient.banner-css {
    background-image: url(/content/dam/open-digital/imfinzi-canada/en/banner/IMFINZI-HCP-Banner-768px.png);
}        
}
@media screen and (max-width:768px){
.patient-login-col .subHeading.section {
    width: 90%;
}
 .resources-col .newImage img {
    height: 15em;
}
 html[lang="fr"] .home-btns-col a.btn.btn-default {
    width: 335px;
} 
html[lang="fr"] .patient-login-col .subHeading.section {
    width: 100%;
}
html[lang="fr"] .patient-login-col .subHeading.section h3.border {
    font-size:1.4rem;
}
 html[lang="fr"] .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: 5px;
    padding-left: 5px;
    width: 25% !important;
}            
} 
@media screen and (max-width:767px){
.patient-login-col .subHeading.section {
    width: unset;
    text-align:unset;                                        
}
.error-404 .component-section.container.no-style.section-banner .page-section-inner{
    padding: 0px 35px;
}
.resources-col .newImage img {
    height: unset;
}  
.icon-img img {
    margin-bottom: 15px;
}  
html[lang="fr"] .home-btns-col a.btn.btn-default {
    width: 350px;
}
  html[lang="fr"] .primary-navigation .nav .static-links-wrapper>li.first-level-item {
    padding-right: unset;
    padding-left: unset;
    width: unset !important;
    } 
  html[lang="fr"] .static-links-wrapper{
    margin-left: 0 !important;
    margin-top: 0;
    padding-bottom: 20px;
   }
.component-section.no-style.banner-hcp-patient.banner-css {
    background-image: url(/content/dam/open-digital/imfinzi-canada/en/banner/IMFINZI-HCP-Banner-640px.png);
}
li.menu-img-link.first-level-item .img-link {
    visibility: hidden;
}
}    
@media screen and (max-width:414px){
.pps p.infz-subhead {
    padding: 0px 5px;
}
.footer-adverse-event.padding-top-10.padding-right-15.padding-left-15.adverse-border {
    padding: 10px 0px 0;
}
a.footer-sub {
    padding: 0 8px;
} 
html[lang="fr"] .modal-footer.self-certification-modal-footer.mobile-center .self-certify-yes {
    width: 200px;
}
}
@media screen and (max-width:767px) and (min-width:541px){
  header ul.nav.navbar-nav.stacked-menu {
    margin: 0 -15px;
}
header li.menu-img-link.first-level-item {
    display: none!important;
}
header .static-links-wrapper,html[lang="fr"] .static-links-wrapper {
    padding-bottom: 0;
}
header .static-links-wrapper a.dropdown-toggle.bottom-hover-border {
    padding: 5px 0px 5px 11px!important;
}  
html[lang="fr"] .navbar-default .navbar-collapse{
	margin-bottom:0
}	
}
/*new code*/
@supports (-webkit-touch-callout: none) {
@media screen and (max-width:414px){
	.top-header .header-actions .dropdown-menu {
        /*margin-top: 0px!important;*/
		/*top:-15px!important;*/
	}
    .fr-footer-sub{
    	padding:0 5px!important;
	}               
	html[lang="fr"] .hcp-login-fr .top-header .header-actions .dropdown-menu, html[lang="fr"] .hcp-page .top-header .header-actions .dropdown-menu {
    	margin-top: 0px!important;
    	top: -50px!important;
	}
    .legal-privacy{
		padding:0;
    }
    .legal-notice .top-header .header-actions .dropdown-menu,.privacy-policy .top-header .header-actions .dropdown-menu {
    	margin-top: 0px!important;
    	top: 50px!important;
	}
	}              
}

/*french css*/
.fr-footer-link-wrap{
	width:55%;
	margin: 0 auto;
	font-size: 1.2rem;
  	font-family: sans-serif;
  	font-weight: normal;
  	color: #000;
  	margin-top: 2%;
  
  }
.fr-footer-sub{
    color: black;
    text-align:center;
    line-height: 1.2;
    padding:0 12px;
    width: auto;
    display:table-cell;
    border-right:solid black 1px;  
}
.fr-footer-sub:last-child{border:0px}

@media (max-width: 1024px) {
	.fr-footer-link-wrap{width : 67%;}

}

@media (max-width: 768px) {
	.fr-footer-link-wrap{width : 88%;}

}

@media (max-width: 540px) {
	.fr-footer-link-wrap{width : 94%;}

}

@media (max-width: 414px) {
	.fr-footer-link-wrap{width : 120%; margin-left: -35px}

}

@media (max-width: 411px) {
	.fr-footer-link-wrap{width : 120%; margin-left: -35px}

}

@media (max-width: 375px) {
	.fr-footer-link-wrap{width : 120%; margin-left: -25px}

}


/*french css*/               



/*hiding psp*/
html[lang="fr"] .hcp-page .columnControl:nth-child(4) .resources-col .column-3{
    background:red;
    display:none;
}
html[lang="en"] .hcp-page .columnControl:nth-child(9) .resources-col .column-3,
html[lang="fr"] .hcp-page .columnControl:nth-child(4) .resources-col .column-3,
html[lang="en"] .patient-page .component-section.container.no-style.pps,
html[lang="fr"] .patient-page .component-section.container.no-style.pps,
html[lang="en"] .patient-page .static-links-wrapper li.first-level-item.static-nav-links:nth-child(2),
html[lang="fr"] .patient-page .static-links-wrapper li.first-level-item.static-nav-links:nth-child(2)
{
    background:red;
    display:none;
}
/*hiding psp*/