/*code-adjustment*/

body.you-child-pages .ta-over-sec .page-section-inner.container {
  padding-top: 160px !important;
  padding-bottom: 80px !important;
}

body.fixed-top-margin.video.treat-guide.video-guide.default-fonts {
  margin-top: 170px !important;
}

body.fixed-top-margin.home.home-after-login.default-fonts .home-sec .page-section-inner, body.fixed-top-margin.pre-login.home-before-login.default-fonts .home-sec .page-section-inner {
  padding: 70px 15px !important;
}

body.fixed-top-margin.pre-login.home-before-login.default-fonts .home-sec ,body.fixed-top-margin.home.home-after-login.default-fonts .home-sec, .congress-material .component-section.no-style.ta-over-sec, .journal-request-listing .component-section.no-style.ta-over-sec, .journal-details-1 .component-section.no-style.ta-over-sec, .journal-details-2 .component-section.no-style.ta-over-sec, .journal-details-3 .component-section.no-style.ta-over-sec, .treatment-guidelines .component-section.no-style.ta-over-sec, body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .component-section.no-style.ta-over-sec {
  background-size: 100% 100% !important;
}

.journal-request-listing .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-3 .component-section.no-style.ta-over-sec .page-section-inner, .treatment-guidelines .component-section.no-style.ta-over-sec .page-section-inner {
  padding-top: 160px;
  padding-bottom: 80px;
}

body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .component-section.no-style.ta-over-sec .page-section-inner {
  padding-top: 190px;
  padding-bottom: 50px;
}
/*image stretching issue for the signup in the prelogin mobile*/
@media screen and (max-width: 767px) {
  .home .home-sec-8 .page-section-inner, .pre-login .home-sec-8 .page-section-inner {
    padding-bottom: 60px !important;
  }
}
/*image extension issues ends*/
/*body.treatment-guidelines {
  margin-top: 170px !important;
}
*/
.services .ta-over-sec {
  padding: 50px 0px !important;
}

.therapeutic-area .ta-over-sec .section-blur-layer {
  background-color: rgba(0,0,0,0.4)!important;
}

.therapeutic-area .ta-over-sec .page-section-inner {
  padding-top: 194px !important;
}

.or-adj .page-section-inner.container {
  padding: 65px 15px!important;
}

.cardio-ban-col.cor-adj > .row > .column-2 {
  width: 45%!important;
}

html .crr-main {
  margin-top: 130px !important;
}

body .cardio-ban-col .column-2 h3 {
  font-size: 14px;
}

body .cardio-ban-col .column-2 img {
  width: 85% !important;
}

body .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img {
  /*width: 75%!important;*/
  margin-bottom: 15%;
}

.c-adj .page-section-inner.container {
  padding: 61px 15px !important;
}

html .d-adj .page-section-inner.container {
  /*padding: 48px 15px !important;*/
  ;
}

body .cor-adj .column-2 img {
  width: 70%!important;
}

html .asthma .cor-adj .component-section.container.no-style.box-link-sec {
  height: 115px!important;
  padding-top: 0px!important;
}

.tabl-hat-1 {
  margin-bottom: 12%;
}
/*code-adjustment end*/


.cardiovascular.cvrm a.left.carousel-control {
  left: -3%;
}

.cardiovascular.cvrm a.right.carousel-control {
  right: -3% !important;
}

/*jrn form styling*/

.jrn-frms button.btn.submit-btn.btn-primary.btn-lg span {
  font-size: 20px !important;
}

.jrn-pop .modal-header {
  border-bottom: 0 !important;
}

.jrn-pop #popup-title {
  font-size: 36px;
  font-family: 'LexiaBold';
}

.jrn-frms .iti.iti--allow-dropdown {
  width: 100%;
}

.jrn-frms #field-group-611c41cf7c9a860004189b5e label a {
  color: #d9338c;
  text-decoration: underline;
}

.jrn-frms #field-group-611c41cf7c9a860004189b5e label {
  font-size: 18px;
}

.jrn-frms #field-group-611c41cf7c9a860004189b5e {
  padding-right: 5%;
}

.jrn-frms button.btn.submit-btn.btn-primary.btn-lg {
  border-color: #d0006f;
  background: #d0006f;
  color: white !important;
  text-decoration: none;
}

.jrn-frms button.btn.clear-btn.btn-default.btn-lg {
  display: none;
}
/* end jrn form styling*/
.new-image.gradu-hat-1 {
  padding-top: 5%;
}

/*Sitemap*/


.sitemap .main-title {
  font-size: 14px;
  color: #000;
}

.sitemap .first-child a {
  text-decoration: none;
  color: #000;
}

.sitemap .head-title {
  font-size: 22px !important;
  color: #000;
  display: flex;
}  
/*sitemap end*/

/*services for your patients*/
.services-for-patients .serv-fr-yu .split-text .column-1 {
  background-color: #9ab1ac !important;
}

.services-for-patients .serv-fr-yu .column-1 {
  height: 25em;
}

.services-for-patients .serv-fr-yu .split-text .column-2 img {
  height: 25em;
}


/*services for your patients end*/
.service-col .serv-col-1 .column-3 {
  box-shadow: 12px 5px 14px 5px rgb(206 206 206 / 77%);
}

.serv-col-2 .column-1 {
  box-shadow: 8px 14px 14px 5px rgb(206 206 206 / 77%);
}

.serv-col-2 .column-2 {
  box-shadow: 8px 14px 14px 5px rgb(206 206 206 / 77%);
}

.serv-col-2 .column-3 {
  box-shadow: 12px 11px 14px 5px rgb(206 206 206 / 77%);
}

.serv-pat-1 .row {
  box-shadow: 0px 7px 20px 5px rgb(206 206 206 / 77%);
}

/*.serv-pat-1 .column-1{
	box-shadow: 0px 7px 20px 5px rgb(206 206 206 / 77%);	
}
.serv-pat-1 .column-2{
	box-shadow: 7px 5px 12px 2px rgb(206 206 206 / 77%);
}
*/
/*Services for you*/
.split-text {
  box-shadow: 5px 15px 17px 6px rgb(206 206 206 / 78%);
}

.serv-fr-yu .page-section-inner, .serv-fr-yu1 .page-section-inner {
  padding-top: 1em !important;
}

.services-for-you .ta-over-sec {
  padding-top: 0;
}

.serv-fr-yu p.serv-for-you {
  padding-bottom: 3%;
}
/*.serv-fr-yu .page-section-inner, .serv-fr-yu1 .page-section-inner{
		width:100%;
        }       */   
/*.serv-fr-yu1{
	margin-left: -7%;
    width: 90.1em;
    overflow-x: hidden;
            }*/
.serv-fr-yu1 {
  background-color: #fcf9f4;
}

.serv-fr-yu .split-text .column-1 {
  background-color: #830051;
}

.serv-fr-yu .split-text .column-2 {
  padding-left: 0;
}

.icon-img {
  padding: 5%;
}

.text-box {
  padding: 5%;
}

.serv-fr-yu .title-head {
  font-size: 22px;
  font-family: 'LexiaBold';
  color: white;
}

.serv-fr-yu .title-desc {
  font-size: 14px;
  color: white;
}

.serv-fr-yu p.title-link a {
  font-size: 16px;
  text-decoration: none !important;
  color: #fff;
  font-family: 'LexiaBold';
}                        
/*
.serv-fr-yu .split-text-1 .column-2 img, .serv-fr-yu .split-text-3 .column-2 img{
		    height: 18.1em;
                        }
.serv-fr-yu .split-text-2 .column-2 img{
		    height: 18.1em;
                        }
.serv-fr-yu .split-text-4 .column-2 img{
		    height: 16.1em;
            }

.serv-fr-yu .split-text-5 .column-2 img {
    height: 16.2em;
}
.serv-fr-yu .split-text-6 .column-2 img{
			height:20em;
            }
.serv-fr-yu .split-text-4, .serv-fr-yu .split-text-5, .serv-fr-yu .split-text-3 {

	padding-top:2em;
        }
*/
.serv-fr-yu .column-1 {
  height: 20em;
}

.sr-fr-col1, .sr-fr-col-2, .sr-fr-col3 {
  padding-bottom: 5%;
}

.serv-fr-yu .split-text .column-2 img {
  height: 20em;
}

.r-chev {
  width: 3%;
}

.bottom-sec-head {
  font-family: 'LexiaBold';
  font-size: 30px;
  color: #000;
  line-height: 1.5em;
}

.bottom-sec-desc {
  font-family: HelveticaNeue-Regular, Arial, sans-serif;
  font-size: 18px;
  color: #000;
}

/*services for you end*/


/*services main page*/
.ipad-on {
  display: none;
}

.deskk-on {
  display: block;
}

.mob-non {
  display: none;
}

.serv-pat-1 .column-1, .serv-pat-1 .column-2 {
  padding: 5%;
}

.serv-pat-1 .column-1 {
  border-right: 1px solid white;
}

.mob-sp {
  display: none;
}

.serv-col-2 .row {
  margin-top: 1px !important;
}

.serv-col-1 .column-1, .serv-col-1 .column-2, .serv-col-1 .column-3, .serv-col-2 .column-1, .serv-col-2 .column-2, .serv-col-2 .column-3 {
  margin-right: 1px !important;
  background-color: #830051 !important;
  padding: 3% !important;
}

.serv-col-1 .column-1, .serv-col-1 .column-2, .serv-col-1 .column-3 {
  align-self: unset;
}

.services .serv-col-2 .column-1, .serv-col-2 .column-2, .serv-col-2 .column-3 {
  align-self: unset !important;
}

/*services main page done*/


.respi .box-link-sec {
  height: 139px !important;
  padding-right: 0 !important;
}

.hidden-img {
  display: none;
}

.hidden-list .linkList {
  display: none !important;
}

.service-col .column-2 .columnControl.section,.service-col-b .column-1 .columnControl.section {
 /* padding: 20px;*/
  ;
}

.services .container.middle-content {
  width: 100% !important;
  padding: 0;
}

.service-col-b .column-1 {
  background-color: #9AB1AC;
}

.services-sec1 .page-section-inner.container {
  width: 100%;
}

.component-section.services-sec2 .page-section-inner.container,.services-sec1 .page-section-inner.container {
  width: 90% !important;
  margin: auto;
}

.home-after-login .container.middle-content,.home-before-login .container.middle-content,.product-info .container.middle-content {
  width: 100% !IMPORTANT;
  padding: 0;
}

.service-col .column-2 a, .service-col .column-2 p,.service-col-b .column-1 a, .service-col-b .column-1 p {
  color: #fff;
  text-decoration: none;
}

.service-col .column-2 {
 /* background-color: #830051;*/
  ;
}

.pt-detail-pills>.row>.column-1 >.columnControl, .pt-detail-pills>.row>.column-2 >.columnControl {
  border-top: 1px solid #ccc;
}

.pt-detail-pills.border-edit >.row >.column-1, .pt-detail-pills.border-edit >.row >.column-2 {
  border-top: 1px solid #ccc;
}

.link-society .pt-detail-pills>.row>.column-1 >.columnControl, .link-society .pt-detail-pills>.row>.column-2 >.columnControl {
  border-bottom: 1px solid #ccc;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pt-over-pills>.row>.column-1 >.columnControl, .pt-over-pills>.row>.column-2 >.columnControl {
  border-bottom: 1px solid #ccc;
}

.multi-column-container.pt-detail-pills {
  width: 98%;
}

.link-society .multi-column-container.pt-detail-pills {
  width: 100%;
}

.signup1 a.btn.btn-default {
  background: #830051;
  color: #fff;
  font-weight: bold;
}

.search-hcp .form-inline .input-group>.form-control {
  width: 90%;
}

.society-sec .page-section-inner.container {
  width: 100%;
}

.search-hcp  .hero.search .padding-top-20.padding-bottom-20 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.search-hcp .hero {
  background: #FCF9F4;
}

.society-sec .sectionHeading h2.border {
  margin-top: 40px;
  margin-bottom: 20px;
}

.pt-bg-colour {
  background: #FCF9F4;
}

.services .ta-over-sec {
/*  background-position: inherit !important;*/
  ;
}

.art-col h3 a {
  color: #fff;
  text-decoration: none !important;
}

.error-ban .page-section-inner.container {
  color: #fff;
  padding-top: 30px;
  padding-bottom: 100px;
}

.error-404 .container.middle-content,.error-500 .container.middle-content,.error-403 .container.middle-content {
  padding-top: 20px;
  padding-bottom: 80px;
}

.youTubePlayer.section {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.pt-bg-colour .sectionHeading.section {
  padding-bottom: 30px;
}

.pt-bg-colour .page-section-inner.container {
  padding: 30px;
}

.pt-bg-colour .linkList.section {
  padding-top: 30px;
}

.dis-carousel {
  background: transparent !important;
  padding-bottom: 0;
}

.dis-carousel .component-section.no-style.carousel-prod {
  background-color: #E6EBEA;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 25px;
  padding-top: 30px;
}

.dis-carousel .carousel-prod .page-section-inner.container {
  width: 80%;
}

.pt-support-col .multi-column-container {
  box-shadow: 1px 1px 5px #ccc;
  margin-top: 18px;
}

.dis-carousel .carousel-prod h3 {
  text-align: center;
}

.pt-support-col .column-2 .text.section,.pt-support-col .column-2 .linkList {
  padding-left: 10px;
  padding-right: 10px;
}

.pt-support-col p.sub-txt {
  margin: 0;
}

.pt-detail-pills .new-image.img-shadow {
  border-radius: 50%;
  width: 79px;
  height: 74px;
  background-color: #9AB1AC;
  float: right;
}

.pt-detail-pills .new-image img {
  padding: 20px;
  width: 73px !important;
  height: 67px;
}

.link-society .pt-detail-pills .new-image.img-shadow {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: transparent;
  float: right;
  box-shadow: none !important;
}

.link-society .pt-detail-pills .new-image img {
  padding: 0;
  width: 100% !important;
  height: 100%;
  border-radius: 50%;
}

.pt-detail-pills .column-1 .row ,.pt-detail-pills .column-2 .row {
  display: flex;
}

.pt-detail-pills .column-1 .row .column-1, .pt-detail-pills .column-2 .row .column-1 {
  width: 20%;
  align-self: center;
}

.services-sec1 .page-section-inner.container, .services-sec2 .page-section-inner.container {
  width: 100%;
}

.dis-carousel .carousel-prod .carousel.section {
  padding-left: 15px;
  padding-right: 15px;
  background: #fff;
}

.dis-patient-story .page-section-inner.container {
  width: 72%;
}

.dis-patient-story .text p {
  font-size: 14px;
  line-height: 20px;
}

.dis-patient-story .acs-car .column-2,.dis-patient-story .acs-car .column-1 {
  align-self: center;
}

.dis-patient-story .acs-car .row {
  display: flex;
}

.dis-patient-story .readmore a.btn.btn-secondary {
  padding-left: 0;
}

.signup1 a.btn.btn-default:hover {
  text-decoration: none;
}

.lung.cancer .video-col .right-icon a.icon-alone {
  position: absolute;
  bottom: 11px;
  left: 15.5px;
}

.breadcrumb-list-parent.vcenter, li.breadcrumb-item.vcenter.active {
  display: inline-block;
}

.respi .patient-program {
  background-color: inherit;
}

.signup1 {
  float: right;
   /* width: 12%;*/
  ;
}

.product-links .columnControl.section .multi-column-container {
  padding: 0;
}

.cardio .container.middle-content,.acs .container.middle-content {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.services-sec2 {
  margin: auto;
  width: 100%;
  background: #FCF9F4;
}

.asthma .component-section.container.no-style.news-highlight-section {
  height: unset;
}

.acs.acs .five-box h2.border {
  font-size: 25px;
  line-height: 1.2;
}

.dyslipidemia .cardio-ban-col h2 {
  font-size: 25px!important;
  line-height: 1.2;
}

/*.five-box .cardio-ban-col .sectionHeading.section {
    position: absolute;
    bottom: 44px;
}*/
.cardio-ban-col .column-1 .sectionHeading h2.border {
  margin: 0;
}

.asthma .news-highlight-section .subHeading.section, .asthma .news-highlight-section .text.parbase {
  padding-left: 20px;
}

span.grn-num {
  font-size: 40px;
  padding-right: 8px;
  color: #b8de14;
}

a.prod-lnk, a.prod-lnk:hover, a.prod-lnk:focus {
  color: #fff;
  text-decoration: none !IMPORTANT;
  font-family: LexiaBold;
  font-size: 18px;
}

p a.prod-lnk, p a.prod-lnk:hover, p a.prod-lnk:focus {
  font-size: 15px;
  font-family: LexiaLight;
}

.respi .onco-elearn .column-2 .column-1,.diab .onco-elearn .column-2 .column-1,.onco .onco-elearn .column-2 .column-1 {
  align-self: center;
  width: 20%;
}

.respi .cardio-elearn,.diab .cardio-elearn,.onco .cardio-elearn {
  background: linear-gradient(to left,#FCF9F4 52% ,#fff 15%) !important;
    /* width: 75px; */
  ;
}

.respi .onco-elearn .column-2 .row,.diab .onco-elearn .column-2 .row,.onco .onco-elearn .column-2 .row {
  display: flex;
}

.respi .onco-elearn  .row,.diab .onco-elearn  .row ,.onco .onco-elearn  .row {
  display: flex;
}

.respi .onco-elearn  .row .column-1,.diab .onco-elearn  .row .column-1,.onco .onco-elearn  .row .column-1 {
  align-self: center;
}

.ovarian .disease-img .columnControl.section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.diab .component-section.container.no-style.sub-video {
  box-shadow: 1px 1px 5px #ccc;
  padding-top: 0;
  margin-top: 30px;
}

.diab .component-section.container.no-style.sub-video .subHeading.section, .diab .component-section.container.no-style.sub-video .text {
  padding-left: 20px;
  padding-right: 20px;
}

.event-sec-home .carousel-inner .item {
  padding: 42px;
    /*height: 500px;*/
  background-color: #fff;
}

.respi .event-sec-home .carousel-inner .item {
  height: unset;
}

.onco .news-mob h3.border,.onco .news-highlight-section h3.border {
  margin-top: 0;
}

.carousel .carousel-content-block {
  display: none;
}

.mob-carousel1 {
  display: none;
}

.onco .news-highlight-section p.sub-txt {
  margin-bottom: 0 !important;
  margin-top: 10px;
}

.home-sec p {
  color: #fff;
}

.diab .component-section.container.no-style.news-highlight-section {
  height: 400px;
}

.col-4-home h3.border {
  font-size: 16px;
}

.home-before-login .col-4-home h3.border,.home-after-login .col-4-home h3.border {
  font-size: 16px;
  margin: 0;
}

.col-4-home .column-2 p,.col-4-home .column-3 p,.col-4-home .column-1 p {
  font-size: 14px;
}

.car-read .glyphicon-chevron-right:before {
  content: "\e080";
  width: 40px;
  height: 21px;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-regular.png);
  background-size: 23% 15px;
  background-position: right;
}

.news-highlight-section {
  width: 100%;
  padding: 0;
  box-shadow: 1px 1px 5px #ccc;
  height: 380px;
}

.cardio .news-highlight-section {
  height: 405px;
}

.respi .news-highlight-section {
  height: 340px;
}

.onco .news-highlight-section {
  height: 500px;
}

.onco-news .news-highlight-section {
  height: 560px;
}

.breast.cancer .news-highlight-section {
  height: 500px;
}

.breast.cancer .news-highlight-section h3.border {
  margin-top: 0;
}

.breast.cancer .news-highlight-section      p.sub-txt {
  margin: 0;
  margin-top: 15px;
}

.breast.cancer .congress-sec {
  border-bottom: none !important;
}
/*sign up*/
.signup a.btn.btn-secondary span:before {
  width: 40px;
  height: 21px;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-regular.png);
  background-size: 23% 15px;
    /* font-weight: bold; */
    /* font-size: 10px; */
  background-position: right;
}

.home-after-login .article-mob-right .signup a.btn.btn-secondary span:before {
  width: 20px;
  background-size: 50% 15px;
  background-position: right;
}

.signup a.btn.btn-secondary {
  border-top: 2px solid;
}

.article-right-col1 p, .article-right-col2 p {
  color: #fff;
}

.article-right-col1 .signup a.btn.btn-secondary,.article-right-col2 .signup a.btn.btn-secondary {
  color: #fff;
  border-color: #fff;
  border-top: 1px solid;
  font-family: LexiaBoldItalic;
  font-weight: normal;
  font-style: normal;
}

.article-right-col1  .signup a.btn.btn-secondary span:before,.article-right-col2  .signup a.btn.btn-secondary span:before {
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-white.png);
}

.article-right-col1 .column-1, .article-right-col2 .column-2, .article-right-col1 .column-2, .article-right-col2 .column-1 {
  width: 250px;
  height: 224px;
  padding: 35px;
  margin: 10px;
  box-shadow: 1px 1px 15px #CCCCCC;
}

.renal  .news-highlight-section h3.border {
  margin: 0;
}

.quicklink-col .column-1 {
  margin-top: 10px;
}

.component-section.no-style.home-sec {
  padding-top: 40px;
  padding-bottom: 40px;
}

.article-right-col1 a.btn.btn-secondary,.article-right-col2 a.btn.btn-secondary {
  font-weight: 700;
  line-height: 18px;
  font-size: 12px;
}

p.country-txt:before {
  background: url("/content/dam/open-digital/Hongkong-HCP/en/images/location-marker.png");
  width: 20px;
  height: 15px;
  content: "";
  background-size: 65% 16px;
  background-repeat: no-repeat;
  display: inline-block;
}

.date-col .column-1,.date-col .column-2 {
  width: 188px !important;
}

.date-col .column-1 .text.parbase.section {
  border-right: 1px solid #9AB1AC;
}

.respi .date-col .text.parbase.section {
  border-right: none !important;
}

.readmore a.btn.btn-secondary {
  border: none;
}

.multi-column-container.event-main-col {
  padding-top: 100px;
  padding-bottom: 100px;
}

.component-section.container.no-style.news-sec-right {
  width: 100%;
  padding: 0;
}

p.event-txt {
  color: #fff;
  background-color: #830051;
  width: 52px;
  font-size: 14px;
  text-align: center;
  font-style: italic;
  border-radius: 3px;
}

.signup a.btn.btn-secondary,.readmore a.btn.btn-secondary {
  color: #830051;
  border-color: #830051;
  font-weight: bold;
  font-family: LexiaBold;
  font-size: 16px;
  padding: 10px 20px;
}

.carousel-control .fa.fa-chevron-left,.carousel-control .fa.fa-chevron-right {
  display: table-cell;
  vertical-align: middle;
  padding-right: 3px;
  background-color: #830051;
  text-align: end;
  padding: 15px 10px 9px 17px;
}

span.fa.fa-chevron-left:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/arrow-left.png);
  width: 20px;
  height: 25px;
  background-size: 70% 17px;
  display: inline-block;
  background-repeat: no-repeat;
}

a.right.carousel-control {
  right: -6% !IMPORTANT;
  opacity: 1;
  background: transparent;
}

span.fa.fa-chevron-right:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/arrow-right.png);
  background-size: 70% 17px;
  display: inline-block;
  background-repeat: no-repeat;
}

.carousel span.fa.fa-chevron-right:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/arrow-right.png);
  width: 20px;
  height: 25px;
  background-size: 70% 17px;
  display: inline-block;
  background-repeat: no-repeat;
}

span.fa.fa-play {
  color: #830051;
  border: 2px solid #830051;
  padding: 10px;
  border-top: 1px solid;
  font-size: 12px;
}

.component-section.no-style.recommend-sec {
  background: linear-gradient(to right, #FCF9F4 42%, #fff 38%);
    /* width: 75px; */
  ;
}

.col-4-home .column-2,.col-4-home .column-3,.col-4-home .column-4 {
  background-color: #fff;
  box-shadow: 1px 1px 5px #cccccc;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.col-4-home .subHeading.section, .col-4-home .text.parbase.section {
  padding-top: 10px;
    /* padding-bottom: 10px; */
  padding-left: 20px;
  padding-right: 20px;
}

.col-4-home .column-1 .text.parbase.section {
  padding: 0;
}

.col-4-home .column-1 {
  width: 19%;
  padding: 0;
}

a.left.carousel-control {
  left: 0 !IMPORTANT;
  opacity: 1;
  left: -6% !IMPORTANT;
  border: none !IMPORTANT;
  background: transparent;
}

.component-section.no-style.event-sec-home {
  background-position: center;
}

.news-sec .text.parbase.section {
  padding-left: 20px;
  padding-right: 20px;
}

.news-sec .text.parbase.section:nth-child(2) {
  padding-top: 20px;
}

.news-sec .text.parbase.section:nth-child(3) {
  padding-bottom: 20px;
}

.news-sec .column-1 {
  box-shadow: 1px 1px 7px #cccccc;
  padding: 0;
  width: 65%;
  margin-right: 18px;
}

.news-sec .sectionContainer.section {
  box-shadow: 1px 1px 7px #cccccc;
  margin-bottom: 19px;
}

.multi-column-container.news-sec {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.news-sec .column-2 {
    /* padding-right: 0; */
  width: 33%;
}

.readmore-sec h2.border {
  color: #fff;
}

.readmore-sec a.btn.btn-secondary {
  color: #fff;
  border-color: #fff;
  font-weight: normal;
  font-size: 16px;
}

.pt-detail-ban .page-section-inner.container {
  margin-top: 150px;
  margin-bottom: 100px;
}

.pt-detail-ban h2.border {
  color: #fff;
}

.pt-detail-ban {
  background-position: center;
    /* margin-top: 130px; */
  ;
}

.readmore-sec .page-section-inner.container {
  padding-top: 200px;
  padding-bottom: 200px;
}

.component-section.no-style.readmore-sec {
  background-position: center;
}

.readmore-sec .signup a.btn.btn-secondary span:before {
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-white.png);
}

.navbar .login a.btn.btn-default {
  color: #FCF9F4;
  font-style: normal;
  border: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  display: inline-flex;
}

.navbar .login a.btn.btn-default span:first-child {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/lock.png);
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 78% 20px;
  background-repeat: no-repeat !important;
}

.navbar .login li.list-item-0 {
  background: #a54580;
}

.home-before-login .quicklink-col .sectionContainer.section {
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/Desktop-New/homepage_TA-mob.jpg);
  background-size: 100% 230px;
  background-position: center;
}

