/*Header Start*/
 
 @media screen and (max-width: 580px) {
  html[lang="fr"] #lokelma-heroBanner-text p {
    padding-left: 20px;
    font-size: 48px;
    line-height: 54px;
  }
}

@media screen and (max-width: 410px) {
  html[lang="fr"] #lokelma-heroBanner-text p {
    padding: 0;
    font-size: 35px;
    line-height: 41px;
  }
}
/*Header End*/

  html[lang="fr"] #lokelma-home .card-title a {
  width: 200px;
}


#lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 200px;
  object-fit: fill;
}




@media screen and (max-width: 1279px) {
  #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 250px;
}
}

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

   html[lang="fr"] #lokelma-home .teaser--home-hero .cmp-teaser__image {
    max-height: none;
  }
}


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

  html[lang="fr"] #lokelma-home .teaser--home-hero .cmp-teaser__subtitle {
    max-width: 837px;
  }
}

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

  html[lang="fr"] #lokelma-home .banner-title {
     max-width: 850px;
  }
}



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

  #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four p {
    margin: 20px;
  }

}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 300px;

}

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four p {
    margin: 25px;
  }
}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 330px;
}
      #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four p {
    margin: 0px;
  }
}

@media screen and (max-width: 501px) {
  
  html[lang="fr"] #lokelma-home .lok-mob-header h1 {
    font-size: 45px;
    line-height: 115%;
  }
}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 410px;
}
        #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four p {
    margin-right: 10px;
  }
}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 450px;
}
}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 560px;
}
}

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

    #lokelma-main #lokelma-teaser-callout #lokelma-teaser-callout-four img {
  height: 580px;
}
}

@media screen and (max-width: 380px) {
  html[lang="fr"] #lokelma-hyperkalemia #lokelma-h2 h2,
  html[lang="fr"] #lokelma-hyperkalemia #lokelma-h2 h2 span {
  font-size: 40px;
  line-height: 50px;
}
}