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

.card_slider .card_slide .card .title { font-size: 50px; line-height: 54px; }

.intro_cont .tagline{ font-size: 40px; line-height: 42px; }

.intro_cont h1{ font-size: 90px; line-height: 70px; }
/*.bg1 .intro_cont h1{ font-size: 108px; line-height: 87px; }
.bg2 .intro_cont h1{ font-size: 132px; line-height: 136px; }
.bg4 .intro_cont h1{ font-size: 132px; line-height: 136px; }*/

.bg10 .intro_cont h1{ line-height:90px;}




.bg3 .quote_sec blockquote { padding: 50px 0 95px 50px; }
.bg6 .quote_sec blockquote { padding: 90px 0 200px 50px; }

.bg3 .quote_sec p{ font-size: 35px; line-height: 40px; max-width:440px;  }


.product_row .product_box ul li { width: 240px; }

.product_row.other .product_box { max-width: 820px; }
.product_row.other .product_box ul li { width: 265px; }
.product_row .bottom_icon span { padding: 0 7px; }

.bg10 .quote_sec blockquote { background-size: 670px auto; }

.bg11 .quote_sec blockquote { padding: 78px 0 95px 560px; margin: 30px auto 40px; }
.bg11 .quote_sec blockquote .quote_icon { margin: 0 0 20px; width: 200px; }
.bg11 .mid_cont .desc_sec .img_a2 { margin: -55px 82px 66px -640px; }

.bg13 .mid_cont .desc_sec .img_a1 { margin: -140px -170px 0 10px; }
.bg13 .mid_cont .desc_sec .img_a2 { margin: -120px -450px 0 20px; }
.bg13 .mid_cont, .bg15 .mid_cont { padding: 98px 0 35px; }
.banner_img .overlay { left: -23px; }

.bg14 .intro_cont h1 { font-size: 82px; line-height: 70px; }

.bg17 .mid_cont .desc_sec .img_a2 { margin: -21px 20px 66px -213px; max-width: 480px; }
.bg17 .mid_cont .desc_sec .img_a1 { margin: -86px 40px 0 -2px; }


.bg16 .quote_sec blockquote {
	background: url(../images/hanna/img2.png) no-repeat right bottom;
	background-size: 600px auto;
}

.bg16.bg23 .quote_sec blockquote { background: url(../images/limarys/img2.png) no-repeat right bottom; background-size: 520px auto; padding: 50px 0 140px 50px; }

.bg17.bg24 .quote_sec blockquote { background: url(../images/yosmi/img2.png) no-repeat left bottom; background-size: 360px auto; min-height:545px; }

}



@media only screen and (max-width: 1024px) {
.head-wrap { padding-bottom: 70px; }
header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 0; min-height:70px; }
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 1px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }

header ul.social_icon { margin-top: 10px; }
header ul.toggle_lang { margin: 16px 15px 0 0; }

header ul.left_logos { padding: 7px 0 0 0; }
header ul.left_logos li.ulta_logo a { width: 85px; }
header ul.left_logos li.instyle_logo a { width: 145px; }
header ul.left_logos li.rs_logo a { width: 220px; }
header ul.left_logos li.pesp_logo a { width: 95px; }
header ul.left_logos li.shape_logo a { width: 98px; }



.filter_container .filter_box .opt_row { padding: 0 20px; }
.filter_container .filter_box .opt_col { padding: 0 20px; }

.card_slider .card_slide .card_slide_inner { padding: 0 30px; }
.card_slider .card_slide .card { padding: 35px 35px; }
.card_slider .card_slide .card .brand_logo.rs_logo{ bottom:19px; }
.card_slider .card_slide .card .brand_logo.pesp_logo{ bottom:5px; }
.card_slider .card_slide .card .brand_logo.instyle_logo{ bottom:15px; }
.card_slider .card_slide .card .brand_logo.shape_logo{ bottom:15px; }
.card_slider .slick-prev{ width:20%; }
.card_slider .slick-next{ width:20%; }

.text_slider_arrows{ width:52%; }

.intro_cont .tagline { font-size: 30px; line-height: 34px; }

.intro_cont h1 { font-size: 70px; line-height: 65px; }
/*.bg1 .intro_cont h1{ font-size: 85px; line-height: 75px; }
.bg2 .intro_cont h1{ font-size: 100px; line-height: 90px; }
.bg4 .intro_cont h1{ font-size: 100px; line-height: 90px; }*/
.bg10 .intro_cont h1{ line-height:70px;}