.breast.cancer .multi-column-container.quicklink-col.register-col {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.home-before-login .article-sec-left {
  width: 90%;
  padding-top: 20px !important;
}

.home-before-login .article-sec-left .page-section-inner {
  width: 50%;
}

.multi-column-container.quicklink-col.register-col {
  margin-top: 30px;
  margin-bottom: 30px;
}

.home-before-login .readmore-sec .signup a.btn.btn-secondary {
  /*width: 15%;*/
  ;
}

.home-before-login .register-col .signup a.btn.btn-secondary {
  width: 50%;
}

.art-col .column-2 .row .column-1 {
  background-color: #9AB1AC !important;
}

.art-col .col-sm-6.col-xs-12.column-2 {
  background-color: #9AB1AC;
}

.art-col .column-1 .row .column-2 {
  background-color: #830051;
}

.art-col .col-sm-6.col-xs-12.column-1 {
  background-color: #830051;
  margin: 0;
}

.multi-column-container.quicklink-col.art-col {
  margin-top: 30px;
  margin-bottom: 30px;
}

.art-col h3.border {
  color: #ffffff;
}

.art-col .column-1, .art-col .column-2 {
  padding: 20px;
}

.art-col .col-sm-6.col-xs-12.column-2 {
  padding-bottom: 25px;
}

.product-links .columnControl.section .multi-column-container {
  background-color: #9AB1AC;
}

.product-links .columnControl.section .multi-column-container .column-1, .product-links .columnControl.section .multi-column-container .column-2, .product-links .columnControl.section .multi-column-container .column-3 {
  padding-top: 10px;
  padding-bottom: 10px;
    /* border-right: 1px solid #fff; */
  ;
}

.acs-disease .column-2 {
  background-color: #9AB1AC !Important;
  align-self: center;
  box-shadow: 1px 1px 5px #ccc;
}

.acs-disease .column-2 .column-2 {
  box-shadow: none;
}

.acs .carousel-inner {
  width: 95%;
  margin: 0 auto;
}

.acs ol.carousel-indicators.hide-caption {
  display: none !important;
}

.acs .carousel .carousel-control.left {
  left: 0% !important;
}

.acs .carousel .carousel-control.right {
  right: 0% !important;
}

.component-section.no-style.acs-car {
  background-color: #FCF9F4;
    /* text-align: center; */
  ;
}

.multi-column-container.acs-car {
  background-color: #fff;
}

.center-button {
  text-align: center;
}

.acs-car h2.border {
  text-align: center;
}

.acs .recommend-sec.desk-carousel1.cardio-elearn.product-links {
  background: linear-gradient(to left,#E6EBEA 81% ,#fff 15%) !important;
}

.clr-white {
  color: #fff !important;
}

.component-section.container.no-style.acs-vid-sec.video-col {
  background-color: #FCF9F4;
}

.video-col .signup a.btn.btn-secondary {
  color: #fff;
  background-color: #830051;
  font-weight: normal;
  width: 200px;
  padding-left: 0;
  padding-right: 14px;
  padding-bottom: 7px;
  padding-top: 12px;
  background: linear-gradient(to left, #690041 32%, #830051 30%);
}

.renal .video-col .signup a.btn.btn-secondary {
  width: 162px;
  padding-right: 9px;
  padding-top: 12px;
}

.video-col .signup a.btn.btn-secondary span:before {
  width: 35px;
  height: 35px;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
  background-size: 32% 14px;
  background-position: center;
  border: 1px solid #fff;
}

.video-col span.glyphicon.glyphicon-chevron-right.pull-right {
  top: -1px;
}

.cardio-news h2.border {
  padding-bottom: 20px;
}

.sub-video .signup a.btn.btn-secondary span:before {
  width: 35px;
  height: 35px;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
  background-size: 32% 14px;
  background-position: center;
  border: 1px solid #fff;
}

.sub-video .signup a.btn.btn-secondary {
  position: absolute;
  right: 34px;
  top: 411px;
  color: #fff;
  background-color: #830051;
  font-weight: normal;
  width: 200px;
  padding-left: 0;
  padding-right: 14px;
  padding-bottom: 7px;
  padding-top: 12px;
  background: linear-gradient(to left, #690041 32%, #830051 30%);
}

.sub-video span.glyphicon.glyphicon-chevron-right.pull-right {
  top: -2px;
}

.component-section.container.no-style.box-link-sec {
  width: 100%;
  padding-top: 20px !important;
  padding-bottom: 21px;
  height: 139px !important;
  padding-right: 0 !important;
}

/*code-adjust*/
html .asthma .component-section.container.no-style.box-link-sec {
  padding: 10px 0px 10px 15px;
  height: 115px !important;
}
/*code-adjust*/

.cardio-ban-col .box-link-sec .section-blur-layer {
  background: transparent !important;
}

.component-section.container.no-style.box-link-sec.second-link {
  padding-top: 60px;
}

a.box-link-a {
  font-family: LexiaLight, "Georgia", "Times New Roman", serif;
  font-weight: bold !important;
  color: #fff;
  text-decoration: none !important;
  text-shadow: none !important;
}

/*newly added*/

/*common design*/
.p-t10 {
  padding-top: 10%;
}

.p-t5 {
  padding-top: 5%;
}

.p-t2 {
  padding-top: 2%;
}

body .bg-white {
  background-color: #fff !important;
}

.disease ul li {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.3px;
  color: #3F4444;
  font-family: HelveticaNeue-Regular, Arial, sans-serif;
}
/*common design end*/	


/*article bottom*/
p.purple-link {
  font-family: LexiaBold;
  font-style: italic;
  color: #830051;
}

/*cvrm-page*/

/*for mobile landscape adjustment*/
.arrow-a {
  width: 40%;
}

img.arrow-right-art {
  float: right;
}
/*for mobile landscape adjustment end*/
.p-l-4 {
  padding-left: 4%;
}

.disedu-adj p.purple-link a {
  font-family: LexiaBold !important;
  font-style: italic;
  color: #830051;
  text-decoration: none;
}

.disedu-adj h3.border {
  height: 6em;
}

.disedu-adj .dis-art-maindes {
  height: 10em;
}

.padding-adj-sec {
  padding-top: 0;
}

.mar-t-3 {
  margin-top: 3%;
}

.cvrm-banner .breadcrumb-txt {
  /*font-family: 'LexiaLightItalic';*/
  font-weight: bold;
}

.cvrm-banner .breadcrumb .link-txt {
  /*font-family: 'LexiaLightItalic';*/
  font-weight: bold;
}

.disedu-adj-col .outer {
  display: none;
}
/*cvrm-page end*/
.vid-head span.border {
  font-family: LexiaBold, "Georgia", "Times New Roman", serif;
  font-size: 30px;
  line-height: 40px;
}

span.br-on {
  display: block;
}

.purple-link span.glyphicon.glyphicon-chevron-right {
  top: 0;
  left: 1em;
}
/*article bottom done*/
/*play button in disease pages -> class given to linked list component -> bigvid-button*/

.bigvid-button a.btn.btn-secondary {
  color: #fff;
  background-color: #830051;
  font-weight: normal;
  width: 200px;
  padding-left: 0;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-top: 1em;
  background: linear-gradient(to left, #690041 32%, #830051 30%);
  position: absolute;
  bottom: -0.5em;
}

.bigvid-button a.btn.btn-secondary span:before {
  width: 3em;
  height: 3em;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
  background-size: 32% 14px;
  background-position: center;
  border: 1px solid #fff;
}


/*play button done*/


/*view-button design*/
.view-button li.list-item-0 {
  display: flex;
  justify-content: center;
  padding-top: 2em;
}

/*view button done*/

.secondlast-col .column-1 .sectionHeading {
  display: none;
}

.secondlast-col .column-2 .sectionHeading {
  display: block;
}

.stroke-phase2 .container.middle-content {
  width: 100% !IMPORTANT;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.acc-bg-green {
  color: }



.disedu-adj p{
	font-family:HelveticaNeue-Regular, Arial, sans-serif;
}

/*newly added done*/



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

    /*jrn form styling*/

  .jrn-frms button.btn.submit-btn.btn-primary.btn-lg span {
    font-size: 15px;
  }

  .jrn-pop #popup-title {
    font-size: 20px;
  }

  .jrn-frms #field-group-611c41cf7c9a860004189b5e label {
    font-size: 12px;
  }

    /*sitemap*/
  .sitemap .head-title {
    padding-left: 5%;
  } 
    /*services for you*/

  .serv-fr-yu1 {
    display: none;
  }

  p.serv-for-you {
    text-align: center;
  }

  .serv-fr-yu .split-text .column-1 p {
    text-align: left;
    padding-top: 5%;
  }

  .serv-fr-yu .split-text .column-2 img {
    width: 104% !important;
  }

  .serv-fr-yu .icon-img {
    display: none;
  }

  .serv-fr-yu .split-text .row {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 5%;
  }

  .serv-fr-yu {
    padding: 5%;
  }

  .services-for-you .serv-fr-yu1 .page-section-inner {
    padding-top: 1em !important;
  }

  .serv-fr-yu .column-1 {
    height: unset;
  }

  .serv-fr-yu .column-2 img {
    height: unset;
  }


    /*services for you end*/

/*services-for-patients*/
  .services-for-patients .serv-fr-yu .column-1 {
    height: unset !important;
  }

  .services-for-patients .serv-fr-yu .split-text .column-2 img {
    height: unset !important;
  }
/*services-for-patients-end*/

 /*newly added*/         

/*common design*/
  .mob-pt-5 {
    padding-top: 5%;
  }

/*common design end*/   

/*cvrm*/

  .cvrm-banner h2.border {
    font-size: 24px;
  }

  .cvrm-banner .breadcrumb-txt {
    font-family: 'LexiaLightItalic';
    font-weight: bold;
  }

  .vid-head {
    padding-top: 0;
  }

  body.cardiovascular .cvrm-vid-sec a.left, body.respiratory .cvrm-vid-sec a.left {
    top: 80% !important;
    left: 7em !important;
  }

  body.cardiovascular .cvrm-vid-sec a.right, body.respiratory .cvrm-vid-sec a.right {
    top: 80% !important;
    left: 9em !important;
  }

  .cong-mat .carousel {
    padding-bottom: 5%;
    top: 2em;
  }

  .cong-mat .carousel-inner {
    box-shadow: none !important;
  }

  .cong-mat h2.border, .cong-mat-desc {
    text-align: center;
  }

  .cong-mat .event-mob-list {
    text-align: center;
    padding-left: 5%;
  }

  .p-l-4 {
    padding: unset;
  }

  .br-on {
    display: inline !important;
  }

  .vid-head .border {
    text-align: center;
  }

  .disedu-adj-col .column-2,.disedu-adj-col .column-3, .disedu-adj-col .column-4 {
    display: none;
  }

  .disedu-adj-col .column-1 {
    width: 100%;
  }

  .disedu-adj-col .column-1 .border {
    text-align: center;
  }

  .dis-mob-key {
    text-align: center !important;
  }

  .outer {
    display: flex !important;
    flex-direction: column;
    margin: 2em;
  }

  .inner img {
	  /*width: 35%;*/
    width: 8em;
    height: 100px;
  }

  .inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    margin: 1em 0;
    box-shadow: 5px 15px 17px 6px rgba(206,206,206,0.78);
  }

  .dis-ed-indesc {
    font-size: 12px !important;
    padding-left: 1em;
    text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 3em;
    line-height: 1.5em;
  }

  img.arrow-right-art {
   /* width: 10%;*/
    width: 2em;
    height: 25px;
    padding-right: 1em;
  }

  .dis-t-p {
    text-align: center;
  }

  .disedu-adj .inner h3.border {
    height: unset;
  }

  .dis-ed-lis {
    width: 27em;
    display: flex;
    justify-content: center;
  }

  .cvrm-vid-sec .video.button-mobile .list-item-0 a {
    top: 70% !important;
  }

  .cong-mat .linkList.section {
    width: 70%;
  }


/*cvrm end*/    

/*pages under cvrm*/
  body .dis-pg-art .linkList {
    width: 100% !important;
    margin-left: 0% !important;
  }
/*pages under cvrm ended*/


  .secondlast-col .column-2 .sectionHeading {
    display: none;
  }

  .secondlast-col .column-1 .sectionHeading {
    display: block;
  }

  .acs-link-adj .linkList.section {
    width: 95% !important;
  }

  .view-button-mob li.list-item-0 {
    display: flex;
    justify-content: center;
    padding-top: 2em;
  }

  .bigvid-button a.btn.btn-secondary {
    color: #fff;
    background-color: #830051;
    font-weight: normal;
    width: 4.5em;
    padding-left: 0;
    padding-right: 1em;
    background: linear-gradient(to left, #690041 95%, #830051 30%);
    position: absolute;
    bottom: 0.8em;
    left: 3.5%;
  }
/*newly added done*/


  .link-society .pt-detail-pills .new-image img {
    padding: 0px;
    width: 73px !important;
    height: 73px;
  }

  .pt-over-sec>.page-section-inner.container {
    padding: 0;
  }

  .pt-detail-pills .multi-column-container .col-sm-9.col-xs-12.column-2 {
    width: auto;
    padding: 0;
  }

  .pt-detail-pills .multi-column-container .col-sm-3.col-xs-12.column-1 {
    width: auto;
  }

  .acs-vid-sec .page-section-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .product-link-mob p a.prod-lnk {
    font-size: 14px;
  }

  .diab .component-section.no-style.cardio-therapy {
    background-position: center;
  }

  .component-section.no-style.home-sec {
    background-size: cover !important;
    background-position: right;
  }

  .home-sec .page-section-inner.container {
    padding-top: 100px;
    padding-bottom: 15px;
  }

  .video-col .signup a.btn.btn-secondary {
    float: right;
    margin-top: 0px;
    position: relative !IMPORTANT;
  }
/*.asthma .video-col .signup a.btn.btn-secondary {

    float: left;
}*/
  .video-col .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .sub-video .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .sub-video .signup a.btn.btn-secondary {
    top: 0px !important;
    float: right;
    margin-top: 0px;
    right: 0;
    position: relative !IMPORTANT;
  }

  .patient-access-mob .linkList.section {
    display: inline-block;
    width: 100% !important;
    font-weight: bold;
  }
}

@media screen and (max-width: 991px) {
  .service-col .column-1, .service-col .column-2, .service-col-b .column-1, .service-col-b .column-2 {
    width: 100%;
  }

  .service-col .multi-column-container .column-1, .service-col .multi-column-container .column-2 ,.service-col-b .multi-column-container .column-1, .service-col-b .multi-column-container .column-2 {
    width: 50%;
  }

  .border-edit>.row>.column-2 {
    border-top: none !important;
  }

  .pt-detail-pills .column-1, .pt-detail-pills .column-2 {
    width: auto;
  }

  .link-society   .pt-detail-pills .column-1,.link-society .pt-detail-pills .column-2 {
    width: 100%;
  }

  .pt-detail-ban .page-section-inner.container {
    text-align: center;
  }

  .pt-detail-ban li.breadcrumb-item.vcenter {
    padding: 0;
  }

  .component-section.no-style.search-sec h2.border {
    text-align: center;
  }

  .prod-info-mob {
    display: block;
  }

  .product-accordion .panel-body .columnControl.section .multi-column-container .column-1, .product-accordion .panel-body .columnControl.section .multi-column-container .column-2, .product-accordion .panel-body .columnControl.section .multi-column-container .column-3 {
    border-right: 1px solid #fff;
    padding: 10px 20px 10px 27px;
  }

  .border-left-col .col-sm-6.col-xs-12.column-2 {
    border-left: 1px solid #fff;
  }

  .border-left-col .col-sm-6.col-xs-12.column-1 {
    border-right: none !important;
  }

  .product-accordion .panel-body .columnControl.section .multi-column-container {
    padding: 0 !important;
  }

  .multi-column-container.border-bottom-col {
    border-bottom: 1px solid #fff;
  }

  .border-no-right  .column-1 {
    border-right: none !important;
  }

  .component-section.container.no-style.article-sec-left.article-sec-desk {
    display: block;
    margin: 0 !important;
    width: 100%;
  }

  .home-after-login .article-sec-left.article-sec-desk {
    display: none !important;
  }

  .component-section.container.no-style.article-sec-left.article-sec-desk .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-1 {
    padding-left: 10px;
    padding-top: 24px;
    padding-bottom: 35px;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-2 {
    padding-left: 10px;
    padding-top: 24px;
    padding-bottom: 35px;
  }

  .home-before-login .article-sec-left .page-section-inner {
    width: 100%;
    text-align: center;
  }

  .heart .acs-car .column-1, .heart .acs-car .column-2 {
    width: 100%;
  }

  .diab .oncology-ban .section-blur-layer {
    background-color: rgba(0,0,0,.4) !important;
  }

  .component-section.container.no-style.sub-video {
    width: auto;
  }

  .sub-video .signup a.btn.btn-secondary {
    top: 336px;
  }

  .disease-img .page-section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .disease-img {
    background-color: #FCF9F4;
    width: 100%;
  }

  .congress-sec .page-section-inner.container {
    text-align: center;
  }

  .home-before-login .quicklink-col .sectionContainer.section:first-child {
    display: none;
  }

  .home-before-login .quicklink-col .sectionContainer.section:last-child {
    display: block;
  }

  .article-sec-left-mob .page-section-inner {
    width: 100% !IMPORTANT;
  }

  .register-col .col-sm-6.col-xs-12.column-1 {
    text-align: center;
    padding-top: 0px;
  }

  .register-col .linkList.section {
    width: 90%;
  }

  .lung .register-col .col-sm-6.col-xs-12.column-2 {
    display: block;
  }

  .lung .register-col .linkList.section {
    width: 100%;
  }

  .ovarian .register-col .linkList.section {
    width: 100%;
  }

  .register-col .col-sm-6.col-xs-12.column-2 {
  /*  display: none;*/
    ;
  }

  .ovarian .congress-sec .register-col .col-sm-6.col-xs-12.column-2 {
    display: block;
  }

  .home-sec .text.parbase.section {
    width: 100%;
    text-align: center;
  }

  .component-section.no-style.home-sec {
    background-position: center;
    background-color: white;
    background-repeat: no-repeat;
   /* height: 500px;*/
    ;
  }

  .article-sec-desk {
    display: none;
  }

  .article-desk-right {
    display: none;
  }

  .article-right-col1 .signup a.btn.btn-secondary, .article-right-col2 .signup a.btn.btn-secondary {
    border: none;
  }

  .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    position: absolute;
    top: 100px;
    left: 25px;
  }

  .article-sec-left-mob a.btn.btn-secondary {
    width: 50%;
  }

  .article-sec-left-mob a.btn.btn-secondary {
    width: 50%;
  }

  .article-sec-left-mob .linkList.section {
    text-align: center;
    width: 100%;
  }

  .component-section.container.no-style.article-sec-left.article-sec-left-mob {
    padding-top: 10px;
    margin: 0;
    width: 99.5%;
    padding-left: 0;
    padding-right: 0;
  }

  .quicklink-col .sectionContainer.section:last-child {
    background: none;
  }

  .quicklink-col .col-sm-6.col-xs-12.column-1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .quicklink-col .col-sm-6.col-xs-12.column-2 {
    width: 100%;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-1 {
    width: 48.5%;
    margin: 0;
    height: unset;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-left: 35px;
  }

  .home-after-login .article-mob-right .col-sm-6.col-xs-12.column-1 {
    padding-left: 10px;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-2 {
    width: 48.5%;
    margin: 0;
    height: unset;
    margin-left: 10px;
    margin-bottom: 20px;
  }

  .mob-carousel1 {
    display: block;
  }

  .desk-carousel1 {
    display: none;
  }

  .component-section.no-style.recommend-sec {
    background: linear-gradient(to right, #FCF9F4 100%, #fff 38%);
  }

  .mob-carousel1 h2.border {
    text-align: center;
  }

  .mob-carousel1 .carousel-inner {
    background-color: #fff;
  }

  .mob-carousel1  .item .subHeading.section,.mob-carousel1  .item .text {
    padding: 15px 30px;
    padding-left: 30px;
  }

  .home-before-login .mob-carousel1 .item .subHeading.section,.home-before-login .mob-carousel1 .item .text {
    padding: 4px 16px;
  }

  .component-section.no-style.recommend-sec.mob-carousel1 {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .carousel-mob1 .carousel-indicators li.active a {
    border: none;
    background-color: #830051;
  }

  .carousel-mob1 .carousel-indicators li .carousel-indicator:after {
    border: 1px solid #830051;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
  }

  .carousel-mob1 .carousel-indicators {
    bottom: -4%;
  }

  .carousel-mob1 .carousel-indicators li .carousel-indicator {
    width: 10px;
    height: 10px;
    padding: 0px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 200;
  }

  .carousel-mob1 a.left.carousel-control,.carousel-mob1 a.right.carousel-control {
    display: none;
  }

  .carousel-mob1 .item {
    height: 785px;
  }

  .event-mob {
    display: block;
  }

  .event-desk {
    display: none;
  }

  .event-mob .carousel-inner {
    margin-top: 350px;
    box-shadow: 3px 1px 13px #ccc;
  }

  .event-mob .carousel-inner {
    margin-top: 200px;
 /*changed PO 417px*/
    box-shadow: 3px 1px 13px #ccc;
  }

  .event-sec-home .carousel-inner .item {
    padding: 42px;
   /* height: 473px;*/
    background-color: #fff;
  }

  .component-section.no-style.event-sec-home.event-mob {
    background-size: contain !important;
    height: unset;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: inherit;
  }

  .event-mob a.left.carousel-control {
    left: 42% !IMPORTANT;
    top: 95%;
    display: block !IMPORTANT;
  }

  .event-mob a.right.carousel-control {
    right: 43% !IMPORTANT;
    top: 95%;
    display: block !IMPORTANT;
  }

  .home-after-login .event-mob a.left.carousel-control {
    top: 97%;
  }

  .home-after-login .event-mob a.right.carousel-control {
    top: 97%;
  }

  .event-mob-list .column-2, .event-mob-list .column-1 {
    width: 50%;
  }

  .multi-column-container.news-sec {
    display: none;
  }

  .multi-column-container.news-mob {
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 8px #ccc;
  }

  .news-mob .column-2,.news-mob .column-1 {
    align-self: center;
    padding-left: 0;
  }

  .home-before-login .news-mob .column-2,.home-before-login .news-mob .column-1,.home-after-login .news-mob .column-2,.home-after-login .news-mob .column-1 {
    align-self: center;
    padding-left: 0;
    width: 50%;
  }

  .lung .news-mob .column-2,.lung .news-mob .column-1 {
    width: 50%;
  }

  .onco .news-mob .column-2,.onco .news-mob .column-1 {
    width: 50%;
  }

  .news-mob .row {
    display: flex;
    margin: 0;
  }

  .readmore-sec .page-section-inner.container {
    text-align: center;
  }

  .news-highlight h2.border {
    text-align: center;
  }

  .home-after-login .container.middle-content {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column .row {
    margin: 0;
  }

  .event-mob ol.carousel-indicators.hide-caption {
    display: none;
  }

  .date-col .column-1 {
    width: 180px;
  }

  .multi-column-container.quicklink-col.register-col {
    margin-top: 0px;
  }

  .home-before-login .register-col .signup a.btn.btn-secondary {
    width: 65%;
  }

  .art-col .column-1 .col-sm-6.col-xs-12.column-1, .art-col .column-1 .col-sm-6.col-xs-12.column-2 {
    width: 50%;
  }

  .art-col .column-2 .col-sm-6.col-xs-12.column-1, .art-col .column-2 .col-sm-6.col-xs-12.column-2 {
    width: 50%;
  }

  .art-col .row .col-sm-6.col-xs-12.column-1 {
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .art-col .expand-img-mobile {
    width: 25% !important;
  }

  .home-before-login .readmore-sec .signup a.btn.btn-secondary {
    width: 100%;
  }

  .component-section.no-style.readmore-sec {
    background-position: right;
  }

  .home-before-login .container.middle-content {
    padding: 0;
  }

  .product-info .mob-menu-col .column-2 .newImage.parbase.section:last-child {
    display: none;
  }

  .product-info p.login-register {
    display: none;
  }

  .product-info .search-sec .page-section-inner.container {
    background-color: transparent;
  }

  .product-info .accordion .column-1, .product-info .accordion .column-2,.product-info .accordion .column-3 {
    width: 50%;
    height: 6em;
  }

  .pod-col .item {
    height: 650px;
  }

  .acs-disease .cardio-ban-col .sectionHeading.section {
    position: unset !important;
  }

  p.bread-title {
    top: 0px !important;
  }

  .acs-vid-sec .page-section-inner {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
  }

  .acs .recommend-sec.desk-carousel1.cardio-elearn.product-links {
    background: #E6EBEA !important;
    display: block !IMPORTANT;
  }

  .disease .desk-carousel1.product-links {
    display: block !important;
  }

  .video-col img.new-image-desktop {
    height: 417px;
  }

  .video-col .patient-stories-column img.new-image-desktop {
    height: auto;
  }

  .cardio-sub .panel-action-container.text-right {
    display: none;
  }

  .cardio-sub .accordion-container .accordion-inner-container {
    padding-top: 0px;
  }
}

/* ipad*/

@media screen and (min-width:768px) and (max-width:1023px) {

    /*cvrm
	.event-mob{
    display:none;
        }
        .event-desk{
                display:block;
                background-position:75% !important;
            }

*/
  .cong-mat {
    height: 35em !important;
  }

  .cong-mat .carousel.section {
    width: 60%;
/*changed 55% */
    top: -15em !important;
 /*changed -30em% */
    ;
  }

    /*cvrm end*/

	/*services for you*/

    /*services for you end*/

    /*cvrm*/
  .disedu-adj-col .row {
    display: flex;
  }

  .disedu-adj-col .column-1, .disedu-adj-col .column-2, .disedu-adj-col .column-3, .disedu-adj-col .column-4 {
    width: 25% !important;
    height: 40em !important;
  }

  .disedu-adj-col .column-1 .border {
    font-size: 20px !important;
  }

  .disedu-col .column-1 p {
    font-size: 14px;
  }

  .disedu-adj h3.border {
    height: 10em !important;
    font-size: 16px;
  }

  .disedu-adj .dis-art-maindes {
    height: 15em !important;
  }

  .disedu-adj .dis-art-maindes p {
    line-height: 1.5em;
  }

  .disedu-adj-col .column-2 .mob-hide {
    display: block !important;
  }

  body.cardiovascular .cvrm-vid-sec a.left,  body.respiratory .cvrm-vid-sec a.left {
    top: 50% !important;
    left: -3% !important;
  }

  html body.cardiovascular .cvrm-vid-sec a.right, body.respiratory .cvrm-vid-sec a.right {
    top: 50% !important;
    left: 97.5% !important;
  }

/*cvrm end*/ 
/*stroke*/

  .stroke-vid-sec .bigvid-button a.btn.btn-secondary {
    font-weight: normal;
    width: 70px;
    background: linear-gradient(to left, #690041 100%, #830051 0%);
  }
/*stroke end*/;
}                        

/*ipad end*/

@media (max-width:825px) and (orientation:landscape) {

  .journal-request-listing .desc-content p:nth-child(2) {
    font-size: 12px !important;
  }
}

/*small resolution landscape cvrm*/
@media screen and (min-width:667px) and (max-width:736px) and (orientation: landscape) {
  body.cardiovascular .cvrm-vid-sec a.left, body.respiratory .cvrm-vid-sec a.left {
    top: 50% !important;
    left: 0em !important;
  }

  body.cardiovascular .cvrm-vid-sec a.right, body.respiratory .cvrm-vid-sec a.right {
    top: 50% !important;
    left: 94.5% !important;
  }

  .cvrm-vid-sec .video.button-mobile .list-item-0 a {
    top: 81% !important;
  }

  .dis-edu-adj-col .new-image.dis-mob-key img {
    width: 60% !important;
  }

  .dis-ed-lis {
    width: 50em;
    display: flex;
    justify-content: center;
  }

  .cong-mat .carousel-inner {
    margin-top: 25em !important;
  }

  .cong-mat .carousel-inner .item {
    padding-top: 0 !important;
  }
}

.cong-mat .event-mob-list .column-1 {
  width: 95%;
}                                

/*small resolution landscape cvrm end*/

@media screen and (max-width: 767px) {
  .service-col>.row>.column-1,.service-col-b>.row>.column-2 {
    text-align: center;
  }

  .society-sec h2.border {
    text-align: center;
  }

  .pt-detail-ban .page-section-inner.container ,.support-prog .cardio-therapy .page-section-inner.container {
    margin-top: 150px;
    margin-bottom: 0px;
  }

  .pt-support-col .column-2 .linkList {
    width: 100%;
  }

  .support-prog .breadcrumb-item {
    padding: 0;
  }

  .ckd .reference-prod ol {
    padding-left: 20px;
  }

  .ckd .video-col h2.border, .ckd .video-col p {
    text-align: center;
  }

  .acs.acs .product-links .col-sm-4.col-xs-12.column-2, .acs.acs .col-sm-4.col-xs-12.column-3 {
    display: none;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-1 {
    width: 47%;
    margin: 0;
    height: unset;
    /* margin-right: 10px; */
    margin-bottom: 20px;
    padding-left: 15px;
    float: left;
  }

  .article-mob-right  .signup a.btn.btn-secondary span:before {
    width: 25px;
    background-size: 45% 15px;
  }

  .article-mob-right .col-sm-6.col-xs-12.column-2 {
    width: 47%;
    margin: 0;
    height: unset;
    /* margin-left: 10px; */
    margin-bottom: 20px;
    float: right;
  }

  .multi-column-container.quicklink-col {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-container {
    display: none;
  }

  .quicklink-col .row {
    margin: 0;
  }

  .component-section.container.no-style.news-highlight {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mob-carousel1 ol.carousel-indicators.hide-caption {
    top: auto;
  }

  .article-sec-left-mob a.btn.btn-secondary {
    width: 53%;
  }

  .date-col .column-2 {
    width: 45%;
  }

  .event-mob .signup a.btn.btn-secondary,.event-mob .readmore a.btn.btn-secondary {
    width: 13em;
  }
}

@media screen and (min-width: 768px) {
  .pt-support-col .column-1 {
    align-self: center;
  }

  .pt-support-col .row {
    display: flex;
  }

  .product-links .columnControl.section .multi-column-container {
    border-bottom: 1px solid #fff;
  }

  .multi-column-container.quicklink-col {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .multi-column-container.quicklink-col.register-col {
    width: 100%;
  }

  .video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: 34px;
    top: 373px;
  }

  .renal .video-col .signup a.btn.btn-secondary {
    right: 15px;
    border-top: 1px solid #830051;
  }

  .asthma .video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: auto !important;
    top: 582.5px !important;
  }
/*.severe-asthma .video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: auto !important;
    top: 815px !important;
                border: none;
}*/
  .product-link-mob {
    display: none;
  }
}

@media screen and (max-width: 530px) {
  .carousel-mob1 .item {
    height: 658px;
  }

  .home-before-login  .carousel-mob1 .item {
    height: 582px;
  }

  .pod-col .item {
    height: 500px;
  }
}

@media screen and (min-width: 325px) and (max-width: 400px) {

  .event-mob .carousel-inner .item {
    padding: 17px;
  }

  .event-mob h2.border {
    font-size: 22px;
    line-height: 32px;
  }

  .event-mob p {
    font-size: 16px;
  }

  .event-mob .carousel-inner {
            /*changed PO 147px was*/
    margin-top: 70px;
  }

  .event-mob .carousel-inner .item {
   /* height: 570px;*/
    ;
  }

  .event-mob a.left.carousel-control {
    left: 32% !IMPORTANT;
  }

  .event-mob a.right.carousel-control {
    left: 50% !IMPORTANT;
  }
}

@media screen and (min-width: 401px) and (max-width: 500px) {

  .event-mob .carousel-inner .item {
   /* height: 635px;*/
    padding: 30px;
  }

  .event-mob a.left.carousel-control {
    left: 36% !IMPORTANT;
  }

  .event-mob a.right.carousel-control {
    left: 51% !IMPORTANT;
  }

  .event-mob .carousel-inner {
    margin-top: 70px;
/*changed PO 236px*/
    ;
  }
}

@media screen and (min-width:501px) and (max-width:767px) {
  .news-mob .column-1 {
    width: 30%;
  }

  .news-mob .column-2 {
    width: 70%;
  }

  .breast.cancer .news-mob .column-1 {
    width: 50%;
  }

  .breast.cancer .news-mob img.new-image-mobile {
    height: 245px;
  }

  .breast.cancer .news-mob h3.border {
    margin-top: 0;
    font-size: 14px;
  }

  .breast.cancer  .news-mob .column-2 {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .product-links .product-link-mob .column-1,.product-links .product-link-mob .column-2 {
    padding: 10px 10px !important;
  }

  .anemia .carousel a.left.carousel-control {
    left: -9% !IMPORTANT;
  }

  .anemia .carousel a.right.carousel-control {
    right: -9% !IMPORTANT;
  }

  .home-after-login .readmore-sec .page-section-inner.container {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dis-patient-story .page-section-inner.container {
    width: 92%;
  }

  .onco .news-mob .column-2, .onco .news-mob .column-1 {
    width: 100%;
  }

  .home-before-login .news-mob .column-2, .home-before-login .news-mob .column-1,.home-after-login .news-mob .column-2, .home-after-login .news-mob .column-1 {
    width: 100%;
  }

  .component-section.no-style.home-sec {
    background-position: right;
    background-color: white;
    background-repeat: no-repeat;
    padding-top: 0;
  }

  .home-sec .text.parbase.section {
    padding-top: 0;
  }

  .home-after-login .article-mob-right .col-sm-6.col-xs-12.column-2 {
    padding-left: 5px !important;
  }

  .home-after-login .article-mob-right .col-sm-6.col-xs-12.column-1 {
    padding-left: 5px !important;
  }

  .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    left: 17px;
  }

  .article-sec-left-mob a.btn.btn-secondary {
    width: 53%;
  }

  .news-mob .row {
    display: block;
  }

  .news-mob .column-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .news-mob .column-2 {
    padding-top: 15px;
    padding-left: 15px !important;
    padding-right: 15px;
  }

  .pod-col .item {
    height: 465px;
  }
}

@media screen and (min-width: 501px) and (max-width: 646px) {
  .event-sec-home .carousel-inner .item {
   /* height: 570px;*/
    ;
  }

  .event-mob a.left.carousel-control {
    left: 40% !IMPORTANT;
  }

  .dis-patient-story a.left.carousel-control {
    left: 38% !IMPORTANT;
  }

  .dis-patient-story a.right.carousel-control {
    right: 41% !IMPORTANT;
  }

  .event-mob a.right.carousel-control {
    left: 51% !IMPORTANT;
  }

  .event-mob .carousel-inner {
    margin-top: 273px;
  }

  .event-sec-home.event-mob {
    background-size: contain !important;
    height: 900px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ovarian .news-highlight-section {
    height: 574px !important;
  }

  .lung .news-highlight-section img.new-image-desktop {
    height: 166px !important;
  }

  .component-section.container.no-style.article-sec-left {
    padding-top: 234px;
  }

  .article-right-col1 .column-1, .article-right-col2 .column-2, .article-right-col1 .column-2, .article-right-col2 .column-1 {
    width: 232px;
    height: 226px;
    padding: 25px;
    margin: 5px;
  }

  .home-after-login .article-right-col1 .column-1,.home-after-login .article-right-col2 .column-2,.home-after-login .article-right-col1 .column-2,.home-after-login .article-right-col2 .column-1 {
    width: 232px;
    height: 197px;
    padding: 20px;
    margin: 5px;
  }

  .home-before-login .quicklink-col .sectionContainer.section {
    padding-top: 0 !important;
  }

  .quicklink-col .column-1 {
    margin-top: 5px;
  }

  .event-sec-home .carousel-inner .item {
    /*height: 600px;*/
    ;
  }

  .video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: 34px;
    top: 233px;
  }

  .renal .video-col .signup a.btn.btn-secondary {
    right: 15px;
  }

  .asthma .video-col .signup a.btn.btn-secondary {
    top: 467px !important;
  }

  .severe-asthma .video-col .signup a.btn.btn-secondary {
    top: 728px !important;
  }
}

@media screen and (min-width: 992px) {
  .service-col .row, .service-col-b .row {
    display: flex;
  }

  .service-col .column-1, .service-col .column-2 ,.service-col-b .column-1, .service-col-b .column-2 {
    align-self: center;
  }

  .support-prog .cardio-ban-col .column-1 {
    width: 50%;
  }

  .support-prog .cardio-ban-col .column-2 {
    width: 40%;
  }

  .cardio-therapy .cent-width .section-blur-layer {
    background-color: transparent !important;
  }

  .cent-width {
    padding: 20px;
    color: #ffffff !important;
  }

  .cent-width p {
    color: #ffffff !important;
  }

  .prod-info-mob {
    display: none;
  }

  .prod-info-desk {
    display: block;
  }

  .patient-prog-col .row {
    display: flex;
  }

  .patient-prog-col .column-1 {
    align-self: center;
  }

  .diabetes .onco-elearn .row {
    display: flex;
  }

  .diabetes .onco-elearn .column-2 {
    align-self: center;
  }

  .ovarian .news-highlight-section span.fa.fa-chevron-right {
    position: unset;
  }

  .news-highlight-section span.fa.fa-chevron-right {
    position: absolute;
    /* display: inline-flex; */
    bottom: 32px;
  }

  .asthma .news-highlight-section span.fa.fa-chevron-right {
    position: inherit;
    /* display: inline-flex; */
    bottom: 32px;
  }

  .diab .news-highlight-section span.fa.fa-chevron-right {
   /* position: unset !Important;*/
    bottom: 20px;
  }

  .news-highlight-section .page-section-inner {
    height: inherit;
  }

  .lung .cardio-ban-col .column-2 .column-2,.ovarian-cancer .cardio-ban-col .column-2 .column-2 {
    align-self: auto !important;
  }

  .dis-ban .cardio-ban-col .column-2 .column-2,.lung.cancer .cardio-ban-col .column-2 .column-2,.ovarian-cancer .cardio-ban-col .column-2 .column-2 {
    padding-left: 0 !important;
  }

  .dis-ban .cardio-ban-col .column-2 .column-3,.lung.cancer .cardio-ban-col .column-2 .column-3,.ovarian-cancer .cardio-ban-col .column-2 .column-3 {
    padding-right: 0px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0px;
  }

  .dis-ban .cardio-ban-col .column-2 .column-1,.lung.cancer .cardio-ban-col .column-2 .column-1,.ovarian-cancer .cardio-ban-col .column-2 .column-1 {
    padding-left: 0px !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0px;
    border-right: 1px solid #fff;
  }
               /*  .dis-ban   p.bread-title, .lung.cancer   p.bread-title {
    position: relative;
    top: 210px !important;
}

.dis-ban .component-section.container.no-style.box-link-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}*/

  div#popup-template .modal-dialog.modal-md {
    width: 65%;
  }

  .component-section.container.no-style.sub-video {
    width: 844px;
  }

  .multi-column-container.quicklink-col {
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .cardio-2-sec .multi-column-container.quicklink-col,.congress-sec .multi-column-container.quicklink-col {
    width: auto;
  }

  .component-section.container.no-style.article-sec-left.article-sec-left-mob {
    display: none;
  }

  .article-mob-right {
    display: none;
  }

  .col-4-home .column-2, .col-4-home .column-3, .col-4-home .column-4 {
    background-color: #fff;
    box-shadow: 1px 1px 5px #cccccc;
    padding: 0;
    margin-left: 6px;
    margin-right: 6px;
    width: 24%;
  }

  .cardio-elearn .col-4-home .column-1,.cardio-elearn .col-4-home .column-2,.cardio-elearn .col-4-home .column-3 {
    background-color: #fff;
    box-shadow: 1px 1px 5px #cccccc;
    padding: 0;
    margin-left: 6px;
    margin-right: 6px;
    width: 24%;
  }

  .cardio-elearn .column-4 {
    width: 24% !important;
    padding-left: 15px !Important;
    padding-right: 15px !Important;
    margin: 0!important;
    background: none;
    box-shadow: none;
  }

  .cardio-elearn .column-1 .text.parbase.section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .col-4-home .column-1 {
    width: 24%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .carousel .col-sm-4.col-xs-12.column-1 {
    width: 40%;
  }

  .home-before-login .carousel .col-sm-4.col-xs-12.column-1 {
    width: 45%;
  }

  .carousel .col-sm-4.col-xs-12.column-2 {
    width: 45%;
  }

  .event-main-col .col-sm-6.col-xs-12.column-1 {
    width: 45%;
  }

  .event-mob {
    display: none;
  }

  .event-desk {
    display: block;
  }

  .multi-column-container.news-mob {
    display: none;
  }

  .news-mob .row {
    margin: 0;
  }

  .register-col .column-2, .register-col .column-1 {
    align-self: center;
  }

  .register-col .row {
    display: flex;
  }

  .art-col .col-sm-6.col-xs-12.column-2, .art-col .col-sm-6.col-xs-12.column-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .art-col .columnControl.section {
    border-bottom: 1px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
    height: 160px;
  }

  .art-col .row {
    margin: 0;
    display: flex;
  }

  .art-col .column-1 .columnControl.section:last-child, .art-col .column-2 .columnControl.section:last-child {
    border: none;
  }

  .acs-vid-sec .page-section-inner {
    padding-left: 65px;
    padding-right: 65px;
  }

  .acs-car .column-2 {
    width: 46%;
  }

  .dis-patient-story .acs-car .column-2 {
    width: 49%;
  }

  .dis-patient-story a.left.carousel-control {
    left: -5% !IMPORTANT;
  }

  .dis-patient-story a.right.carousel-control {
    right: -5% !IMPORTANT;
  }
          /*  .dis-patient-story .carousel-inner {
    height: 451px !IMPORTANT;
}*/
/*.breast-cancer .component-section.no-style.acs-disease {
    background-size: 65% 500px !important;
    height: 500px !important;
}*/
  .breast.cancer .cardio-2-sec .page-section-inner.container {
    padding: 0;
    width: 90%;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1576px) {
  .component-section.no-style.cardio-therapy {
    height: unset;
  }
}

@media screen and (min-width: 1200px) {
  .severe-asthma .video-col .signup a.btn.btn-secondary {
    position: relative;
    right: auto !important;
    top: auto !important;
    bottom: 67px !important;
  }

  .multi-column-container.quicklink-col {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home-before-login .multi-column-container.quicklink-col {
    width: 1170px;
  }
}
/*Product info starts*/
.product-info .container.middle-content {
  padding-left: 0;
  padding-right: 0;
}

.search-sec .page-section-inner.container {
  padding: 0;
  background-color: #FCF9F4;
}

.component-section.no-style.accor-sec {
  background-color: #FCF9F4;
  padding-top: 0;
  padding-bottom: 70px;
  border-bottom: 1px solid #AFAEAE;
}

.product-info .component-section.no-style.accor-sec {
  z-index: 1;
}

.prod-info-sec h2.border {
  color: #ffffff;
  letter-spacing: 0.9px;
}

.product-info .input-group.search-container {
  border: 1px solid #AFAEAE;
}

.search-sec .page-section-inner.container {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #FCF9F4;
  padding-bottom: 30px;
  padding-top: 10px;
}

.component-section.no-style.prod-info-sec {
  background-position: center;
}

.prod-info-sec .page-section-inner.container {
  padding-top: 150px;
  padding-bottom: 50px;
}

.product-accordion .az-panel-heading a:hover,.product-accordion .az-panel-heading a:focus {
  text-decoration: none;
  outline: none;
}

.product-accordion a.collapse-panel-heading {
  font-size: 26px;
  line-height: 40px;
  font-weight: normal;
  font-style: normal;
  padding-left: 10px;
}

.product-accordion .fa-chevron-down:before {
  width: 35px;
  height: 60px;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-white.png);
  background-repeat: no-repeat;
  background-size: 35% 20px;
  display: inline-block;
    /* padding: 45px; */
    /* margin: auto 0; */
  background-position: right;
}

.product-accordion .fa-chevron-up:before {
  width: 39px;
  height: 60px;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-down-reg.png);
  background-repeat: no-repeat;
  background-size: 44% 13px;
  display: inline-block;
    /* padding: 45px; */
    /* margin: auto 0; */
  background-position: right;
}

.product-accordion .panel-heading.az-panel-heading {
  padding-right: 0;
}

.product-accordion span.fa.pull-right {
  width: 60px;
  height: 60px;
  background-color: #830051;
  margin-top: -10px;
}

.product-accordion .panel-group .panel.panel-default.az-accordion-panel {
  margin-bottom: 20px;
  margin-top: 20px;
  border: none;
  box-shadow: -24px 1px 6px #ccc;
  background-color: #fff;
}

.product-accordion .accordion-group.panel {
  background-color: transparent;
  border-bottom: none;
}

.product-accordion .accordion-inner-container .panel-group {
  border-top: none;
}

.product-accordion .panel-body {
  background: #E6EBEA;
}

.product-accordion .panel-body .text.parbase.section p,.product-accordion .panel-body .text.parbase.section h3 {
  color: #fff;
    /* font-weight: normal; */
  font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.product-accordion .panel-body .columnControl.section .multi-column-container {
  background-color: #9AB1AC;
  padding: 10px 20px 10px 20px;
}
/*Product info ends*/
/*therapy starts*/
.video-col .video-play-icon:hover {
  opacity: 1;
}

.video-col .video-play-icon {
  background-color: transparent !important;
  opacity: 0.8;
}

.video-col span.fa.fa-play:hover {
  background-color: #830051;
}

.video-col span.fa.fa-play {
  color: #fff;
  border: 2px solid #fff;
  padding: 13px;
  border-top: 1px solid;
  font-size: 11px;
}

.cardio-ban-col .column-2 .column-1 {
  padding-left: 0px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  border-right: 1px solid #fff;
}

.acs-disease .page-section-inner.container {
  padding-top: 100px;
}
/*.cardio-ban-col .sectionHeading.section {
    position: absolute;
    bottom: 30px;
}*/


p.bread-title {
  color: #fff;
  font-style: italic;
  background: #830051;
  display: inline-block;
    /*position: relative;*/
  padding: 5px 15px;
    /*top: 126px;*/
  ;
}
/*.cardio-ban-col .breadcrumb.section {
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;            
}*/
.cardio-ban-col .column-2 .column-2 {
  padding-left: 0px;
  padding-right: 0;
  box-shadow: none;
}

.box-link-sec {
  padding-left: 30px;
  padding-right: 49px;
}

.acs .box-link-sec {
  padding-left: 30px;
  padding-right: 30px;
}

.component-section.container.no-style.box-link-sec.second-link {
  border-top: 1px solid #fff;
}

.box-link-sec.first-link {
  padding-bottom: 50px;
}

.cardio-ban-col .column-2 .column-3 {
  padding-right: 0px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
  border-left: 1px solid #fff;
}

.ta-over-sec .page-section-inner.container {
  padding-top: 150px;
  padding-bottom: 50px;
}

.ta-over-sec h2.border {
  color: #ffffff;
  letter-spacing: 0.9px;
}

.component-section.no-style.ta-over-sec {
  background-position: right;
}

.cardio-therapy h2.border, .cardio-therapy h3.border {
  color: #fff;
}

.cardio-ban-col .column-2 {
  background-color: #830051;
  align-self: center;
  box-shadow: 19px 8px 15px -9px #ccc;
}

.cardio-ban-col .row {
  display: flex;
}

.component-section.no-style.cardio-therapy,.component-section.no-style.acs-disease {
  background-size: 65% 602px !important;
    /*height: 602px;*/
  background-repeat: no-repeat;
  background-color: #FCF9F4;
}

/*.breast-cancer .acs-disease .page-section-inner.container {
    padding-top: 30px !important;
}*/
.component-section.no-style.cardio-2-sec {
  background-color: #FCF9F4;
}

.cardio-news .signup a.btn.btn-secondary {
  float: right;
}

.cardio-news {
  background: #fff;
}

.right-icon .fa-chevron-right:before {
  content: "\f054" !important;
  color: #830051;
  border: 1px solid #830051;
  padding: 15px;
  border-top: 1px solid;
  font-size: 12px;
  font-weight: 100;
  border-left: 2px solid;
  border-top: 2px solid;
  width: unset !important;
  height: unset !important;
}

.lung .video-col .right-icon .fa-chevron-right:hover:before {
  border-color: #830051 !important;
}

.cardio-elearn {
  background: linear-gradient(to left,#FCF9F4 44% ,#fff 15%) !important;
    /* width: 75px; */
  ;
}

.cardio .col-3-home .signup a.btn.btn-secondary {
  float: left;
}

.watch-listen h2.border {
  width: 50%;
}

.diab .watch-listen h2.border {
  width: 100%;
}

.ta-col1 .column-1 {
  height: 330px;
  padding: 0;
  background-color: #830051;
  margin-right: 20px;
  width: 64.5%;
  margin-bottom: 25px;
  box-shadow: 1px 1px 14px #ccc;
}

.ta-col1 .column-2 {
  display: none;
  height: 330px;
  padding: 0;
  box-shadow: 1px 1px 14px #ccc;
}

.ta-col3 .column-1,.ta-col2 .column-2,.ta-col3 .column-2,.ta-col2 .column-1 {
  padding: 0;
  box-shadow: 1px 1px 14px #ccc;
}

.ta-col2 .column-1 {
  margin-right: 21px;
  width: 58.33%;
  margin-bottom: 25px;
}

.ta-col2 .column-2 {
  width: 39.5%;
}

.ta-col3 .column-1 {
  margin-right: 21px;
  width: 39.5%;
  margin-bottom: 25px;
}

.component-section.container.no-style.ta-sec1 {
  height: 330px;
  width: 100%;
  background-position: top;
}

.ta-sec1 .page-section-inner {
  width: 230px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}

.therapy-overview .container.middle-content {
  padding-top: 100px;
  padding-bottom: 80px;
}

.ta-col1 h2 {
  color: #fff;
}

.ta-col1 p {
  color: #fff;
}

.ta-col1 .column-1 .text.parbase.section {
  padding: 120px 60px;
}

.ta-sec1 .text.parbase.section {
  text-align: center;
  padding-top: 10px;
}

.ta-sec1 .linkList {
  padding-bottom: 20px;
  text-align: center;
  display: block;
  width: 100%;
}

.therapy-overview footer {
  border-top: 1px solid;
  padding-top: 20px;
}

.component-section.no-style.recommend-sec.desk-carousel1.cardio-news {
  background: #fff;
}

.component-section.no-style.reference-prod {
  width: 88%;
  margin: auto;
}

.component-section.no-style.reference-prod {
  background-color: #FCF9F4;
}

.reference-prod .page-section-inner.container {
  width: 90%;
  margin-top: 30px;
  margin-bottom: 50px;
}

.reference-prod p {
  font-size: 14px;
}

@media screen and (min-width:992px) {
  .component-section.no-style.search-sec {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .video .row.resource-list-holder.resource-list-populated {
    padding-top: 6%!important;
  }

  .video .margin-top-30 {
    padding-top: 3.2%!important;
  }

  .service-col-b .column-2 {
    margin-left: 5%!important;
  }

  .services .services-sec2,.services .services-sec1 {
    padding: 40px 0px 56px!important;
  }

  .home-after-login .article-right-col1 .signup a.btn.btn-secondary, .home-after-login .article-right-col2 .signup a.btn.btn-secondary,   .home-before-login .article-right-col1 .signup a.btn.btn-secondary, .home-before-login .article-right-col2 .signup a.btn.btn-secondary {
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    bottom: 10px;
  }

  .diab .component-section.container.no-style.news-highlight-section {
    height: 406px;
  }

  .home-before-login   .col-4-home p, .home-after-login   .col-4-home p {
    line-height: 24px;
  }

  .component-section.no-style.home-sec {
    padding-top: 40px;
    padding-bottom: 40px;
    /*background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/home-banner-after.jpg) !important;*/
    ;
  }

  .asthma-parent {
    width: 85%;
    margin: auto;
  }

  .news-asthma .subHeading.section, .news-asthma .text.parbase {
    padding-left: 20px;
    padding-right: 20px;
  }

  .asthma-parent .page-section-inner.container,.news-asthma .page-section-inner.container {
    width: 100%;
  }

  .news-asthma {
    box-shadow: 1px 1px 5px #ccc;
    width: 100%;
  }

  .component-section.no-style.cardio-therapy {
  /*  background-size: 65% 100% !important;
    height: unset;*/
    background-size: 65% !important;
    background-repeat: no-repeat;
    padding: 0;
    background-position-y: center;
  } 
 /*.component-section.no-style.cardio-therapy.acs-disease.dis-ban {
    background-size: 65%  !important;
    height: unset;
    background-repeat: no-repeat;  background-position: left;
} */
  .component-section.no-style.cardio-therapy.dis-ban {
    background-size: 65% 100% !important;
    height: unset;
    background-repeat: no-repeat;
    background-position: left;
  }

  .component-section.no-style.cardio-therapy.dis-ban.face-ban {
    background-size: 65% 100% !important;
  }

  .asthma .component-section.no-style.cardio-therapy {
    background-size: 65% 100%!important;
    height: unset;
    background-repeat: no-repeat;
  }

  .ovarian-cancer .news-highlight-section p.right-icon {
    position: absolute !important;
    bottom: 7px;
  }

  .acs.acs .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section,    .renal .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section {
    padding-top: 31px;
    padding-bottom: 30px;
  }

  .news-diab .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section {
    padding: 0 !IMPORTANT;
  }

  .acs.acs .news-highlight-section {
    height: 404px;
  }

  .renal .news-highlight-section {
    height: 425px;
  }

  .five-box .box-link-sec .page-section-inner {
    height: 110px;
  }

  .five-box .cardio-ban-col .column-2 .column-3 {
    border-left: none;
  }

  .dis-ban .cardio-ban-col .column-2 .column-2 {
    border-right: 1px solid #fff;
  }

  .dis-ban .four-col .column-2 .column-2 {
    border-right: none;
  }

  .lung .news-highlight-section {
    height: 497px;
  }

  .lung .news-highlight-section img.new-image-desktop {
    height: 213px;
  }

  .height-news .news-highlight-section img.new-image-desktop {
    height: 260px;
  }

  .height-news .news-highlight-section {
    height: 533px;
  }

  .video-col .columnControl.section {
    margin-top: 40px;
  }

  .cardio-2-sec .accordion.section {
    display: none;
  }

  .cardio-news .col-3-home .column-1 .text,.cardio-news .col-3-home .column-1 .subHeading.section, .col-3-home .column-2 .subHeading.section, .col-3-home .column-2 .text, .col-3-home .column-2 .linkList, .col-3-home .column-3 .subHeading, .col-3-home .column-3 .linkList, .col-3-home .column-3 .text {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }

  .col-3-home .column-2 .linkList a.btn.btn-secondary, .col-3-home .column-3 .linkList a.btn.btn-secondary {
    padding-left: 0;
  }

  .cardio-2-sec .multi-column-container.quicklink-col.register-col {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .breast.cancer .register-col .column-2, .breast.cancer .register-col .column-1 {
    align-self: unset;
    padding: 0px;
    padding-right: 20px;
  }

  .ovarian .register-col .column-1 {
    align-self: center !important;
  }

  .breast.cancer .register-col .column-2 {
    padding-top: 30px;
  }

  .disease-img {
    width: 90%;
    background-color: #FCF9F4;
    margin-top: 40px;
  }

  .disease-img .page-section-inner {
    width: 80%;
    margin: auto;
    padding-top: 50px;
  }

  .ovarian .disease-img .page-section-inner, .ovarian .congress-sec .page-section-inner {
    width: 80%;
    margin: auto;
    padding-top: 0px;
  }

  .breast.cancer .product-links {
    background: linear-gradient(to left,#E6EBEA 80% ,#fff 15%) !important;
    /* width: 75px; */
    margin-top: 40px;
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 991px) {
  .prod-info-sec .page-section-inner.container {
    text-align: center;
  }

  .pt-support-col p.sub-txt:nth-child(2) {
    display: none;
  }

  .prod-info-desk {
    display: none;
  }

  .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links {
    display: block !important;
  }

  .new-pod {
    display: block;
  }

  .home-before-login .readmore-sec .linkList.section {
    display: inline-block;
    width: 49%;
    font-weight: bold;
  }

  .dis-carousel .page-section-inner.container {
    width: 95%;
  }

  .dis-patient-story .acs-car .column-2, .dis-patient-story .acs-car .column-1 {
    align-self: center;
    width: 100%;
  }

  .dis-patient-story a.left.carousel-control {
    left: 42% !IMPORTANT;
    top: 97%;
    display: block !IMPORTANT;
  }

  .dis-patient-story a.right.carousel-control {
    right: 42% !IMPORTANT;
    top: 97%;
    display: block !IMPORTANT;
  }

  .dis-patient-story .acs-car .column-2 .subHeading.section,.dis-patient-story .acs-car .column-2 .linkList.section,.dis-patient-story .acs-car .column-2 .text {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dis-patient-story .acs-car .row {
    display: block;
  }

  .dis-carousel .carousel-prod .page-section-inner.container {
    width: 95%;
  }

  .ovarian .disease-img h2.border, .ovarian .disease-img .text {
    text-align: center;
  }

  .heart .acs-car .carousel .carousel-control.left {
    top: 98.5%;
  }

  .heart .acs-car .carousel .carousel-control.right {
    top: 98.5%;
  }

  .carousel-control .fa.fa-chevron-left, .carousel-control .fa.fa-chevron-right {
    display: table-cell;
    vertical-align: middle;
    padding-right: 3px;
    background-color: #830051;
    text-align: end;
    padding: 9px 6px 0px 11px;
  }

  .acs .carousel .carousel-control.left {
    left: 42% !important;
    display: block;
    top: 96%;
  }

  .acs .carousel .carousel-control.right {
    right: 42% !important;
    display: block;
    top: 96%;
  }

  .acs-car .column-2 .subHeading.section, .acs-car .column-2 .linkList.section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heart .acs-car .column-2 .text.parbase.section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text.parbase.section
  .acs-car .column-2 .linkList.section  a.btn.btn-secondary {
    padding-left: 0 !IMPORTANT;
  }

  .acs .component-section.no-style.cardio-therapy .section-blur-layer {
    background-color: rgba(0,0,0,0.4) !important;
  }

  .respi .patient-access-mob h3.border {
    text-align: center;
  }

  .onco .patient-access-mob h3.border {
    font-size: 18px !important;
    text-align: center;
  }

  .breast.cancer .component-section.no-style.recommend-sec.product-links {
    BACKGROUND: linear-gradient(to right, #E6EBE9 100%, #fff 38%) !important;
    margin-top: 40px;
    padding-bottom: 70px;
  }

  .patient-access-mob .column-2 .linkList.section {
    text-align: left !IMPORTANT;
    padding-left: 15px;
  }

  .patient-access-mob .column-2 .linkList.section     h3 {
    color: #830051;
    font-size: 14px;
  }

  .patient-access-mob .column-2 .linkList.section   a.btn.btn-secondary {
    border: none !IMPORTANT;
    padding: 0 !IMPORTANT;
    font-size: 18px !IMPORTANT;
    color: #333333 !IMPORTANT;
    font-style: normal;
    font-weight: normal !IMPORTANT;
  }

  .news-highlight-mob h2.border, .news-highlight-mob .linkList {
    text-align: center;
    width: 100%;
  }

  .ta-col1 .column-1, .ta-col1 .column-2, .ta-col2 .column-1, .ta-col2 .column-2, .ta-col3 .column-1, .ta-col3 .column-2 {
    width: 100%;
  }

  .therapy-overview .container.middle-content {
    padding-top: 40px;
  }

  .ta-col1 .column-1 .text.parbase.section {
    padding: 100px 60px;
  }

  .component-section.container.no-style.ta-sec1 {
    padding-left: 0;
  }

  .ta-col1 .column-1, .ta-col2 .column-1, .ta-col3 .column-1 {
    margin-top: 25px;
  }

  .component-section.no-style.cardio-therapy.cardio-ban {
    width: 100%;
    background-size: cover !IMPORTANT;
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/therapeutic-area/desktop/cvrm/cvrmbanner-desk.jpg") !important;
  }

  .component-section.no-style.cardio-therapy {
    width: 100%;
    background-size: cover !IMPORTANT;
  }

  .lung .component-section.no-style.cardio-therapy {
    background-position: center;
  }

  .cardio-therapy .page-section-inner.container {
    text-align: center;
    margin-top: 374px;
    letter-spacing: 1px;
  }

  .acs-disease .page-section-inner.container {
    padding-top: 100px;
    margin-top: 275px;
  }

  .acs-disease .cardio-ban-col .text.parbase.section {
    text-align: -webkit-center;
  }

  .cardio-ban-col .column-1 {
    width: 100%;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }

  .cardio-ban-col .sectionHeading.section {
    position: unset;
  }

  .cardio-ban-col .breadcrumb.section {
    position: unset;
  }

  .cardio-ban-col .column-2 {
    display: none;
  }

  .cardio-sub .panel-collapse {
    background-color: #fff !important;
    z-index: 100;
    position: absolute;
    width: calc(100% - 32px);
    box-shadow: 1px 1px 5px #ccc;
  }

  .cardio-sub .panel-body {
    background: #fff;
  }

  .cardio-sub .linked-list li {
    border-bottom: 1px solid #ccc;
  }

  .cardio-sub .linked-list li:last-child {
    border-bottom: none !important;
  }

  .cardio-sub .panel-body {
    background: #fff;
    padding-left: 35px;
    padding-right: 35px;
  }

  .cardio-sub    .linkList.section {
    width: 100%;
  }

  .disease .cardio-sub .panel-heading.az-panel-heading {
    background-color: #9AB1AC;
  }

  .disease .product-accordion span.fa.pull-right {
    background-color: #9AB1AC;
  }

  .cardio-sub a.collapse-panel-heading {
    font-size: 20px;
    font-style: italic;
    color: #fff;
  }

  .cardio-sub .panel-heading.az-panel-heading {
    background-color: #830051;
  }

  .cardio-sub i {
    color: #830051;
    font-weight: bold;
  }

  .cardio-sub .fa-chevron-down:before {
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-down-reg.png);
    width: 43px;
    background-size: 43% 11px;
  }

  .cardio-sub .fa-chevron-up:before {
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-up.png);
    width: 43px;
    background-size: 43% 10px;
  }

  .cardio-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/stage.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  .disease .cardio-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/reading-lt.png);
  }

  .cardio-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/key-lt.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  .disease .cardio-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/news-mg-lt.png);
  }

  .cardio-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  .disease .cardio-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/stage.png);
  }

  .asthma .cardio-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png);
  }

  /*.asthma .cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {*/
  /*  content: "";*/
  /*  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;*/
  /*}*/

  .cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/reading-lt.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  .disease .cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/key-lt.png);
    top: 8px;
  }

  .acs.disease .cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png);
    top: 8px;
  }

  .cardio-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  .lung .cardio-sub .list-item-5 a.action-link.icon-right span.link-txt:before,.ovarian .cardio-sub .list-item-5 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png);
    width: 40px;
    height: 26px;
    display: inline-block;
    background-size: 60% 25px;
    background-repeat: no-repeat;
    position: relative;
    top: 8px;
  }

  /*.asthma .cardio-sub .list-item-4 a.action-link.icon-right span.link-txt:before,.acs.acs .cardio-sub .list-item-4 a.action-link.icon-right span.link-txt:before {*/
  /*  content: "";*/
  /*  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png);*/
  /*}*/

  .disease .cardio-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png);
  }

  .cardio-sub    span.vcenter.link-txt {
    font-size: 16px;
    font-style: italic;
    white-space: nowrap;
  }

  .patient-access-mob .page-section-inner {
    width: 85%;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
    /* text-align: center; */
    ;
  }

  .component-section.container.no-style.desk-hide.patient-access-mob {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background-color: #FCF9F4;
  }

  .patient-access-mob .page-section-inner .sectionHeading.section, .patient-access-mob .page-section-inner .text, .patient-access-mob .page-section-inner .linkList {
    text-align: center;
  }

  .patient-access-mob .multi-column-container.news-mob {
    background-color: #fff;
  }

  .watch-listen h2.border {
    width: 100%;
    text-align: center;
  }

  .video-col .column-1, .video-col .column-2 {
    width: 100%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }

/*.video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: 34px;
    top: 350px;
}*/

  .renal .video-col .signup a.btn.btn-secondary {
    right: 15px;
  }
  /*     .asthma .video-col .signup a.btn.btn-secondary {
    right: 40px;
    top: 400px !important;
}*/

/*.breast-cancer .component-section.no-style.acs-disease {

    background-image: url(/content/dam/open-digital/malaysia-hcp/en/images/desktop/breast-ban.jpg) !important;
        background-position: center;
}*/
  .azcare .column-2 {
    display: block !important;
  }

  .dis-ban .page-section-inner.container {
    padding-top: 30px !important;
  }

  .dis-ban {
    background-position: center;
  }
}

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

    /*services page*/
  .deskk-on {
    display: none;
  }

  .mob-non {
    display: block;
  }

  .serv-pat-col-2 .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .services .services-sec2 .serv-pat-1 .row {
    display: block;
  }

  .mob-sp {
    display: block;
  }

  .services .serv-col-1 .column-1, .services .serv-col-1 .column-2, .services .serv-col-1 .column-3, .services .serv-col-2 .column-1, .services .serv-col-2 .column-2, .services .serv-col-2 .column-3 {
    width: 33%;
    height: 11.5em;
  }

  .services .serv-col-1 h3, .services .serv-col-2 h3 {
    font-size: 16px;
  }

  .mob-pb-15 {
    padding-bottom: 15%;
  }

    /*services page done*/


  .anemia a.right.carousel-control {
    right: -4.5% !IMPORTANT;
  }

  .anemia .carousel-control .fa.fa-chevron-left, .anemia .carousel-control .fa.fa-chevron-right {
    padding: 5px 1px 0px 6px;
  }

  .anemia a.left.carousel-control {
    left: -4% !IMPORTANT;
  }

  .anemia .carousel span.fa.fa-chevron-right:before,.anemia .carousel span.fa.fa-chevron-left:before {
    height: 20px;
  }

  .home-before-login .readmore-sec .page-section-inner.container {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .dis-carousel .page-section-inner.container {
    width: 100%;
    padding: 0;
  }

  .home-before-login  .mob-carousel1 ol.carousel-indicators.hide-caption {
    display: block !important;
  }

  ol.carousel-indicators.hide-caption {
    display: none !important;
  }

  .home-after-login .mob-carousel1 ol.carousel-indicators.hide-caption {
    display: block !important;
  }

  .carousel .carousel-control {
    display: block;
  }

  .dis-carousel  .carousel-prod .page-section-inner.container {
    width: 90%;
  }

  .acs .breadcrumb-item .breadcrumb-txt {
    position: relative;
    top: 50%;
    transform: translateY(-14%);
    display: block;
  }

  .acs .breadcrumb-item a {
    height: 15px;
  }

  .acs  .cardio-therapy h2.border {
    font-size: 20px;
    margin: 0;
  }

  .component-section.no-style.ta-over-sec {
    background-position: center;
  }

  .therapeutic-area .ta-over-sec {
    background-size: 100% 100% !important;
  }

  .therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 150px !important;
  }

  .ta-over-sec .page-section-inner.container {
    text-align: center;
  }

  .multi-column-container.ta-col1,.multi-column-container.ta-col2,.multi-column-container.ta-col3 {
    width: 92%;
    margin: auto;
  }

  .news-highlight-mob {
    padding-left: 15px;
    padding-right: 15px;
  }
}   
/*therapy-banner starts*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .img-height .column-2 img.new-image-desktop {
    height: 154px;
  }

  .acs.acs .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section {
    padding-top: 38px;
    padding-bottom: 12px;
  }

  .renal .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section {
    padding-bottom: 23px;
  }

  .acs.acs p.bread-title {
    top: 182px !IMPORTANT;
  }

  .ovarian .news-highlight-section .new-image .new-image-desktop {
    display: inline-block;
    height: 280px;
  }

  .heart .congress-sec .carousel .carousel-control.left {
    left: -4% !important;
  }

  .heart .congress-sec .carousel .carousel-control.right {
    right: -4% !important;
  }

  .acs .cardio-ban-col h2.border {
    /*font-size: 21px;*/
    ;
  }

  .component-section.no-style.cardio-therapy {
    background-size: 65% 100% !important;
    height: unset;
    background-repeat: no-repeat;
  }

  .acs.disease .component-section.no-style.cardio-therapy {
    background-size: 65% 100% !important;
  }

  .asthma.disease .component-section.no-style.cardio-therapy {
    background-size: 65% 100% !important;
  }

  .cardio-therapy .section-blur-layer {
    background-color: rgba(0,0,0,.4) !important;
    width: 65%;
  }

  .breast.cancer .acs-disease .section-blur-layer {
    width: 65%;
  }

  .cardio-therapy .page-section-inner.container {
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .video-col img.new-image-desktop {
    height: 300px;
  }

  .asthma .video-col img.new-image-desktop {
    height: unset;
  }

  .heart .video-col img.new-image-desktop {
    height: unset;
  }
}

.heart .component-section.no-style.congress-sec {
  padding-bottom: 70px;
}

@media screen and (min-width:992px) and (max-width:1999px) {
  .cardio-therapy .page-section-inner.container {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .home-before-login .multi-column-container.col-4-home .column-2, .home-before-login .multi-column-container.col-4-home .column-3, .home-before-login .multi-column-container.col-4-home .column-4,
.home-after-login .multi-column-container.col-4-home .column-2, .home-after-login .multi-column-container.col-4-home .column-3, .home-after-login .multi-column-container.col-4-home .column-4 {
    height: 500px;
  }

  .home-before-login .col-4-home  .play-icon a.icon-alone, .home-after-login .col-4-home  .play-icon a.icon-alone {
    position: absolute;
    bottom: 20px;
  }

  .new-pod .row {
    display: flex;
  }

  .new-pod .row .column-1 {
    align-self: center;
  }

  .home-before-login .news-highlight-section, .home-after-login .news-highlight-section {
    width: 100%;
    padding: 0;
    box-shadow: 1px 1px 5px #ccc;
    height: 520px;
  }

  .home-before-login .news-highlight-section   h3.border,.home-after-login .news-highlight-section   h3.border {
    margin-top: 0;
  }
}

@media screen and (min-width:1200px) {
  .prod-info-sec .page-section-inner.container {
    padding-top: 300px;
    padding-bottom: 100px;
  }

  .anemia a.left.carousel-control {
    left: -4.5% !IMPORTANT;
  }

  .anemia a.right.carousel-control {
    right: -4.5% !IMPORTANT;
  }

  .multi-column-container.quicklink-col.register-col {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .disease-img .columnControl .row {
    display: flex;
  }

  .disease-img .column-2 {
    align-self: center;
  }

  .disease-img .column-2 h2 {
    line-height: 1.5;
  }

  .cardio-therapy .section-blur-layer {
    background-color: rgba(0,0,0,.4) !important;
    width: 65%;
  }

  .severe-asthma .dis-ban>.section-blur-layer {
    background-color: rgba(0,0,0,0.4) !important;
    width: 65%;
  }

  .cardiovascular .video-col img.new-image-desktop,.renal .video-col img.new-image-desktop {
    height: 440px;
  }

  .video-col img.new-image-desktop {
    height: unset;
  }

 /* .breast-cancer .component-section.no-style.acs-disease .section-blur-layer {
    background-color: transparent !IMPORTANT;
  }*/

  .home-sec .text.parbase.section {
    width: 50%;
    padding-bottom: 50px;
    padding-top: 50px;
    color: #fff;
  }
}

@media screen and (max-width: 350px) {
  .support-prog .cardio-therapy .page-section-inner.container {
    text-align: center;
    margin-top: 176px;
    letter-spacing: 1px;
  }
}

@media screen and (min-width:1200px) and (max-width:1449px) {


/*cvrm*/

  .cvrm-vid-sec a.btn.btn-secondary {
    left: 0em;
    top: 28em !important;
  }                    

/*cvrm end*/                    

  .video-col .signup a.btn.btn-secondary {
    top: 373px;
  }

  .img-height .column-2 img.new-image-desktop {
    height: 186px;
  }
}

@media screen and (max-width:767px) {
  .pt-over-sec .linkList.section {
    width: 100%;
  }

  .acs-car .column-2 {
    text-align: center;
  }

  .dyslip ul.breadcrumb-holder .vcenter {
   /* margin-right: 0px;*/
  }

  .dyslip.disease .cardio-therapy .page-section-inner.container {
    margin-top: 125px;
  }

  .magenta-bag .page-section-inner.container .columnControl, .magenta-bag .columnControl.section .multi-column-container {
    background-color: #830051 !IMPORTANT;
  }

  .product-link-mob .column-1, .product-link-mob .column-2 {
    height: 154px !important;
    padding: 27px 20px !important;
  }

  .home-before-login   a.prod-lnk {
    font-size: 18px;
    line-height: 24px;
  }

  .home-before-login  h3.accor-prod.clr-white {
    margin-top: 10px;
  }

  .multi-column-container.quicklink-col.art-col {
    display: none;
  }

  .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links {
    display: block !important;
  }

  .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links {
    display: block !important;
    background: #FCF9F4 !IMPORTANT;
  }

  .disease .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links {
    display: block !important;
    background: #E6EBEA !important;
  }

  .lung .news-mob .row {
    display: block;
    margin: 0;
  }

  .lung .news-mob .column-2, .lung .news-mob .column-1 {
    width: 100%;
  }

  .lung .news-mob .column-2 {
    padding-left: 15px;
  }

  .lung .news-mob .column-1 {
    padding-right: 0px;
  }

  .five-box .page-section-inner.container {
    padding-top: 100px;
    margin-top: 111px !important;
  }

  .heart .congress-sec .col-sm-6.col-xs-12.column-2 {
    margin-top: 25px;
  }

  .heart .congress-sec .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .acs.acs .acs-car .linkList.section {
    width: 60%;
    padding-left: 10px;
  }

  .acs.acs .acs-car .linkList.section a.btn.btn-secondary {
    margin-top: 0;
    margin-bottom: 32px;
  }

  .asthma .product-links .columnControl.section:last-child {
    border-top: 1px solid #E6EBE9;
  }

  .product-links .columnControl.section {
    background-color: #9AB1AC;
    padding: 0px 20px 0px 20px;
  }

  .home-before-login  .product-links .columnControl.section {
    background-color: #9AB1AC;
    padding: 0px 20px 0px 20px;
    border-top: 1px solid #E6EBE9;
  }

  .respi .patient-access-mob .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .onco .patient-access-mob .linkList.section {
    display: inline-block;
    width: 100%;
    font-weight: bold;
  }

  .component-section.no-style.cardio-therapy.cardio-ban {
    
  }

  .component-section.no-style.cardio-therapy {
    height: 350px;
    background-position: top;
    width: 100%;
  }

  .cardio-therapy .page-section-inner.container {
    text-align: center;
    margin-top: 195px;
    letter-spacing: 1px;
  }

  .breast-cancer .cardio-therapy .page-section-inner.container {
    margin-top: 93px;
  }

  .disease .cardio-therapy .page-section-inner.container {
    text-align: center;
    margin-top: 50px;
    letter-spacing: 1px;
  }

  .breast.cancer .news-mob h3.border {
    margin-top: 0;
  }

  .onco .patient-access-mob h3.border {
    font-size: 18px !important;
    text-align: center;
  }

  .product-link-mob {
    display: Block !important;
  }

  .breast.cancer .product-links .multi-column-container,.lung.cancer .product-links .multi-column-container ,.asthma .product-links .multi-column-container {
   /* padding: 10px 20px 10px 20px;*/
    display: none;
  }

  .dyslip .product-links .multi-column-container {
    display: block;
  }

  .asthma .product-links .multi-column-container {
    padding: 0px;
  }

  .product-link-mob .column-1, .product-link-mob .column-2 {
    width: 50% !important;
  }

  .breast.cancer .product-links h2.border, .breast.cancer .product-links .disease-product-txt {
    text-align: center !important;
  }

  .breast.cancer .product-links .columnControl.section:nth-child(7), .breast.cancer .product-links .columnControl.section:nth-child(9),.lung.cancer .product-links .columnControl.section:nth-child(7), .lung.cancer .product-links .columnControl.section:nth-child(9) {
    border-top: 1px solid #E6EBE9;
    border-bottom: 1px solid #E6EBE9;
  }

  .ovarian-cancer .product-links .columnControl.section:nth-child(6) {
    border-top: 1px solid #E6EBE9 !important;
  }

  .disease .multi-column-container.product-link-mob {
    padding-top: 0;
    padding-bottom: 0;
  }

  .product-link-mob .column-2 {
    border-left: 1px solid #E6EBE9;
  }

  .home-before-login .product-link-mob .column-2 {
    border-left: 1px solid #E6EBE9;
  }

  .asthma .product-link-mob .column-1 {
    border-right: 1px solid #E6EBE9;
  }

  .onco .news-mob h3.border, .onco .news-highlight-section h3.border {
    margin-top: 0;
    font-size: 14px;
  }

  .onco .right-icon .fa-chevron-right:before {
    padding: 10px;
  }

  .onco .news-mob p.sub-txt {
    margin-bottom: 0;
  }
}
/*therapy-banner ends*/
/*therapy ends*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .acs-car .column-2, .acs-car .column-1 {
    width: 100%;
  }

  .severe-asthma .video-col .signup a.btn.btn-secondary {
    right: 40px;
    top: 686px !important;
  }

  .video-col .signup a.btn.btn-secondary {
    position: absolute;
    right: 34px;
    top: 350px;
  }

  .home-sec .page-section-inner.container {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .breast.cancer .news-mob .column-1 {
    width: 40%;
  }

  .product-links .columnControl.section .multi-column-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ovarian .news-mob .column-1 {
    width: 54% !important;
  }

  .ovarian .news-mob .column-2 {
    width: 50%;
  }

  .heart .congress-sec .carousel .carousel-control.left {
    left: 38% !important;
  }

  .heart .congress-sec .carousel .carousel-control.right {
    right: 38% !important;
  }

  .breast-cancer .news-mob .column-1 img {
    height: 200px;
  }
}

.cardio-ban-col > .row > .col-sm-4.col-xs-12.column-1 {
  align-self: flex-end;
}

@media screen and (max-width: 435px) {
  .search-hcp .form-inline .input-group>.form-control {
    width: 87%;
  }

  .dis-patient-story .readmore a.btn.btn-secondary {
    padding-left: 0;
    padding: 0;
    margin-bottom: 32px;
  }

  .dis-patient-story a.left.carousel-control {
    left: 35% !IMPORTANT;
  }

  .dis-patient-story a.right.carousel-control {
    right: 35% !IMPORTANT;
  }

  .date-col .column-1, .date-col .column-2 {
    width: 154px !IMPORTANT;
    padding-right: 0;
  }

  .acs .carousel .carousel-control.left {
    left: 37% !important;
  }

  .acs .carousel .carousel-control.right {
    right: 37% !important;
  }

  .acs.acs .five-box h2.border {
    font-size: 19px;
  }
.dyslipidemia .cardio-ban-col h2 {
  font-size: 19px!important;
  line-height: 1.2;
}
  .dis-carousel .carousel-prod h3 {
    text-align: center;
    font-size: 16px;
  }

  .dis-carousel .carousel-control .fa.fa-chevron-left,.dis-carousel  .carousel-control .fa.fa-chevron-right {
    padding: 7px 2px 0px 7px;
  }

  .dis-carousel   a.right.carousel-control {
    right: -8% !IMPORTANT;
  }

  .dis-carousel   a.left.carousel-control {
    left: -8% !IMPORTANT;
  }

  .dis-carousel .carousel-inner {
    height: 228px;
  }

  .dis-carousel .carousel-inner .item:first-child .expand-img-mobile {
    width: 41% !IMPORTANT;
  }

  .home-sec .page-section-inner.container {
    padding-top: 122px;
    padding-bottom: 0px;
  }

  .home-sec h2 {
    font-size: 24px;
    line-height: 28px;
  }

  .home-sec h3 {
    font-size: 18px;
  }

  .home-sec p {
    color: #fff;
    font-size: 16px;
  }
}

@media screen and (min-width: 1450px) {
  .acs.acs .cardio-2-sec .page-section-inner.container {
    width: 1170px;
    padding: 0;
  }

  .img-height .column-2 img.new-image-desktop {
    height: 228px;
  }

  .diab .component-section.container.no-style.news-highlight-section {
    height: 482px;
  }

  .cardio-therapy.dis-ban .page-section-inner.container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .anemia .carousel.section {
    width: 75% !important;
    margin: auto;
  }

  .acs.acs .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section, .renal .column-1 .news-highlight-section .page-section-inner .newImage.parbase.section {
    padding-top: 37px;
    padding-bottom: 37px;
  }
}

.anemia .carousel.section {
  width: 85%;
  margin: auto;
}

.anemia .carousel .carousel-control {
  top: 43%;
}

@media screen and (min-width: 768px) {
  .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links.hide-desk {
    display: none !important;
  }
}

/*video detailed page starts*/
.video-parent .set-auto-height {
  height: auto !important;
}

.detail-video .video-thumb-parent .video-play-icon, .video-thumb-parent .video-play-icon:hover, .video-thumb-parent .video-play-icon:focus {
  padding: 0;
  background: transparent !important;
    /* border: none !important; */
  outline: none;
}

.detail-video .container.middle-content {
  width: 100% !IMPORTANT;
  padding: 0;
}

.detail-video .recommend-sec {
  background: #FCF9F4 !important;
}

.detail-video .linkList.section {
  width: 100%;
}

.detail-video .img-height .subHeading.section, .detail-video .img-height .text.section {
  padding-left: 15px;
  padding-right: 15px;
}

.detail-video .img-height a.icon-alone {
  position: absolute;
  bottom: 20px;
}

@media screen and (max-width: 991px) {
  .detail-podcast .recommend-ban-pod .column-1, .detail-podcast .recommend-ban-pod .column-2 {
    width: 100%;
    text-align: center;
  }

  .video-ban-sec {
    padding: 0;
    text-align: center;
  }

  .detail-video .img-height .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
    width: 49%;
  }

  .desk-detail-col {
    display: none;
  }

  .multi-column-container.mob-detail-col {
    background: #fff;
    box-shadow: 0px 1px 5px #ccc;
    margin-bottom: 10px;
  }

  .mob-detail-col .subHeading.section, .mob-detail-col .text.section {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 992px) {
  .detail-podcast .recommend-sec .column-2 .new-image {
    text-align: left !important;
  }

  .detail-podcast .recommend-sec img.video-thumb-cta {
    height: 256px;
  }

  .detail-podcast .recommend-sec .column-1, .detail-podcast .recommend-sec .column-2 {
    align-self: center;
  }

  .detail-podcast .recommend-sec .row {
    display: flex;
  }

  .detail-video .img-height .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
    width: 24%;
    /* float: left; */
    margin-right: 4px !important;
  }

  .mob-detail-col {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .services .ta-over-sec .page-section-inner.container {
    padding-top: 50px;
    padding-bottom: 0px;
  }

  .detail-video .recommend-sec .linkList.section, .detail-video .sectionHeading {
    text-align: center;
  }

  .detail-video .img-height .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
    width: 100%;
  }
}

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

  .mob-detail-col .column-1 {
    width: 36%;
  }

  .mob-detail-col .column-2 {
    width: 60%;
  }
}

.detail-video .img-height .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
  background: #fff;
  height: 457px;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: 0px 0px 5px #ccc;
  padding: 0;
}

.detail-video .recommend-ban-pod .column-2 {
  margin-top: 20px;
}

.detail-video .recommend-pod {
  background: #fff !important;
}

/*video detailed page ends*/

/*adult asthma starts*/


.patient-story-asthma {
  background-color: #FCF9F4;
}

.patient-story-asthma .btn-secondary {
  border: none;
  color: #830051;
  font-weight: bold;
  font-family: LexiaBold;
  font-size: 18px;
  text-shadow: none;
  padding-left: 0;
}

.patient-story-asthma .btn-secondary span:before {
  width: 40px;
  height: 21px;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-regular.png);
  background-size: 23% 15px;
  font-weight: bold;
  font-size: 10px;
  background-position: right;
  top: 4px;
  position: relative;
}

