.rightTop { display:table; height:100%; width:100%; text-align:left }
.container, .textSection { width:90%; max-width:none!important }
.rightHeaderStripMobile a.hoverIcon { margin-left:15px }
.container, .textSection, .textSectionLeft, .textSectionRight { box-sizing:border-box }
.demo2 .module .textSection { width:100%; padding:0 21px }
.demo3 .module .textSection { width:100%; padding:0 21px }
.leftHeaderStrip > a { box-sizing:border-box; left:5.1%; padding:5px 10px 0 }
.textSectionLeft, .textSectionRight { width:50%; margin-bottom:36px }
.textSectionRight .sectionRight { float:left; width:60px }
#ippc-production-planning .content > br { display:none }
.sectionRight { float:left; width:60px; background:none; font-family:"Calibril" }
.sectionLeft { float:right; font-family:"Calibril"; margin-right:4%; position:static; width:80% }
.innerTextSection .content { padding:0 }
.textSectionRight .sectionLeft { width:80%; margin-right:5% }
.content { color:#505050 }
.content > ul { margin-top:12px }
.svgIcon { background-position:center center; background-repeat:no-repeat; background-size:58px 58px; display:inline-block; height:58px; width:58px }
.clickbtn { margin-top:10px }
.sectionName { vertical-align:top }
.content ul li { background:url(assets/SVG/dash.svg); background-position:left 9px; background-repeat:no-repeat; background-size:6px 6px; list-style:outside none none; padding-left:14px; font-family:"Calibril" }
.text-heading2 { font-size:34px; font-weight:200; line-height:1.18; margin:0 0 12px; color:#505050; font-family:"Calibril" }
.newservices .servicesRow { font-family:Calibril }
.newservices .servicesRow li { width:25%; float:left; margin:0; text-align:left; padding:0 21px 21px; font-family:Calibril }
.newservices .servicesRow ul { text-align:left }
.servicesRow a { float:left; width:100%; text-decoration:none }
.newservices .solutionimg { box-sizing:border-box }
.newservices .solutionimg p { position:absolute; font-family:Calibril; font-weight:700 }
.newservices .solutionHeading { font-size:38px; color:#249CBF; text-transform:capitalize; font-family:Calibril; line-height:58px }
.newservices .serviceContaint { float:left; width:100% }
.newservices .serviceContaint p { color:#505050; font-family:Calibril; font-size:24px; text-align:left; padding-top:12px; text-decoration:none }
.newservices .serviceContaint span { color:#0078d7; font-family:Calibril; font-size:.99947em; text-align:left; line-height:36px; padding-top:12px; text-transform:uppercase }
.solutionimg img { float:left; width:100% }
.newservices .servicesRow li:hover .solutionimg img { opacity:.8 }
.demo3 .newservices .servicesRow li:hover .solutionimg img { opacity:1 }
.newservices .servicesRow li:hover .serviceContaint span.moreText { text-decoration:underline }
.serviceHeading { display:inline-block; padding:30px 0 10px; font-size:36px; font-family:Calibril; text-align:center; text-transform:capitalize; vertical-align:top; color:#249cbf; width:100%; font-weight:100 }
.demo2 .servicesRow { padding:20px 0 }
.demo2 .serviceHeading, .demo3 .serviceHeading { font-weight:200; margin-left:21px; text-align:left }
.demo3 { background-color:#f5f5f5 }
.demo3 .module { border:none }
.iconsList { float:left; margin:10px 0; text-align:center; vertical-align:top; width:100% }
.icons { float:left; margin-bottom:10px; min-height:70px; text-align:center; width:33% }
.icons a { text-decoration:none }
.iconName { color:#505050; float:left; font-size:11px; line-height:12px; text-align:center; width:100% }
.icons .svgIcon { background-size:38px 38px; height:38px; width:38px }
.moduleListing { background-color:#fff; float:left; border:1px solid #505050; text-align:center; width:100%; min-height:555px }
.demo3 .newservices .serviceContaint p { text-align:center; text-transform:uppercase; padding:12px 0; }
.demo3 .newservices .serviceContaint p:hover { text-decoration:underline; color:#037292 }
.demo3 .newservices .serviceContaint p i { color:#08b9ec; font-size:18px; }
.demo3 .newservices .serviceContaint p br { display:none }
.leftAlign { text-align:left; margin-left:21px; font-weight:700; font-size:35px }
.newChildDesign p { color:#505050; font-size:18px; line-height:22px; font-family:"Calibril"; text-align:left; margin:21px 0 42px; box-sizing:border-box; padding:0 21px }
.caseStudy { float:left; width:100%; background:#249cbf }
.leftPart { float:left; width:50% }
.rightPart { float:right; width:50% }
.imageSection { float:left; width:100% }
.imageSection > img { float:left; width:100%; min-height:334px }
.contentSection { box-sizing:border-box; float:left; width:100% }
.leftPart .contentSection { padding:30px 30px 30px 15.4% }
.rightPart .contentSection { padding:30px 15.4% 30px 30px }
.contentSection p { color:#505050; font-size:18px; line-height:22px; font-family:"Calibril"; text-align:left; text-transform:capitalize; margin-bottom:21px; box-sizing:border-box }
.serviceHeading.leftAlignText, .contentSection p, .contentSection li { color:#fff }
.serviceHeading.leftAlignText { font-weight:400; text-transform:uppercase; text-align:left; padding:0 0 30px }
.contentSection ul li { background:rgba(0, 0, 0, 0) url(assets/SVG/dash-white.svg) no-repeat scroll left 9px / 6px 6px; font-family:"Calibril"; list-style:outside none none; padding-left:14px }
.newDesignModule li a { position:relative }
.newDesignModule .serviceContaint {/* position:absolute; background:rgba(255, 255, 255, 0.2) url(assets/images/whitestrip.png) repeat scroll 0 0; */ text-align:center; text-transform:uppercase }
.newDesignModule .serviceContaint p { color:#249cbf; font-family:Calibril; font-size:16px; font-weight:700; padding-top:12px; text-align:left; text-decoration:none; min-height:auto!important; line-height:auto!important }
.newText { padding:30px 0; margin-left:0!important }
.newText p { color:#249cbf; font-size:26px; font-weight:400; line-height:32px; margin:0 auto 20px; padding:0; text-transform:none; text-align:center; width:91%; font-family:"Calibril" }
p span.apparelHighlight { color:#950800 }
.newservices.topline { float:left; width:100% }
.body.demo3 .servicesRow.newDesignModule { border-top:1px solid #249cbf }
.body.demo3 .servicesRow.newDesignModule.noline { border-top:none }
@media screen and (max-width:1370px) {
.demo3 .newservices .serviceContaint p br {
display:none
}
.moduleListing {
min-height:510px
}
.leftAlign {
text-align:left;
margin-left:0
}
.textSection p {
padding:0
}
}
@media (min-width:1101px) and (max-width:1340px) {
.icons {
width:33%;
min-height:80px
}
.moduleListing {
min-height:610px
}
}
@media screen and (max-width:1250px) {
 .newDesignModule .serviceContaint p {
font-size:16px
}
}
@media screen and (max-width:1150px) {
.newservices .servicesRow li {
 width: 50%;
}
}
@media screen and (max-width:1100px) {
.demo3 .newservices .serviceContaint p br {
display:none
}
.demo3 .newservices .serviceContaint p {
min-height:61px
}
/*.demo3 .extrapadding {
line-height:61px
}*/
.icons {
float:left;
margin-bottom:10px;
min-height:80px;
text-align:center;
width:33%
}
.moduleListing {
min-height:576px
}
}
@media screen and (max-width:1024px) {
.newText p {
font-size:18px!important;
line-height:26px;
font-weight:400!important;
padding:0;
color:#249cbf!important;
width:100%
}
.newservices .servicesRow li {
width:50%
}
/*.demo3 .extrapadding {
line-height:26px
}*/
.moduleListing {
min-height:660px
}
.demo3 .newservices .serviceContaint p br {
display:none
}
.demo3 .newservices .serviceContaint p {
min-height:auto
}
.leftPart {
float:left;
width:100%
}
.rightPart {
float:left;
width:100%
}
.leftPart .contentSection, .rightPart .contentSection {
padding:30px
}
}
@media (min-width:901px) and (max-width:968px) {
.textSectionLeft, .textSectionRight {
margin-bottom:36px;
width:100%
}
.sectionRight {
height:auto
}
}
@media screen and (max-width:900px) {
.moduleListing {
min-height:520px
}
.textSectionLeft, .textSectionRight {
margin-bottom:36px;
width:100%
}
.textSectionRight .sectionLeft {
margin-right:4%;
width:80%;
float:right
}
.sectionRight {
height:auto
}
}
@media screen and (max-width:790px) {
.moduleListing {
min-height:595px
}
}
@media screen and (max-width:767px) {
.newservices .servicesRow li {
width:100%
}
.container, .textSection, .textSectionLeft, .textSectionRight {
width:100%
}
.demo3 .newservices .serviceContaint p {
min-height:31px
}
.innerTextSection {
box-sizing:border-box
}
.textSectionRight .sectionRight, .textSectionRight .sectionLeft, .sectionRight, .sectionLeft {
width:100%;
box-sizing:border-box
}
.textSectionRight .sectionRight, .sectionRight {
max-height:100px
}
.moduleListing {
min-height:auto;
min-height:531px
}
.textSectionRight .sectionLeft, .sectionLeft {
margin-right:0
}

}
@media screen and (max-width:650px) {
.input-main input.smallInput {
width:70%
}
.moduleListing {
min-height:490px
}
}
@media screen and (max-width:500px) {
.newservices .servicesRow li {
width:100%
}
.input-main input.smallInput {
width:50%
}
.input-main select.smallSelect {
width:39%
}
.demo3 .newservices .serviceContaint p br {
display:none
}
.moduleListing {
min-height:auto
}
}
@media screen and (max-width:400px) {
.input-main select.smallSelect {
margin-bottom:10px
}
.input-main select.smallSelect, .input-main input.smallInput {
float:left!important;
width:100%!important
}
.moduleListing {
min-height:auto
}
}
@media screen and (max-width:350px) {
.demo3 .newservices .serviceContaint p br {
display:none
}
.demo3 .newservices .serviceContaint p {
min-height:36px
}
.moduleListing {
min-height:auto
}
} /*.demo3 .extrapadding,.demo3 .newservices .serviceContaint p{min-height:auto!important;line-height:auto!important;background: url(assets/images/cursurIcon.png)no-repeat left; background-position: 6px 10px; background-size: 17px; line-height:18px}.demo3 .newservices .serviceContaint p:hover{text-decoration:underline}*/

/*letest news css*/
.newNews{float:left;width:100%; display:inline-block; padding:50px 0 0 0;} 
.newsUpdate{float:left; width:100%;padding: 0px 21px 50px 21px; box-sizing: border-box;}
.ImageNews{float:left; width:30%; line-height:0}
.ImageNews img{width:100%; height:auto}
.newsDetail{width:25%; float:left}
.learnMoreNews{width:20%; float:left; padding:0 15px; box-sizing:border-box; }
.learnMoreNews a{ color: #249cbf;font-size: 16px;font-weight: 700; padding-top: 12px; text-align: left; text-decoration: none;}
.learnMoreNews a:hover{text-decoration: underline; color: #037292;}
.contentNews{float:left; width:25%;text-align: left;padding:0px 0px 0px 15px;box-sizing: border-box;}
.contentNews .contentHeading{padding-bottom:8px; font-size: 22px; color:#249cbf; line-height:15px}

/*letest news2 css*/
.yearNews{ margin: 21px; padding: 5px 15px;background:#249cbf; color: #fff; font-size: 22px;}
.newsUpdate.newsupdate2{width:50%}
.newsupdate2 .contentNews,.newsupdate2 .ImageNews{width:50%}
.newsupdate2 .learnMoreNews{width:100%; padding:0}
.newsupdate2 .newsDetail{width:100%; color:#505050}
.newNews .newsUpdate.newsupdate2:nth-child(2n+3){clear:both}
.footerCol.newupdate .viewMore{float:none;}
.viewmoreParent{text-align:right; float:right;}
.viewMoreNew{
	color: #ffffff;
	float: right;	
	text-align: right;
}
@media screen and (max-width:1320px) {
.contentNews .contentHeading{font-size: 18px;}
.newsupdate2 .newsDetail{ font-size: 14px;}
.learnMoreNews a{font-size: 13px;}
}
@media screen and (max-width:800px) {
.newsUpdate.newsupdate2{width:100%}
.newsupdate2 .contentNews, .newsupdate2 .ImageNews{width:100%}
.newsupdate2 .contentNews{padding:0}
.contentNews .contentHeading{padding-top:10px}
}