@media (min-width: 1400px) and (max-width: 1699px) {
  .page-template-barre-biome-cream .differentgroup {
    width: 90%;
  }
  #biomecreamdifferent {
    background-position: 105%;
  }
  .oddsection .productimage {
    background-position: 140%;
  }
  .evensection .productimage {
    background-position: -40%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  div#innerBanner {
    height: 350px;
  }
  .oddtonerdif,
  .eventonerdif {
    min-height: 380px;
  }
  #biomecreamdifferent {
    background-position: 120%;
  }
  .page-template-barre-biome-cream .differentgroup {
    width: 87%;
  }
  .page-template-barre-biome-cream #doctorrecommand:before {
    width: 40%;
  }
  .page-template-barre-biome-cream #advicesection {
    margin: 20px 0px;
  }
  .lumiseconddifferent .lumicreamdifferentimage {
    background-position: 150%;
  }
  .lumifirstdifferent .lumicreamdifferentimage {
    background-position: -37%;
  }
  #comparesection .comparecontent {
    width: 100%;
  }
  .innermission {
    height: 400px;
  }
  .certificatesection.evensection,
  .certificatesection.oddsection {
    margin: 50px 0px 50px 0px;
  }
  .evensection .homeproductcontent {
    padding-left: 20px;
  }
  .oddsection .homeproductcontent {
    padding-right: 20px;
  }
  .homeaboutimage img {
    position: relative;
    width: 85%;
  }
  .oddsection .productimage {
    background-position: 170%;
  }
  .evensection .productimage {
    background-position: -70%;
  }
}

@media(min-width:992px) and (max-width:1199px){
	.historybox {
    width: 80%;
  }
	.innermission {
    height: 500px;
 }
	.certificatesection.oddsection h2:before {
    top: 0.2px;
    left: -90%;
}
	.certificatesection.evensection h2:before {
    top: 0.2px;
    right: -90%;
}
	.oddtonerdif, .eventonerdif {
      min-height: 300px;
}
	div#beitem5 {
    margin-top: 80px;
  }
	.cleanserphoto {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
}
	.page-template-barre-biome-cream #advicesection h2.differenttitle:before {
    left: -400px;
}
	#biomecreamdifferent{
		background-image:none;
	}
.page-template-lumi-cream #biomecreamdifferent {
     display: block;
}
    .lumifirstdifferent .lumicreamdifferentimage {
        width: 85%;
        height: 540px;
        position: relative;
    }
	.lumiseconddifferent .lumicreamdifferentimage {
    width: 85%;
    height: 590px;
    position:relative;
    left: 15%;
}
	.homeaboutimage {
    position: relative;
    margin-bottom: 80px;
}
}


@media (min-width: 992px) and (max-width: 1050px) {
  .homeaboutimage img {
    width: 80%;
  }
  .homeproductsection {
    min-height: auto;
    display: block;
    margin-top: 40px;
  }
  .oddsection .productimage,
  .evensection .productimage {
    height: 600px;
    position: relative;
    width: 100%;
    background-size: cover;
    background-attachment: unset;
  }
  .homeproductsection .col-md-6 {
    width: 100%;
  }
  .oddsection .homeproductcontent {
    padding-right: 0px;
  }
  .evensection .homeproductcontent {
    padding-left: 0px;
  }
  .homeproductcontent {
    padding-top: 40px;
  }
}
@media (min-width: 1051px) and (max-width: 1199px) {
  .homeallproducts .container {
    max-width: 100%;
  }
  .oddsection .homeproductcontent {
    padding-right: 0px;
  }
  .evensection .homeproductcontent {
    padding-left: 0px;
  }
  .oddsection .productimage {
    height: 800px;
    position: absolute;
    right: 0;
    background-size: auto;
    width: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 190%;
    background-size: contain;
  }
  .evensection .productimage {
    height: 800px;
    position: absolute;
    right: 0;
    background-size: auto;
    width: 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: -90%;
    background-size: contain;
  }
}


@media(min-width:768px) and (max-width:991px){
	.contactperson {
      width: 100%;
}
	    .page-template-lumi-cream .clinicadvantages:after {
        top: 60%;
        width: 70%;
    }
	    .visible-mobile {
        display: block !important;
    }
	.web-logo {
    width: 50%;
    text-align: center;
    display: block;
    margin: 0px auto;
}
	.historybox {
    width: 80%;
  }
	.innermission {
    height: 500px;
 }
	.certificatesection.oddsection h2:before {
    top: 0.2px;
    left: -90%;
}
	.certificatesection.evensection h2:before {
    top: 0.2px;
    right: -90%;
}
	.oddtonerdif, .eventonerdif {
      min-height: 300px;
}
    div#beitem5 {
        margin-top: 20px;
        width: 70%;
        margin-left: 14%;
    }
	.tonerredbox:after {
     width: 100%;
   }
	.creamadvantageimage {
     left: 0%;
}
	.page-template-barre-biome-cream #doctorrecommand:before {
      top: 50%;
 
}
	.cleanserphoto {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
}
	.page-template-barre-biome-cream #advicesection h2.differenttitle:before {
    left: -400px;
}
	#biomecreamdifferent{
		background-image:none;
	}