.show-stories .btn-secondary {
  border: 1px solid;
  border-top: 2px solid;
  padding: 10px 20px;
}

.patient-story-title {
  font-size: 22px;
  font-weight: bold;
  text-shadow: none;
}

.patient-story-writer {
  font-style: italic;
}

.acs .recommend-sec.desk-carousel1.cardio-elearn.product-links.asthma-products {
  background: #E6EBEA!important;
  padding-bottom: 6%;
}

.asthma-products .column-1 {
  border-right: 1px solid white;
}

.asthma-disease-education .sectionHeading {
  display: none;
}

.asthma .video-col .signup a.btn.btn-secondary {
  top: 87%!important;
}

@media screen and (max-width:768px) {
  .asthma-section2-img {
    display: none;
  }

  .asthma-section4-img {
    display: none;
  }

  .asthma-disease-education .sectionHeading {
    display: block;
    text-align: center;
  }

  .asthma-disease-education .secondlast-col .column-2 .sectionHeading {
    display: none;
  }

  .asthma-disease-education .column-1 .new-image {
    margin-bottom: 5%;
  }
}

@media screen and (max-width:414px) and (min-width:320px) {
  .patient-story-asthma .carousel .item .column-2 {
    background-color: white;
    margin-top: 0;
    padding: 6% 10%;
  }

  .patient-story-asthma .carousel .item .column-1 {
    margin-bottom: 0;
  }

  .patient-story-asthma .carousel .carousel-control.left {
    top: 98%;
  }

  .patient-story-asthma .carousel .carousel-control.right {
    top: 98%;
    left: 49%;
  }

  .patient-story-asthma .show-stories {
    margin-top: 8%;
  }

  .patient-story-asthma .full-story {
    display: none;
  }

  .asthma-disease-education .sectionHeading {
    display: block;
    text-align: center;
  }

  .asthma .secondlast-col .newImage .new-image {
    margin-bottom: 8%;
  }

  .acs .recommend-sec.desk-carousel1.cardio-elearn.product-links.asthma-products {
    padding-bottom: 12%;
    padding-top: 2%;
  }
}
/*adult asthma ends*/
/*oncology starts*/
.prod-mob .hyper-product-column .column-1 {
  border: none !important;
}

