<style> /* Flex Boxes Styling */ .flex-container, .flex-container2, .Video-container { display: flex; flex-flow: row wrap; } .flex-container>div, .flex-container2>div, .Video-container>div { width: 50%; padding: 1.5% 0 0 1.5%; } /* Video Styling */ .videoz { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 10px; } .videoz iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Beauty Care Routine */ .Care { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .Tips { flex-basis: 25%; padding: 0px; text-align: center; } .btn2 { font-family: trebuchet ms; color: #843090; font-size: large; font-weight: bold; box-shadow: 0px 2px 2px 2px; min-width: 120px; padding: 20px 0px; text-decoration: underline; } .btn2 { animation-name: line; animation-duration: 1.5s; animation-iteration-count: infinite; transition: ease; animation-fill-mode: both; } @keyframes line { 0% { text-decoration: underline; } 100% { text-decoration: none; } } .arrowz { border: solid #843090; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .rightz { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 5px; } .BeautyCare { position: relative; letter-spacing: 9px; } .BeautyCare-block { position: absolute; bottom: 44%; right: 0%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-family: trebuchet ms; font-size: 2.5vw; text-align: right; } /* Features Styling */ .rowz { display: flex; flex-wrap: wrap; justify-content: space-around; } .Features { flex-basis: 16%; padding: 10px; text-align: center; } .Features img { min-width: 75.34px; } .FeaturesHeaders { color: #843090; font-weight: bold; } @media screen and (min-width: 700px) { /* div#Fourth { line-height: 2.5; } */ /* #Ingredients ol { line-height: 2.5; } */ } @media screen and (max-width: 700px) { .flex-container>div { width: 100%; padding: 0; } .Video-container>div { width: 100%; padding: 0; } div#Third { order: 2; } div#Fifth { order: 3; } div#Sixth { order: 4; } .flex-container2>div { width: 100%; padding: 0; } .Tips { flex-basis: 50%; } .Features { flex-basis: 33%; padding: 5px; text-align: center; } .Features img { min-width: 75.34px; max-width: 75.34px; } .BeautyCare { position: relative; letter-spacing: 1px; } .BeautyCare-block { position: absolute; bottom: 33%; right: 5%; color: white; padding: 0px; } .Choose { font-weight: bold; color: white; font-family: trebuchet ms; font-size: 3.5vw; text-align: right; } } </style> <!-- Product Description --> <p><strong>Product Description:</strong></p> <ul> <li>Rich, nourishing cream helps minimize appearance of redness while boosting skin's natural defenses that have been compromised from harsh, drying acne treatments.</li> <li>Ideal for use in conjunction with acne treatments.</li> <li>Soothes, hydrates, nourishes and alleviates the negative effects of anti-acne medications that dry out and irritate the skin.</li> <li>Clinically shown to reduce visible swelling, flaking and dryness, in 7 days.</li> </ul> <div class="videoz"> <iframe src="http://www.youtube.com/embed/nhKqsmK9QNU?rel=0&hd=1" frameborder="0" allowfullscreen></iframe> </div> <!-- Product Features --> <p><b>Features:</b></p> <div class="rowz"> <!-- <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/fragrances-free.jpg?"> <p class="FeaturesHeaders">Fragrance Free</p> </div> --> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Non-Comedogenic.jpg?"> <p class="FeaturesHeaders">No Comedones</p> </div> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Skin-Types.jpg?"> <p class="FeaturesHeaders">Oily Skin</p> </div> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Parts.png?"> <p class="FeaturesHeaders">For Face</p> </div> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/paraben-free1.jpg?"> <p class="FeaturesHeaders">Paraben Free</p> </div> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Alcohol-Free.jpg?"> <p class="FeaturesHeaders">Alcohol Free</p> </div> <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Glycolic-Acids-Free.jpg?"> <p class="FeaturesHeaders">Glycolic Acids Free</p> </div> <!-- <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/Water-Resistant.jpg?"> <p class="FeaturesHeaders">Water Resistant</p> </div> --> <!-- <div class="Features"> <img src="https://www.nahdionline.com/media/content/Avene/non-rinse.jpg?"> <p class="FeaturesHeaders">No White Marks</p> </div> --> </div> <!-- Product Benefits --> <div class="flex-container"> <div id="First"> <p><strong>Product Benefits:</strong></p> <p><strong>Restores</strong></p> <ul> <li>Helps restore compromised skin barrier agitated by harsh, acne treatments.</li> </ul> <p><strong>Replenishes</strong></p> <ul> <li>Deeply nourishes the skin while replenishing moisture and comfort.</li> </ul> <p><strong>Reinforces</strong></p> <ul> <li>Moisturizes and reinforced skin's natural barrier.</li> </ul> </div> <div id="Second"> <img src="https://www.nahdionline.com/media/content/Avene/197849641_173833174691259_7871525342372151431_n.jpg?"> </div> <!-- How to use --> <div id="Third"> <div class="videoz"> <iframe src="http://www.youtube.com/embed/cMEnZRv9eoo?rel=0&hd=1" frameborder="0" allowfullscreen></iframe> </div> </div> <div id="Fourth"> <p><strong>How to use:</strong></p> <ol> <li>Apply after thoroughly cleaning with Cleanance Cleansing.</li> <li>Twice daily.</li> </ol> </div> </div> <!-- <p><b>Warning &amp; Precautions:</b></p> <ul> <li>Using this product should not encourage the user to prolong sun exposure.</li> <li>Avoid solar exposure for child between 0 and 3 years.</li> <li>Use clothing protection.</li> </ul> <img src="https://www.nahdionline.com/media/content/Avene/sun_care_banner.jpg?" width="100%"> --> <!-- Ingredients --> <div class="flex-container2"> <div id="Ingredients"> <p><strong>Ingredients:</strong></p> <p><strong>GLYCOLEOL</strong></p> <ul> <li>Nourishing complex of essential fatty acids that help restore a healthy skin barrier.</li> </ul> <p><strong>DEXTRAN SULFATE</strong></p> <ul> <li>Helps soothe skin while moisturizing and reinforcing skin's natural barrier.</li> </ul> <p><strong>PLANT TRIGLYCERIDES</strong></p> <ul> <li>Help provide instant comfort and intense nourishment.</li> </ul> <p><strong>AVENE THERMAL WATER</strong></p> <ul> <li>Clinically shown by 150 studies to soothe, soften and calm the skin.</li> </ul> </div> <div> <img src="https://www.nahdionline.com/media/content/Avene/134948528_228432718687964_1129807215652757219_n.jpg?"> </div> </div> <!-- Videos Container <div class="Video-container"> <div id="V1"> <div class="videoz"> <iframe src="http://www.youtube.com/embed/eHEa9Aainb0?rel=0&hd=1" frameborder="0" allowfullscreen></iframe> </div> </div> <div id="V2"> <div class="videoz"> <iframe src="http://www.youtube.com/embed/Op2T-8WElnI?rel=0&hd=1" frameborder="0" allowfullscreen></iframe> </div> </div> </div> <p><b>Good To Know:</b></p> <ul> <li>Assist in preventing some skin cancers.</li> <li>It can aid in theprevention of solar keratosis, sunspots, and premature skin aging.</li> <li>40 minutes of water resistant.<br></li> </ul> --> <!-- Beuty Care Tips --> <div class="BeautyCare"> <img src="https://www.nahdionline.com/media/content/Avene/shutterstock_1845975373_1_.jpg?" style="width:100%;"> <div class="BeautyCare-block"> <p class="Choose">Select your skin care routine</p> </div> </div> <div class="Care"> <div class="Tips"> <a href="https://www.nahdionline.com/en/skin-care/facial-care/cleansers-toners"><button class="btn2"><i class="arrowz rightz"></i>Cleanser</button></a> </div> <div class="Tips"> <img src="https://www.nahdionline.com/media/content/Avene/1-cleansing.jpg?"> </div> <div class="Tips"> <a href="https://www.nahdionline.com/en/skin-care/facial-care/toners"><button class="btn2"><i class="arrowz rightz"></i>Toner</button></a> </div> <div class="Tips"> <img src="https://www.nahdionline.com/media/content/Avene/2-Toning.jpg?"> </div> <div class="Tips"> <a href="https://www.nahdionline.com/en/skin-care/facial-care/moisturizers"></i><button class="btn2"><i class="arrowz rightz"></i>Moisturizer</button></a> </div> <div class="Tips"> <img src="https://www.nahdionline.com/media/content/Avene/3-Moisturizing.jpg?"> </div> <div class="Tips"> <a href="https://www.nahdionline.com/en/skin-care/sun-care/sunblock"><button class="btn2"><i class="arrowz rightz"></i>Sun Screen</button></a> </div> <div class="Tips"> <img src="https://www.nahdionline.com/media/content/Avene/4-sunscreen.jpg?"> </div> </div>#html-body [data-pb-style="6201FD8EED05E"]{justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px; padding: 0px;}#html-body [data-pb-style="6201FD8EED071"]{border-style: none; border-width: 1px; border-radius: 0px; margin: 0px; padding: 0px;}