.brand-box{}
.brand-box img{display:block; max-width:100%;}
.brand-img{float:left; width:49%;}
.brand-content{float:right; width:51%; padding:40px 0; font-size:16px; line-height:2.1;}
@media(max-width:1200px){
.brand-content{padding:20px 0;}
}
@media(max-width:992px){
.brand-img{width:59%;}
.brand-content{width:41%; padding:0;}
}
@media(max-width:480px){
.brand-img{float:none; width:100%;}
.brand-img img{margin:0 auto;}
.brand-content{float:none; width:100%; padding:15px 0; line-height:1.5;}
}


.super-box{padding:40px 0;}

.super-title{float:left; width:100%; text-align:center;}
.super-title h3{display:block; margin:0 0 20px 0;}
.super-title h3 span{background:#86a7b5; border-radius:50px; font-size:22px;
color:#fff; padding:0 24px; display:inline-block; line-height:44px;}
.super-title p{font-size:22px;}

.super-name{float:left; width:100%; position:relative; top:40px; margin-top:20px; z-index:3;}
.super-wrinkle+.super-name{top:0; margin:0 0 -120px 0;}
.super-name img{display:none; margin:0 auto;}
.super-name img:first-child{display:block;}
.super-name h3{display:block; text-align:center; margin:30px 0 0 0;}
.super-name h3 span{background:#86a7b5; border-radius:50px; font-size:22px;
color:#fff; padding:0 24px; display:inline-block; line-height:44px;}

.super-brighten{float:left; width:50%; padding-left:45px; position:relative; z-index:5;}
.super-brighten>img{display:block; margin:0 0 40px 130px; position:absolute; bottom:100%; left:0;}
.super-brighten h3{display:block; font-size:22px; margin:0 0 30px 0;}
.super-brighten p{font-size:16px; line-height:2;}

.super-wrinkle{float:left; width:50%; padding-left:140px; position:relative; z-index:5;}
.super-wrinkle>img{display:block; margin:0 0 40px 195px; position:absolute; bottom:100%; left:0;}
.super-wrinkle h3{display:block; font-size:22px; margin:0 0 30px 0;}
.super-wrinkle p{font-size:16px; line-height:2;}

.super-img{float:left; padding:0 0 0 125px; position:relative; z-index:5;}
.super-img img{display:block;}

.super-list{float:right; width:50%; list-style:none; margin:0; padding:10px 0 0 200px; position:relative; z-index:5;}
.super-list>li{list-style:none; margin:0; padding:15px 0 0 0;}
.super-list>li>img{position:relative; top:-2px;}
.super-list>li>span{font-size:18px; padding-left:25px; display:inline-block;}
@media(max-width:1200px){
.super-brighten{padding-left:0;}
.super-brighten>img{margin:0 0 40px 85px;}
.super-wrinkle{padding-left:90px;}
.super-wrinkle>img{margin:0 0 40px 145px;}
.super-img{padding:0 0 0 70px;}
.super-list{padding:10px 0 0 160px;} }
@media(max-width:992px){
.super-name{top:0;}
.super-wrinkle+.super-name{margin:0;}
.super-name img:first-child{display:none;}
.super-name img:nth-child(2){display:block;}
.super-brighten{width:100%; padding:0 0 0 250px; margin-top:50px;}
.super-brighten>img{bottom:0; margin:0;}
.super-wrinkle{width:100%; padding:0 250px 0 50px; margin-top:50px;}
.super-wrinkle>img{margin:0; bottom:0; left:auto; right:0;}
.super-img{padding:0 0 0 50px; margin-top:50px;}
.super-list{padding:10px 0 0 30px; margin-top:50px;} }
@media(max-width:767px){
.super-box{padding:10px 0;}
.super-title h3{margin:0 0 10px 0;}
.super-title h3 span{font-size:18px; padding:0 20px; line-height:38px;}
.super-title p{font-size:18px;}
.super-name{margin:0;}
.super-name h3{margin:10px 0 0 0;}
.super-name h3 span{font-size:18px; padding:0 20px; line-height:38px;} 
.super-brighten h3{font-size:20px; margin:0 0 10px 0;}
.super-brighten p{font-size:16px; line-height:1.75;}
.super-wrinkle h3{font-size:20px; margin:0 0 10px 0;}
.super-wrinkle p{font-size:16px; line-height:1.75;}
.super-img{padding:0; margin:15px 0 0 0;}
.super-img img{display:block; margin:0 auto;}
.super-list{padding:0;}
.super-list>li{padding:5px 0 0 0;}
}
@media(max-width:480px){
.super-brighten{margin:15px 0 0 0;padding:0;}
.super-brighten>img{position:static; margin:0 auto; display:block;}
.super-wrinkle{padding:0; margin:15px 0 0 0;}
.super-wrinkle>img{position:static; margin:0 auto; display:block;}
.super-img{width:100%;}
.super-list{width:100%; margin:0;}
}



.step-box{padding:20px 0;}
.step-box>ul{list-style:none;}
.step-box>ul>li{padding:40px 20px; list-style:none; margin:0;}
.step-box>ul>li:after{display:block; content:''; clear:both;}
.step-box>ul>li>span{list-style:none; padding:0; margin:0; width:610px; float:left;}
.step-box>ul>li>span>b{display:block;}
.step-box>ul>li>span>b>i{display:inline-block; line-height:36px; border-radius:50px; 
background:#8eaebb; color:#fff; padding:0 30px; font-style:normal;}
.step-box>ul>li>span>h3{display:block; margin:30px 0 15px 0; font-size:22px;}
.step-box>ul>li>span>p{display:block; font-size:16px; line-height:2.25;}
.step-box>ul>li>font{float:right; }
.step-box>ul>li>font>img{max-width:100%; display:block;}
.step-box>ul>li>font>dl{margin:0; padding:15px 0 0 0; text-align:center; font-size:16px;}
.step-box>ul>li>font>dl:after{display:block; content:''; clear:both;}
.step-box>ul>li>font>dl>dt{float:right; margin:0 15% 0 0; padding:0; width:38%;}
.step-box>ul>li>font>dl>dd{float:right; margin:0; padding:0; width:38%;}
@media(max-width:1200px){
.step-box>ul>li{padding:30px 0;}
.step-box>ul>li>span{width:53%;}
.step-box>ul>li>span>p br{display:none;}
.step-box>ul>li>font{width:47%;}
}
@media(max-width:992px){
.step-box>ul>li>span{float:none; width:100%;} 
.step-box>ul>li>font{float:none; width:450px; max-width:100%; display:block;}
}
@media(max-width:767px){
.step-box{padding:0;}
.step-box>ul>li{padding:20px 0;}
.step-box>ul>li>span>h3{margin:20px 0 10px 0;}
.step-box>ul>li>span>p{line-height:1.75;}
.step-box>ul>li>font{padding-right:20px;}
}


.better-box{padding:30px 0;}
.better-box>ul{list-style:none;}
.better-box>ul>li{float:right; width:48%; list-style:none; padding:0; margin:0;} 
.better-box>ul>li:first-child{float:left;}
.better-box>ul>li>span{display:block; padding:40px 30px;}
.better-box>ul>li>span:first-child{background:#8eaebb; color:#fff; font-size:30px; padding:25px 30px;}
.better-box>ul>li>span>p{line-height:2.1; font-size:16px;}
@media(max-width:992px){
.better-box>ul>li{width:100%;}
}
@media(max-width:767px){
.better-box{padding:10px 0;}
.better-box>ul>li>span{padding:15px;}
.better-box>ul>li>span:first-child{font-size:22px; padding:15px;}
.better-box>ul>li>span>p{line-height:1.75;}
}


.companions-box{padding:40px 0;}
.companions-box span{display:block; background:#8eaebb; text-align:center; color:#fff; padding:30px 0;}
.companions-box h3{display:block; font-weight:normal; margin:0 auto; padding-bottom:10px; font-size:30px;}
.companions-box p{font-size:16px; line-height:1.56;}
@media(max-width:992px){
.companions-box span{margin:0 -15px; padding:30px 15px;}
}
@media(max-width:767px){
.companions-box{padding:20px 0;}
.companions-box h3{font-size:24px;}
}