.cancer .component-section.no-style.recommend-sec.desk-carousel1.cardio-elearn.product-links {
  background: #E6EBEA !important;
}

.a-link:hover {
  color: #3F4444;
}

@media screen and (max-width: 767px) {
  .prod-mob .columnControl.section {
    width: 50%!important;
  }

  .lung.cancer .disease-product-txt,.lung.cancer .product-links .sectionHeading {
    text-align: center!important;
  }

  .breast.cancer .product-links .columnControl.section .multi-column-container {
    display: block;
  }

  .cal-font {
    font-size: 17px!important;
  }

  .breast.cancer .b-links .column-2,.breast.cancer .b-links .column-3 {
    display: block!important;
  }

  .lung.cancer .b-links .column-2,.lung.cancer .b-links .column-3 {
    display: block!important;
  }

  .lung.cancer .product-links .columnControl.section .multi-column-container {
    display: block;
  }

  .ovarian-cancer .product-links .columnControl.section .multi-column-container {
    display: block;
  }

  .breast.cancer .b-links .column-1,.breast.cancer .b-links .column-2,.breast.cancer .b-links .column-3, .lung.cancer .b-links .column-1,.lung.cancer .b-links .column-2,.lung.cancer .b-links .column-3 {
    width: 50%;
  }

  .breast.cancer .b-links .column-1,.breast.cancer .b-links .column-3,.lung.cancer .b-links .column-1,.lung.cancer .b-links .column-3 {
    border-right: 1px solid #fff;
  }

  .breast.cancer .b-links .column-1,.breast.cancer .b-links .column-2,.lung.cancer .b-links .column-1,.lung.cancer .b-links .column-2 {
    border-bottom: 1px solid #fff;
  }

  .breast.cancer .b-links .columnControl,.lung.cancer .b-links .columnControl {
    padding: 0 15px 0 15px!important;
  }
}

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

  .breast.cancer .b-links .column-1,.lung.cancer .b-links .column-1 {
    border-right: 1px solid #fff;
  }

  .breast.cancer .b-links .column-2,.lung.cancer .b-links .column-2 {
    border-right: 1px solid #fff;
  }
}

@media screen and (max-width:1920px) and (min-width:1367px) {
  .onco .component-section.container.no-style.box-link-sec,.cvrm .component-section.container.no-style.box-link-sec {
    height: auto!important;
  }

  .better-th {
    padding: 6%;
  }
}
/*oncology ends*/

/*RIG begins*/
@media screen and (max-width:768px) and (min-width:320px) {
  .rig-section1-image {
    display: none;
  }
}

/*RIG ends*/
/*Error 403 starts*/
.heading-403 {
  font-size: 12px;
}
/*Error 403 ends*/

/*error forbidden section 1 of error 403 starts*/
.error-forbidden-1 {
  color: black;
  font-weight: bold;
  font-size: 18px;
}
/*error forbidden section ends*/
/*error forbidden section 2 of error 403 starts*/
.error-forbidden-2 {
  color: black;
  font-size: 12px;
}
/*error forbidden section 2 ends */

/*For better section of TA overview starts*/
.better-th {
  margin-top: -13%;
}

@media screen and (max-width:667px) and (min-width:375px) {
  .ta-better .column-1 {
    height: auto!important;
  }
}

@media screen and (max-width:1280px) and (min-width:1025px) {
  .better-th {
    margin-top: -15%;
  }
}
/*for better section of TA overview ends */

/*journal list carousel component starts*/
.journal-details-1 .journal-child-carousel-1 {
  margin-right: 5%;
}

.journal-details-1 .journal-child-carousel-1 .carousel-inner .img-responsive {
  max-width: 80%;
  height: 400px;
  margin-left: 8%;
}
/* journal list carousel component ends*/
/*journal list 2 carousel component starts*/

.journal-details-2 .journal-child-carousel-1 {
  margin-right: 5%;
}

.journal-details-2 .journal-child-carousel-1 .carousel-inner .img-responsive {
  max-width: 80%;
  height: 400px;
  margin-left: 8%;
}
/* journal list 2 carousel component ends*/
.journal-details-3 .journal-child-carousel-1 {
  margin-right: 5%;
}

.journal-details-3 .journal-child-carousel-1 .carousel-inner .img-responsive {
  max-width: 80%;
  height: 400px;
  margin-left: 8%;
}
/*Patient Stories Starts*/
.patient-education-material1 .pat-stories ul.breadcrumb-holder .vcenter,.edu-article1 ul.breadcrumb-holder .vcenter a,.edu-article1 ul.breadcrumb-holder .vcenter a:hover {
  color: #3F4444!important;
}

.pat-stories .breadcrumb-list-parent li:nth-child(5) {
  display: none!important;
}

.pat-stories p {
  font-weight: bold;
}

.pat-stories .new-image-desktop {
  padding: 4%;
}

.pat-stories span.breadcrumb-txt {
  color: #3F4444!important;
}

.pat-stories .page-section-inner {
  padding: 5% 5% 5% 5%;
  margin-top: -9%;
  background-color: #fff;
}

.patient-story1.component-section .section-blur-layer {
  background-color: #FCF9F4!important;
  height: 29vh;
  positive: absolute;
  top: -2.5vw;
}

.component-section.container.no-style.pat-stories {
  width: 100%!important;
}

.pat-stories .signup a.btn.btn-secondary {
  top: 336px;
  left: 44%;
}

.mob-vid {
  color: #fff;
}

/*mobile*/

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


  .pat-stories p {
    font-size: 14px;
  }

  .pat-stories .button-mobile li a.btn.btn-secondary {
    top: 44%;
    left: 45%;
  }

  .pat-stories .page-section-inner {
    margin-top: -15%;
    padding: 0;
  }

  .pat-stories .breadcrumb-container .breadcrumb-holder {
    display: none;
  }

  .pat-stories .sectionHeading h2 {
    font-size: 22px;
    text-align: center;
    padding: 5%;
  }
}

@media screen and (min-width: 768px) and (max-width:991px) {
  .pat-stories .button-mobile li a.btn.btn-secondary {
    top: 54.8%;
    left: 48%;
  }
}
/*--landscape---*/
@media (min-width:415px) and (max-width:740px) {
  .pat-stories .page-section-inner {
    margin-top: -13%!important;
  }
}
/*----Landscape---*/
@media screen and (max-width:1920px) and (min-width:1367px) {
  .pat-stories .signup a.btn.btn-secondary {
    top: 50%!important;
    left: 44%;
  }
}

/*Patient Stories ends*/


/*video component in disease page starts*/
.button-mobile {
  display: none;
}

@media screen and (max-width:768px) {
  .button-mobile {
    display: block;
  }

  .video-button-desktop {
    display: none;
  }

  .button-mobile hr {
    display: none!important;
  }

  .button-mobile li a.btn.btn-secondary {
    position: absolute;
    top: 89.8%;
    background-color: #830051;
    height: 40px;
    width: 40px;
  }

  .button-mobile li a.btn.btn-secondary span.glyphicon.glyphicon-chevron-right.pull-right:before {
    content: "";
  }

  .button-mobile li a.btn.btn-secondary span.glyphicon.glyphicon-chevron-right.pull-right {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
    background-size: 40% 11px;
    background-position: center;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    top: 1px;
    left: 5px;
  }

  .disease-video a.left.carousel-control {
    top: 96%!important;
  }

  .disease-video a.right.carousel-control {
    top: 96%!important;
    left: 49%;
  }

  .patient-stories-column .column-1 {
    margin-top: 0;
  }

  .ps1-img {
    height: 610px!important;
  }

  .asthma .patient-story-asthma   .carousel .carousel-control.left {
    top: 98%!important;
    left: 44%!important;
  }

  .asthma .patient-story-asthma  .carousel .carousel-control.right {
    top: 98%!important;
    left: 50%;
  }

  .patient-stories-column .column-2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  #disease-sec3 .linkList {
    width: auto;
  }

  #disease-sec5 .linkList {
    margin-left: 35%!important;
    width: auto!important;
  }

  .patient-story-asthma .full-story {
    display: none;
  }
}

@media screen and (max-width:667px) {
  .disease-video a.right.carousel-control, .disease-video a.left.carousel-control {
    top: 87%!important;
  }

  .button-mobile li a.btn.btn-secondary {
    top: 79.8%;
  }

  .asthma .patient-story-asthma   .carousel .carousel-control.left {
    left: 44%!important;
  }

  #disease-sec5 .linkList {
    margin-left: 30%!important;
  }

  .ps1-img {
    height: 605px!important;
  }
}

@media screen and (max-width:375px) {
  .button-mobile li a.btn.btn-secondary {
    top: 69.5%;
  }

  .disease-video a.left.carousel-control, .disease-video a.right.carousel-control {
    top: 80%!important;
  }

  .asthma .patient-story-asthma   .carousel .carousel-control.left {
    left: 37%!important;
  }

  .ps1-img {
    height: 324px!important;
  }

  #disease-sec5 .linkList {
    margin-left: 12%!important;
  }

  /*.asthma-root .breadcrumb-holder span {*/
  /*  font-size: 10px;*/
  /*}*/

  /*.asthma-root .breadcrumb-container .breadcrumb-item.active a.without-child span.link-txt.vcenter {*/
  /*  font-size: 10px;*/
  /*}*/

  /*.hyperkalmia  .asthma-root .breadcrumb-holder span {*/
  /*  font-size: 9px;*/
  /*}*/

  /*.hyperkalmia .asthma-root .breadcrumb-container .breadcrumb-item.active a.without-child span.link-txt.vcenter {*/
  /*  font-size: 9px;*/
  /*}*/

  .asthma-root .breadcrumb-list-parent li:nth-child(3) .link-txt:after {
    margin-left: -80%;
  }
}

/*video component in disease page ends*/

/*Fasenra product-links starts*/
.Fasenra-links {
  background-color: #9AB1AC;
  width: 50%;
  font-size: 22px;
  font-family: lexiabold;
  padding: 2% 2% 0;
}

.Fasenra-links a {
  text-decoration: none !important;
  color: #fff;
}

@media screen and (max-width:768px) and (min-width:320px) {
  .Fasenra-links {
    background-color: #9AB1AC;
    width: 50%;
    font-size: 22px;
    font-family: lexiabold;
    padding: 4% 12% 0;
  }

  .Fasenra-links a {
    text-decoration: none !important;
    color: #fff;
  }
}
/*Fasenra product-links Ends*/
/*paediatric product links starts*/
@media screen and (max-width:768px) and (min-width:320px) {
  .paediatric-asthma .Fasenra-links {
    background-color: #9AB1AC;
    width: 50%;
    font-size: 22px;
    font-family: lexiabold;
    padding-left: 10%;
  }

  .paediatric-asthma .Fasenra-links a {
    text-decoration: none !important;
    color: #fff;
  }
}
/*paediatric asthma ends*/
/*oncology starts*/
.oncol-col .column-4 p {
  font-size: 14px;
}