.intro_cont p { max-width: 768px; }

.desc_sec { max-width: 768px; }
.desc_sec.wide{ max-width:768px; }


.bg1 .mid_cont .desc_sec .img_a1 { max-width: 450px; }
.bg1 .mid_cont .desc_sec .img_a2 { max-width: 450px; margin: -280px -230px 0 20px; }

.bg3 .mid_cont .desc_sec .img_a1 { max-width: 450px; margin: -105px 15px 0 -150px; }
.bg3 .mid_cont .desc_sec .img_a2 { max-width: 450px; min-height: 450px; border: 7px solid #fff; margin: -20px 15px 70px -150px; }

.bg5 .mid_cont .desc_sec .img_a1 { max-width: 450px; margin: -70px -150px 0 10px; }
.bg5 .mid_cont .desc_sec .img_a2 { max-width: 450px; margin: 0 -150px 0 20px; }

.bg6 .mid_cont .desc_sec .img_a1 { max-width: 400px; margin: -100px 15px 20px -80px; }
.bg6 .mid_cont .desc_sec .img_a2 { max-width: 400px; min-height: 400px; border: 7px solid #fff; margin: -10px 15px 20px -80px; }



.bg1 .quote_sec blockquote { margin: 100px auto 0; max-width: 700px; padding: 0 30px; }
.bg1 .quote_sec blockquote .quote_icon { width: 270px; left: -138px; top: -110px; }
.bg1 .quote_sec p { font-size: 40px; line-height: 44px; padding: 0 0 40px; }

.bg3 .quote_sec blockquote { margin: 50px auto 0; max-width: 768px; padding: 50px 30px 95px 30px; background-size: 350px auto; }
.bg3 .quote_sec blockquote .quote_icon { width: 110px; margin: 0 0 15px; }
.bg3 .quote_sec p { font-size: 30px; line-height: 38px; max-width: 450px; }

.bg5 .quote_sec blockquote { margin: 50px auto 70px; max-width: 768px; }
.bg5 .quote_sec blockquote .quote_icon { width: 150px; margin: 0 0 15px; }
.bg5 .quote_sec p { font-size: 30px; line-height: 40px; }

.bg6 .quote_sec blockquote { padding: 40px 0 110px 30px; background-size: 768px auto;}
.bg6 .quote_sec blockquote .quote_icon { width: 150px; margin: 0 0 15px; }
.bg6 .quote_sec p { font-size: 34px; line-height: 40px; max-width: 460px; }

.bg16.bg23 .quote_sec blockquote { background-size: 350px auto; padding: 50px 30px 95px 30px; }
.bg16.bg23 .quote_sec p { width: 52%; }

.bg17.bg24 .quote_sec blockquote { background-size: 265px auto; min-height: 400px; }



.product_row h3 { font-size: 32px; line-height: 36px; }
.product_row .product_box { max-width: 708px; }
.bg5 .product_row .product_box { max-width: 708px; }
.product_row .product_box ul li { width: 210px; }
.product_row .product_box ul li p { font-size: 18px; line-height: 24px; padding: 0 0 12px; }
.product_row .product_box ul li a { width: 160px; font-size: 18px; line-height: 22px;  }



.cta { padding: 30px 30px 30px; }
.cta p { font-size: 22px; line-height: 27px; }

.product_row.other .product_box { max-width: 100%; }
.product_row.other .product_box ul li { padding: 0 10px; width: 33.33%; }
.product_row .bottom_icon span img { max-width: 30px; }
.product_row .bottom_icon span { padding: 0 5px; }
.product_row .bottom_icon span:first-child img { max-width: 19px !important; }
.product_row .bottom_icon { margin-top: 20px; }

.conscious_box .cb_logo { margin: 0 0 30px; }
.conscious_box h3 { font-size: 40px; line-height: 44px; }
.conscious_box .desc_sec { padding: 0; }

.cleankey_box { margin: 25px 18px 40px; width: auto; max-width: 100%; }
.cleankey_box .title { margin-bottom: 8px; font-size: 18px; }
.cleankey_box p { font-size: 16px; }
.cleankey_box ul li { padding: 0 11px; }

.bg10 .quote_sec blockquote { min-height: 606px; background-size: 437px auto; }

.bg11 .mid_cont .desc_sec .img_a2 { border: 0; }
.bg11 .quote_sec blockquote { padding: 78px 21px 95px 367px; margin: 30px auto 40px; min-height: 500px; }
.cta p br { display: none; }

.bg13 .intro_cont.dr-laura h1, .bg15 .intro_cont h1, .bg16 .intro_cont h1, .bg18 .intro_cont h1 { font-size: 60px; line-height: 52px; }
.intro_cont.dr-laura .tagline { font-size: 34px; }
.bg13 .mid_cont .desc_sec p, .bg15 .mid_cont .desc_sec p { width: 56%; }
.bg13 .mid_cont .desc_sec .img_a2, .bg15 .mid_cont .desc_sec .img_a2 { margin: -100px -130px 0 20px; }
.bg13 .mid_cont, .bg15 .mid_cont { padding: 66px 0 35px; }
.bg13 .mid_cont .desc_sec .img_a1, .bg15 .mid_cont .desc_sec .img_a1 { margin: -112px -183px 0 10px; }

.bg14 .intro_cont .tagline, .bg18 .intro_cont .tagline { font-size: 30px; }
.bg14 .intro_cont h1, .bg18 .intro_cont h1 { font-size: 75px; line-height: 68px; }

.bg15 .quote_sec blockquote {  margin: 50px auto 7px; }

.bg17 .mid_cont .desc_sec .img_a2 { margin: -21px 20px 66px -213px; max-width: 480px; }
.bg17 .mid_cont .desc_sec .img_a1 { margin: -86px 40px 0 -2px; min-height: 450px; max-width: 450px; }
.bg17 .mid_cont .desc_sec .img_a2 { margin: -21px 20px 66px -213px; max-width: 318px; min-height: inherit; }
.bg17 .mid_cont { margin-bottom: 88px; height: 380px; }

}



@media only screen and (max-width: 767px) {
.head-wrap { padding-bottom: 94px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:94px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 0; min-height:70px; }
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 1px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }

header ul.left_logos { padding: 13px 0 0 0; }
.home_page header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg1 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg2 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg3 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg4 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg5 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }
.bg6 header ul.left_logos li.ulta_logo { padding: 0 18px 0 0; }

