@media screen and (min-width:1024px) and (max-width:1279px){
.banner-wrap.configurator-banner .banner-img { width:58%; margin: 20px -10px -35px -70px; }
.configurator-banner .inner-ban-caption { top: 0px; width:45%; }
.configurator-banner .inner-ban-caption h1 { font-size:40px; line-height:40px;  }
.configurator-banner .inner-ban-caption h1 span { font-size:36px;  }
.inner-ban-caption p { line-height:22px; }
.what-prod.p-100 { padding:80px 0 50px; }
.what-prod h2 { font-size:40px; line-height:40px; margin-bottom: 10px; }
.what-prod ul li { padding: 0px 0px 22px 55px; line-height: 24px; }
.highlight-pad { width:100%; padding:20px 30px; font-size:22px; line-height:34px; }
.prod-li li .prod-li-img { max-width:175px; }

}
@media screen and (min-width:768px) and (max-width:1023px){
.configurator-banner .inner-banner { padding:40px 0; }
.banner-wrap.configurator-banner .banner-img { width:50%; margin:30px 0; }
.configurator-banner .inner-ban-caption { position:relative; float:left; top: 0px; width:50%; }
.configurator-banner .inner-ban-caption h1 { font-size:40px; line-height:40px;  }
.configurator-banner .inner-ban-caption h1 span { font-size:36px;  }
.inner-ban-caption p { line-height:22px; }
.what-prod.p-100 { padding:60px 0 50px; }
.prod-lft { padding-right :25px; }
.prod-rht { padding-left: 35px; }
.what-prod h2 { font-size:36px; line-height:36px; margin-bottom: 10px; }
.what-prod ul li { padding: 0px 0px 22px 55px; line-height: 24px; }
.highlight-pad { width:100%; padding:20px 30px; font-size:22px; line-height:34px; }
.prod-li li h3 { font-size:18px; line-height:22px;  }
.prod-li li .prod-li-img { max-width:125px; padding:12px; }
}
@media screen and (max-width:767px){
.configurator-banner .inner-banner { padding:40px 0 0; }
.banner-wrap.configurator-banner .banner-img { width:100%; margin:40px 0 -5.5%; padding:0 5%; }
.configurator-banner .inner-ban-caption { position:relative; float:left; top: 0px; width:100%; text-align: center; }
.configurator-banner .inner-ban-caption h1 { font-size:40px; line-height:40px;  }
.configurator-banner .inner-ban-caption h1 span { font-size:36px;  }
.inner-ban-caption p { line-height:22px; }
.what-prod { padding:45px 0; }
.what-prod.p-100 { padding:40px 0 30px; }
.prod-lft, .prod-rht { width:100%; padding:20px 0; }
.prod-img { width:90%; margin:25px 5%; line-height:0px; text-align:center; }
.prod-img img { width:100%; }
.what-prod h2 { font-size:32px; line-height:32px; margin-bottom: 10px; }
.what-prod h4 { margin-bottom:0px; font-size:24px; line-height: 24px; }
.what-prod ul li { padding: 0px 0px 22px 55px; line-height: 24px; }
.highlight-pad { width:100%; padding:20px 30px; font-size:22px; line-height:34px; }
.prod-li li h3 { font-size:16px; line-height:20px;  }
.prod-lft.p-0, .prod-rht.p-0 { padding:0; }
.what-prod.gray-bg .prod-li li { width:27%;margin: 0px 3% 30px;}
.what-prod.gray-bg .prod-li li:nth-child(4n) { margin-right:4%;}
.what-prod.gray-bg .prod-li li:nth-child(4n+1) { clear:none; }
.what-prod.gray-bg .prod-li li:nth-child(3n+1){ clear:both; }
.prod-li li .prod-li-img { max-width:125px; padding:12px; }
.what-prod.blue-bg { padding:25px 0 0;}
.what-prod.blue-bg h4 { margin-bottom:20px; }
.img-pad2 { max-width:94%; width:94%; margin:0 3%; }
.what-prod p:last-child, .what-prod.cpq-pad ul { padding-bottom:0px;}
.what-prod.cpq-pad h4 { clear: both; margin:10px 0 15px; }
}
@media screen and (max-width:639px){
.benefit-li { margin-top:-15px; }
.what-prod .benefit-li li { width:100%;padding:20px 5px 0; }
.benefit-li li .benefit-ico { width: 50px;height: 50px;padding: 3px;float: left;}
.benefit-li li p { float: right;max-width: calc(100% - 50px);width: calc(100% - 50px);clear: none;text-align: left;padding: 5px 0 0 15px; }
.tit-pad br { display:none; }

}
@media screen and (max-width:479px){
.banner-wrap.configurator-banner .banner-img { padding: 0; }
.configurator-banner .inner-ban-caption p { display:block; }
.what-prod.gray-bg .prod-li li { width:44%;margin: 0px 3% 30px;}
.what-prod.gray-bg .prod-li li:nth-child(4n) { margin-right:3%;}
.what-prod.gray-bg .prod-li li:nth-child(4n+1), .what-prod.gray-bg .prod-li li:nth-child(3n+1) { clear:none; }
.what-prod.gray-bg .prod-li li:nth-child(2n+1){ clear:both; }
}