.oncol-col .column-2,.oncol-col .column-3,.oncol-col .column-4 {
  height: 500px;
}

.a-link {
  text-decoration: none!important;
}



/*ipad*/
@media screen and (min-width: 768px) and (max-width:1023px) {
  .services-main-sec .linkList {
    display: flex;
    justify-content: center;
    padding-top: 5%;
    display:none;
  }

  .services-sec2 .linkList {
    display: flex;
    justify-content: center;
    padding-top: 5%;
    display:none;
  }

  .deskk-on {
    display: none;
  }

  .ipad-on {
    display: block;
  }

  .serv-pat-col-2 .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .services .services-sec2 .serv-pat-1 .row {
    display: block;
  }

  .event-ipad .carousel-inner {
    margin-top: 3%!important;
    width: 52%!important;
    margin-left: 2%!important;
  }
}

/*services*/
.services .serv-col-1 .column-1, .services .serv-col-1 .column-2, .services .serv-col-1 .column-3, .services .serv-col-2 .column-1, .services .serv-col-2 .column-2, .services .serv-col-2 .column-3 {
  width: 33%;
  height: 11.5em;
}	

/*services done*/        

/*ipad done*/


/*cvrm page icon change*/

html .cvrm .cvrm-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .cvrm .cvrm-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .cvrm .cvrm-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/stage.png)!important;
}

/*cvrm page icon change done*/


/*acs page icon change*/
html .acs .acs-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .acs .acs-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .acs .acs-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .acs .acs-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*acs page icon change done*/

/*stroke page icon change */
html .stroke-phase2 .stroke-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .stroke-phase2 .stroke-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .stroke-phase2 .stroke-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .stroke-phase2 .stroke-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}
/*stroke page icon change done*/

/* dys page icon change */
html .dyslipidemia .dys-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .dyslipidemia .dys-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .dyslipidemia .dys-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .dyslipidemia .dys-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}
/*dys page icon change done*/


/*type-2-diab page icon change*/
html .type-2-diabetes .t2-di-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .type-2-diabetes .t2-di-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .type-2-diabetes .t2-di-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .type-2-diabetes .t2-di-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}
/*type-2-diab page icon change done*/

/*heart-failure page icon change*/
html .heart-failure .ht-f-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .heart-failure .ht-f-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .heart-failure .ht-f-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .heart-failure .ht-f-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}
/*heart-failure page icon change done*/

/*hyperkalemia page icon change*/
html .hyperkalmia .hyp-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .hyperkalmia .hyp-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .hyperkalmia .hyp-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .hyperkalmia .hyp-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}
/*hyperkalemia page icon change done*/

/*oncology page icon change*/

html .oncology .onc-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .oncology .onc-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .oncology .onc-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/stage.png)!important;
}

/*oncology page icon change done*/

/*breast-cancer page icon change*/
html .breast-cancer .br-can-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .breast-cancer .br-can-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .breast-cancer .br-can-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .breast-cancer .br-can-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*breast-cancer page icon change done*/


/*lung-cancer page icon change*/
html .lung-cancer .lun-can-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .lung-cancer .lun-can-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .lung-cancer .lun-can-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .lung-cancer .lun-can-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*lung-cancer page icon change done*/

/*ovarian-cancer page icon change*/
html .ovarian-cancer .ova-can-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .ovarian-cancer .ova-can-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .ovarian-cancer .ova-can-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .ovarian-cancer .ova-can-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*ovarian-cancer page icon change done*/

/*prostate-cancer page icon change*/
html .prostate-cancer .pros-can-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .prostate-cancer .pros-can-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .prostate-cancer .pros-can-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .prostate-cancer .pros-can-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*prostate-cancer page icon change done*/


/*chronic-lymp-leuk page icon change*/
html .chronic-lymp-leuk .chron-lym-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .chronic-lymp-leuk .chron-lym-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .chronic-lymp-leuk .chron-lym-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .chronic-lymp-leuk .chron-lym-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*chronic-lymp-leuk page icon change done*/

/*mental-cell-lymph page icon change*/
html .mental-cell-lymph .men-cell-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

html .mental-cell-lymph .men-cell-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

html .mental-cell-lymph .men-cell-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

html .mental-cell-lymph .men-cell-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

/*mental-cell-lymph page icon change done*/



/*oncology ends*/
.cardio-sub .list-item-0 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/heart-rate-lt.png)!important;
}

.cardio-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/reading-lt.png)!important;
}

.cardio-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/guide-mg-lt.png)!important;
}

.cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
  background-size: 80% 90%;
}

.cardio-sub .list-item-4 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/comment-lt-mg.png)!important;
}

.cardio-sub .list-item-5 a.action-link.icon-right span.link-txt:before {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/reading-lt.png)!important;
  width: 40px;
  height: 26px;
  display: inline-block;
  background-size: 60% 25px;
  background-repeat: no-repeat;
  position: relative;
  top: 8px;
}

.disease-video {
  z-index: 0;
}

.asthma .main-container {
  margin-top: 0%;
}

.mb-5 {
  margin-bottom: 5%;
}

.ps1-img {
  background-color: white;
  height: 479px;
}

.mt-5 {
  margin-top: 5%;
}

.patient-stories-column {
  background-color: white;
}

.patient-story-title {
  margin-top: 8%;
}

.hyperkalmia .asthma-products .column-1 {
  border-right: none!important;
}

.hyperkalmia .product-link-mob .column-2 {
  border-left: none;
}

.hyperkalmia .product-link-mob .column-1 {
  height: auto!important;
}

.hyperkalmia .product-link-mob .column-2 {
  height: auto!important;
}

.full-story a.btn.btn-secondary {
  background: local;
  box-shadow: none;
}

.congress-pages .main-container {
  margin-top: 0%;
/*code adjusted*/;
}

@media screen and (max-width:1920px) and (min-width:1367px) {
  .ps1-img {
    height: 606px;
  }
}

@media screen and (max-width:1024px) and (min-width:769px) {
  .asthma .video-col .signup a.btn.btn-secondary {
    top: 84%!important;
  }

  .ps1-img {
    height: 384px;
  }
    html .asthma .cor-adj .component-section.container.no-style.box-link-sec{
    height:91px!important;
  }
  body .cor-adj .column-2 img{
    width:60%!important
  }
}

@media screen and (max-width:768px) and (min-width:320px) {
  .asthma-root .breadcrumb-list-parent li:nth-child(3) .link-txt,.rig-bread .breadcrumb-list-parent li:nth-child(3) .link-txt {
    visibility: hidden;
  }

  .asthma-root .breadcrumb-list-parent li:nth-child(3) .link-txt:after,.rig-bread .breadcrumb-list-parent li:nth-child(3) .link-txt:after {
    visibility: visible;
    content: "...";
    margin-left: -50%;
  }
}
/* Rig carousel comp starts */
@media screen and (max-width: 435px) {
  .resp-car-new .carousel .carousel-control.left {
    left: 37% !important;
  }
}
/* Rig carousel comp ends */
/* for betterment section ipad pro starts*/
@media screen and (min-width:1024px) and (max-width:1100px) {
  .ipad-pro-better {
    margin-top: -20% !important;
  }
}
/*for betterment section ipad pro ends */
/* left arrow alignment of the video section starts */
@media screen and (min-width:768px) and (max-width:1000px) {
  .resp-car-new a.left.carousel-control {
    left: 43% !important;
  }
}
/* left arrow alignment of the video section ends */
/* cards alignment issue starts*/
.img-ta-rig-dea {
  margin-bottom: 14% !important;
}
/*cards alignment issu ends */
/*carousel play video left alignment starts */
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .resp-car-new .signup a.btn.btn-secondary {
    top: 301px;
    left: 0px;
  }
}

@media screen and (max-width: 1449px) and (min-width: 1200px) {
  .resp-car-new .signup a.btn.btn-secondary {
    top: 434px;
    left: 0px;
  }
}
/*carousel play video .... ends */

.asthma-product-column, .hyper-product-column {
  background: transparent!important;
  border: none!important;
  padding-left: 15px!important;
}

.asthma-product-column .column-1, .asthma-product-column .column-2, .hyper-product-column .column-1 {
  background-color: #9AB1AC;
  border-bottom: 1px solid #fff!important;
}

@media screen and (max-width: 768px) {
  .asthma-product-column a {
    font-size: 19px;
  }

  .asthma .product-link-mob .column-1,.asthma .product-link-mob .column-2 {
    height: auto!important;
  }
  
  .asthma .product-link-mob .column-2 {
    border-left: none!important;
  }
}

@media screen and (max-width:667px) {
  .hyperkalmia .product-links .columnControl.section {
    background-color: transparent!important;
    border-top: none!important;
  }

  .hyperkalmia .product-link-mob {
    background-color: transparent!important;
  }

  .hyperkalmia .product-link-mob .column-1 {
    background-color: #9AB1AC;
    padding: 2%!important;
  }

  .asthma .asthma-products .sectionHeading,.asthma .asthma-products .text:nth-child(2) {
    text-align: center;
  }
}
/*pop up send button starts*/
.send-button .btn-default {
  border-color: #d0006f;
  background: #d0006f;
  color: white !important;
  text-decoration: none;
  bottom: 68px;
}
/*pop up send button ends*/
/*journal request download complete 1 starts*/
.journal-download-comp-1 {
  margin-bottom: 5%;
  margin-top: 3%;
}

.journal-download-comp-1 .column-2 img {
  width: 23%!important;
  background: #53647b6e;
  display: block;
  padding: 7%;
  margin-top: 5%;
  margin-bottom: 5%;
}

/*.journal-download-comp-1 .column-2 {*/
/*  margin-left: -12%;*/
/*}*/

.journal-download-comp-1 .column-1 img {
  width: 60% !important;
  height: 350px;
  /*margin-top: 4%;*/
  /*margin-right: 17%;*/
  margin-bottom: 6%;
}

.journal-download-comp-1 .column-2 .glyphicon-chevron-right {
  margin-top: 2%;
}

.journal-download-comp-1 .column-2 .border {
  font-size: 30px;
  line-height: 1.3;
  margin-top: -3%;
  /*margin-bottom: -5%;*/
  ;
}

.mat-overview a {
  border-color: #830051;
  color: #830051;
  font-weight: bolder;
  font-family: lexiabold;
  height: 40px;
  width: 220px;
}
/*journal req down 1 ends */

/*congress material resource starts*/
.congress-material #filter-collapsible {
  width: 25%;
  float: left;
}

.congress-material .row.resource-list-holder.resource-list-populated {
  float: right;
  width: 75%;
  padding-left: 40px;
  margin-top: 50px;
}

.congress-material .resource-list-holder .col-sm-6.col-md-3 {
  width: 100%;
}

.congress-material .resource-panel .resource-image-container,.congress-material .panel-body strong {
  display: none;
}

.congress-material .panel-body .text-muted small em {
  display: none;
}

.congress-material .date {
  background-color: #9AB1AC;
  width: 20%;
  padding: 4%;
}

.congress-material .date p {
  color: white;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}

.congress-material .panel-body {
  padding: 0;
}

.congress-material .desc-content {
  left: 25%;
  top: 25%!important;
  position: absolute;
  top: 0%;
}

.congress-material .title-desc {
  font-weight: bolder;
}

.congress-material .materials-desc {
  color: #830051;
  font-weight: bold;
  font-style: italic;
}

.congress-material .date .dd {
  font-style: italic;
  font-size: 24px;
  font-weight: bolder;
}

.congress-material .materials-desc:after {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/eye-mg.png);
  height: 20px;
  width: 50px;
  margin-left: 5%;
  background-repeat: no-repeat!important;
  display: inline-block;
  background-size: 20px 20px;
  margin-bottom: -1%;
}

p.congress-subtxt {
  width: 68%;
  float: right;
  margin-top: 5%;
    /*padding-left: 25px;*/
  ;
}

.congress-material .form-group .text-muted {
  display: none;
}

.congress-material a.dropdown-toggle.full-strech.fg-color {
  display: none;
}

.congress-material .resourceListFilter .form-group {
  margin-bottom: 0;
}

.congress-material #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.congress-material span.open-resource-filter.fg-color {
  color: #830051;
}

.congress-material #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.congress-material span.open-resource-filter.fg-color {
  color: #830051;
}

.congress-material #filter-collapse--285158792 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.congress-material .resourceListFilter.section .filter-collapse-container.collapse.in {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.congress-material .label-default,.congress-material .label-default, .congress-material .label.label-default:active, .congress-material .label.label-default:focus, .congress-material .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.congress-material .resource-filter-node h5 {
  color: #830051;
}

.congress-material a.label.label-default.label-lg.resource-filter-item:hover, .congress-material a.label.label-default.label-lg.resource-filter-item:active, .congress-material a.label.label-default.label-lg.resource-filter-item:focus, .congress-material a.label.label-default.label-lg.resource-filter-item:visited {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.congress-material span.close-resource-filter.fg-color {
  color: #830051;
}

#filter-collapse--285158792 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.congress-material .resource-filter-node h5 {
  color: #830051;
}

.congress-material span.close-resource-filter.fg-color {
  color: #830051;
}

.congress-material .label-default, .label-default, .congress-material .label.label-default:active, .congress-material .label.label-default:focus, .congress-material .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.congress-material .label.label-primary, .congress-material .label.label-primary {
  background: #830051;
  border: 1px solid #000;
  font-size: 12px;
}

.congress-material .label.label-primary:hover, .congress-material .label.label-primary:hover {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.congress-material .label.label-default:hover, .congress-material .label.label-default:hover {
  background: #830051;
  color: #fff;
  border: 1px solid #333;
}

.congress-material .container.middle-content {
  padding-top: 40px;
}

/*.congress-material .breadcrumb-list-parent li:nth-child(5) {*/
/*  display: none!important;*/
/*}*/

@media screen and (max-width:1920px) and (min-width:1367px) {
  p.congress-subtxt {
    margin-right: 2%;
    margin-top: 3%!important;    
  }

  .treatment-guidelines p.tg-subtxt {
    width: 70%!important;
  }
}

@media screen and (max-width:1024px) and (min-width:769px) {
  p.congress-subtxt {
    padding-left: 1.5%;
  }

  .treatment-guidelines p.tg-subtxt {
    width: 66%!important;
  }

  .tg-content-div:after {
    height: 3em!important;
    width: 3em!important;
    top: 82%!important;
  }

  .treatment-guidelines a.label.label-default.label-lg.resource-filter-item {
    font-size: 11px;
  }
}

@media screen and (max-width:768px) and (min-width:737px) {
  p.congress-subtxt {
    padding-left: 4%;
  }

  .congress-material .date p {
    font-size: 18px;
  }

  .congress-material .desc-content {
    left: 30%;
    top: 30%!important;
  }

  .title-desc {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.3;
  }

  .materials-desc {
    font-size: 16px;
    margin-bottom: 0;
  }

  .congress-material .materials-desc:after {
    height: 10px;
    width: 10px;
    background-size: 10px 10px;
    margin-bottom: 0%;
  }

  .congress-material #filter-collapsible {
    width: 96%;
    float: left;
    margin-left: 2%;
  }

  .congress-material .row.resource-list-holder.resource-list-populated {
    width: 100%;
    padding-left: 0px;
    margin-top: 50px;
    margin-right: 0%;
  }

  p.congress-subtxt {
    width: 90%;
    margin-right: 5%;
    text-align: center;
  }
}

@media screen and (max-width:736px) {
  .congress-material #filter-collapsible {
    width: 96%;
    float: left;
    margin-left: 2%;
  }

  .congress-material .row.resource-list-holder.resource-list-populated {
    width: 100%;
    padding-left: 0px;
    margin-top: 50px;
    margin-right: 0%;
  }

  p.congress-subtxt {
    width: 90%;
    margin-right: 5%;
    text-align: center;
  }
}

@media screen and (max-width:414px) {
  .congress-material .date {
    width: 25%;
    padding: 6%;
  }
  .product-info a.prod-lnk{
        font-size: 10px;
}
.pr-info-col1  .column-1{
    padding-top: 5px!important;
}
.product-accordion .panel-body .columnControl.section .multi-column-container .column-1, .product-accordion .panel-body .columnControl.section .multi-column-container .column-2, .product-accordion .panel-body .columnControl.section .multi-column-container .column-3 {
padding-top:34px;
}
.product-info .accordion .column-1, .product-info .accordion .column-2, .product-info .accordion .column-3 {
    height: 10em!important;
}
yrgin-bottom: 0;
}

.treatment-guidelines #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.treatment-guidelines span.open-resource-filter.fg-color {
  color: #830051;
}

.treatment-guidelines #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.treatment-guidelines span.open-resource-filter.fg-color {
  color: #830051;
}

.treatment-guidelines #filter-collapse--285158792 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.treatment-guidelines .resourceListFilter.section .filter-collapse-container.collapse.in {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.label-default, .label-default, .congress-material .label.label-default:active, .congress-material .label.label-default:focus, .congress-material .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.treatment-guidelines .resource-filter-node h5 {
  color: #830051;
}

.treatment-guidelines a.label.label-default.label-lg.resource-filter-item:hover,.treatment-guidelines a.label.label-default.label-lg.resource-filter-item:active,.treatment-guidelines  a.label.label-default.label-lg.resource-filter-item:focus,.treatment-guidelines a.label.label-default.label-lg.resource-filter-item:visited {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.treatment-guidelines span.close-resource-filter.fg-color {
  color: #830051;
}

.treatment-guidelines #filter-collapse--285158792 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.treatment-guidelines .resource-filter-node h5 {
  color: #830051;
}

.treatment-guidelines span.close-resource-filter.fg-color {
  color: #830051;
}

.treatment-guidelines .label-default, .label-default,.treatment-guidelines .label.label-default:active,.treatment-guidelines .label.label-default:focus,.treatment-guidelines .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.treatment-guidelines .label.label-primary, .treatment-guidelines .label.label-primary {
  background: #830051;
  border: 1px solid #000;
  font-size: 12px;
}

.treatment-guidelines .label.label-primary:hover,.treatment-guidelines .label.label-primary:hover {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.treatment-guidelines .label.label-default:hover,.treatment-guidelines .label.label-default:hover {
  background: #830051;
  color: #fff;
  border: 1px solid #333;
}

.treatment-guidelines #filter-collapsible {
  width: 25%;
  float: left;
}

.treatment-guidelines .row.resource-list-holder.resource-list-populated {
  float: right;
  width: 75%;
  padding-left: 40px;
}

.treatment-guidelines .resource-list-holder .col-sm-6.col-md-3 {
  width: 50%;
}

.treatment-guidelines p.tg-subtxt {
  width: 68%;
  float: right;
  margin-top: 2.5%;
  margin-bottom: 5%;
}

.treatment-guidelines .resource-panel .resource-image-container {
  display: none;
}

.treatment-guidelines .panel-body .text-muted small em {
  display: none;
}

.treatment-guidelines .panel-body {
  padding: 0;
  height: 38em;
}

.treatment-guidelines .panel-body strong span.glyphicon.glyphicon-chevron-right,.treatment-guidelines .panel-body strong span{
  display: none;
}

.tg-content-div {
  padding: 7%;
}

.tg-content-div bold {
  font-weight: bold;
}

.treatment-guidelines .resource-panel {
  border: 0 !important;
  margin-bottom: 2em !important;
  box-shadow: 5px 15px 17px 6px rgb(206 206 206 / 78%);
}

.tg-content-div {
  display: flex;
  flex-direction: column;
}

.tg-content-div:after {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right.png);
  height: 4em;
  width: 4em;
  background-repeat: no-repeat!important;
  display: inline-block;
  position: absolute;
  border: 1px solid #830051;
  left: 80%;
  background-size: 10px 20px;
  background-position-x: center;
  background-position-y: center;
}

.tg-subcontent {
  width: 80%;
  font-size: 16px;
}

.treatment-guidelines .main-container {
  margin-top: 0%;
}

/*.treatment-guidelines .breadcrumb-list-parent li:nth-child(5) {*/
/*  display: none!important;*/
/*}*/

@media screen and (max-width:768px) {
    .you-child-pages .ta-over-sec{
		padding-top:40px !important; 
        padding-bottom:20px !important;              
            }
  .treatment-guidelines .ta-over-sec .page-section-inner, .materials-for-you .ta-over-sec .page-section-inner, .you-child-pages .ta-over-sec .page-section-inner {
    text-align: center;
  }
.component-section.no-style.ta-over-sec.centre-serv .page-section-inner.container {
    text-align: center;
}
  .treatment-guidelines #filter-collapsible {
    width: 100%!important;
  }

  .treatment-guidelines .row.resource-list-holder.resource-list-populated {
    width: 100%!important;
    padding-left: 0px!important;
  }

  .treatment-guidelines .resource-list-holder .col-sm-6.col-md-3 {
    width: 100%!important;
    padding-left: 0;
    padding-right: 0;
    margin-left: -2%;
    margin-top: 2%;
  }

  .treatment-guidelines p.tg-subtxt {
    width: 95%!important;
    float: right;
    margin-top: 5%;
    padding: 25px 25px 0px 0px;
  }

  .tg-content-div:after {
    height: 2.5em;
    width: 2.5em;
    left: 80%;
    top: 68%;
    background-size: 7px 14px;
  }
  .tg-con-title{
    height:15em!important;
  }
}

@media screen and (max-width:736px) {
      html body.you-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container {
padding-top: 70px !important;	
padding-bottom: 30px !important;
} 
  .treatment-guidelines .resource-list-holder .col-sm-6.col-md-3 {
    margin-top: 10%!important;
  }

  .tg-content-div:after {
    top: 82%!important;
  }
}

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

  .treatment-guidelines .resource-list-holder .col-sm-6.col-md-3 {
    margin-left: -4%!important;
  }
   .tg-con-title{
    height:20em!important;
  }
}
/*treatment guide listing page ends*/
/* resouce list design of journal request starts */
.journal-request-listing .margin-top-30 {
  width: 25%;
  float: left;
}
.journal-request-listing .label-default,.journal-request-listing .label-default, .journal-request-listing .label.label-default:active,.journal-request-listing .label.label-default:focus,.journal-request-listing .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.journal-request-listing .label.label-primary,.journal-request-listing .label.label-primary {
  background: #830051;
  border: 1px solid #000;
  font-size: 12px;
}

.journal-request-listing .label.label-primary:hover,.journal-request-listing  .label.label-primary:hover {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.journal-request-listing .label.label-default:hover,.journal-request-listing  .label.label-default:hover {
  background: #830051;
  color: #fff;
  border: 1px solid #333;
}
.journal-request-listing .resource-list-populated {
  float: right;
  width: 75%;
  padding-left: 20px;
  margin-top: 2.1em;
}
.journal-request-listing .panel-body{
  padding:0px;
}
.journal-request-listing .resource-list-populated .col-md-3 {
  width: 100%;
}

.journal-request-listing .resource-panel {
  border: 0 !important;
  margin-bottom: 2em !important;
  box-shadow: 5px 15px 17px 6px rgba(206,206,206,0.78);
}

.journal-request-listing .resource-panel > .panel-body {
  height: 16.8em;
}

.journal-request-listing .resource-image-container {
  height: 16.8em;
  float: left;
  margin: 0;
  margin-right: 20px;
}

.journal-request-listing .resource-image-container + div {
  display: none;
}

.journal-request-listing .desc-content {
  width: 85%;
  margin-top: 5%;
}

.journal-request-listing .materials-desc {
  display: none;
}

.journal-request-listing .text-muted > small {
  display: none;
}
/* journal request resource list design ends */
/* icon placement in the resource list starts */
@media screen and (min-width:668px) {
  .journal-request-listing .jee-main {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/download.png);
    height: 2.5em;
    width: 2.5em;
    background-repeat: no-repeat!important;
    display: inline-block;
    position: absolute;
    border: 1px solid #830051;
    left: 87%;
    top: 35%;
    background-size: 7px 10px;
    background-position-x: center;
    background-position-y: center;
  }
}
/* icon placement in the resource list ends */

/*homepage begins*/
.home .main-container,.pre-login .main-container {
  margin-top: 0%;
}

.home .home-sec h2, .pre-login .home-sec h2 {
  width: 85%;
}

.pre-login .home-sec-2 .home-sec-2-1 {
  padding: 27px 5px!important;
}

.pre-login .home-sec-2 .home-sec-2-1 .page-section-inner {
  width: 50%;
}

.home .home-sec-2 .column-2 a.btn.btn-secondary,.pre-login .home-sec-2 .column-2 a.btn.btn-secondary {
  font-size: 13px;
}

.home .home-sec-2 .column-2 .col-sm-6.col-xs-12,.pre-login .home-sec-2 .column-2 .col-sm-6.col-xs-12 {
  padding: 30px;
}

.home .home-sec-3 .column-1,.pre-login .home-sec-3 .column-1 {
  width: 40%;
  margin-right: 5%;
  margin-top: 2%;
  margin-left: 5%;
}

.home .home-sec-3 .column-2,.pre-login .home-sec-3 .column-2 {
  width: 47%;
}

.home .home-sec-3 .column-2 img,.pre-login .home-sec-3 .column-2 img {
  height: 22em;
}

.home .home-sec-3,.pre-login .home-sec-3 {
  margin-bottom: 5%;
}

.home .home-sec-4 .col-sm-6.col-xs-12.col-md-3.col-lg-3,.pre-login .home-sec-4 .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
  height: 370px!important;
  margin: 4% auto;
}

/*.pre-login .home-sec-5 {*/
/*  margin-top: 5%;*/
/*}*/

.home .home-sec-5 .carousel-inner .item,.pre-login .home-sec-5 .carousel-inner .item {
  height: 30em;
  background-color: white;
}

.home .home-sec-5 .carousel .carousel-control,.pre-login .home-sec-5 .carousel .carousel-control {
  top: 43%;
}

.home .home-sec-5 .date-col .column-1 .text.parbase.section,.pre-login .home-sec-5 .date-col .column-1 .text.parbase.section {
  border: none!important;
}

.home .home-sec-5 .date-txt,.pre-login .home-sec-5 .date-txt {
  font-style: italic;
  font-size: 20px;
  margin: 10% auto;
}

.home .home-sec-5 .btn-col-home5 .column-2 .signup a.btn.btn-secondary,.pre-login .home-sec-5 .btn-col-home5 .column-2 .signup a.btn.btn-secondary {
  border: none!important;
  margin-left: -20%;
}

.home .home-sec-5 .btn-col-home5 .column-2 .signup a.btn.btn-secondary:active,.pre-login .home-sec-5 .btn-col-home5 .column-2 .signup a.btn.btn-secondary:active {
  background: local;
  box-shadow: none;
}

.home .home-sec-6 .column-2,.pre-login .home-sec-6 .column-2 {
  margin-top: 3%;
}

.magenta-col-home7 .column-1,.magenta-col-home7 .column-2 {
  background-color: #830051;
}

.grey-col-home7 .column-1,.grey-col-home7 .column-2 {
  background-color: #9AB1AC;
  padding-top: 69px;
  padding-bottom: 70px;
}

.home-sec-7 .subHeading.section {
  margin-left: -2%;
  font-weight: bolder;
}

.home-sec-8 .page-section-inner {
  width: 40%;
  margin-left: 5%;
  padding-top: 150px!important;
  padding-bottom: 150px!important;
}

.home-sec-8 {
  margin-top: 5%;
}

.home .img-height .column-2 img.new-image-desktop,.pre-login .img-height .column-2 img.new-image-desktop {
  height: auto;
}

@media screen and (max-width:768px) {
  .home .home-sec .page-section-inner h2,.pre-login .home-sec .page-section-inner h2 {
    text-align: center!important;
    width: 100%;
  }

  .home .home-sec .page-section-inner,.pre-login .home-sec .page-section-inner {
    padding-top: 60px!important;
  }

  .home .home-sec-2 .column-2 .col-sm-6.col-xs-12,.pre-login .home-sec-2 .column-2 .col-sm-6.col-xs-12 {
    padding-top: 15px;
    padding-bottom: 35px;
  }

  .home .home-sec-2 .column-2 a.btn.btn-secondary,.pre-login .home-sec-2 .column-2 a.btn.btn-secondary {
    text-align: left;
  }

  .home .home-sec-2 .column-2 a.btn.btn-secondary {
    padding-left: 0;
  }

  .home .home-sec-3 .column-1,.pre-login .home-sec-3 .column-1 {
    width: 100%;
    margin: auto;
    text-align: center;
  }

  .home .component-section.no-style.recommend-sec.mob-carousel1,.pre-login .component-section.no-style.recommend-sec.mob-carousel1 {
    text-align: center!important;
  }

  .home .component-section.no-style.recommend-sec.mob-carousel1 .carousel-mob1 .item,.pre-login .component-section.no-style.recommend-sec.mob-carousel1 .carousel-mob1 .item {
    height: 530px;
    text-align: left;
  }

  .home .mob-carousel1 .newImage.parbase.section, .pre-login .mob-carousel1 .newImage.parbase.section {
    display: flex;
    justify-content: center;
  }

  .home .mob-carousel1 .expand-img-mobile.visible-xs-inline-block,.pre-login .mob-carousel1 .expand-img-mobile.visible-xs-inline-block {
    width: 100%!important;
  }

  .home .component-section.no-style.event-sec-home.event-mob a.btn.btn-secondary,.pre-login .component-section.no-style.event-sec-home.event-mob a.btn.btn-secondary {
    width: 150px;
  }

  .home  .event-mob-list .column-2 .signup a.btn.btn-secondary,.pre-login  .event-mob-list .column-2 .signup a.btn.btn-secondary {
    border: none!important;
    margin-left: -20%;
  }

  .home .event-mob-list .column-2 .signup a.btn.btn-secondary:active,.pre-login .event-mob-list .column-2 .signup a.btn.btn-secondary:active {
    background: local;
    box-shadow: none;
  }

  .home .event-mob .carousel .carousel-inner .item,.pre-login .event-mob .carousel .carousel-inner .item {
    height: 25em;
    background-color: white;
  }

  .home-sec-6 {
    text-align: center;
  }

  .magenta-col-home7 .column-1,.magenta-col-home7 .column-2 {
    width: 50%;
  }

  .grey-col-home7 .column-1,.grey-col-home7 .column-2 {
    width: 50%;
  }

  .home-sec-7 .subHeading.section {
    text-align: center;
  }

  .home-sec-7 a.box-link-a {
    font-size: 12px;
    line-height: 1;
  }

  .magenta-col-home7 .expand-img-mobile.visible-xs-inline-block,.grey-col-home7 .expand-img-mobile.visible-xs-inline-block {
    width: 25%!important;
  }

  .home .home-sec-8 .page-section-inner,.pre-login .home-sec-8 .page-section-inner {
    padding-top: 60px!important;
    width: 100%;
    margin-left: 0;
  }
}

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

  .home-sec-7 {
    margin: 7%;
  }
}
/*homepage ends*/
/*filter section of Journal request starts */
.journal-request-listing .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.journal-request-listing .fg-color {
  color: #830051;
}