header ul.left_logos li.ulta_logo a { width: 55px; }

header ul.left_logos li.instyle_logo { padding: 0 0 0 8px; }
header ul.left_logos li.instyle_logo a { width: 80px; }

header ul.left_logos li.rs_logo { padding: 0 0 0 8px; }
header ul.left_logos li.rs_logo a { width: 130px; }
header ul.left_logos li.pesp_logo { padding: 0 0 0 8px; }
header ul.left_logos li.pesp_logo a { width: 62px; }
header ul.left_logos li.shape_logo { padding: 0 0 0 8px; }
header ul.left_logos li.shape_logo a { width: 65px; }


header ul.social_icon { margin-top: 10px; }

header ul.toggle_lang { width:100%; margin: 8px 0 10px 0; text-align:center; }
header ul.toggle_lang li { display:inline-block; float:none; margin-left: 6px; font-size: 12px; line-height: 18px; letter-spacing: 2px; }
header ul.toggle_lang li .toggle_bar { width: 20px; height: 8px; }
header ul.toggle_lang li .toggle_bar .toggle_wheel { width: 12px; height: 12px; margin: -6px 0 0; }



.mob-show { display: block !important; }
.desktop{ display:none !important; }

.home_intro h1 { margin: 30px auto 25px; max-width:600px; }
.home_intro p { font-size: 16px; line-height: 21px; max-width: 600px; }

.filter_container { max-width: 460px; }
.filter_container .filter_box { padding: 30px 0 0; }
.filter_container .filter_box .opt_row { padding: 0 40px; }
.filter_container .filter_box .opt_col { width: 100%; padding: 0 0 30px; }
.filter_container .filter_box .opt_col p a{ padding: 35px 0 0; }



.card_slider .card_slide .card_slide_inner { padding: 0 27px; }
.card_slider .card_slide .card { padding: 25px 25px; }
.card_slider .card_slide .card .title { font-size: 34px; line-height: 36px; }
.card_slider .card_slide .card .brand_logo.rs_logo{ width:180px; bottom:16px; }
.card_slider .card_slide .card .brand_logo.pesp_logo{ width:100px; bottom:5px; }
.card_slider .card_slide .card .brand_logo.instyle_logo{ width:120px; bottom:13px; }
.card_slider .card_slide .card .brand_logo.shape_logo{ width:120px; bottom:10px; }
.card_slider .slick-prev{ width:15%; }
.card_slider .slick-next{ width:15%; }