.page-template-lumi-cream #biomecreamdifferent {
     display: block;
}
    .lumifirstdifferent .lumicreamdifferentimage {
        width: 85%;
        height: 540px;
        position: relative;
    }
	.lumiseconddifferent .lumicreamdifferentimage {
    width: 85%;
    height: 590px;
    position:relative;
    left: 15%;
}
	.homeaboutimage {
    position: relative;
    margin-bottom: 80px;
}
	.homeaboutimage img {
    width: 80%;
  }
  .homeproductsection {
    min-height: auto;
    display: block;
    margin-top: 40px;
  }
  .oddsection .productimage,
  .evensection .productimage {
    height: 600px;
    position: relative;
    width: 100%;
    background-size: cover;
    background-attachment: unset;
  }
  .homeproductsection .col-md-6 {
    width: 100%;
  }
  .oddsection .homeproductcontent {
    padding-right: 0px;
  }
  .evensection .homeproductcontent {
    padding-left: 0px;
  }
  .homeproductcontent {
    padding-top: 40px;
  }
	    .certificateimage {
        position: absolute;
        width: 30%;
        right: 15px;
        bottom: 50px;
    }
    .cerproductslider {
        width: 60%;
    }
	    .certificatesection.oddsection {
        min-height: 600px;
        margin: 50px 0px 50px 0px;
        overflow: hidden;
        position: relative;
    }
}