.journal-request-listing .resourceListFilter .dropdown-menu>li>a {
  color: #830051;
}

.journal-request-listing .margin-bottom-10, .filter-collapse-container {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
  .journal-request-listing .resource-filter-node:first-child h5 {
    padding-top: 20px !important;
  }
}

.journal-request-listing .resource-filter-node h5 {
  color: #830051;
}

.journal-request-listing .resourceListFilter .form-group {
  margin-bottom: 0px;
  display: none;
}

@media screen and (min-width:375px) and (max-width:991px) {
  .journal-request-listing .margin-top-30 {
    width: 100%;
    padding-right: 15px;
    padding-left:15px;
  }
  .journal-request-listing .resource-list-populated {
    width: 100%;
    padding-left: 0!important;
    margin-right: 0!important;
  }
/*      .journal-request-listing .breadcrumb-list-parent li:nth-child(5){*/
/*display:none;*/
/*}*/
}

.journal-request-listing .container.middle-content {
  padding-top: 15px;
}
/*jr filter section ends*/ 

/*video child pages start*/
@media screen and (max-width:768px) {
  .video-ban-sec .page-section-inner.container {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
  }

  .video-detail-a .main-container, .video-detail-b .main-container, .video-detail-c .main-container {
    margin-top: -5%;
  }
}
/*video child pages start*/


@media (max-width:825px) and (orientation:landscape) {
  p.title-link {
    width: 13em;
  }

  .split-text p.title-link {
    font-size: 14px;
  }

        /*services for you */
  .r-chev {
    width: 0.5em;
  }

  .text-box {
    padding: 0;
  }
        /*services for you end*/
  .ipad-on {
    display: none;
  }

  .serv-pat-col-2 .row {
    display: flex;
    flex-direction: column-reverse;
  }

  .services .services-sec2 .serv-pat-1 .row {
    display: block;
  }

  .deskk-on {
    display: none;
  }
}
/*videopage starts*/
.video #filter-collapsible {
  width: 25%;
  float: left;
}

.video .row.resource-list-holder.resource-list-populated {
  float: right;
  width: 75%;
  padding-top: 24px;
}

.video .row.resource-list-holder.resource-list-populated .col-md-3 {
  width: 50%;
}

.video .panel-body .text-muted small em {
  display: none;
}

.video .panel-body {
  padding: 0;
}

.video .form-group .text-muted {
  display: none;
}

.video a.dropdown-toggle.full-strech.fg-color {
  display: none;
}

.video .resourceListFilter .form-group {
  margin-bottom: 0;
}

.video #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.video span.open-resource-filter.fg-color {
  color: #830051;
}

.video #filter-collapsible .margin-bottom-10 {
  background: #FCF9F4;
  padding: 20px;
  margin-bottom: 0;
}

.video span.open-resource-filter.fg-color {
  color: #830051;
}

.video .label-default,.video .label-default, .video .label.label-default:active, .video .label.label-default:focus, .video .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.video .resource-filter-node h5 {
  color: #830051;
}

.video a.label.label-default.label-lg.resource-filter-item:hover, .video a.label.label-default.label-lg.resource-filter-item:active, .video a.label.label-default.label-lg.resource-filter-item:focus, .video a.label.label-default.label-lg.resource-filter-item:visited {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.video span.close-resource-filter.fg-color {
  color: #830051;
}

.video .resource-filter-node h5 {
  color: #830051;
}

.video span.close-resource-filter.fg-color {
  color: #830051;
}

.video .label-default, .video .label-default, .video .label.label-default:active, .video .label.label-default:focus,.video .label.label-default:visited {
  background: 0 0;
  color: #830051;
  border: 1px solid #ccc;
  white-space: normal;
}

.video .label.label-primary, .video .label.label-primary {
  background: #830051;
  border: 1px solid #000;
  font-size: 12px;
}

.video .label.label-primary:hover, .video .label.label-primary:hover {
  background: #830051;
  border: 1px solid #777;
  color: #fff;
}

.video .label.label-default:hover, .video .label.label-default:hover {
  background: #830051;
  color: #fff;
  border: 1px solid #333;
}

.video .resource-image-container {
  background-color: #aea8a845;
  height: 15em;
}

.video .panel-body strong {
  display: none;
}

.videopage-txt {
  padding: 8%;
}

.vp-title {
  font-size: 20px;
  font-weight: bolder;
}

.videopage-txt:after {
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/caret-right.png);
  height: 3em;
  width: 3em;
  background-repeat: no-repeat!important;
  display: inline-block;
  border: 1px solid #830051;
  margin-top: 9%;
  background-size: 10px 20px;
  background-position-x: center;
  background-position-y: center;
}

.video .resource-panel {
  border: 0 !important;
  margin-bottom: 2em !important;
  box-shadow: 5px 5px 17px 6px rgb(206 206 206 / 78%);
  height: 33em;
}

.video-page-section {
  width: 72%;
  float: right;
  margin-top: 4.5%;
  background: linear-gradient(to right,#FCF9F4 85% ,#fff 15%) !important;
  padding-top: 5%;
  padding-bottom: 5%;
}

.video-page-section .page-section-inner {
  margin-left: 6%;
  width: 93%;
}

.video-page-section .column-1 {
  padding-left: 0;
}

.video-page-section .column-1 img {
  width: 50%!important;
}

.video-page-section .signup a.btn.btn-secondary {
  position: absolute;
  top: 61%!important;
  color: #fff;
  background-color: #830051;
  font-size: 16px;
  font-weight: normal;
  width: 150px;
  height: 50px;
  padding-left: 0;
  padding-right: 9px;
  padding-top: 12px;
  background: linear-gradient(to left, #690041 32%, #830051 30%);
}

.video-page-section .signup a.btn.btn-secondary span:before {
  width: 30px;
  height: 30px;
  content: "";
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
  background-size: 32% 14px;
  background-position: center;
  border: 1px solid #fff;
}

.video-page-section span.glyphicon.glyphicon-chevron-right.pull-right {
  margin-top: -4%;
}

.video .main-container {
  margin-top: 0%;
}

@media screen and (max-width:1920px) and (min-width:1367px) {
  .video-page-section .signup a.btn.btn-secondary {
    top: 74%!important;
  }

  .video .row.resource-list-holder.resource-list-populated .col-md-3 {
    width: 43%;
    margin-left: 2%;
  }

  .video-page-section {
    margin-top: 2.3%;
  }
}

@media screen and (max-width:1366px) and (min-width:1281px) {
  .video-page-section .signup a.btn.btn-secondary {
    top: 63%!important;
  }
}

@media screen and (max-width:1024px) and (min-width:769px) {
  .video-page-section .signup a.btn.btn-secondary {
    top: 54%!important;
  }
}

@media screen and (max-width:768px) {
  .video .resource-panel {
    height: auto;
  }

  .video .container.middle-content {
    width: 100%;
  }

  .video-page-section .column-1,.video-page-section .column-2 {
    width: 100%;
  }

  .video #filter-collapsible {
    width: 100%;
  }

  .video .row.resource-list-holder.resource-list-populated {
    width: 100%;
  }

  .video .row.resource-list-holder.resource-list-populated .col-md-3 {
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
    margin-left: -3%;
  }

  .video .resource-image-container {
    width: 25%;
    float: left;
  }

  .videopage-txt {
    width: 75%;
    float: right;
    padding-bottom: 0px;
    padding: 4%;
  }

  .video .resource-image-container {
    height: 7em;
    margin-bottom: 0;
  }

  .vp-content {
    display: none;
  }

  .vp-title {
    font-size: 12px;
    line-height: 1.3;
        margin-top: 1.8em;
  }

  .videopage-txt:after {
    width: 2em;
    position: absolute;
    left: 10%;
    top: 4%;
    height: 2em;
    border: 1px solid white;
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/play.png);
  }

  .video-page-section {
    margin-top: 0;
    width: 100%;
    background: linear-gradient(to right,#FCF9F4 100% ,#fff 15%) !important;
  }

  .video-page-section .page-section-inner {
    width: 90%;
    margin: auto 5%;
  }

  .video-page-section .column-1 {
    text-align: center;
  }

  .video .main-container .container.middle-content {
    padding-left: 0;
    padding-right: 0;
  }

  .video-page-section .column-1 .newImage.parbase.section {
    display: flex;
    justify-content: center;
  }

  .video-page-section .column-1 .expand-img-mobile.visible-xs-inline-block {
    width: 100%!important;
  }

  .video-page-section .column-1 img {
    margin-left: 40%;
    width: 300%!important;
  }

  .video-page-section .signup a.btn.btn-secondary {
    top: 78.3%!important;
    left: 40%;
  }
}

@media screen and (max-width:736px) {
  .video-page-section .column-1 img {
    width: 50%!important;
  }

  .videopage-txt:after {
  top: -1.2em;
  }
}

@media screen and (max-width:414px) {
  .video-page-section .signup a.btn.btn-secondary {
    top: 63%!important;
    left: 30%;
  }

  .video .row.resource-list-holder.resource-list-populated .col-md-3 {
    width: 100%;
    padding-left: 5px;
    margin-left: -5%;
  }

  .videopage-txt {
    width: 65%;
  }

  .resource-image-container {
    width: 35%!important;
  }

  .video .resource-image-container {
    height: 6em;
  }

  .videopage-txt:after {
    left: 12%;
  }
}
/*videopage ends*/
/*resource list design text starts*/

.journal-request-listing .desc-content .title-desc {
  font-weight: bolder;
  color: #830051 !important;
}

.journal-request-listing .desc-content p:nth-child(2) {
  font-size: 16px;
}

@media screen and (min-width:375px) and (max-width:667px) {
  .journal-request-listing .desc-content p:nth-child(2) {
    display: none;
  }

  .journal-request-listing .title-desc {
    padding-top: 15px;
  }
}
/*resource list text design ends */

/*Product search page starts*/
.product-information.product-info.default-fonts .main-container {
  margin-top: -3%!important;
}

.prod-info-sec .page-section-inner.container {
  padding-top: 200px!important;
  padding-bottom: 50px!important;
}

.accor-sec.pi-acc {
  background-color: #FCF9F4;
}

.pi-pcol {
  border-bottom: 1px solid white;
  padding-bottom: 0!important;
  padding-top: 0!important;
}

.pi-pcol .column-1,.pi-pcol .column-2 {
  border-right: 1px solid white!important;
  padding:4% 0 3% 2%;
  height:10em;
}

.pi-pcol .column-3 {
   padding:4% 0 3% 2%;
  height:10em;
}

.pi-pcol.pi-single .column-2,.pi-pcol.pi-double .column-2 {
  border-right: none!important;
}

.pi-pcol-m {
  display: none;
}

@media screen and (max-width:768px) {
  .pi-pcol-m {
    display: block!important;
  }

  .pi-pcol {
    display: none;
  }

  .pi-pcol-m .column-1 {
    border-right: 1px solid white!important;
  }

  .pi-pcol-m {
    border-bottom: 1px solid white;
  }
}
/*Product search page ends*/
/*enews begins*/
.enews-root {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width:1024px) {
  .newsletters .container.middle-content {
    width: 100%!important;
    padding-left: 0;
  }

  .newsletters .main-container {
    margin-top: 0%;
  }

  .newsletters .enews-col .col-sm-6.col-xs-12.column-2 {
    width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 6%;
  }

  .enews-bimage img.new-image-desktop {
    height: auto;
  }
}

@media screen and (max-width:768px) {
  .newsletters .enews-col .col-sm-6.col-xs-12.column-1,.newsletters .enews-col .col-sm-6.col-xs-12.column-2 {
    width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    text-align: center;
  }

  .newsletters .enews-col .col-sm-6.col-xs-12.column-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .newsletters .container.middle-content {
    width: 100%;
  }

  .newsletters .enews-col .linkList.section {
    width: 100%;
  }
}
/*enews ends*/

/* design mobile view journal download 1 starts */
@media screen and (min-width:375px) and (max-width:767px) {

  /*.journal-details-1 .new-image-mobile {*/
  /*  margin-left: 20px;*/
  /*}*/

  .journal-details-1 .column-2 .new-image-mobile {
    margin-left: 164px;
  }

  .journal-details-1 .journal-download-comp-1 .column-2 {
    text-align: center !important;
  }

  .journal-details-1 .journal-download-comp-1 .column-2 h3 {
    margin-left: 72px;
    font-size: 24px !important;
  }

  .journal-details-1 .mat-overview a {
    margin-left: 11px !important;
  }

  .journal-details-1 .journal-download-comp-1 .column-1 img {
    width: 50% !important;
    height: 200px;
  }
}
/*mobile view journal request download 1 ends*/

/*mobile view journal download 2 starts */
@media screen and (min-width:375px) and (max-width:767px) {

  /*.journal-details-2 .new-image-mobile {*/
  /*  margin-left: 41px;*/
  /*}*/

  .journal-details-2 .column-2 .new-image-mobile {
    margin-left: 164px;
  }

  .journal-details-2 .journal-download-comp-1 .column-2 {
    text-align: center !important;
  }

  .journal-details-2 .journal-download-comp-1 .column-2 h3 {
    margin-left: 72px;
    font-size: 24px !important;
  }

  .journal-details-2 .mat-overview a {
    margin-left: 11px !important;
  }

  .journal-details-2 .journal-download-comp-1 .column-1 img {
    width: 50% !important;
    height: 200px;
  }
}
/*mobile view journal request download 2 ends */

/*mobile view journal download 3 starts */
@media screen and (min-width:375px) and (max-width:767px) {

  /*.journal-details-3 .new-image-mobile {*/
  /*  margin-left: 20px;*/
  /*}*/

  .journal-details-3 .column-2 .new-image-mobile {
    margin-left: 164px;
  }

  .journal-details-3 .journal-download-comp-1 .column-2 {
    text-align: center !important;
  }

  .journal-details-3 .journal-download-comp-1 .column-2 h3 {
    margin-left: 72px;
    font-size: 24px !important;
  }

  .journal-details-3 .mat-overview a {
    margin-left: 11px !important;
  }

  .journal-details-3 .journal-download-comp-1 .column-1 img {
    width: 50% !important;
    height: 200px;
  }
}
/*mobile view journal request download 3 ends */


/*services for you */

@media (min-width:768px) {
  .sr-fr-col1 .column-1:first-of-type, .sr-fr-col-2 .column-1:first-of-type, .sr-fr-col3 .column-1:first-of-type {
    width: 47%;
    margin-right: 3%;
  }

  .split-text .column-1 {
    width: 50% !important;
    margin-right: 0 !important;
  }

  .sp-col-1 {
    height: 25em;
  }

  .sp-col-2.split-text-3 {
    top: 5em;
  }

  .serv-fr-yu .sp-col-1 .column-1 {
    height: 25em;
  }

  .services-for-patients .sp-col-1 {
    height: 30em !important;
  }

  .services-for-patients .sp-col-1 .column-1 {
    height: 30em !important;
  }

  .services-for-patients .sp-col-1 .column-2 img {
    height: 30em !important;
  }

  .services-for-you .serv-fr-yu .sp-col-1 .column-2 img {
    height: 25em;
  }

  .services-for-patients .sp-col-2 {
    height: 25em;
  }

  .services-for-patients .sp-col-2 .column-1 {
    height: 25em !important;
  }

  .services-for-patients .sp-col-2.column-2 img {
    height: 25em !important;
  }
}
/*services for your patients*/

@media (min-width:667px) and (max-width:736px) and (orientation:landscape) {
  .sp-col-2.split-text-3 {
    top: -1em !important;
  }

  .serv-fr-yu .split-text .column-2 img {
    width: 102.3% !important;
  }
}

/*home page fixes*/
.home-sec-4 .col-4-home .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
  width: 22.5%;
  margin-left: 2.5%;
}

.home-sec-4 {
  padding-bottom: 40px;
}

.home-sec-5 .event-main-col h2.border {
  width: 70%!important;
}

.home-sec-7 img {
  width: 60%!important;
}

.magenta-col-home7 .col-sm-6.col-xs-12,.grey-col-home7 .col-sm-6.col-xs-12 {
  padding-left: 0;
  padding-right: 0;
  border-right: 1px solid white;
}

.date-m {
  font-style: italic;
}

@media screen and (max-width:1024px) and (min-width:769px) {
  .article-right-col2.article-desk-right .col-sm-6.col-xs-12,.article-right-col1.article-desk-right .col-sm-6.col-xs-12 {
    height: 250px;
  }

  .component-section.container.no-style.article-sec-left.article-sec-desk.home-sec-2-1 {
    padding-top: 340px;
  }
}

@media screen and (max-width:812px) and (min-width:769px) {
  .home-sec-2 .multi-column-container.article-right-col1.article-mob-right a.btn.btn-secondary {
    text-align: left;
    margin-top: -5%;
  }

  .home-sec-2 .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    top: 60%;
    left: 6%;
  }
}

@media screen and (max-width:768px) and (min-width:737px) {
  .new-image.vc-icon {
    width: 40%;
    text-align: center!important;
  }

  .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    top: 65%;
    left: 6%;
  }
}

@media screen and (max-width:736px) {
  .article-sec-left-mob a.btn.btn-secondary {
    width: 100%;
  }

  .home-sec-2 .article-sec-left-mob .page-section-inner {
    width: 96%!important;
    margin: auto;
  }

  .home .mob-carousel1 .carousel-inner .newImage.parbase.section,.pre-login .mob-carousel1 .carousel-inner .newImage.parbase.section {
    justify-content: left!important;
    margin-left: 4%;
  }

  .pre-login .article-right-col1.article-mob-right a.btn.btn-secondary {
    padding-left: 0;
  }

  .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    top: 60%;
    left: 6%;
  }

  .home .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    left: 7%;
  }
}

@media screen and (max-width:414px) {
  .home-sec-7 img {
    width: 85%!important;
  }

  .home-sec-2 .article-sec-left-mob .page-section-inner {
    width: 92%!important;
  }

  .home .home-sec-2 .column-2 a.btn.btn-secondary {
    padding-left: 20px;
  }

  .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    top: 62%;
    left: 12%;
  }

  .home .article-mob-right span.glyphicon.glyphicon-chevron-right.pull-right {
    left: 11%;
  }
}
/*home page fixes*/


/*treatment guideline fixes*/
@media screen and (min-width:800px) and (max-width:1023px) {
  .treatment-guidelines .panel-body strong span {
    font-size: 16px!important;
  }

  .tg-subcontent {
    font-size: 13px;
  }

  .tg-content-div:after {
    height: 2.5em!important;
    width: 2.5em!important;
    left: 75%;
    top: 70%!important;
  }
}
/*treatment guideline fixes*/

/*journal carousel starts*/
@media screen and (max-width:767px) and (orientation:portrait) {
  .journal-details-1 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-1 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }
/*.journal-details-1 .carousel .carousel-indicators.hide-caption {*/
/*         display: inline-block !important;*/
/*         margin-top: 106%;*/
         
/*}*/
  .journal-details-1 .carousel .carousel-indicators li .carousel-indicator:after {
    border: 1px solid #830051 !important;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .journal-details-1 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-1 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

  .journal-details-1 .carousel .carousel-indicators.hide-caption {
    display: inline-block !important;
    margin-top: 58%;
  }

  .journal-details-1 .carousel .carousel-indicators li .carousel-indicator:after {
    border: 1px solid #830051;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
  }
}

.journal-details-1 .signup.mag-animate.view-button-mob .vcenter.link-txt {
  color: #830051;
  text-decoration: underline;
}

@media screen and (max-width:767px) and (orientation:portrait) {

  .journal-details-1 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 9px;
    width: 100%;
    margin-top: -30%;
  }

  .journal-details-1 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {

  .journal-details-1 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    margin-top: -15%;
  }

  .journal-details-1 .column-1 .signup.mag-animate.view-button-mob {
    margin-top: -7%;
    margin-left: 15%;
    width: 76%;
  }
}
/* journal carousel ends */

/* journal 1 carousel ipad */

@media screen and (min-width:768px) and (max-width:1023px) {
  .journal-details-1 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-1 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

/*.journal-details-1 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051 !important;*/
/*    border-radius: 50%;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    content: '';*/
/*    display: block;}*/
  .journal-details-1 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    font-size: 18px;
  }

  .journal-details-1 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

/* journal carousel 1 of ipad ends */

/* journal carousel 1 of ipad pro starts */
@media screen and (min-width:1024px) {
  .journal-details-1 .journal-col-1 .col-md-12 {
    width: 50%;
  }
}
/* journal carousel 1 of ipad pro ends */

/* journal carousel center content */
@media screen and (max-width:1023px) {
  .journal-details-1 .journal-col-1 .column-2 {
    text-align: center;
  }
}
/*journal carousel center content ends*/

/*journal carousel 2 starts*/

@media screen and (max-width:767px) and (orientation:portrait) {
  .journal-details-2 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-2 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }
/*.journal-details-2 .carousel .carousel-indicators.hide-caption {*/
/*         display: inline-block !important;*/
/*         margin-top: 106%;*/
         
/*}*/
/*.journal-details-2 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051 !important;*/
/*    border-radius: 50%;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    content: '';*/
/*    display: block;}*/
}

@media screen and (max-width:767px) and (orientation:landscape) {

  .journal-download-comp-1 .column-1, .journal-download-comp-1 .column-2 {
    width: 50%;
  }

  .journal-details-2 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-2 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

  .journal-details-2 .carousel .carousel-indicators.hide-caption {
    display: inline-block !important;
    margin-top: 58%;
  }
/*.journal-details-2 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051;*/
/*    border-radius: 50%;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    content: '';*/
/*    display: block;}*/
}

.journal-details-2 .signup.mag-animate.view-button-mob .vcenter.link-txt {
  color: #830051;
  text-decoration: underline;
}

@media screen and (max-width:767px) and (orientation:portrait) {

  .journal-details-2 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 9px;
    width: 100%;
    margin-top: -30%;
  }

  .journal-details-2 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {

  .journal-details-2 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    margin-top: -15%;
  }

  .journal-details-2 .column-1 .signup.mag-animate.view-button-mob {
    margin-top: -7%;
    margin-left: 15%;
    width: 76%;
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .journal-details-2 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-2 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

/*.journal-details-2 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051 !important;*/
/*    border-radius: 50%;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    content: '';*/
/*    display: block;}*/
  .journal-details-2 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    font-size: 18px;
  }

  .journal-details-2 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

@media screen and (min-width:1024px) {
  .journal-details-2 .journal-col-1 .col-md-12 {
    width: 50%;
  }
}

@media screen and (max-width:1023px) {
  .journal-details-2 .journal-col-1 .column-2 {
    text-align: center;
  }
}


/*journal carousel 2 ends*/

/*journal carousel 3 starts*/



@media screen and (max-width:767px) and (orientation:portrait) {
  .journal-details-3 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-3 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }
/*.journal-details-3 .carousel .carousel-indicators.hide-caption {*/
/*         display: inline-block !important;*/
/*         margin-top: 106%;*/
         
/*}*/
/*.journal-details-3 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051 !important;*/
/*    border-radius: 50%;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    content: '';*/
/*    display: block;}*/
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .journal-details-3 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-3 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

  .journal-details-3 .carousel .carousel-indicators.hide-caption {
    display: inline-block !important;
    margin-top: 58%;
  }
/*.journal-details-3 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051;*/
/*    border-radius: 50%;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    content: '';*/
/*    display: block;}*/
}

.journal-details-3 .signup.mag-animate.view-button-mob .vcenter.link-txt {
  color: #830051;
  text-decoration: underline;
}

@media screen and (max-width:767px) and (orientation:portrait) {

  .journal-details-3 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 9px;
    width: 100%;
    margin-top: -30%;
  }

  .journal-details-3 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {

  .journal-details-3 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    margin-top: -15%;
  }

  .journal-details-3 .column-1 .signup.mag-animate.view-button-mob {
    margin-top: -7%;
    margin-left: 15%;
    width: 76%;
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .journal-details-3 a.right.carousel-control {
    top: 90%;
    right: 10% !important;
  }

  .journal-details-3 a.left.carousel-control {
    top: 90%;
    left: 10% !important;
  }

/*.journal-details-3 .carousel .carousel-indicators li .carousel-indicator:after {*/
/*    border: 1px solid #830051 !important;*/
/*    border-radius: 50%;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    content: '';*/
/*    display: block;}*/
  .journal-details-3 .signup.mag-animate.view-button-mob .vcenter.link-txt {
    margin-left: 24px;
    width: 100%;
    font-size: 18px;
  }

  .journal-details-3 .column-1 .signup.mag-animate.view-button-mob {
    margin-left: 14%;
    width: 76%;
  }
}

@media screen and (min-width:1024px) {
  .journal-details-3 .journal-col-1 .col-md-12 {
    width: 50%;
  }
}

@media screen and (max-width:1023px) {
  .journal-details-3 .journal-col-1 .column-2 {
    text-align: center;
  }
}


/*journal carousel 3 ends*/

.journal-details-1 .breadcrumb-list-parent li:nth-child(5),.journal-details-2 .breadcrumb-list-parent li:nth-child(5),.journal-details-3 .breadcrumb-list-parent li:nth-child(5) {
  display: none!important;
}

.journal-details-1 .container.middle-content,.journal-details-2 .container.middle-content,.journal-details-3 .container.middle-content {
  margin: 0;
}

.journal-details-1 .main-container,.journal-details-2 .main-container,.journal-details-3 .main-container {
  margin-top: 0%;
}

.journal-col-1 .col-lg-6.col-md-12.column-1 {
  background: linear-gradient(to right,#FCF9F4 60% ,#fff 15%) !important;
  padding: 5%;
}

.journal-col-1 .column-2 .col-lg-6.col-md-12.column-1 {
  padding: 15px!important;
  background: transparent!important;
}

.journal-col-1 .carousel.section {
  margin-left: 10%;
  box-shadow: 5px 15px 17px 6px rgb(206 206 206 / 78%);
}

.journal-child-carousel-1 .carousel-inner .item {
  padding: 5% 15%;
  background: white;
}

.journal-child-carousel-1 a.right.carousel-control {
  right: -11%!important;
}

.jr-btn-col .column-2 .linkList.section {
  position: absolute;
  left: -30%;
  margin-top: 7%;
}

.journal-details-1 .signup.mag-animate.view-button-mob .vcenter.link-txt,.journal-details-2 .signup.mag-animate.view-button-mob .vcenter.link-txt,.journal-details-3 .signup.mag-animate.view-button-mob .vcenter.link-txt {
  font-style: italic;
}

.journal-details-2 .container.middle-content,.journal-details-3 .container.middle-content {
  padding-top: 100px;
  padding-bottom: 80px;
}

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


  .journal-details-1 .breadcrumb-list-parent li:nth-child(7), .journal-details-2 .breadcrumb-list-parent li:nth-child(7),.journal-details-3 .breadcrumb-list-parent li:nth-child(7) {
    display: none!important;
  }

  .journal-details-1 .breadcrumb-list-parent li:nth-child(3) .link-txt,.journal-details-2 .breadcrumb-list-parent li:nth-child(3) .link-txt,.journal-details-3 .breadcrumb-list-parent li:nth-child(3) .link-txt {
    visibility: hidden;
  }

  .journal-details-1 .breadcrumb-list-parent li:nth-child(3) .link-txt:after,.journal-details-2 .breadcrumb-list-parent li:nth-child(3) .link-txt:after,.journal-details-3 .breadcrumb-list-parent li:nth-child(3) .link-txt:after {
    visibility: visible;
    content: "...";
    margin-left: -40%;
  }

  .journal-details-1 a.left.carousel-control,.journal-details-2 a.left.carousel-control,.journal-details-3 a.left.carousel-control {
    left: 8%!important;
    top: 90.5%;
  }

  .journal-details-1 a.right.carousel-control,.journal-details-2 a.right.carousel-control,.journal-details-3 a.right.carousel-control {
    left: 88%!important;
    top: 90.5%;
  }

  .journal-details-1 .journal-child-carousel-1,.journal-details-2 .journal-child-carousel-1,.journal-details-3 .journal-child-carousel-1 {
    margin-right: 0;
  }

  .journal-col-1 .col-lg-6.col-md-12.column-1 {
    background: transparent !important;
  }

  .journal-col-1 .carousel.section {
    margin-left: 0;
  }

  .journal-col-1 .column-1 img.new-image-mobile {
    box-shadow: 5px 15px 17px 1px rgb(206 206 206 / 78%);
  }

  .journal-child-carousel-1 .carousel-inner .item {
    padding: 10% 10% 20% 10%;
  }

  .jr-btn-col .column-2 .linkList.section {
    left: 35%;
    margin-top: 0%;
  }

  .journal-col-1 .column-1 ol.carousel-indicators.hide-caption {
    display: inline-block!important;
  }

  .journal-col-1 .column-1 .carousel-indicators {
    top: 91%;
  }

  .journal-col-1 .column-1 .carousel-indicators .active .carousel-indicator {
    background: #830051;
    padding: 0px;
  }

  .journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner,.journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner,.journal-details-3 .component-section.no-style.ta-over-sec .page-section-inner {
    text-align: center;
  }

  .carousel .carousel-indicators li .carousel-indicator:after {
    border: 1px solid #830051;
  }
}

@media screen and (max-width:736px) {
  .jr-btn-col .column-2 .linkList.section {
    left: 25%;
    margin-top: -5%;
  }

  .journal-col-1 .column-1 .carousel-indicators {
    top: 53%;
  }
}

@media screen and (max-width:414px) {
  .journal-details-1 a.left.carousel-control,.journal-details-2 a.left.carousel-control,.journal-details-3 a.left.carousel-control {
    left: 5%!important;
    top: 90.5%;
  }

  .journal-details-1 a.right.carousel-control,.journal-details-2 a.right.carousel-control,.journal-details-3 a.right.carousel-control {
    left: 84%!important;
    top: 90.5%;
  }

  .journal-col-1 .column-1 .carousel-indicators {
    top: 92%;
  }
}

/*rig accordian*/
.respiratory .cardio-sub .list-item-1 a.action-link.icon-right span.link-txt:before {
  background-size: 80% 90%;
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/graduation-hat-lt.png)!important;
}

.respiratory .cardio-sub .list-item-2 a.action-link.icon-right span.link-txt:before {
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/reading-lt.png)!important;
}

.respiratory .cardio-sub .list-item-3 a.action-link.icon-right span.link-txt:before {
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/stage.png)!important;
  background-size: 60% 25px;
}
/*rig accordian*/

/*search*/
div#tab-result-container div#showall-results .list .line .col-xs-12.col-12.col-md-2.result-thumbnail {
  content: url(/content/dam/open-digital/Hongkong-HCP/en/images/newspaper.png);
  background: #8080807a;
  width: 8%;
  height: 9%;
  padding: 2%;
}