.text_slider_container { padding: 10px 30px 40px; }
.text_slider_arrows{ width:64%; margin:0 auto 10px; }
.text_slider .text p { font-size: 17px; line-height: 23px; }
.text_slider .slick-dots li { padding: 0 7px; }

.intro_cont .tagline { font-size: 22px; line-height: 26px; }

.intro_cont h1 { font-size: 47px; line-height: 51px; padding:8px 0 20px; }
.intro_cont h1 br{ display:none; }
/*.bg1 .intro_cont h1{ font-size: 47px; line-height: 51px; }
.bg2 .intro_cont h1{ font-size: 60px; line-height: 64px; }
.bg4 .intro_cont h1{ font-size: 60px; line-height: 64px; }*/

.bg7 .intro_cont h1{ font-size: 45px; line-height: 49px; }
.bg9 .intro_cont h1{ font-size: 45px; line-height: 49px; }
.bg10 .intro_cont h1{ line-height:51px;}
.bg11 .intro_cont h1{ font-size: 45px; line-height: 49px; }


.intro_cont p { font-size: 20px; line-height: 30px; padding: 0 0 25px; max-width: 600px; }
.intro_cont .person { max-width: 300px; }

.desc_sec { max-width: 600px; }
.desc_sec.wide{ max-width:600px; text-align:center; }
.desc_sec h3 { font-size: 20px; line-height: 30px; }
.desc_sec p { font-size: 20px; line-height: 30px; padding: 0 0 30px; }

.bg1 .mid_cont .desc_sec { text-align: center; }
.bg1 .mid_cont .desc_sec .img_a1 { max-width: 300px; margin: 0 auto 20px; float: none; display: block;  }
.bg1 .mid_cont .desc_sec .img_a2 { max-width: 300px; margin: 0 auto 20px; float: none; display: block;  }

