@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1020px) {
.infographic_banner {
min-height:0px;
height:auto;
}
.infographic_banner .center_wrap {
width:100%;
padding:0px;
}
.center_wrap {
box-sizing:border-box;
padding:0px 15px;
}
.challenge_goals aside.challenge {
padding:0px 0px 0px 0px;
}
.challenge_goals aside.goal {
padding:0px;
}
.automotive_seat_textWrap figure {
margin-left:0px;
}
.automotive_seat_textWrap .content {
width:70%;
}
.automotive_seat_textWrap .content ul {
margin-left:0;
}
.what-solution-text aside {
width:100%;
display:block;
clear:left;
float:left;
}
.what-solution-text aside .content-lt {
float:left;
width:95%;
height:192px;
}
.what-solution-text aside.solution {
margin-left:215px;
width:72%;
margin-top:-80px;
}
.what-solution-text aside .content-rt {
padding-left:0px;
width:100%;
}
.hyperworks_content_wrap aside {
box-siging:border-box;
padding:39px 15px;
}
.hyperworks_content_wrap aside .content {
width:100%;
padding-right:15px;
padding-left:85px;
}
.hyperworks_content_wrap aside.rt .content {
margin-left:15px;
}
.steps_content section {
padding:0px;
}
.steps_content section .content .steps-points {
width:374px;
}
.steps_content section .content figure.step-three {
margin-top:10px;
}
.capabilities_wrap section, .benefit_wrap section {
padding:0px;
}
.result_text_wrap .head {
width:100%;
height:auto;
border:none;
padding-left:120px;
box-sizing:border-box;
padding-top:18px;
margin-bottom:20px;
}
.infographic_footer .content {
width:100%;
}
}
 @media only screen and (max-width:640px) {
.challenge_goals aside {
clear:left;
float:left;
width:100%;
}
.challenge_goals aside.challenge {
padding-bottom:30px;
}
.challenge_goals aside .text-wap h2 {
font-size:27px;
line-height:35px;
margin-bottom:6px;
}
.challenge_goals aside .text-wap h2 br {
display:none;
}
.challenge_goals aside .text-wap p {
font-size:20px;
}
.challenge_goals aside .text-wap ul li {
padding:0px;
font-size:20px;
padding-left:22px;
margin-bottom:12px;
line-height:26px;
}
.automotive_seat_textWrap {
padding:23px 0px 32px;
}
.automotive_seat_textWrap figure {
width:100%;
text-align:center;
margin-bottom:20px;
}
.automotive_seat_textWrap .content {
width:100%;
}
.automotive_seat_textWrap .content ul {
margin:0px;
padding:0px;
width:48%;
padding-right:1%;
padding-left:1%;
}
.what-solution-wrap {
padding:35px 0px;
}
.what-solution-text aside .content-lt {
padding-top:15px;
}
.what-solution-text aside .content-rt {
padding-top:20px;
}
.what-solution-text aside .content-rt h2 {
font-size:27px;
}
.what-solution-text aside .content-rt h3 {
font-size:40px;
line-height:45px;
}
.what-solution-text aside .content-rt p {
padding-top:8px;
}
.hyperworks_content_wrap aside {
width:100%;
display:block;
clear:left;
box-sizing:border-box;
overflow: hidden;
float:left;
}
.hyperworks_content_wrap aside.rt .content {
margin-left:0px;
}
.hyperworks_content_wrap aside .content h1 {
font-size:27px;
line-height:35px;
}
.steps_content {
padding-top:42px;
}
.steps_content section .head-text {
width:100%;
}
.steps_content section .head-text h1 {
width:84%;
float:right;
font-size:27px;
line-height:35px;
}
.steps_content section .head-text i {
width:77px;
height:77px;
font-size:17px;
line-height:22px;
}
.steps_content section .content figure img {
width:150px;
height:150px;
}
.steps_content section .content {
padding-left:0px;
}
.steps_content section .content .steps-points {
width:58%;
margin-left:100px;
}
.steps_content section .content .steps-points ul li {
font-size:20px;
line-height:25px;
padding-left:22px;
margin-bottom:12px;
line-height:26px;
}
.steps_content section .content h2 {
font-size:22px;
margin-top:-30px;
clear:left;
float:left;
}
.capabilities_wrap .head-text {
background-size:130px 163px;
padding-right:150px;
}
.benefit_wrap .head-text {
background-size:100px 106px;
padding-right:120px;
}
.capabilities_wrap .head-text h2, .benefit_wrap .head-text h2 {
font-size:40px;
}
.capabilities_wrap .head-text p, .benefit_wrap .head-text p {
font-size:27px;
line-height:32px;
}
.capabilities_wrap ul li, .benefit_wrap ul li {
font-size:20px;
padding-left:22px;
margin-bottom:12px;
line-height:26px;
}
.result_text_wrap section {
padding:0px 15px;
background:url(../images/result_head_bg.png) no-repeat left center;
}
.result_text_wrap .head {
background-size:57px 46px;
padding-left:90px;
padding-top:0px;
padding-right:0px;
}
.result_highlight_wrap {
width:100%;
}
.result_highlight_wrap ul li {
margin-left:14px;
}
.benefit_wrap {
padding:26px 0px 44px;
}
.infographic_footer .content aside {
font-size:27px;
line-height:35px;
}
.infographic_footer aside img {
width:188px;
height:188px;
}

.challenge_goals { padding-bottom:25px;}

}
 @media only screen and (max-width:480px) {

 
 .what-solution-text aside {
width:100%;
clear:left;
float:left;
display:block;
}
.what-solution-text aside .content-lt {
height:auto;
background-position: center top;
padding-left:0px;
padding-top:199px;
font-size:24px;
line-height:32px;
}
.steps_content section .head-text h1 {
width:82%;
}
.steps_content section .content figure {
width:100%;
text-align:center;
}
.steps_content section .content .steps-points {
width:100%;
clear:left;
float:left;
margin-top:15px;
margin-left:0;
}
.steps_content section .content h2 {
margin-top:0px;
}
.steps_content section .content .steps-points ul {
padding-bottom:29px;
}
.result_text_wrap section {
padding:0px;
}


.result_highlight_wrap ul {
width:100%;
text-align:center;
}
.result_highlight_wrap ul li {
width:120px;
height:120px;
float:none;
display:inline-block
}
.result_highlight_wrap ul li article {
height:120px;
}
.result_highlight_wrap ul li article p {
font-size:14px;
}
.infographic_footer {
padding:28px 0px;
}
.infographic_footer .content aside {
display:block;
width:100%;
text-align:center;
padding-left:0px;
}
.infographic_footer .content aside:first-child {
width:100%;
padding-bottom:15px;
}
.infographic_footer .content aside
}
 @media only screen and (max-width:360px) {
 
 .capabilities_wrap .bullet-points { padding-top:20px;}
 
 .capabilities_wrap ul { margin:0px; padding:0px; padding-bottom:0px;}
 
.steps_content section .head-text h1 {
width:68%;
}
.capabilities_wrap .head-text, .benefit_wrap .head-text {
background:none;
padding-right:0px;
}
.capabilities_wrap section aside, .benefit_wrap section aside {
width:100%;
display:block;
}
.automotive_seat_textWrap .content ul {
width:100%;
clear:left;
float:left;
}

.result_highlight_wrap ul li:nth-child(3) { margin-left:0px;}

 .benefit_wrap .bullet-points { padding-top:20px;}
 
 .benefit_wrap  ul { margin:0px; padding:0px; padding-bottom:0px;}


}