div#tab-result-container div#showall-results .list .line .search-result-description {
  display: none;
}

div#tab-result-container div#showall-results .list .line .videopage-txt,div#tab-result-container div#showall-results .list .line .outer-div {
  display: none;
}

div#tab-result-container div#showall-results .list .line .art1,div#tab-result-container div#showall-results .list .line .tg-content {
  display: none;
}

div#tab-result-container div#showall-results .list .line .dis-date,div#tab-result-container div#showall-results .list .line .art {
  display: none;
}

div#tab-result-container div#showall-results .list .line .button-rights,div#tab-result-container div#showall-results .list .line .treat-title {
  display: none;
}

div#tab-result-container div#showall-results .list .line .treat-desc,div#tab-result-container div#showall-results .list .line .download-watch-button {
  display: none;
}

div#tab-result-container div#showall-results .list .line .col-xs-2.col-2.col-md-1 {
  display: none;
}

@media screen and (max-width:414px) {
  div#tab-result-container div#showall-results .list .line .col-xs-12.col-12.col-md-2.result-thumbnail {
    width: 16%;
  }
}
/*search*/

/*header issue*/
.disease .navbar-header .horizontal-list-dropdown .list-dropdown.dropdown-menu li a {
  font-size: 14px;
}
/*header issue*/

@media (min-width:768px) {
  .cardiovascular.cvrm a.left.carousel-control {
    left: -3% !important;
  }
}
/*patient story carousel in mobile*/
@media screen and (max-width:991px) {
  .patient-story-asthma .carousel span.fa.fa-chevron-right:before,.acs-vid-sec .carousel span.fa.fa-chevron-right:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/therapeutic-area/desktop/cvrm/pchevronright.png);
    width: 20px;
    height: 25px;
    background-size: 70% 17px;
    display: inline-block;
    background-repeat: no-repeat;
  }

  .patient-story-asthma .carousel span.fa.fa-chevron-left:before,.acs-vid-sec .carousel span.fa.fa-chevron-left:before {
    content: "";
    background-image: url(/content/dam/open-digital/Hongkong-HCP/en/therapeutic-area/desktop/cvrm/pchevronleft.png);
    width: 20px;
    height: 25px;
    background-size: 70% 17px;
    display: inline-block;
    background-repeat: no-repeat;
  }
}
/*patient story carousel in mobile ends*/

/*journal request popup*/
.journal-details-2 h4#popup-title,.journal-details-1 h4#popup-title,.journal-details-3 h4#popup-title {
  font-size: 30px;
}

.journal-details-2 button.btn.submit-btn.btn-primary.btn-lg,.journal-details-1 button.btn.submit-btn.btn-primary.btn-lg,.journal-details-3 button.btn.submit-btn.btn-primary.btn-lg {
  border-color: #800051;
  background: #800051;
}

.journal-details-2 button.btn.submit-btn.btn-primary.btn-lg span:first-child:after,.journal-details-1 button.btn.submit-btn.btn-primary.btn-lg span:first-child:after,.journal-details-3 button.btn.submit-btn.btn-primary.btn-lg span:first-child:after {
  width: 35px;
  height: 15px;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-image: url(/content/dam/open-digital/Hongkong-HCP/en/images/chevron-right-white.png);
  background-size: 30% 90%;
  background-position: right;
}

div#field-611c41cf7c9a860004189b5e label span:before {
  content: "*";
  padding-right: 2%;
  position: absolute;
  left: 1.5%;
  top: 6%;
}

div#field-group-611c41cf7c9a860004189b5e .form-label-container {
  display: none;
}

.jrc-dcp .modal-header {
  display: none;
}

.mat-overview hr {
  display: none;
}

.jrc-dcp .modal-content {
  background: linear-gradient(to right,#FCF9F4 27% ,#fff 15%) !important;
}

.jrc-dcp .modal-body {
  width: 100%;
}

.journal-details-1 .download-complete-popup-section,.journal-details-2 .download-complete-popup-section,.journal-details-3 .download-complete-popup-section {
  width: auto;
}

@media screen and (max-width:736px) {
  .jrc-dcp .modal-content {
    background: linear-gradient(#FCF9F4 27% ,#fff 15%) !important;
  }

  .multi-column-container.journal-download-comp-1 .col-sm-6.col-xs-12 {
    width: 100%;
  }

  .journal-details-1 .modal-dialog.modal-md,.journal-details-2 .modal-dialog.modal-md,.journal-details-3 .modal-dialog.modal-md {
    width: 90%;
  }

  .journal-details-1 .column-2 .new-image-mobile,.journal-details-2 .column-2 .new-image-mobile,.journal-details-3 .column-2 .new-image-mobile {
    margin-left: 40%;
  }

  .journal-details-1 .journal-download-comp-1 .column-2 h3,.journal-details-2 .journal-download-comp-1 .column-2 h3,.journal-details-3 .journal-download-comp-1 .column-2 h3 {
    margin-left: 0%;
  }

  .journal-download-comp-1 .linkList.section {
    width: 100%!important;
  }
}

/*journal request popup*/
.therapeutic-area .ta-over-sec{
    background-size:100% 100%!important;
 }

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

    body.you-child-pages .ta-over-sec .page-section-inner.container
{
	padding-top:250px !important;
    padding-bottom:200px !important;
}  

  body.fixed-top-margin.home.home-after-login.default-fonts .home-sec .page-section-inner, body.fixed-top-margin.pre-login.home-before-login.default-fonts .home-sec .page-section-inner {
    padding: 120px 15px !important;
  }

  .congress-material .component-section.no-style.ta-over-sec .page-section-inner, .journal-request-listing .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-3 .component-section.no-style.ta-over-sec .page-section-inner, .treatment-guidelines .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 250px;
    padding-bottom: 200px;
  }

  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 280px;
    padding-bottom: 150px;
  }

  .services-for-you .serv-main-banner .page-section-inner {
    padding-top: 250px !important;
    padding-bottom: 200px !important;/*changed*/
  }

  .services .ta-over-sec {
    padding: 150px 0px !important;
    padding-top:230px !important;
    padding-bottom:70px !important;
  }

  .therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 340px !important;
    padding-bottom: 110px !important;
  }

  .c-adj .page-section-inner.container {
    padding: 100px 15px !important;
  }

  body .cardio-ban-col .column-2 img {
    width: 95%!important;
  }

  body .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img {
    width: 85%!important;
  }

  .cardio-ban-col .column-2 h3 {
    font-size: 18px!important;
  }

  html .asthma .component-section.container.no-style.box-link-sec {
    height: 161px!important;
  }

  html .asthma .cor-adj .component-section.container.no-style.box-link-sec {
    height: 173px!important;
  }

  body .cardio-ban-col.cor-adj .column-2 img {
    width: 85%!important;
  }

  .or-adj .page-section-inner.container {
    padding: 112px 15px !important;
  }
}

@media screen and (max-width:1366px) and (min-width:1281px) {
.you-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container {
padding-top: 175px !important;
padding-bottom: 95px !important;
}

  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts, body.fixed-top-margin.home.home-after-login.default-fonts {
    margin-top: 135px !important;
  }

  .c-adj .page-section-inner.container {
    padding: 68px 15px !important;
  }

  .or-adj .page-section-inner.container {
    padding: 73px 15px !important;
  }

  .therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 220px !important;
  }

  .services .ta-over-sec {
    padding: 65px 0px !important;
  }

html .component-section.serv-main-banner .page-section-inner {

padding-top: 175px !important;	
padding-bottom: 95px !important;

}

}

@media screen and (max-width:1024px) and (min-width:769px) {
  body.fixed-top-margin.home.home-after-login.default-fonts, body.fixed-top-margin.pre-login.home-before-login.default-fonts {
    margin-top: 130px !important;
  }

  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts {
    margin-top: 130px !important;
  }

  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .ta-over-sec .page-section-inner {
    padding-top: 100px !important;
    padding-bottom: 70px !important;
  }

  html .asthma .component-section.container.no-style.box-link-sec {
    height: 100px!important;
  }

  .cardio-ban-col .column-2 h3 {
    font-size: 12px!important;
  }
}

@media screen and (max-width:768px) {
    .enews-bimage img.new-image-desktop {
    height: auto !important;
  }
  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .ta-over-sec .page-section-inner {
    padding-top: 70px !important;
    padding-bottom: 40px !important;
  }

  body.treatment-guidelines, body.fixed-top-margin.video.treat-guide.video-guide.default-fonts, body.fixed-top-margin.home.home-after-login.default-fonts {
    margin-top: 63px !important;
  }

  .congress-material .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 120px !important;
  }

  .journal-request-listing .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-3 .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 100px !important;
  }

  .services .ta-over-sec {
    background-size: 100% 100% !important;
  }

 /* .services .ta-over-sec .page-section-inner {
    padding-top: 100px !important;
  }
*/
  .component-section.no-style.c-adj {
    background-size: 100% 100%!important;
  }

  html .component-section.no-style.cardio-therapy.cardio-ban.or-adj {
    background-size: 100% 100%!important;
  }

  html .component-section.no-style.cardio-therapy.oncology-ban.or-adj {
    background-size: 100% 100%!important;
  }

  html .component-section.no-style.cardio-therapy.rig-ban.or-adj {
    background-size: 100% 100%!important;

  }

  html .crr-main {
    margin-top: 63px !important;
  }

  .or-adj .section-blur-layer {
    background-color: rgba(0,0,0,0.4)!important;
  }

  .services-for-you .component-section.no-style.serv-main-banner {
    background-size: 100% 100%!important;
  }
}

@media screen and (max-width:736px) {
  .or-adj .page-section-inner.container {
    margin-top: 130px;
  }

  body.fixed-top-margin.home.home-after-login.default-fonts .home-sec .page-section-inner, body.fixed-top-margin.pre-login.home-before-login.default-fonts .home-sec .page-section-inner {
    padding: 50px 15px !important;
  }
}

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

.component-section.no-style.c-adj, .component-section.no-style.d-adj, .component-section.no-style.or-adj{
  margin-top: 63px !important;
  padding-top: 60px !important;
  padding-bottom: 0!important;
  height: auto !important;
}                          

html .component-section.no-style.c-adj .page-section-inner.container, html .component-section.no-style.d-adj .page-section-inner.container{
  padding: 0 15px!important;
  margin: 0!important;
}

html .component-section.no-style.or-adj .page-section-inner.container{
  padding: 20px 15px 10px 15px!important;
  margin: 0!important;
}

  body.fixed-top-margin.home.home-after-login.default-fonts .home-sec .page-section-inner, body.fixed-top-margin.pre-login.home-before-login.default-fonts .home-sec .page-section-inner {
    padding: 20px 15px !important;
  }

  .congress-material .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 60px !important;
  }

  .journal-request-listing .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner, .journal-details-3 .component-section.no-style.ta-over-sec .page-section-inner {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }

  .services .ta-over-sec {
    background-size: 100% 100%!important;
    padding: 0px !important;
  }

  .services .ta-over-sec .page-section-inner.container {
    padding-top: 70px;
    padding-bottom: 10px;
  }

  .services-for-you .component-section.no-style.serv-main-banner {
    background-size: 100% 100%!important;
    /*padding: 0px!important;*/
    padding: 40px 0px 20px 0px!important;
  }
.services-for-patients .component-section.no-style.serv-main-banner {
    padding: 10px 0px!important;
  }

  .services-for-you .component-section.no-style.serv-main-banner .page-section-inner.container {
    padding-top: 100px;
    padding-bottom: 10px;
  }

  body.fixed-top-margin.video.treat-guide.video-guide.default-fonts .ta-over-sec .page-section-inner {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
  }
.therapeutic-area .ta-over-sec .page-section-inner{
    padding-top:20px!important;
    padding-bottom:10px!important;
  }
.rig-colm .column-1{
  border-right:none!important;
}
.rig-colm .column-2{
  border-left:1px solid white!important;
}

}

.video-page-section {
  display: none;
}

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

.component-section.no-style.c-adj, .component-section.no-style.d-adj, .component-section.no-style.or-adj{
  margin-top: 63px;
  padding-top: 60px;
  padding-bottom: 0!important;
  height: auto !important;
}  

.component-section.no-style.c-adj .page-section-inner.container, .component-section.no-style.d-adj .page-section-inner.container, .component-section.no-style.or-adj .page-section-inner.container{
  padding: 99px 50px!important;
  margin: 0!important;
}   

  .oncology .disedu-adj .signup.mag-animate.dis-ed-lis,.cardiovascular .disedu-adj .signup.mag-animate.dis-ed-lis,.respiratory .disedu-adj .signup.mag-animate.dis-ed-lis {
    width: auto;
    position: relative;
    left: 50%;
  }
}
.breast.cancer .quicklink-col.register-col.secondlast-col .column-2 h2.border{
    display: none!important;
}
.breast.cancer .quicklink-col.register-col.secondlast-col .column-2 h2.mb-5{
    margin-top:0;
}
.breast.cancer .quicklink-col.register-col.secondlast-col .column-2 {
  padding-top:0;
}

@media screen and (max-width:1024px){
    html body.materials-for-you, html body.you-child-pages{
		margin-top:125px !important;
        }
    .you-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container {
padding-top: 150px !important;	
padding-bottom: 50px !important;
}
	.enews-bimage img.new-image-desktop {
    height: 40em;
  }
   .services .ta-over-sec{
  padding-top: 40px!important;
    padding-bottom: 20px!important;
}     
}


@media screen and (min-width:1024px){
   .ta-col1 .column-1{
    width:100%;
    padding:65px;                
            }
}
/*banner carousel*/
.home-banner-new .component-section.no-style.home-sec {
    padding: 0;
}
.home-banner-new .component-section.no-style.home-sec .page-section-inner.container{
    margin: 0;
    padding: 0;
    width: 100%;
}
.home-banner-new .component-section.no-style.home-sec .page-section-inner.container .text.parbase.section{
    position: absolute;
    top: 25%;
    z-index: 1;
    left: 5%;
}
.home-banner-new .component-section.no-style.home-sec .carousel img{
  filter: brightness(0.7);
}
.home-banner-new .component-section.no-style.home-sec .carousel a.right.carousel-control,.home-banner-new .component-section.no-style.home-sec a.left.carousel-control {
  display:none;
} 
.home-banner-new .component-section.no-style.home-sec h2{
  width:70%;
} 
.car-ban-mobile{
  display:none;
}
@media screen and (max-width:768px){
    html body.materials-for-you, html body.you-child-pages{
		margin-top:63px !important;
        }
  .home-banner-new .component-section.no-style.home-sec .page-section-inner.container .text.parbase.section{
    width:95%;
  }
  .home-banner-new .component-section.no-style.home-sec h2{
    width:100%;
  }
  .home-banner-new .component-section.no-style.home-sec .page-section-inner.container{
    padding-top:0!important;
  }
  .home-banner-new .component-section.no-style.home-sec .carousel .carousel-indicators li .carousel-indicator:after{
    border:1px solid white!important;
  }
.home-banner-new .component-section.no-style.home-sec .page-section-inner.container .text.parbase.section{
    left:2%;
  }

.serv-main-banner{
	padding-top:40px !important;        
    }
.services-for-you .ta-over-sec{
		padding:0 !important;
            }
}
@media screen and (max-width:767px){
 .home-banner-new .component-section.no-style.home-sec .carousel .carousel-indicators.hide-caption{
    display:inline-block!important;
    top: auto;
  }
.car-ban-mobile{
    display:block;
  }
  .car-ban-desktop{
    display:none;
  }

.services .ta-over-sec .page-section-inner.container{
     padding:50px 15px!important;
   }
   .serv-main-banner .page-section-inner.container{
    /* padding:50px 15px!important;*/
    padding:70px 15px 30px 15px !important;
   }

}


/*banner carousel*/          
/*video banner*/                    
.video .ta-over-sec .page-section-inner.container{
  padding-top:194px!important;
}
@media screen and (min-width:1920px){
  .video .ta-over-sec .page-section-inner.container{
    padding-top:340px!important;
    padding-bottom:100px!important;
  }
  
}
@media screen and (max-width: 1366px) and (min-width: 1281px){
    .video .ta-over-sec .page-section-inner.container{
    padding-top:220px!important;
    }
     html .asthma .cor-adj .component-section.container.no-style.box-link-sec{
      height:122px!important;
    }


}	
@media screen and (max-width:768px){
  .video .component-section.no-style.ta-over-sec{
    background-position:center;
  }
}
@media screen and (max-width:767px){
  .video .ta-over-sec .page-section-inner.container {
    padding-top: 150px!important;
}
}
@media screen and (max-width:414px){

    .video .ta-over-sec .page-section-inner.container {
    padding-top: 20px!important;
     padding-bottom: 10px!important;
}
.home-banner-new .component-section.no-style.home-sec .carousel img{
  height:14em;
}    

}

/*video banner*/   
@media screen and (min-width:1200px){
	 .serv-main-banner .page-section-inner{
		padding-top:160px !important;
        padding-bottom:80px !important;                                                            		
      }
} 

 @media screen and (min-width:768px) and (max-width:1023px){
  .mob-menu-col .column-1 img {
    width: 70% !important;
  }
  }
 @media screen and (min-width:1024px) and (max-width:1365px){
.header-desktop-column .expand-img-desktop {
    width: 85% !important;
  }
}  

@media screen and (min-width:1920px) {
	.header-desktop-column .expand-img-desktop {
    width: 75% !IMPORTANT;
}
 }
.journal-request-listing .footer .margin-bottom-10{
  background:transparent;
  padding:0;
  margin-bottom:10px;
}   
@media screen and (max-width:768px){
  .component-section.no-style.cardio-therapy.oncology-ban.or-adj .page-section-inner {
     margin-top: 0!important;
    padding-top: 170px!important;
    padding-bottom: 70px!important; 
}
.component-section.no-style.cardio-therapy.cardio-ban.or-adj .page-section-inner {
    margin-top: 0;
    padding-top: 170px!important;
    padding-bottom: 70px!important;
}
.journal-details-3.you-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-bottom:24px!important;
}
/*.journal-request-listing .breadcrumb-list-parent li:nth-child(3) {*/
/*    display:none;*/
/*  }*/
 /*.journal-request-listing .breadcrumb-list-parent li:nth-child(5) .link-txt {*/
 /*   visibility: hidden;*/
 /* }*/

 /*.journal-request-listing .breadcrumb-list-parent li:nth-child(5) .link-txt:after {*/
 /*   visibility: visible;*/
 /*   content: "...";*/
 /*   margin-left: -50%;*/
 /* }*/
}
@media screen and (max-width:767px){
  .component-section.no-style.cardio-therapy.oncology-ban.or-adj .page-section-inner,.component-section.no-style.cardio-therapy.cardio-ban.or-adj .page-section-inner{
    padding-top:90px!important;
    padding-bottom:40px!important;
  }
.multi-column-container.cardio-ban-col.cvrm-banner.cor-adj h2,.multi-column-container.cardio-ban-col.cor-adj h2 {
    font-size: 30px;
}
.cardiovascular .component-section.no-style.cardio-therapy.cardio-ban.or-adj .page-section-inner {
    padding-top: 50px!important;
    padding-bottom: 40px!important;
}
.journal-details-3.you-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container {
    padding-bottom: 30px!important;
}
}
@media screen and (max-width:414px){
  .respiratory .component-section.no-style.cardio-therapy.cardio-ban.or-adj .page-section-inner{
     padding-top:60px!important;
     padding-bottom:30px!important
   }
     .cardiovascular .component-section.no-style.cardio-therapy.cardio-ban.or-adj .page-section-inner {
    padding-top: 40px!important;
    padding-bottom: 10px!important;
}  
 html body.you-child-pages.jr-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-top:50px!important;
  padding-bottom:14px!important;
}                                                        
} 

.c-adj .cardio-ban-col .column-2 img{
  width:95%!important;
}
html .asthma .c-adj .component-section.container.no-style.box-link-sec{
  height:137px!important;
}
body .c-adj .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img{
  margin-bottom:5%;
}
@media screen and (min-width:1367px){
  .c-adj .cardio-ban-col .column-2 img{
  width: 115%!important;
}
html .asthma .c-adj .component-section.container.no-style.box-link-sec{
  height: 204px!important;
}
body .c-adj .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img{
  margin-bottom: 15%;
}
body .c-adj .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img{
  width:105%!important;
}
}
@media screen and (max-width: 1366px) and (min-width: 1281px){
  html .asthma .c-adj .component-section.container.no-style.box-link-sec{
  height: 145px!important;
}
}
            @media screen and (max-width: 1024px) and (min-width: 769px){
  .c-adj .cardio-ban-col .column-2 img{
  width: 80%!important;
}
html .asthma .c-adj .component-section.container.no-style.box-link-sec{
  height: 113px!important;
}
body .c-adj .cardio-ban-col .column-2 .col-sm-4.col-xs-12.column-1 .sectionContainer.section:nth-child(2) img{
  margin-bottom: 10%;
}
}
@media screen and (max-width:768px){
 html .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 106px!important;
    padding-bottom: 70px!important; 
}
  html .onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 133px!important;
    padding-bottom: 70px!important;
}                           
html .chronic-lymp-leuk .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container,html .prsv.onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 106px!important;
    padding-bottom: 70px!important;
}
}
@media screen and (max-width:767px){
 html .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container,html .onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    padding-top: 49px!important;
    padding-bottom: 40px!important;
}
html .prsv.onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 49px!important;
    padding-bottom: 40px!important;
}
 html .copd.onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 19px!important;
    padding-bottom: 40px!important;
}                           
}
 @media screen and (max-width:414px){
  html .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container,html .onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    padding-top: 49px!important;
    padding-bottom: 10px!important;
}
html .onco-child.gerd .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    padding-left: 20px!important;
    padding-right: 20px!important;
}
html .prsv.onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 0px!important;
    padding-bottom: 37px!important;
}
html .copd.onco-child .component-section.no-style.cardio-therapy.c-adj .page-section-inner.container {
    margin-top: 0;
    padding-top: 36px!important;
    padding-bottom: 40px!important;
} 
}
  .disease .product-accordion .panel-group .panel.panel-default.az-accordion-panel, .cardio-2-sec  .product-accordion .panel-group .panel.panel-default.az-accordion-panel {
  box-shadow: 0px 0px 5px 5px rgb(206 206 206 / 78%);
}
@media screen and (max-width:414px){
 .therap-page .accordion {
margin-top: -14%;
}
 .therap-rig .accordion {
margin-top: -30%;
}
  .sec-cancer .accordion
    {
        margin-top: -10%;
    } 
    .cardio-sec2 .accordion{
    margin-top: -4%;
}
}
@media screen and (min-width:415px) and (max-width:736px){
  .therap-page .accordion{
margin-top: -8%;
}
    .cardio-sec2 .accordion{
    margin-top: -5%;
}
  .therap-rig .accordion {
margin-top: -15%;
}
 .sec-cancer .accordion
    {
        margin-top: -6%;
    } 
}
@media screen and (min-width:768px) and (max-width:1023px){
  .therap-page .accordion,.sec-cancer .accordion{
margin-top: -4%;
}
 .cardio-sec2 .accordion{
    margin-top: -5%;
}
    .therap-rig .accordion {
margin-top: -11%;
}
}   

html .prod-adj .prod-info-sec.pi-search-banner{
  background-size:100% 100%!important;
}
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 160px!important;
  padding-bottom: 80px!important;
}
@media screen and (min-width:1367px){
  .prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 340px!important;
  padding-bottom: 100px!important;
}
}
@media screen and (max-width: 1366px) and (min-width: 1281px){
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 175px!important;
  padding-bottom: 95px!important;
}
}
@media screen and (max-width:1024px){
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 150px!important;
  padding-bottom: 50px!important;
}
html body.you-child-pages.jr-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-top:125px!important;
  padding-bottom:50px!important;
}
.therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 145px !important;
}
}
@media screen and (max-width:768px){
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 160px!important;
  padding-bottom: 50px!important;
}
html body.you-child-pages.jr-child-pages.journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner.container,html body.you-child-pages.jr-child-pages.journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-top:150px!important;
}
 .hyperkalmia #dis-ed-sec .linkList.section{
  text-align:center;
}
 .therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 160px !important;
    text-align: center;
}
}
@media screen and (max-width:767px){
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 52px!important;
  padding-bottom: 50px!important;
}
html body.you-child-pages.jr-child-pages.journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner.container,html body.you-child-pages.jr-child-pages.journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner.container,html body.you-child-pages.jr-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-top:70px!important;
  padding-bottom:30px!important                                                                                                              
}
.therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 71px !important;
    padding-bottom: 30px;
}
}
@media screen and (max-width:414px){
.prod-adj .prod-info-sec.pi-search-banner  .page-section-inner.container {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}
html body.you-child-pages.jr-child-pages.journal-details-1 .component-section.no-style.ta-over-sec .page-section-inner.container,html body.you-child-pages.jr-child-pages.journal-details-2 .component-section.no-style.ta-over-sec .page-section-inner.container,html body.you-child-pages.jr-child-pages .component-section.no-style.ta-over-sec .page-section-inner.container{
  padding-top:34px!important;                                                                                                              
}
 .therapeutic-area .ta-over-sec .page-section-inner {
    padding-top: 91px !important;
   
}                                                                                                                                                               
}
@media screen and (max-width: 414px){
.event-mob .carousel-inner {
    margin-top: 39%!important;
}  
}
@media screen and (min-width: 768px) and (max-width:1023px){
.event-sec-home.event-mob {
margin-bottom:-2.1em!important;
} 
 .event-mob .carousel-inner {
    margin-top: 16em!important;
} 
}    
@media screen and (min-width: 992px){
 .congress-material .breadcrumb-list-parent li:nth-child(5),.treatment-guidelines .breadcrumb-list-parent li:nth-child(5),.tg-banner .breadcrumb-list-parent li:nth-child(5){
  display:inline-flex!important;
} 
 .journal-details-1 .breadcrumb-list-parent li:nth-child(5), .journal-details-2 .breadcrumb-list-parent li:nth-child(5), .journal-details-3 .breadcrumb-list-parent li:nth-child(5){
	display:inline-flex!important;
}  
.pat-stories .breadcrumb-list-parent li:nth-child(5){
	display:inline-flex!important;
  }
}   

.pre-login .home-sec-4,.pre-login .home-sec-5{
  display:none;
} 
  @media screen and (max-width:767px){
 .bril-product  .multi-column-container{
display:block!important;
}
.bril-product .hyper-product-column .column-1 {
    border: none!important;
}
.bril-product .columnControl.section{
width: 50%!important;
}   
}  
/*new fixes*/
.home-sec-7 .column-2 .subHeading.section{
  color:#9AB1AC;
}   
.home-sec-8{
   background-size:100% 100%!important;                                                     
  }
.therapeutic-area .ta-sec1,.crr-main .event-sec-home.event-desk{
  background-size:100% 100%!important;
}
.asthma-product-column .column-1, .asthma-product-column .column-2, .hyper-product-column .column-1{
  border-bottom:none!important;
}
@media screen and (max-width:768px){
    .therapeutic-area .container.middle-content{
      padding-top:20px;
    }
    .respi.respiratory .event-sec-home .carousel-inner .item{
      padding:20px;
    }      
    div#disease-sec5 .page-section-inner .column-2 .text.parbase.section,div#dis-ed-sec .page-section-inner .column-2 .text.parbase.section {
    text-align: center;
} 
  .service-col .column-1 h2,.service-col .column-1 p, .serv-pat-col-2 .column-2 h2,.serv-pat-col-2 .column-2 p{
text-align:center;
}
 .materials-for-you .serv-fr-yu1 .page-section-inner,.materials-for-you .serv-fr-yu .page-section-inner{
    text-align:left;
  }
/*  .congress-material .breadcrumb-list-parent li:nth-child(3){*/
/*  display:none!important;*/
/*}      */
  }                                                    
@media screen and (max-width:767px){
   .therapeutic-area .ta-better.ta-col1 .column-1 .text.parbase.section{
    padding:45px;
  }
.therapeutic-area .ta-better.ta-col1 .column-1 .ipad-pro-better{
    margin-top:60px;
  }
  }
@media screen and (max-width:414px){
.therapeutic-area .ta-better.ta-col1 .column-1 .ipad-pro-better{
    margin-top:30px;
  }
   .heart-failure .bril-product .columnControl.section{
    width:60%!important;
  }   
    .hyperkalmia .product-link-mob .column-1{
    padding-left:5%!important;
  }                                              
  }
  .congress-pages  .resource-panel {
    box-shadow: 5px 15px 17px 6px rgb(206 206 206 / 78%);
    border: 0!important;
} 
.congress-child-column .column-2 h3{
 margin-top:-3%;
}
@media screen and (min-width:1367px) and (max-width:1920px){
  .congress-child-column .column-2 h3{
 margin-top:-1.8%;
}
}
@media screen and (max-width:767px){
.journal-request-listing .resource-image-container {
    height: 10em;
}
.journal-request-listing .resource-panel{
height: 10em;
}
.journal-request-listing .title-desc {
    font-size: 12px!important;
}
.journal-request-listing .padding-horizontal-15{
  padding-left:0px;
  padding-right:0px;
}
}
.better-th{
text-align:center;
}

/*new fixes*/
/*--treatment guidelines new upadates---*/
.tg-con-title{
   background-color: #516f7eba;
  padding: 12% 7%;
  padding-bottom: 7%;
  color: white;
  height: 20em;
  font-size: 20px!important;
  font-weight: normal;
}
.treatment-guidelines em{
    display:none;
}
.treatment-guidelines .resource-grid.padding-horizontal-15 .text-center,.video-guide .resource-grid.padding-horizontal-15 .text-center {
    width: 100%;
    display: inline-block;
}
.treatment-guidelines .resource-load-more .fa,.video-guide .resource-load-more .fa{
   content: url(/content/dam/open-digital/Hongkong-HCP/en/therapeutic-area/desktop/cvrm/chevron-down.png);
    width: 18px;
    height: 12px;
   position:relative;
    top:0.5em;
    right:3em;
}
.treatment-guidelines .resource-load-more span,.video-guide .resource-load-more span{
  font-style:italic;
  font-weight:bold;
  font-size:15px;
  position:relative;
    top:-1em;
}
.treatment-guidelines .fg-color,.video-guide .fg-color{
    color: #830051;
}
.congress-pages .resourceListFilter,.congress-pages .congress-subtxt,.journal-request-listing .resourceListFilter{/*congress material n journal listing page resource list*/
  display:none;
}
.disease .disease-video .asthma-video-carousel,.crr-main .asthma-video-carousel{/*disease and therapy page video carousel*/
  display:none;
}
 .disedu-adj  .column-3,.disedu-adj  .column-2,.onco .disedu-adj .column-4,.onco .inner,.cardiovascular .disedu-adj .column-4,.cardiovascular .inner,.disedu-adj .outer div:nth-child(1), .disedu-adj .outer div:nth-child(2)/*--disease article education section-----*/
{
   display:none;
 }
  .com-onco{  
margin-top: -24%;
}
.vp-content{/*---video resource card adjustment-----*/
  padding-top:4%;
}
@media screen and (max-width: 991px){/* video detail page */
body.vid-detail {
    margin-top: 44px !important;
}
.therapy-overview .container.middle-content {
    padding-top: 9px!important;
    padding-bottom: 39px!important;
}
}
/*--treatment guidelines new upadates end---*/
/*--self certification---*/
@media (max-width: 414px){
.journal-request-popup p{
  font-size:17px;
}
.journal-request-popup  .signup a.btn.btn-secondary{
width:166px;
}
.home .event-mob .carousel-inner {
    margin-top: 22%!important;
}
}
/*---selfcertification ends-----*/
.journal-request-listing .journ-but .list-item-0{
text-align:center;
}
.journal-request-popup .page-section-inner{
width: 100%;
}
 @media screen and (max-width:767px){
.journal-request-listing .journ-but a.btn.btn-secondary{
  font-size:14px!important;
  left:50%;
}
.therapy-overview .component-section.container.no-style.ta-sec1 {
    height: 300px;
}
}