.bg3 .mid_cont .desc_sec{ text-align:center; }
.bg3 .mid_cont .desc_sec .img_a1 { max-width: 300px; margin: 0 auto 20px; float: none; display: block;  }
.bg3 .mid_cont .desc_sec .img_a2 { max-width: 300px; min-height: 300px; border: 5px solid #fff; margin: 0 auto 20px; float: none; display: block;  }

.bg5 .mid_cont .desc_sec{ text-align:center; }
.bg5 .mid_cont .desc_sec .img_a1 { max-width: 300px; margin: 0 auto 20px; float: none; display: block; }
.bg5 .mid_cont .desc_sec .img_a2 { max-width: 300px; margin: 0 auto 20px; float: none; display: block; }
.bg5 .desc_sec .left_img { width:100%; max-width: 300px; margin: 0 auto 20px; float: none; display: block; }

.bg6 .mid_cont { padding: 40px 0 0; }
.bg6 .mid_cont .desc_sec{ text-align:center; }
.bg6 .mid_cont .desc_sec .img_a1 { max-width: 300px; margin: 0 auto 20px; float: none; display: block;  }
.bg6 .mid_cont .desc_sec .img_a2 { max-width: 300px; min-height: 300px; border: 5px solid #fff; margin: 0 auto 20px; float: none; display: block;  }


.bg1 .quote_sec blockquote { margin: 50px auto 0; max-width: 500px; }
.bg1 .quote_sec blockquote .quote_icon { width: 150px; left: -30px; top: -50px; }
.bg1 .quote_sec p { font-size: 30px; line-height: 34px; padding: 0 0 30px; }

.bg3 .quote_sec blockquote { margin: 30px auto 0; max-width: 400px; padding: 50px 30px 195px 30px; background-size: 200px auto; background-position: right bottom; }
.bg3 .quote_sec blockquote .quote_icon { width: 80px; }
.bg3 .quote_sec p { font-size: 25px; line-height: 33px; width:100%; }

.bg5 .quote_sec blockquote { margin: 50px auto 50px; max-width: 500px; }
.bg5 .quote_sec blockquote .quote_icon { width: 100px; }
.bg5 .quote_sec p { font-size: 25px; line-height: 35px; }

.bg6 .quote_sec blockquote { max-width:400px; padding: 30px 30px 160px 30px; background-size: 375px auto; }
.bg6 .quote_sec blockquote .quote_icon { width: 100px; }
.bg6 .quote_sec p { font-size: 28px; line-height: 34px; }

.bg16.bg23 .quote_sec blockquote { padding: 50px 30px 205px 30px; background-size: 200px auto; background-position: right bottom; }
.bg16.bg23 .quote_sec p { width: 100%; }

.bg17.bg24 .quote_sec blockquote { background-size: 175px auto; min-height: 260px; padding: 30px 30px 0 185px; }
.bg17.bg24 .quote_sec p { width: 100%; }


.product_row { margin: 15px 0 0; padding:0 30px; }
.product_row h3 { font-size: 25px; line-height: 29px; }
.product_row .product_box { max-width: 400px; }
.product_row .product_box ul{ display:block; }
.product_row .product_box ul li { display:block; width: 100%; margin:0 0 50px; }
.product_row .product_box ul li figure { min-height: 0; }
.bg2 .product_row .product_box ul li figure, .bg4 .product_row .product_box ul li figure{ min-height:0; }
.product_row .product_box ul li .img_part{ min-height:0; }

.cta { padding: 25px 30px 25px; }
.cta p { font-size: 20px; line-height: 25px; }

footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}

.product_row.other .product_box ul li { width: 100%; }

.conscious_box { padding: 20px 30px 0; }
.conscious_box .cb_logo { width: 200px; }
.conscious_box h3 { font-size: 30px; line-height: 34px; padding: 32px 0 15px; }

.cleankey_box ul li { width: 100%; }
.cleankey_box figure { margin-bottom: 7px; min-height: inherit; }
.cleankey_box ul li { padding: 0 15px 28px; }
.cleankey_box ul { padding: 40px 0 10px; }
.cleankey_box .top { letter-spacing: 0.8px; font-size: 13px; width:316px; }
.bg7 .product_row .product_box ul li figure, .bg7 .product_row .product_box ul li figure { min-height: auto; }

.bg10 .quote_sec blockquote { padding: 25px 20px 255px 20px; background-size: 226px auto; min-height: inherit; }

.bg11 .quote_sec blockquote { margin: 20px auto 25px; }

.bg12 .product_row .product_box ul li figure { min-height: inherit; }
.bg11 .mid_cont { margin-top: 20px; margin-bottom: 30px; }


.product_row .bottom_icons{ display:none; }
.product_row .bottom_icon.all{ display:flex; }

.bg13 .intro_cont.dr-laura h1, .bg15 .intro_cont h1, .bg16 .intro_cont h1, .bg18 .intro_cont h1 { font-size: 40px; line-height: 40px; }
.intro_cont.dr-laura .tagline { font-size: 25px; }
.bg13 .mid_cont .desc_sec p, .bg15 .mid_cont .desc_sec p  { padding: 0 0 30px; width: 100%; }
.bg13 .mid_cont, .bg15 .mid_cont { padding: 50px 0 30px; }
.bg13 .product_row .product_box ul li { padding: 0; }
.banner_img .overlay img { max-width: 88px; }
.banner_img .overlay { left: -13px; bottom: -24px; }

.bg14 .intro_cont .tagline, .bg18 .intro_cont .tagline { font-size: 22px; }
.bg13 .product_row h3, .bg15 .product_row h3 { padding: 0 0 40px; }

.bg17 .mid_cont { height: auto; }
.bg17 .mid_cont .desc_sec .img_a1 { max-width: 400px; min-height: 400px; border-width: 4px; }
.bg17 .mid_cont .desc_sec .img_a2 { max-width: 400px; min-height: inherit; border: 0; }

.bg18 .intro_cont h1 { padding: 8px 0 20px; }

}

@media only screen and (max-width: 520px) {
	
	.text_slider .text_slide { margin-top: 10px; }
}


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

.footer .wrapper { padding:0 15px; }

.intro_cont.dr-laura .tagline {font-size: 22px; }
.bg13 .intro_cont.dr-laura h1, .bg15 .intro_cont h1, .bg16 .intro_cont h1, .bg18 .intro_cont h1 { font-size: 30px; line-height: 30px; }
.bg17 .mid_cont .desc_sec .img_a1 { max-width: 275px; min-height: 273px; }
.bg17 .mid_cont .desc_sec .img_a2 { max-width: 275px; }

}