@media (min-width: 0px) and (max-width: 767px) {
	.page-id-95 .advimage {
    width: 65%;
    margin-left: 25%;
}
.contactperson {
        width: 100%;
        margin-bottom: 15px;
    }
  .allsection {
    padding: 2rem 0px;
  }
  .homeaboutimage img {
    width: 90%;
    margin-left: 5%;
  }
  .homeaboutimage:before {
    width: 80%;
  }
  .homeaboutimage {
    margin-bottom: 75px;
  }
  .homeproductsection {
    min-height: auto;
    display: block;
    margin-top: 40px;
  }
  .oddsection .productimage,
  .evensection .productimage {
    height: 400px;
    background-size: cover;
    width: 100%;
    background-attachment: unset;
    position: relative;
  }
  .oddsection .homeproductcontent,
  .evensection .homeproductcontent {
    padding-right: 0px;
    padding-left: 0;
    padding-top: 25px;
  }
  .footerlogo,
  .footerpagelink {
    display: none;
  }
  .footersocial {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .footer {
    padding: 0px 0px 10px 0px;
  }
  #innerBanner {
    height: 180px !important;
  }
  .innermission {
    height: 400px;
  }
  .historybox {
    width: 90%;
  }
 .certificatesection.oddsection h2:before {
        left: -90%;
        height: 100%;
    }
  .certificatesection.evensection h2:before {
    right: -90%;
	 height:100%;
  }

  .certificatesection.oddsection {
    min-height: 600px;
    margin: 50px 0px 50px 0px;
    overflow: hidden;
    position: relative;
  }
  .certificatesection.evensection {
    min-height: 600px;
    margin: 50px 0px 50px 0px;
    overflow: hidden;
    position: relative;
  }
  .cerproductslider {
    width: 40%;
  }
  .certificateimage {
    position: absolute;
    width: 50%;
    right: 15px;
    bottom: 0;
  }
  .cleanserphoto {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 25px;
  }
  .differentgroup .indgimage {
    width: 30%;
    height: auto;
    display: block;
    margin: 0px auto;
  }
  .differentgroup .ingredientcontent {
    width: 70%;
  }
  #comparesection .comparecontent {
    width: 100%;
  }
  #comparesection h3.differenttitle:after {
    display: none;
  }
  .benefitimage {
    width: 40%;
    margin: 25px 5px;
  }
  .benefititem {
    width: 60% !important;
    margin-left: 40% !important;
    margin-top: 15px !important;
  }
  .benefitcontent {
    padding-top: 50px !important;
    top: 70px !important;
  }
  #benefitsection {
    margin: 40px 0px;
  }
  .differenttitle {
    margin-top: 15px;
  }
  .tonerdifferentimage {
    position: relative;
    width: 100%;
  }
  .oddtonerdif,
  .eventonerdif {
    display: block;
    width: 100%;
    min-height: auto;
    position: relative;
  }
  #cleanserabout img.img-fluid {
    display: block;
    margin: 15px auto;
  }
  .tonerredbox:after {
    right: -60%;
  }
  .tonerredbox {
    padding: 45px 15px;
  }
  .tonerredbox h3 {
    font-size: 20px;
  }
  section#toneradvantages {
    margin: 40px 0px;
    overflow: hidden;
  }
  .page-template-barre-biome-cream #doctorrecommand:before {
    top: 52%;
  }
  .creamadviceflex {
    grid-template-columns: 1fr 1fr;
  }
  .eachcreamadvice {
    margin: 15px 0px;
    border-bottom: 2px solid #90909057;
  }
  .creamadvantageimage {
    position: absolute;
    left: -5%;
    top: 50px;
    width: 38%;
  }
  #biomecreamdifferent {
    background: #fbfbfb;
  }
  .page-template-lumi-cream #biomecreamdifferent {
    min-height: auto;
  }
  .lumifirstdifferent .lumicreamdifferentimage {
    position: relative;
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: cover;
    background-attachment: unset;
  }
  .page-template-lumi-cream #biomecreamdifferent {
    display: block;
  }
  .lumiseconddifferent .lumicreamdifferentimage {
    right: 0;
    position: relative;
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: cover;
    background-attachment: unset;
  }
  .page-template-lumi-cream .clinicadvantages:after {
    width: 70%;
    top: 65%;
  }
  #doctorgroup1 .text,
  #doctorgroup3 .text {
    margin-top: -30px;
  }
  #doctorgroup2 .text,
  #doctorgroup4 .text {
    margin-top: 55px;
  }
  .leftdoctorgroup .text {
    width: 65%;
    text-align: left;
  }
  .producttitle {
    font-size: 25px;
  }
  .rightdoctorgroup .eachdoctor:before {
    width: 160px;
    background-position: right;
  }
  .leftdoctorgroup .eachdoctor:after {
    width: 160px;
  }
  .form-bg {
    width: 100%;
    margin-left: 0%;
  }
  .benefitcontent {
    padding-top: 00px;
    top: 0;
  }
  .web-logo a {
    display: block;
    width: 100%;
  }
  .web-logo {
    width: 80%;
    margin-left: 10%;
  }
  .visible-mobile {
    display: block !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 0px) and (max-width: 575px) {
  h2,
  h3 {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
  }
  .ingredientname {
    font-size: 15px;
  }
  .homeproductpara p {
    line-height: 30px;
  }
  .oddsection .productimage,
  .evensection .productimage {
    background-position: center;
    height: 350px;
    background-size: contain;
    width: 100%;
    position: relative;
  }
  .ingredientname {
    min-height: auto;
  }
  .certificateimage {
    position: absolute;
    width: 50%;
    right: 15px;
    bottom: 50px;
  }

  #cleanserabout img.img-fluid {
    display: block;
    margin: 15px auto;
    width: 80%;
  }
  .differentgroup h4.ingredientname {
    font-size: 20px;
  }
  .benefitimage {
    width: 100%;
    margin: 25px auto;
  }
  .benefitimage .img-fluid {
    max-width: 100%;
    height: auto;
    margin: 0px auto;
    display: block;
  }
  #doctorrecommand:before {
    top: 25%;
  }
  #doctorrecommand h2.differenttitle {
    margin-top: 65px;
  }
  .benefititem {
    width: 100% !important;
    margin-left: 0% !important;
    margin-top: 15px !important;
  }
  .benefitcontent {
    position: relative;
    padding-top: 0 !important;
    top: 0 !important;
  }
  .tonercontent h3 {
    font-size: 20px;
    margin-top: 15px;
  }
  .clinicadvantageimage img {
    display: block;
    margin: 10px auto;
  }
  .page-id-38 #doctorrecommand h2.differenttitle {
    margin-top: 0px;
  }
  .page-template-toner .adviceimage {
    width: 100%;
    padding: 0px;
  }
  #cleanserabout .ingredientflex,
  #biomecreamdifferent .ingredientflex {
    display: block;
  }
  .differentgroup .ingredientcontent {
    width: 100%;
  }
  section#choosesection {
    margin: 20px 0px;
    padding: 30px 0px;
  }
  .chooseimage {
    width: 100%;
  }
  .eachgroupcontent {
    margin-bottom: 10px;
  }
  div#circle5 {
    margin-left: -80px;
  }
  .creamadvantageimage {
    top: 100px;
  }
  .page-id-44 #doctorrecommand h2.differenttitle {
    margin-top: 0px;
  }
  #biomecreamdifferent {
    padding: 20px 0px;
  }
  #biomecreamdifferent .differentgroup .indgimage {
    margin: 10px auto;
    padding: 5px;
  }
  .lumiseconddifferent .lumicreamdifferentimage {
    position: relative;
    right: 0;
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: cover;
  }
  .lumiseconddifferent .eachingredient p {
    text-align: left;
  }
  .lumiseconddifferent .differentgroup h4.ingredientname,
  #biomecreamdifferent .ingredientname {
    justify-content: center;
    text-align: center;
  }
}