/*-----Hiding in mobile because hidden in Desktop */

@media screen and (max-width:1023px){
  .pre-login .component-section.mob-carousel1{
   display:none !important;
  }
  .pre-login .component-section.no-style.event-sec-home.event-mob{
    display:none;
  }
}

/*-----Hiding in mobile because hidden in desktop-----*/


/*----overlapping issues in the oncology and cvrm----*/

@media screen and (min-width:768px) and (max-width:1023px){
.oncology .oncol-col.disedu-adj-col{
margin-bottom:94px !important;
}
}
@media screen and (min-width:768px) and (max-width:1023px){
.cardiovascular .oncol-col.disedu-adj-col{
margin-bottom:94px !important;
}
}
/*------overlapping issues in the oncology and the cvrm ends----*/

/*-----mobile view in prescribing info -------*/
@media screen and (max-width:414px){
 .product-information .product-accordion a.collapse-panel-heading{
    font-size:10.5px;
    padding-left: 0px!important;
  }
}
/*------mobile view in the prescribing info ends---*/

/*------hide components in comment 1118---*/
.invisible{
    display:none!important;
}
/*--patient programs---*/
.colu-2{
  padding-top:7%;
}
@media screen and (min-width:768px){
     .pat-stories .video-thumb-parent .video-thumb-cta{
    width: 61%;
    height: 500px;
    margin: 4% 0% 6% 0%;
}
}
@media screen and (max-width:768px){
.colu-2{
  padding-top:12%;
}
} 
 @media screen and (max-width:767px){
    .pat-stories .video-thumb-parent .video-thumb-cta{
    width: 85%;
    height: 250px;
    margin-bottom:8%;
}
.serv-fr-yu .split-text .row {
    margin-top: 12%;
}
.colu-2 .split-text .row {
    margin-top:-3%;
}
.disease .view-button-mob li.list-item-0 {
    padding-top: 0em;
}
.pre-login .home-sec-3,.pre-login .home-sec-6{
padding:0px 0px!important;
}
.pre-login .home-sec-7{
    padding:0px 0px 30px!important;
}
.copd a.prod-lnk {
background-color: #9AB1AC;
    padding: 7% 9%;
}
.copd .copd-mob{
    margin-top: 2em;
}
 }
 /*CBT tool*/
 @media screen and (max-width: 414px){
.event-mob .signup a.btn.btn-secondary, .event-mob .readmore a.btn.btn-secondary {
    width: 223px;
}
  .com-onco{
      margin-top:0px!important;
  }
  .journal-request-listing .signup a.btn.btn-secondary, .readmore a.btn.btn-secondary {
      padding: 10px 16px;
}
}
@media (min-width:415px) and (max-width:667px){
  .product-information .product-accordion a.collapse-panel-heading {
    font-size: 22px;
}
}
@media (min-width:1024px) and (max-width:1030px){
.videopage-txt {
    padding: 5%!important;
}
.tg-con-title {
    height: 22em;
    font-size: 18px!important;
}
.com-onco{
    margin-top:-5%;
}
.cardio-ban-col .column-2 h3{
  line-height:15px;
}
.home .home-sec-4 .col-sm-6.col-xs-12.col-md-3.col-lg-3, .pre-login .home-sec-4 .col-sm-6.col-xs-12.col-md-3.col-lg-3 {
    height: 397px!important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
  .com-onco{
    margin-top:0px!important;
  }
    body.fixed-top-margin.therapeutic-area {
    margin-top: 122px !important;
}
}
.services-for-patients .r-chev{
    margin-top: -0.2em;
}
.sr-fr-col1 .r-chev,.sr-fr-col-2 .r-chev ,.sp-col-1 .r-chev  {
    margin-top: -0.35em;
}
.services-for-patients .serv-fr-yu1,.materials-for-you .serv-fr-yu1 {
padding-bottom:0px!important;
margin-bottom: -2%;
}
@media screen and (max-width:767px) and (orientation:landscape){
.copd a.prod-lnk {
    padding: 5% 9%!important;
}
.com-onco {
    margin-top: 0!important;
}
.oncology .event-mob .signup a.btn.btn-secondary, .event-mob .readmore a.btn.btn-secondary {
    width: 14em;
}
}
@media screen and (min-width: 768px) {
  span.breadcrumb-txt {
    display: contents!important;
  }
  .copd .copd-mob{
  display:none;
}
  .vcenter, .sm-vcenter {
    vertical-align: baseline!important;
  }
}
.disease .reference-prod .page-section-inner.container {
    margin-bottom: 30px!important;
}
.disease .reference-prod{
margin-bottom: 7%!important;
}
.pre-login .magenta-col-home7,.pre-login .grey-col-home7{
box-shadow: 1px 1px 15px #cccccc;
}
h3.accor-prod.clr-white {
    text-transform: uppercase;
}
/*video*/
@media screen and (max-width:767px) and (orientation:portrait){
.video .videopage-txt:after{
  top:-0.2em !important;
}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.video .videopage-txt:after{
  margin-top:5% !important;
}
}
/*video ends*/
@media screen and (max-width:768px){
   .congress-material .breadcrumb-list-parent li:nth-child(3) span.link-txt.vcenter,.treatment-guidelines .breadcrumb-list-parent li:nth-child(3) span.link-txt.vcenter,.journal-request-listing .breadcrumb-list-parent li:nth-child(3) span.link-txt.vcenter{
     visibility:hidden;
     position:relative;
   }
   .congress-material .breadcrumb-list-parent li:nth-child(3):before,.treatment-guidelines .breadcrumb-list-parent li:nth-child(3):before,.journal-request-listing .breadcrumb-list-parent li:nth-child(3):before{
     content:"...";
     position:absolute;
   }
}
.disease .modal-header {
border-bottom:none;
}
.treatment-guidelines .form-group{
display:none;
}frt
.treatment-guidelines span.selected-filters-holder em {
display:inline-block;
}
.declare-patient-testimonial1 ul.breadcrumb-holder .vcenter,.declare-patient-testimonial1 ul.breadcrumb-holder .vcenter a,.declare-patient-testimonial1 ul.breadcrumb-holder .vcenter a:hover,.dapa-ckd ul.breadcrumb-holder .vcenter,.dapa-ckd ul.breadcrumb-holder .vcenter a,.dapa-ckd ul.breadcrumb-holder .vcenter a:hover{
    color: #3F4444!important;
}
/*For demand INTL-2918 starts*/
.chronic-kidney-disease .video-col span.fa.fa-play:before{
  display:none;
}
.chronic-kidney-disease .video-col span.fa.fa-play
{
  color: unset;
  border: unset;
  background-image: url("/content/dam/open-digital/Hongkong-HCP/en/Desktop-New/forxiga-updated-images/videoplaybuttonv1.JPG");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 20px;
  width: 58px;
  height: 51px;
}
@media screen and (min-width:768px)
{
  .chronic-kidney-disease .video-col span.fa.fa-play
  {
    width: 84px;
    height: 55px;
    margin-top: 36px;
  }
  /*.chronic-kidney-disease .newckdistkidimh img{
    margin-top: -41em;
  }*/
}
@media screen and (max-width:991px)
{
  .chronic-kidney-disease .newckdistkidimh img{
    margin-top: 2em;
}
}
.acs-vid-sec.video-col.ckdtoforixgacutpaste
{
    display:none;
}

/*For demand INTL-2918 ends*/

/*For demand INTL-3131 strats*/
.staticvidrescol img.be-img {
  height: 140px;
  width: 100%;
}
.staticvidrescol .image-text a{
    text-decoration:none;
}
.staticvidrescol .image-text {
  height: 360px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
}
.staticvidrescol .all-text {
  margin-top: 48px;
  padding: 10%;
}

p.af-text {
  color: #900052;
  font-family: 'Lexia-Light';
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.75px;
  line-height: 22px;
}
  .staticvidressec h3.border{
  
    margin-bottom: 30px;
  }
@media screen and (max-width:767px)
{
   .staticvidrescol img.be-img {
    height: 158px;
    width: 316px;
  }

  .staticvidrescol .image-text {
    display: flex;
    width:316px;
    margin:auto;
    margin-bottom: 7%;
  }
 
  .staticvidrescol .all-text {
    padding: 3%;
  }

  .staticvidrescol .image-text {
    height: 318px;
  }
  .staticvidressec h3.border{
    padding-left: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width:600px) and (max-width:767px)
{
   .staticvidrescol img.be-img {
    height: 158px;
    width: 460px;
  }

  .staticvidrescol .image-text {
    display: flex;
    margin-bottom: 7%;
  }
 
  .staticvidrescol .all-text {
    padding: 3%;
  }

  .staticvidrescol .image-text {
    height: 318px;
    width:460px;
  }
  .staticvidressec h3.border{
    padding-left:104px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width:768px) and (max-width:992px)
{
  .staticvidressec h3.border{
    padding-left: 20px;
    margin-bottom: 30px;
  }
  .staticvidressec .staticvidrescol .column-3,  .staticvidressec .staticvidrescol .column-4{
    margin-top: 40px;
  }
}
/*CSS for spotlightonheartfailuer video pages starts*/
.video-detail-d h2.border,.video-detail-e h2.border,.video-detail-f h2.border,.video-detail-g h2.border 
{
  margin-bottom: 25px;
}
.video-detail-d h2.border span,.video-detail-e h2.border span,.video-detail-f h2.border span,.video-detail-g h2.border span
{
 font-family: Lexia, "Georgia", "Times New Roman", serif; 
 font-size:30px;
 line-heigt:40px;
}
.videotitle
{
  font-family: LexiaBold, "Georgia", "Times New Roman", serif;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.videotitlev1{
  margin-top: 37px;
}
.videotitlev2{
  margin-top: 45px;
}
.briefsent
{
  font-size:20px;
}
.video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section,
.video-hf .video.section
{
   position: relative;
  padding: 14%;
  padding-left: 5.2%;
  padding-right: 13.5%;
 
}
@media screen and (max-width:767px)
{
 .video-detail-d h2.border,.video-detail-e h2.border,.video-detail-f h2.border,.video-detail-g h2.border
 {
    padding-left: 30px;
 }
 .briefsent
 {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 25px;
 }
 .video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section{
  /* width: 350px; */
  }
}
.spothflastsec
  {
   
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
@media screen and (min-width:768px)
{
  .spothflastsec
  {
    height: 547px;
  }
   .spothflastsec .linkList.section{
    position: relative;
    top: -4em;
    left: 28em;
  }
  .video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section,
  .video-hf .video.section
  {
     top: -13.2em;  
     margin-bottom:-23em;
  }
}
@media screen and (min-width:1200px)
{
    .spothflastsec
    {
        margin-top:4em;
    }
    /*For INTL-3270 starts*/
    .displayonlythree .row{
        margin-left:11em;
    }
    .staticvidrescol.displayonlythree .image-text{
        width:268px;
    }
    .displayonlythree .row .column-2{
      margin-left:45px;
      margin-right:45px;
    }
    /*For INTL-3270 ends*/
    
}
@media screen and (max-width:767px)
{
  .spothflastsec
  {
   
    height:399px;
    background-position:bottom;
  }
  .spothflastsec .signup a.btn.btn-secondary
  {
    margin-left: 25px;
  }
  .video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section, .video-hf .video.section
  {
     top: -5em;  
     margin-bottom:-7em;
  }
}
.video-detail-d .video-thumb-parent .video-play-icon,.video-detail-e .video-thumb-parent .video-play-icon,.video-detail-f .video-thumb-parent .video-play-icon,.video-detail-g .video-thumb-parent .video-play-icon, .video-detail-g .video-thumb-parent .video-play-icon, .video-hf .video-thumb-parent .video-play-icon
{
  background-color: unset;
}
p.briefsent.reftitle{
   font-family: LexiaBold, "Georgia", "Times New Roman", serif;
  font-size:30px;
  line-height:40px;
  margin-top:5px;
   margin-bottom: 10px;
}
p.briefsent.refsent
{
  font-size:14px;
  line-height: 27px;
  letter-spacing: 0.3px;
  color: #3F4444;
  font-family: HelveticaNeue-Regular, Arial, sans-serif;
}
p.sphfbt
{
  border:1px solid #830051;
  width: 359px;
  height: 38px;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
margin:auto;
margin-top:15px;
margin-bottom:15px;
   
}
p.sphfbt a{
   color: #830051;
   border-color: #830051;
   font-weight: bold;
   font-family: LexiaBold;
   font-size: 16px;
   padding: 10px 20px;
   text-decoration:
   none !important;
   font-style: italic;
   margin-left: -46px;
}
p.sphfbt:hover{
  border-bottom: 4px solid #830051;
}
p.sphfbt:hover>a{
    margin-top:4px;
}
p.sphfbt a span{
  /* font-weight: 100; */
  /* height: 19px; */
  position: relative;
  left: 28px;
  top: 8px;
}
@media screen and (min-width:768px){
  p.briefsent.refsent
  {
    margin-left: -50em;
    margin-top: 13px;
  }
  .mobilesphfimg
  {
      display:none;
  }
  
  /*For INTL-3270 starts*/
  .bannersection{
      height:250px;
  }
  .rigartpgv2 .bannersection{
      height: 193px;
  }
  .rigartpgv2 .bannersectionv1{
      height: 475px;
  }
}
@media screen and (min-width:768px) and (max-width:991px){
  p.briefsent.refsent
  {
    margin-left: -22em;
   
  }
   .spothflastsec .linkList.section{
    top: -3em;
    left:14em;
  }
    .video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section, .video-hf .video.section
  {
     top: -13.2em;  
     margin-bottom:-7em;
  }
  .video-detail-d .video.section+div.text.parbase.section,.video-detail-e .video.section+div.text.parbase.section,.video-detail-f .video.section+div.text.parbase.section,.video-detail-g .video.section+div.text.parbase.section, .video-hf .video.section+div.text.parbase.section
{
  position: relative;
  margin-top: -18em;
}
  /*.video-detail-d body,.video-detail-e body,.video-detail-f body,.video-detail-g body{
      overflow-x:clip;
  }*/
  body.video-detail-d,body.video-detail-e,body.video-detail-f,body.video-detail-g{
  overflow-x: clip;
}
  .videotitle
  {
      margin-bottom:75px;
  }
      .spothflastsec
    {
        margin-top:-4em;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
  p.briefsent.refsent
  {
    margin-left: -38em;
  }
   .spothflastsec .linkList.section{
    top: -3em;
    left:20em;
  }
    .video-detail-d .video.section,.video-detail-e .video.section,.video-detail-f .video.section,.video-detail-g .video.section, .video-hf .video.section
  {
     top: -13.2em;  
     margin-bottom:-23em;
  }
  .video-detail-d .video.section+div.text.parbase.section,.video-detail-e .video.section+div.text.parbase.section,.video-detail-f .video.section+div.text.parbase.section,.video-detail-g .video.section+div.text.parbase.section, .video-hf .video.section+div.text.parbase.section
{
  position: relative;
  margin-top: 2em;
}
  /*.video-detail-d body,.video-detail-e body,.video-detail-f body,.video-detail-g body{
      overflow-x:clip;
  }*/
  body.video-detail-d,body.video-detail-e,body.video-detail-f,body.video-detail-g{
  overflow-x: clip;
}
    .videotitle
  {
      margin-bottom:30px;
  }
  /*For INTL-3270 starts*/
    .displayonlythree .row{
        margin-left:9em;
    }
    .staticvidrescol.displayonlythree .image-text{
        width:220px;
    }
    .displayonlythree .row .column-2{
      margin-left:30px;
      margin-right:30px;
    }
    /*For INTL-3270 ends*/
}
@media screen and (max-width:767px)
{
  .refpinkbox
  {
    width:88%;
    margin: auto;
  }
  p.briefsent.refsent
  {
    margin-top: 20px;
  }
  .spothflastsec .linkList.section span{
    left: 14px;
  }
  .videotitle{
      margin-left:7%;
      padding-right:10px;
  }
    .spothflastsec img{
     padding-left:9px;
     padding-right:9px;
   
  }
  .sledispg .row{
      margin-left:0px;
      margin-right:0px;
  }
  .sledispg .staticvidrescol .all-text{
      display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-evenly;
  }
   .sledispg .product-accordion ul.linked-list>li:nth-child(5) a span.vcenter>span
  {
      white-space: unset;
  }
}
@media screen and (min-width:600px) and (max-width:767px)
{
    .spothflastsec .linkList.section{
    position: relative;
    left: 10em;
  }
  .videotitle{
      margin-left:5%;
      padding-right:5px;
  }
  .spothflastsec img{
      width:611px !important;
   
  }
}
.refpinkbox{
    background-color: #FCF9F4;
    min-height:50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  
}
body.video-detail-d,body.video-detail-e,body.video-detail-f,body.video-detail-g{
  overflow-x: clip;
}
p.spvidsmallp
{
  font-size: 14px;
}
/*CSS for spotlightonheartfailuer video pages ends*/
/*For demand INTL-3131 ends*/
/*For demand INTL-2198 & INTL-3131 approval code css starts*/
@media screen and (min-width:1200px){
  .last-col-page-app-co p{
    margin-top: -4em;
    margin-left: 1.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: -1.2em;
  }
}
@media screen and (min-width:1300px){
  .last-col-page-app-co p{
    margin-top: -4em;
    margin-left: -0.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1400px){
  .last-col-page-app-co p{
    margin-top: -4em;
    margin-left: -1.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1500px){
  .last-col-page-app-co p{
    margin-top: -5em;
    margin-left: -4.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1600px){
  .last-col-page-app-co p{
    margin-top: -5em;
    margin-left: -6.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1650px){
  .last-col-page-app-co p{
    margin-top: -5em;
    margin-left: -8em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1700px){
  .last-col-page-app-co p{
    margin-top: -6em;
    margin-left: -8.9em;
   }
   .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1750px){
  .last-col-page-app-co p{
    margin-top: -7em;
    margin-left: -10.2em;
   }
   .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1800px){
  .last-col-page-app-co p{
    margin-top: -7em;
    margin-left: -11.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1850px){
  .last-col-page-app-co p{
    margin-top: -7em;
    margin-left: -12.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1900px){
  .last-col-page-app-co p{
    margin-top: -7em;
    margin-left: -14em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1920px){
  .last-col-page-app-co p{
    margin-top: -7em;
    margin-left: -14.5em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:1980px){
  .last-col-page-app-co p{
    margin-top: -8em;
    margin-left: -16em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: 0em;
  }
}
@media screen and (min-width:992px) and (max-width:1199px){
  .last-col-page-app-co p{
    margin-top: -5em;
    margin-left: 2em;
  }
   .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -2em;
    margin-left: -0.5em;
  }
}
@media screen and (min-width:768px) and (max-width:992px){
  .last-col-page-app-co p{
    margin-top: -3em;
    margin-left: 1.8em;
  }
  .last-col-page-app-co.spotonhfvidpg p{
    margin-top: -1em;
    margin-left: -0.8em;
  }
}
@media screen and (max-width:767px){
  p.last-p-app-code{
   margin-top:-2em;
   text-align:center !important;
  }
}
/*For demand INTL-2198 & INTL-3131 approval code css ends*/
/*For demand INTL-3270 starts*/
.rigartpg ul.breadcrumb-holder .vcenter
{
    color:unset !important;
}
.bannersectionv1{
  background-image: linear-gradient(to right,#fff 0%, #25408F 15%, #860052 85% ,#fff 100%);
}
.rigartpg .text.parbase ul li{
	font-family:GothamBook;
    font-size: 20px;
	line-height: 26px;
}
.rigartpg p{
	font-family:
	GothamBook;
	font-size: 20px;
	line-height: 26px;
}
.rigartpg p span.gotham-lightitalic{
  	font-family:GothamBook;
    font-size:14px;
  	font-style: italic;
}
.rigartpg h1.main-heading{
  font-family: GothamMedium;
  font-size:20px;
  line-height:26px;
  letter-spacing: 0;
  color:#25408F;
  margin: 38px 0px 38px 43px;
}
.rigartpg p.footnote{
    font-family:GothamBook;
    font-size:14px;
	line-height:18px;
}
.rigartpg h1.rigpg2blueh1a{
  font-family: GothamBold;
  color:#25408F;
}
.rigartpg h1.rigpg2blueh1a span{
  color:#860052;
  font-size:48px;
}
.rigartpg h2.gradient-main-heading{
		font-size: 30px;
		line-height: 36px;
    	margin: auto 20%;
        color:#ffffff;
	}
.rigartpg p.gotham-bold,.rigartpg span.gotham-bold{
   font-family:GothamBold;
   font-size:14px;
	line-height:18px;
}
.rigartpg div.rigpgrefpart p{
  font-family:GothamBook;
  font-size:14px;
  line-height:18px;
}
.rigartpg div.rigpgrefpart p.gotham-bold{
   font-family:GothamBold;
}
 .rigartpg div.rigpgrefpart{
  margin-top:2em !important;
}
.rigartpgv2 h1.risk-heading {
        font-family: GothamMedium;
	     font-size: 36px;
		line-height: 44px;
        color:#860052;
        margin-top: 35px;
        margin-bottom: 35px;
        letter-spacing: -0.54px;
}
.rigartpgv2 h2.sub-heading.center,.rigartpgv2 h2.sub-heading.center span{
        font-family: DINBold;
	    color:#860052;
		font-size: 24px;
		line-height: 30px;
        text-align: center;
    	padding: 0;
	}
.gradient-content-wrapper-white p{
        font-family: GothamBook;
	color:#ffffff;
    font-size:20px;
    line-height:26px;
}
.rigartpg p.blue_para{
    font-family: 'GothamMedium';
    font-size:20px;
    color:#25408F;
    line-height:30px;
    margin-bottom: 30px;
}
.bannersectionv1 h2{
    font-size: 30px;
	line-height: 36px;
	font-family: GothamBold;
	color:#ffffff;
	text-align:center;
}
.bannersectionv1 p{
    font-family: GothamBook;
    font-size:20px;
}
.gradient-wrapper-footnote{
        font-family: GothamBook;
	    font-size: 14px;
	    color:#ffffff;
}
@media screen and (min-width:1200px)
{
    h1.rigatpg2h1a{
        width:920px;
        margin-left:4.7em !important;
    } 
    p.rigatpg2p1{
        width:920px;
        margin-left:8.7em;
        letter-spacing:0.0px;
    }
    h2.rigatpg2h2a{
        width:916px;
        margin-left:8em;
        text-align:inherit !important;
    }
    h2.rigatpg2h2b{
        width:920px;
        text-align:center !important;
        margin-left:7em;
    }
    .rigartpg2img1 img{
        width:920px !important;
        margin-left:7em;
        margin-top:35px;
        margin-bottom:50px;
    }
    ul.rigpg2ul1{
        width:920px;
        margin-left:11em;
    }
    div.rigatpg2footnote1{
       width:890px;
       margin-left:12.5em;
    }
    .rigartpg2img2 img{
        width:450px !important;
        margin-left:7em;
    }
    .rigartpg2img3 img{
        width:825px !important;
        margin-left:4em;
    }
    p.rigartpg2bp1{
        width:920px;
        margin-left:9em;
    }
    .bannersectionv1 h2.gradient-main-heading{
        width:525px;
        margin-left:11.5em;
    }
    div.rigpg2ulike1{
        width:655px;
        margin-top:25px;
        margin-left:19.5em;
    }
    .gradient-wrapper-footnote 
    {
        margin-left:-1em;
    }
    h2.rigatpg2h2c{
      width:890px;
      margin-left:7em;
    }
    .rigartpg2img5 img{
      width: 890px !important;
    }
    p.rigatpg2footnote2a{
      width:875px;
      margin-left: 9.7em;
      margin-top: 45px;
      margin-bottom: 45px;
    }
    .rigartpg2img6 img{
      width: 890px !important;
    }
    .rigartpg div.rigpgrefpart{
      width: 890px;
      margin: auto;
      margin-left: 12em;
    }
    .rigartpg h1.rigpg2blueh1a{
      width: 724px;
      margin: auto;
      margin-top: 35px;
      margin-bottom: 35px;
      margin-left: 4em;
      /* text-align: start; */
    }
    p.rigpg2refsec1{
      width: 920px;
      margin: auto;
      margin-top: 13px;
      margin-left: 12em;
    }
}
@media screen and (min-width:992px)
{
  .rigartpg h1.rigpg2blueh1a{
  font-size:36px;
	line-height:44px;
  text-align: center;
}
}
@media screen and (min-width:768px)
{
    .gradient-wrapper-footnote {
        margin-top:66px;
    }
}
@media screen and (min-width:768px) and (max-width:992px)
{
  .fourstaticcardview .column-3, .fourstaticcardview .column-4
  {
    margin-top: 40px;
  }
}
/*For demand INTL-3270 ends*/
    

.new-pat-stories ul p {
    font-weight: normal;
    text-align: center;
}

p.exp-text {
   font-weight: normal;
   font-size: 15px;
 }


@media screen and (max-width:767px) {
    p.exp-text {
    font-weight: normal;
    font-size: 11px;
   }
   
   .new-pat-stories .video-thumb-parent .video-thumb-cta {
    width: 95%;
    height: 250px;
    margin-bottom: 8%;
}
}


.new-pat-stories ul.breadcrumb-holder .vcenter, ul.breadcrumb-holder .vcenter a, ul.breadcrumb-holder .vcenter a:hover {
    color: #333333 !important;
}

.new-pat-stories .breadcrumb-container .breadcrumb-item.active a.without-child {
    padding-top: 1.5%;
}

.new-pat-stories p.cal-para1 {
    padding-top: 2%;
    font-weight: normal;
}

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

.new-pat-stories .video-thumb-parent .video-thumb-cta {
    width: 100% !important;
    height: auto;
    margin: 4% 0% 6% 0%;
}
.staticvidrescol-second{
    margin-top: 30px;
}
}


 html .new-pat-stories .video-play-icon, html .new-pat-stories .video-thumb-parent .video-play-icon:hover {
    padding-left: 1em;
    padding-right: 1em;
    background: transparent !important;
}

.new-pat-stories .video-play-icon::before {
    content: '-' !important;
    display: none;
}

.new-pat-stories span.fa.fa-play {
    left: 0;
}

.new-pat-stories .fa-play:before {
    content: "\f04b";
    font-size: 30px;
}

.new-pat-stories span.fa.fa-play {
    left: 0;
    padding: 15px 20px 15px 25px;
    border-radius: 6px;
    border: none;
    background-color: rgba(34,34,34,0.5);
}

.new-pat-stories span.fa.fa-play:hover {
    background: black;
}


.black-bread span.link-txt.vcenter {
    color: #3F4444!important;
}

/*For INTL-3270 fotter small adjustments starts*/
.rigartpg .footer-new-col .mob-foot,.rigartpg .desc-box p
{
  font-size: 12px !important;
}
.rigartpg p.foot-new-u
{
  font-size: 12px !important;
}

.component-section.container.no-style.pat-stories.sub-video ul.breadcrumb-holder .vcenter {
    color: #222!important;
}

@media screen and (min-width:768px) and (max-width:991px)
{
  .systemic-lupus-erythematosus div.middle-content>.text.parbase.section:nth-child(9) p
  {
    margin-left: 2em;
  }
}
@media screen and (min-width:991px)
{
  .systemic-lupus-erythematosus div.middle-content>.text.parbase.section:nth-child(9) p
  {
    margin-left: 1em;
  }
}
@media screen and (max-width:767px)
{
  .systemic-lupus-erythematosus div.middle-content>.text.parbase.section:nth-child(9) p
  {
    margin-left: 1em;
  }
}
/*For INTL-3270 fotter small adjustments ends*/
@media screen and (max-width:500px){
    .asthma.typetwoupv1 .product-link-mob .column-1,.asthma .product-link-mob .column-2
  {
    height: 90px !important;
  }
}

@media screen and (max-width: 414px){
    .pat-stories .page-section-inner {
        margin-top: -23%!important;
    }
}

/*For INTL-3466 css starts*/

@media screen and (min-width:1800px)
{
p.apptxt-leftadj
{
  margin-left:-16.5em;    
}    
}
@media screen and (min-width:1300px) and (max-width:1499px)
{
    p.apptxt-leftadj
{
  margin-left:-1.5em;    
}    
}
@media screen and (min-width:1500px) and (max-width:1799px)
{
    p.apptxt-leftadj
{
  margin-left:-7.5em;    
}    
}
@media screen and (min-width:1200px) and (max-width:1299px)
{
    p.apptxt-leftadj
{
  margin-left:0.5em;    
}    
}
@media screen and (max-width:767px)
{
    .type-2-diabetes .row
    {
        margin-left:0px;
        margin-right:0px;
    }
    .type-2-diabetes header .row
    {
        margin-left:-15px;
        margin-right:-15px;
    }
    .videopage-brand-no{
      padding-left: 15px;
      padding-right: 15px;
  }
  .video-detail-d .video.section, .video-detail-e .video.section, .video-detail-f .video.section, .video-detail-g .video.section, .video-hf .video.section{
      padding-right: 5.2%;
  }
    
}
@media screen and (min-width:1300px) and (max-width:1400px)
{
  .video div.resource-image-container>img
  {
   width: 407.5px !important;
  }
}
@media screen and (min-width:1500px)
{
  .video div.resource-image-container>img
  {
   width: 386px !important;
  }
}
@media screen and (min-width:1600px)
{
  .video div.resource-image-container>img
  {
    
    width: 415px !important;
  }
}
@media screen and (min-width:1700px)
{
  .video div.resource-image-container>img
  {
   
    width: 445px !important;
  }
}
@media screen and (min-width:1900px)
{
  .video div.resource-image-container>img
  {
   
    width: 503px !important;
  }
}
@media screen and (min-width:2000px)
{
  .video div.resource-image-container>img
  {
   
    width: 508px !important;
  }
  
  
}
/*For INTL-3466 css ends*/