/************* @MEDIA BREAKPOINT  *************/
/************* @MOBILE(PORTRAIT and LANDSCAPE)  *************/
@media (min-width:320px) and (max-width:767px) {
.btn { line-height: 36px; height: 40px; }
/************* @INDEX PAGE  *************/
.automotiveSection,
.productSection,
.customerSection,
.peopleSection,
.locatorSection,
.awardSection { padding: 15px 15px 20px 15px; }
.automotiveSection h2 { line-height: 24px; }
.customerSection h2,
.locatorSection h2 { margin-bottom: 10px; }
.locatorSection .map { border-width: 4px; height: 240px; }
.locatorSection p,
.automotiveSection p { margin: 0 0 15px 0; padding: 0; }
.productSection .btn,
.locatorSection .btn { margin-top: 0; }
.awardsimg { margin: 10px 0 20px 0; }
.customerSection ul { padding: 15px 0; }
.productSection { min-height: 400px; max-height: 900px; }
.productSection h3 { text-align: center; }
.productSection .col-xs-12,
.productSection .col-sm-12,
.productSection .col-md-6,
.productSection .col-lg-5,
.productSection .col-xs-12,
.productSection .col-sm-12,
.productSection .col-md-6,
.productSection .col-lg-7 { position: inherit; }
.productSection .modal3dbox { position: absolute; top: 50px; width: 310px; height: 240px; left: 50%; transform: translateX(-50%); }
.productSection .mobprodContent { margin: 245px 0 20px 0; }
.productSection .owl-carousel .owl-wrapper-outer .item { height: auto; position: relative; padding: 0; margin: 0 15px; }
.productSection .owl-carousel .owl-item.loading { background: url(../images/loading.svg) no-repeat center 150px; }
.productSection .owl-controls { top: 14px; margin: 0; }
.productSection .owl-buttons .owl-prev { left: -5px; }
.productSection .owl-buttons .owl-next { right: -5px; }
/************* @FEEDBACK PAGE *************/
.feedbackPage { padding: 20px; }
.feedbackPage ul { margin: 30px 0 0px }
.feedbackPage ul li { padding: 0px; margin: 0px 0px 10px; }
.feedbackPage ul li label { display: none; }
.feedbackPage .txtBox,
.feedbackPage textarea { background: #F1F1F1; border: none; padding: 10px; width: 100%; }
.feedbackPage .btnWrap { margin-top: 30px; }
.feedbackPage .txtBox::-webkit-input-placeholder, .feedbackPage textarea::-webkit-input-placeholder {
 color:#666;
}
.feedbackPage .txtBox:-moz-placeholder, .feedbackPage textarea:-moz-placeholder {
 color:#666;
}
 .feedbackPage .txtBox::-moz-placeholder, .feedbackPage textarea::-moz-placeholder {
 color:#666;
}
 .feedbackPage .txtBox:-ms-input-placeholder, .feedbackPage textarea::-ms-input-placeholder {
 color:#666;
}
/************* @ABOUT-VISSION-MISSION  *************/
.aboutspage .visionContainer,
.aboutspage .valueContainer { padding: 20px 10px; }
.aboutspage h2 { text-align: center; margin-bottom: 20px; }
.aboutspage .visionContainer ul li { margin-bottom: 15px; }
.aboutspage .missionContainer p { font-size: 18px; position: relative; }
.aboutspage .missionContainer p::before { left: -55px; }
.aboutspage .missionContainer p::after { right: -40px; }
.aboutspage .valueContainer { margin-top: -110px; }
.aboutspage .missionContainer { padding: 170px 10px 40px; }
.aboutspage .missionContainer .txtWrap { width: 70%; margin: 0 auto; }
.aboutspage .aboutContainer { padding: 20px 10px; }
.aboutspage .aboutContainer ul li { margin-bottom: 20px; }
.aboutspage .aboutContainer ul li img { margin: 10px 0; }
/************* @ABOUT-BOARD OF DIRECTOR  *************/
.boardWrap { padding: 40px 10px; }
.boardWrap ul li { margin-bottom: 40px; }
.boardWrap ul li .imgWrap { margin: 0 auto 10px; }
.boardWrap .boardInfo { padding: 0 20px; text-align: center; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamContainer { padding: 40px 10px; }
.teamWrap { margin: 0 auto; width: 300px; }
.simplePopup { width: 80%; min-width: 80%; left: 50%; margin-left: -40%; }
.simplePopupClose { top: 10px; right: 10px; color: #2d1f71; font-size: 30px; }
/************* @CUSTOMERS PAGE *************/
.customersPage { padding: 20px; }
.customersPage .cusContent { margin: 30px 0; }
.customersPage ul { margin: 0 auto 20px; }
.customersPage .mclr p,
.customersPage .tmclr p,
.customersPage .reclr p,
.customersPage .dieclr p { text-align: center; }
/************* @ABOUT-AWARDS & MILESTONE  *************/
.ddteamContainer { padding: 40px 10px; }
.awardContainer { padding: 20px 10px; }
.milestoneContainer { padding: 20px 10px 20px 0; }
.milestoneContainer::before { left: 40px; }
.milestoneContainer .circleWrap { left: 60px; width: 60px; height: 60px; line-height: 56px; }
.milestoneContainer .boxWrap { margin: 0 0 20px 80px; width: calc(100% - 90px); }
.milestoneContainer .boxWrap::before { content: ""; position: absolute; top: 25px; right: 100%; height: 0px; width: 0px; border-width: 7px; border-style: solid; border-color: transparent #F3F3F3 transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.awardContainer h2 { padding-left: inherit; }
/************* @TECHNOLOGY PAGE *************/
.con-simulationbox li { margin: 0 auto; text-align: center; }
.con-simulationbox li:first-child { display: block; text-align: center; }
/************* @ABOUT POLICY PAGE *************/
.policyContainer { padding: 20px 10px; }
.policyContainer ul li { text-align: center; margin-bottom: 20px; }
.policyContainer p { margin-bottom: 20px; }
.policyContainer a { margin: 0 20px 20px 0; display: block; }
/************* @CONTACT US PAGE *************/
.contactpage .salesboxwrap li { min-width: 172px; padding: 4px 0; }
.contactpage .salesboxwrap h2 { padding: 0 15px; }
/************* @PEOPLE PAGE *************/
.peopleSection h2 { margin-bottom: 10px; }
.peopleSection .map { border-width: 4px; height: 240px; }
.peopleSection p { margin: 0 0 15px 0; padding: 0; }
.peopleSection .btn { margin-top: 0; }
.peopleSection { min-height: 400px; max-height: 900px; }
}

.videoBanner { position: relative; margin: 70px 0 0 0; background: #000 url(../images/video-banner.jpg) no-repeat center center; background-size: cover; }
.videoBanner,
.videoBanner .videoTitle,
.videoBanner .videoOverlay { height: 620px; }
.videoBanner .videoOverlay { background: rgba(0, 0, 0, 0.8); }
.videoBanner .fullvideo { position: absolute; }
.videoBanner span { margin: 100px 0px 0px; position: relative; text-align: center; display: block; }
.videoTitle .viewFilm { left: 50%; bottom: 10px; transform: translateX(-50%); }
/************* @MOBILE AND IPAD(PORTRAIT and LANDSCAPE)  *************/
@media (min-width:320px) and (max-width:1024px) {
.btn { padding: 0 10px; }
.hidden-sm { display: none; }
/************* @HEADER BAR  *************/
header { padding: 16px 15px; background: #131313; }
header .navToggle { display: block; }
header nav { transition: all 0.5s; transform: translateX(100%); -webkit-transform: translateX(100%); left: 0; position: fixed; height: calc(100% - 70px); padding: 0; top: 70px; width: 100%; background: #131313; overflow: auto; }
header nav ul li { display: block; }
header nav ul li a { font-size: 18px; padding: 10px 0; }
header.showhidenav nav { transform: translateX(0); -webkit-transform: translateX(0); }
header.showhidenav .navToggle span,
header.showhidenav .navToggle span:before,
header.showhidenav .navToggle span:after { position: inherit; }
header.showhidenav .navToggle span { background-color: transparent; }
header.showhidenav .navToggle span:before,
header .navToggle.active span:after { top: 8px; }
header.showhidenav .navToggle span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
header.showhidenav .navToggle span:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
header .excellenceBtn { display: none; }
/************* @FOOTER BAR  *************/
footer .socialLinks { position: absolute; top: 0px; right: inherit; left: 50%; margin-left: -38px; }
footer .bottomLinks { padding: 60px 0px 10px; }
/************* @INDEX PAGE  *************/
.wrapPage { margin-top: 0; }
.wrappallPage { margin-top: 70px; }
.wrapPage p { text-align: justify; line-height: 20px; }
.mobexcellenceBtn { position: absolute; z-index: 2; top: 120px; left: 50%; margin-left: -75px; display: block; }
.videoBanner { position: relative; margin: 70px 0 0 0; background: #000 url(../images/video-banner.jpg) no-repeat center center; background-size: cover; }
.videoBanner,
.videoBanner .videoTitle,
.videoBanner .videoOverlay { height: 320px; }
.videoBanner .videoOverlay { background: rgba(0, 0, 0, 0.8); }
.videoBanner .fullvideo { position: absolute; }
.videoBanner span { margin: 100px 0px 0px; position: relative; text-align: center; display: block; }
.videoTitle .viewFilm { left: 50%; bottom: 10px; transform: translateX(-50%); }
.locatorSection .map { margin: 20px 0 0 0; pointer-events: none; }
.productSection { background: #221757; }
.productSection h3 { margin: 15px 5px 0px; }
.customerSection li { padding: 0 8px; }
.owl-controls { left: 0; }
.owl-buttons .owl-prev { left: 0; }
.owl-buttons .owl-next { right: 0; }
.owl-carousel .owl-item .item { padding: 0 30px; }
.gallerywrap .frame.active { transform: scale(1.1); }
.locatorSection { background: #49399b; }
/******/
.investorspage .wrappallPage { margin-top: 210px; }
.investorspage .page-rollbar .downloadBtn { position: relative; margin: 10px 0 0 0; font-size: 12px; }
.reportinfo { padding: 15px; }
.reportinfo .reportswrap .customselect { margin-bottom: 15px; }
.reportinfo .reportswrap h2 { margin-bottom: 15px; }
.reportslist { margin-right: 0; }
.reportslist li { margin: 0 0 15px 0; display: inline-block; min-width: 130px; }
.page-rollbar { top: 70px; }
.page-rollbar .customselect { width: 260px; }
.downloadcenter { padding: 15px 0; }
.downloadcenter h2 { margin-bottom: 0; }
.downloadcenter a { width: 120px; margin: 10px; }
.policyslider li { padding: 15px 20px; }
.policyslider h2 { min-height: inherit; }
.policyslider p { min-height: inherit; }
.policyslider .owl-buttons .owl-prev { background-position: -288px -20px; left: -5px; }
.policyslider .owl-buttons .owl-next { background-position: -305px -20px; right: -5px; }
/*** LEGAL ***/
.legalpage { padding: 20px; }
.legalpage table { width: 100%; font-size: 13px; border-collapse: collapse; }
.legalpage table td { padding: 5px; box-sizing: border-box; }
.legalpage h2 { font-size: 18px; }
.facilityupper { padding: 15px; margin-bottom: 15px; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.facilityupper h2 { font-size: 20px; margin-bottom: 10px; }
.facilityupper p { text-align: left !important; }
.facilityupper a { color: #2D1F71; }
.facilitybox { margin-bottom: 15px; padding: 15px 0; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.15); position: relative; }
.facilitybox-txt { padding: 15px; }
.facilitybox-txt h3 { font-weight: 400; font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }
.facilitybox-txt p { padding: 8px 0; }
.facilitybox-txt .maplink { font-weight: 600; color: #2D1F71; }
.facilitybox-txt .maplink b { margin-right: 10px; }
.facilitybox-img { }
.facilitybox-img img { display: block; max-width: 100%; margin: 0 auto; }
.facilitybox-map { height: 230px; position: relative; display: none; }
/************* @PRODUCT PAGE  *************/
.productspage .wrappallPage { margin-top: 160px; }
.page-rollbar .container-fluid { position: relative; }
.productspage .productInfoBox { padding: 20px 15px; }
.productspage .productInfoBox h2 { font-size: 18px; }
.productspage .prodInfo p { line-height: 24px; text-align: left; }
.productspage .prodImg { padding: 15px 0; }
.productspage .productInfoBox:before { background-size: contain; top: -10px; }
.productspage .linestyle01:before { top: -10px; }
.productspage .linestyle03:before { top: -10px; }
.tabs-container { padding-top: 25px; }
.tabs-menu li { padding: 0 14px; }
.tabs-menu li a { font-size: 16px; }
.tab-content { margin-top: 35px; }
.tab-content h3 { padding: 15px 0 10px 0; font-size: 16px; }
.tblWrap .tablecontent { width: 100%; border: none; }
.tblWrap .tablecontent table { width: 100%; }
.tblWrap .tablecontent table:first-child,
.tblWrap .tablecontent table:last-child { margin: 0; float: none; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamContainer ul li { margin-bottom: 20px; }
/************* @AWARDS & MILESTONE PAGE *************/
.ddteamContainer p { text-align: center; }
.ddteamContainer .owl-controls .owl-buttons .owl-prev { left: 0; }
/************* @TECHNOLOGY PAGE *************/
.techpage { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 15px; }
.techpage .techupper { padding: 15px; }
.con-simulationbox { padding: 15px; }
.con-simulationbox ul { margin: 0 auto; text-align: center; width: 100%; }
.con-simulationbox li { text-align: justify; }
.con-simulationbox li:first-child { text-align: justify; }
.engleft-box { max-width: 450px; margin: 0 auto; }
.testingbox .gallerywrap { right: 0; }
.testingbox .gallerywrap .loca4,
.testingbox .gallerywrap .loca3,
.testingbox .gallerywrap .loca2 { display: none; }
.testingbox .gallerywrap .loca1 { position: inherit; right: inherit; top: inherit; margin: 0 auto; }
.techpage .techVideo { float: none; margin-left: 0; width: 100%; }
.techpage .techVideo video { width: 100%; }
/************* @ABOUT CSR PAGE *************/
.csrContainer .csrBox { padding: 20px 10px; }
.socialContainer { padding: 110px 10px 0px; }
.socialContainer h3 { margin-bottom: 40px; font-size: 18px; }
.enviormentContainer h3 { font-size: 18px; }
.socialContainer h4,
.enviormentContainer h4 { font-size: 24px; line-height: 30px; }
.socialContainer .activityInfo { width: 100%; padding: 30px 0 0; }
.socialContainer .gallerywrap { width: 100%; right: 0; }
.enviormentContainer { height: 650px; overflow: hidden; }
.enviormentContainer { padding: 60px 10px 40px; }
.enviormentContainer::before { top: 20px; }
.enviormentContainer .activityInfo { width: 100%; padding: 160px 0 0; }
.enviormentContainer .gallerywrap { width: 100%; margin: 20px 0 0; }
.csrContainer .gallerywrap .frame.active { transform: none; }
.csrContainer .gallerywrap .frame { width: 260px; height: 240px; right: inherit; top: 25px; left: 50%; margin-left: -130px; }
.csrContainer .gallerywrap .loca2,
.csrContainer .gallerywrap .loca3,
.csrContainer .gallerywrap .loca4 { display: none; }
/************* @CONTACT PAGE *************/
.contactpage .contactbox { background: #fff none repeat scroll 0 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 15px; padding: 15px 0; position: relative; }
.contactpage .contactupper { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 15px; padding: 15px; }
.contactpage .contactbox-map { display: block; height: 230px; position: relative; border: none; width: 100%; }
.contactpage .contactbox-txt { padding: 15px; }
.contactpage .contactbox-txt h3 { font-size: 18px; font-weight: 400; margin-bottom: 10px; text-transform: uppercase; }
.contactpage .contactbox-txt p { padding: 8px 0; }
.contactpage .techHeading { padding: 0 15px; }
.contactpage .salesrightWrap { width: 100%; }
.peopleSection .map { margin: 20px 0 0 0; pointer-events: none; }
.peopleSection { background: #49399b; }
/************* @SURI PAGE *************/
.surigroupspage .circleBox { width: 128px; height: 128px; border-radius: 50%; display: inline-block; border: 2px solid #909090; position: relative; margin: 0 auto 10px; }
.surigroupspage .circleBox i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.surigroupspage ul li { margin: 0 52px 90px; display: flex; }
.surigroupspage ul li:after { bottom: -110px; }
.surigroupspage ul li:last-child::after { display: none; }
.surigroupspage .groupBox { width: 200px; height: 160px; overflow: hidden; border: 2px solid #d9d9d9; border-radius: 4px; background: #fff; position: relative;/**/ margin: 0 auto; }
.surigroupspage .groupBox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.peopleSlider .item h2 { text-align: center; margin: 0 0 10px; }
.constructionPage { background: url(../images/under_construction.png) no-repeat; width: 100%; background-size: contain; height: 1290px; }
.readmoreContainer { color: #414141; font-size: 16px; height: 375px; line-height: 26px; overflow: scroll; }
}
 @media (min-width:768px) {
.reportslist ul.colb03 li { width: 170px; display: inline-block; vertical-align: top; }
.reportslist ul.colb02 li { width: 200px; display: inline-block; vertical-align: top; }
.reportslist ul.colb01 li { width: auto; display: block; }
.feedbackPage { padding: 40px; }
.feedbackPage ul { margin: 80px 80px 0; }
.feedbackPage ul li { margin: 0 0 40px; padding: 0 20px; }
.feedbackPage ul li label { color: #b2b2b2; font-size: 14px; font-weight: 400; position: absolute; z-index: 1; bottom: 10px; left: 20px; transform: translate3d(0, 0, 0); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.feedbackPage .txtBox,
.feedbackPage textarea { background: none; border: none; border-bottom: 1px solid #b2b2b2; }
.feedbackPage .txtBox { width: calc(100% - 40px); }
.feedbackPage textarea { width: calc(100% - 40px); }
.feedbackPage .btnWrap { margin: 80px 0 80px; }
.feedbackPage ul li input:focus + label,
.feedbackPage ul li textarea:focus + label { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); color: #373737; text-transform: uppercase; font-weight: 700; }
.feedbackPage ul li textarea:focus + label { transform: translate3d(0, -60px, 0); -webkit-transform: translate3d(0, -60px, 0); }
.feedbackPage .txtBox::-webkit-input-placeholder, .feedbackPage textarea::-webkit-input-placeholder {
opacity: 0;
}
.feedbackPage .txtBox:-moz-placeholder, .feedbackPage textarea:-moz-placeholder {
 opacity: 0;
}
 .feedbackPage .txtBox::-moz-placeholder, .feedbackPage textarea::-moz-placeholder {
 opacity: 0;
}
 .feedbackPage .txtBox:-ms-input-placeholder, .feedbackPage textarea::-ms-input-placeholder {
opacity: 0;
}
.feedbackPage ul li label.txthead { transform: translate3d(0, -30px, 0); -webkit-transform: translate3d(0, -30px, 0); color: #373737; text-transform: uppercase; font-weight: 700; }
.feedbackPage ul li textarea + label.txthead { transform: translate3d(0, -60px, 0); -webkit-transform: translate3d(0, -60px, 0); }
/************* @PRODUCT PAGE  *************/
.productspage .wrappallPage { margin-top: 190px; }
.page-rollbar .container-fluid { position: relative; }
.productspage .productInfoBox { padding: 50px 60px; }
.productspage .productInfoBox:first-child { padding-bottom: 95px; }
.productspage .prodImg { text-align: center; }
.productspage .prodImg img { display: block; margin: 0 auto; }
.productspage .page-rollbar .customselect { max-width: 330px; }
/************* @ABOUT-VISSION-MISSION  *************/
.aboutspage .visionContainer ul { text-align: center; margin: 60px auto 0; width: 680px; }
.aboutspage .missionContainer .txtWrap { margin: 60px auto 0; width: 680px; text-align: center; position: relative; }
.aboutspage .valueContainer ul { text-align: center; margin: 60px auto 0; width: 680px; }
.aboutspage .valueContainer { margin-top: -95px; }
.aboutspage .visionContainer,
.aboutspage .valueContainer { padding: 40px 60px; position: relative; }
.aboutspage .missionContainer { padding: 170px 60px 40px; }
.aboutspage .aboutContainer { padding: 40px 60px; }
.aboutspage .aboutContainer ul li:nth-child(1) { padding-right: 10px; }
.aboutspage .aboutContainer ul li:nth-child(2) { padding-left: 10px; }
.aboutspage .aboutContainer ul li:nth-child(1) img { margin: 30px 0 0; }
.aboutspage .aboutContainer ul li:nth-child(2) img { margin: 30px auto 60px; }
.aboutspage .valueContainer ul li:nth-last-child(2) { margin-top: 40px; }
.aboutspage .valueContainer ul li:nth-last-child(1) { margin-top: 40px; }
/************* @ABOUT-BOARD OF DIRECTOR  *************/
.boardWrap { padding: 40px 60px; }
.boardWrap ul { margin: 60px 0 0 0 }
.boardWrap ul li { margin-bottom: 40px; }
.boardWrap ul li p { padding-right: 50px; }
.boardWrap ul li a { position: absolute; bottom: 0; }
.boardWrap .boardInfo { height: 290px; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamContainer { padding: 80px 20px 40px; }
.teamWrap { width: 320px; }
.aboutspage .mgmtContainer { padding: 0 20px; }
.simplePopup { width: 50%; min-width: 50%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.simplePopupClose { top: -15px; right: -35px; color: #2D1F71; }
.videoContainer { width: 100%; }
.videoPopup { width: 90%; min-width: 90%; }
/************* @CUSTOMERS PAGE *************/
.customersPage .mclr p,
.customersPage .tmclr p,
.customersPage .reclr p,
.customersPage .dieclr p { text-align: center; }
/************* @ABOUT-AWARDS & MILESTONE  *************/
.ddteamContainer { padding: 80px 20px 40px; }
.awardContainer { padding: 40px 0 0; }
.milestoneContainer .boxWrap { display: inline-block; vertical-align: top; width: 100%; }
.milestoneContainer .boxLeft,
.milestoneContainer .boxRight { width: 50%; padding: 0 80px; }
.milestoneContainer .boxLeft { float: left; text-align: right; }
.milestoneContainer .boxRight { float: right; text-align: left; }
.milestoneContainer .boxLeft .boxWrap:before { content: ''; position: absolute; top: 16px; left: 100%; height: 0; width: 0; border: 7px solid transparent; border-left: 7px solid #f3f3f3; }
.milestoneContainer .boxRight .boxWrap:before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #f3f3f3; }
/************* @TECHNOLOGY PAGE *************/
.tech-text p { text-align: center; }
.testingbox h3,
.testingbox p { color: #fff; text-align: center; }
.testingbox .testing-text { padding: 100px 0 0; }
.con-simulationbox .tech-text h3,
.con-simulationbox .tech-text p { text-align: center; }
.con-simulationbox li { display: inline-block; margin: 0 auto 0 20px; text-align: center; }
.con-simulationbox li:first-child { display: block; text-align: center; width: 100%; }
.con-simulationbox li::before { top: 7px; }
.techpage .testingbox h3,
.techpage .testingbox p { text-align: center }
.testinglowerLeft,
.testinglowerright { width: 300px; margin: 0 auto; }
.facbox .facinner { width: 200px; min-height: 335px; }
.engleft-box { width: 350px; margin: 0 auto; }
.simplePopup .reportPopup { width: 600px; min-width: 600px; }
/************* @POLICY PAGE *************/
.policyContainer { padding: 80px 60px 40px; }
.policyContainer p { margin: 60px 60px 0 0; }
.policyContainer ul li { display: inline-block; margin: 60px 30px 0; text-align: center; }
.policyContainer a { display: block; }
/************* @CONTACT PAGE *************/
.contactbox { background: #fff none repeat scroll 0 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 15px; position: relative; }
.contactbox-map { background: #333 none repeat scroll 0 0; border: 8px solid #fff; box-shadow: 6px 6px 22px rgba(0, 0, 0, 0.2); display: block; height: 420px; position: absolute; top: -10px; width: 580px; }
.contactpage .salesboxwrap { background: #fff none repeat scroll 0 0; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15); margin-bottom: 15px; padding: 0; overflow: hidden; }
.contactpage .salesbox { padding: 0; width: 100%; height: inherit; }
.contactpage .salesboxwrap .salesbox-map { border: medium none; display: block; height: 230px; position: relative; width: 100%; }
.technologyPopup { width: 520px; min-width: 520px; }
/************* @CARRER PAGE *************/
.carrerSection .leaderSection p { width: 90%; }
.openingSection ul li { min-height: 250px; }
.openingSection ul li::after { width: 100%; }
.jobApplicant { padding: 65px 15px; }
/************* @DEALER LOCATOR PAGE  *************/
.dealorlocatorPage .wrapContainer .page-rollbar li { margin: 10px 0; display: inline-block; }
}

/************* @DESKTOP AND LAPTOP  *************/
@media (min-width:1025px) {
/************* @HEADER BAR  *************/
header { height: 85px; padding: 25px 15px; }
header .navToggle { display: none; }
header:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; background: rgba(114, 114, 114, 0.2); left: 0; }
header nav { width: calc(100% - 180px - 152px); text-align: center; }
header .excellenceBtn { float: right; }
footer { padding: 100px 0 15px 0; }
.wrapPage { box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); }
/************* @INDEX PAGE  *************/
.mobexcellenceBtn { display: none; }
.videoBanner .container-fluid { position: relative; height: 100%; }
.videoBanner span { position: absolute; top: 25px; right: 0; margin: 0; }
.videoBanner p { font-size: 50px; }
.videoTitle .viewFilm { right: 10px; bottom: 70px; }
.automotiveSection { padding-top: 80px!important; }
.automotiveSection,
.productSection,
.customerSection,
.locatorSection,
.awardSection { padding: 58px; }
.productSection { padding: 58px 58px 65px; }
.customerSection { padding-top: 20px; padding-bottom: 80px; }
.automotiveSection .btnwrap { text-align: left; }
.customerSection ul { margin-left: 0; }
.customerSection p,
.locatorSection p,
.awardSection p { padding-right: 80px; }
.productSection h3 { font-size: 40px; line-height: 40px; }
/************* @SHAPE CSS  *************/
.productSection { position: relative; z-index: 1; width: 100% }
.productSection::after { content: " "; position: absolute; left: 0; top: 100px; height: 500px; width: 100%; background: rgba(27,27,27,1); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -2; -webkit-transition: 1s; transition: 1s; }
.productSection::before { content: " "; position: absolute; left: 0; top: 30px; height: 500px; width: 100%; background: rgba(38,28,90,.98); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -1; -webkit-transition: 1s; transition: 1s; }
.productSection.scrollproduct { width: 100% }
.productSection.scrollproduct::after { content: " "; position: absolute; left: 0; top: 100px; height: 500px; width: 100%; background: rgba(27,27,27,1); -webkit-transform: skew(0deg, -14deg); transform: skew(0deg, -14deg); z-index: -2; }
.productSection.scrollproduct::before { content: " "; position: absolute; left: 0; top: 30px; height: 500px; width: 100%; background: rgba(38,28,90,.98); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); z-index: -1; }
.customerSection { position: relative; z-index: 1; }
.awardSection .row,
.customerSection .row { overflow: hidden; }
.customerSection::after { content: " "; position: absolute; left: 0; top: -63px; height: 240px; width: 100%; background: #f9f9f9; -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); z-index: -2; }
.customerSection::before { content: " "; position: absolute; left: 0; top: -40px; height: 350px; width: 100%; background: rgba(255,255,255,1); -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); z-index: -1; }
.locatorSection { position: relative; z-index: 1; padding-bottom: 100px; }
.locatorSection::after { content: " "; position: absolute; left: 0; top: -30px; height: 560px; width: 100%; background: rgba(27,27,27,1); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -2; -webkit-transition: 1s; transition: 1s; }
.locatorSection::before { content: " "; position: absolute; left: 0; top: -25px; height: 535px; width: 100%; background: rgba(73,53,151,.9); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -1; -webkit-transition: 1s; transition: 1s; }
.locatorSection.scrolllocation::after { content: " "; position: absolute; left: 0; top: -30px; height: 560px; width: 100%; background: rgba(27,27,27,1); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); z-index: -2; }
.locatorSection.scrolllocation::before { content: " "; position: absolute; left: 0; top: -25px; height: 535px; width: 100%; background: rgba(73,53,151,.9); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -1; }
.awardSection { position: relative; z-index: 1; background: #fff; }
.awardSection::before { content: " "; position: absolute; left: 0; top: -25px; height: 200px; width: 100%; background: #fff; -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); z-index: -1; }
/************* @FACILITY PAGE  *************/
.facilitiespage { padding: 35px 50px; color: #363636; font-size: 16px; }
.facilitiespage h2 { text-transform: uppercase; color: #2d1f71; font-size: 20px; padding-bottom: 10px; }
.facilitiespage a { color: #2d1f71; }
.facilitywrap { margin: 0 0 80px; }
.facilitybox { margin-top: 70px; position: relative; }
.facilitybox:first-child { margin-top: 45px; }
.facilitybox-txt { padding: 20px 30px; border: 8px solid #dce6ef; height: 400px; display: table; padding-left: 50px; }
.facilitybox-txt .valginbox { display: table-cell; vertical-align: middle; }
.facilitybox-txt h3 { font-weight: 900; text-transform: uppercase; color: #373737; font-size: 20px; }
.facilitybox-txt p { padding-top: 15px; line-height: 24px; }
.facilitybox-txt .maplink { color: #2d1f71; padding-left: 26px; padding-top: 20px; cursor: pointer; line-height: 22px; position: relative; display: inline-block; font-weight: 600; }
.facilitybox-txt .maplink b { display: block; position: absolute; left: 0; top: 21px; }
.facilitybox-img { position: absolute; top: -10px; height: 420px; width: 580px; display: block; }
.facilitybox-img { border: 10px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); box-sizing: border-box; }
.facilitybox-img img { width: 100%; display: block; }
.facilitybox-img .gallerywrap { position: relative; left: 0; top: 0; }
.facilitybox .gallerywrap .frame { width: 360px; height: 240px; border: none; }
.facilitybox .facilitybox-img span { width: 100%; height: 100%; display: block; background-size: cover; border: 6px solid #fff; box-shadow: 6px 6px 22px rgba(0, 0, 0, 0.2); }
.facilitybox .facilitybox-img span img { opacity: 0; }
.facilitybox-img .gallerywrap .frame.active { transform: scale(1.3); -webkit-transform: scale(1.3); }
.facilitybox-map { display: none; position: absolute; top: -10px; height: 420px; width: 580px; background: #333; border: 8px solid #fff; box-shadow: 6px 6px 22px rgba(0,0,0,.2); }
.facilitybox-map .map { height: 100%; width: 100%; }
.facilitybox-map .mapOverlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); }
.facilitybox-map .reloadBtn { width: 30px; height: 50px; position: absolute; right: 25px; top: 10px; cursor: pointer; }
.facilitybox-map .mapOverlay .gbimg { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); text-align: center; }
.facilitybox-map .mapOverlay .gbimg p { color: #ffde00; line-height: 20px; }
.facilitybox-map .mapOverlay .gbimg p span { display: block; }
.leftspace { padding-left: 556px; }
.leftspace .facilitybox-img,
.leftspace .facilitybox-map { left: 0; }
.rightspace { padding-right: 556px; }
.rightspace .facilitybox-img,
.rightspace .facilitybox-map { right: 0; }
.rightspace .facilitybox-txt { border: 8px solid #f1f1f1; }
footer:before { content: " "; position: absolute; left: 0; top: 0; height: 120px; width: 100%; background: #1D1D1D; -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: 1; -webkit-transition: 1s; transition: 1s; }
footer.scrollfooter:before { content: " "; position: absolute; left: 0; top: 0; height: 120px; width: 100%; background: #1D1D1D; -webkit-transform: skew(0deg, -6deg); transform: skew(0deg, -6deg); z-index: 6; }
/************* @ABOUT-VISSION-MISSION  *************/
.aboutspage .visionContainer ul { text-align: center; margin: 60px auto 0; width: 680px; }
.aboutspage .missionContainer .txtWrap { margin: 60px auto 0; width: 680px; text-align: center; position: relative; }
.aboutspage .valueContainer ul { text-align: center; margin: 60px auto 0; width: 880px; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamContainer { padding: 40px 20px; }
.investorspage .page-rollbar .downloadBtn { position: absolute; right: 10px; top: 0; }
/************* @AWARDS & MILESTONE PAGE *************/
.ddteamContainer { padding: 40px 20px; }
.milestoneContainer .boxWrap { display: inline-block; vertical-align: top; width: 80%; }
/************* @TECHNOLOGY PAGE  *************/
.techpage { color: #363636; font-size: 16px; }
.techpage .techupper { padding: 35px 50px; }
.techpage .con-simulationbox h3,
.techpage .con-simulationbox p { text-align: center }
.con-simulationbox ul { margin: 0 auto; padding: 0 0 0 15px; text-align: center; width: 100%; }
.con-simulationbox li { display: inline-block; margin: 0 auto 0 20px; text-align: center; line-height: 40px; }
.con-simulationbox li:before { top: 16px; }
.con-simulationbox li:first-child { text-align: center; width: 100%; display: block; }
.con-simulationbox li span { margin-left: 15px; }
.techpage .testingbox h3,
.techpage .testingbox p { text-align: center }
.testingbox .testingboxLower { margin: 0 auto; width: 100%; text-align: center; overflow: hidden; }
.testinglowerLeft { margin: 0 auto; padding: 20px 15px; vertical-align: top; width: 480px; }
.testinglowerright { margin: 0 auto; padding: 20px 15px; vertical-align: top; width: 480px; }
.testinglowerright li:last-child { margin: 0 0 0 45px; }
.testingbox li { color: #fff; display: block; line-height: 30px; }
.testingboxLower li:before { top: 18px; }
.testingboxLower li:first-child:before { top: 14px; }
.testingboxLower li small { margin-left: 20px; }
.engbox { margin-top: 50px; }
.engleft-box { width: 530px; margin: 0 auto; }
.facbox { padding: 35px 50px; }
.facbox h2 { text-transform: none; font-size: 16px; color: #2d1f71; }
.facbox .facinner { margin: 0 auto; min-height: 340px; text-align: center; width: 280px; }
.facbox .facinner h3 { width: 200px; }
.facbox p:before { top: 12px; }
.facbox .faxupper-wrap,
.facbox .faclower-wrap { width: 1000px; margin: 20px auto; overflow: hidden; }
.facbox .facinner { margin: 20px auto 35px; }
.techpage .techVideo { float: right; }
/************* @ABOUT-CSR PAGE *************/
.csrContainer .csrBox { padding: 40px 60px; }
.socialContainer { padding: 160px 60px 40px }
.socialContainer h4,
.enviormentContainer h4 { font-size: 40px; line-height: 50px; }
.socialContainer .activityInfo { width: 400px; float: left; padding: 60px 0 0; }
.socialContainer .gallerywrap { width: calc(100% - 450px); float: right; height: 400px; }
.enviormentContainer { padding: 120px 60px 40px }
.enviormentContainer .activityInfo { width: 400px; float: right; padding: 160px 0 0; }
.enviormentContainer .gallerywrap { width: calc(100% - 450px); float: left; margin: 160px 0 0; height: 400px; }
/************* @CONTACT PAGE  *************/
.contactpage { color: #363636; font-size: 16px; padding: 35px 50px; }
.contactpage h2 { padding-bottom: 10px; }
.contactpage .techHeading { margin-top: 50px; }
.contactbox:first-child { margin-top: 45px; }
.contactbox { position: relative; margin-top: 70px; }
.rightspace .contactbox-map { right: 0; }
.leftspace .contactbox-map { left: 0; }
.contactbox-map { background: #333 none repeat scroll 0 0; border: 8px solid #fff; box-shadow: 6px 6px 22px rgba(0, 0, 0, 0.2); display: block; height: 420px; position: absolute; top: -10px; width: 580px; }
.rightspace .contactbox-txt { border: 8px solid #f1f1f1; }
.contactbox-txt { border: 8px solid #f1f1f1; display: table; height: 400px; padding: 20px 36px 20px 50px; }
.contactbox-txt ul { line-height: 24px;  }
.contactbox-txt .innercontact { display: table-cell; vertical-align: middle; }
.salesboxwrap { box-shadow: none !important; }
.contactpage .salesboxupper li,
.salesboxlower li { line-height: 30px; }
.contactpage .salesboxwrap .serviceClass { margin-top: 40px; }
.contactpage .salesbox { display: block; height: 700px; margin: 0 auto; padding: 0; position: relative; top: -10px; width: 520px; }
.rightspace .salesbox { right: 0; }
.contactpage .salesbox .contactbox-txt { margin: 0 20px; height: 300px; position: absolute; top: 10px; }
.contactpage .salesboxwrap .salesbox .salesbox-map { bottom: -15px; height: 420px; position: absolute; width: 100%; z-index: 99; border: 8px solid #fff; box-shadow: 6px 6px 22px rgba(0, 0, 0, 0.2); }
.contactpage .salesboxwrap .salesbox .salesbox-map:hover .mapoverlay { display:none;}
/************* @PEOPLE PAGE  *************/
.peopleSection { position: relative; z-index: 1; padding-bottom: 100px; }
.peopleSection::after { content: " "; position: absolute; left: 0; top: -30px; height: 460px; width: 100%; background: url(../images/people.jpg) no-repeat; -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -2; -webkit-transition: 1s; transition: 1s; }
.peopleSection::before { content: " "; position: absolute; left: 0; top: -25px; height: 435px; width: 100%; background: url(../images/people.jpg) no-repeat; -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -1; -webkit-transition: 1s; transition: 1s; }
.peopleSection.scrolllocation::after { content: " "; position: absolute; left: 0; top: -30px; height: 260px; width: 100%; background: url(../images/people.jpg) no-repeat; -webkit-transform: skew(0deg, -7deg); transform: skew(0deg, -7deg); z-index: -2; }
.peopleSection.scrolllocation::before { content: " "; position: absolute; left: 0; top: -25px; height: 435px; width: 100%; background: url(../images/people.jpg) no-repeat; -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); z-index: -1; }
.peoplesection { padding: 58px; }
.peopleSection p { padding-right: 80px; }
/************* @PEOPLE PAGE *************/
.productSection.scrollproduct.peopleSlider:after { transform: skew(0deg, -5deg); }
.peopleSlider .modal3dbox { width: 700px; margin: 0 auto; }
/************* @CARRER PAGE *************/
.careerPage .carrerSection { padding: 40px; }
.carrerSection:before { height: 199px; }
.careerPage .carrerSection h2 { margin: 0 0 20px; }
.openingSection { padding: 40px; }
.openingSection ul li { padding: 40px; min-height: 350px; padding: 15px; }
.openingSection ul li span { display: inline-block; margin-right: 30px; }
.openingSection ul li h3 { margin: 0 0 20px; }
.openingSection ul li p { padding-left: 150px; position: relative; }
.openingSection ul li p span { display: inline-block; position: absolute; left: 0; }
.openingSection ul li:after { width: 90%; }
.carrerSection .leaderSection p { width: 80%; text-align: center; }
.jobApplicant { padding: 40px; height: 444px; }
.jobApplicant h2 { margin: 70px 0 30px; }
/************* @SURI GROUP PAGE *************/
.surigroupspage { padding: 35px 50px; color: #363636; font-size: 16px; }
.surigroupspage .groupWrap h2 { display: block; }
.surigroupspage h2 { text-transform: uppercase; color: #2d1f71; font-size: 20px; padding-bottom: 10px; }
.groupWrap { padding-left: 60px; margin: 20px 0 0; }
.groupWrap:before { content: ''; width: 2px; height: 85%; background: #d9d9d9; position: absolute; }
.surigroupspage ul { margin-left: 40px; }
.surigroupspage ul li { display: inline-block; margin: 0 40px 70px; }
.surigroupspage ul li:after { content: ''; width: 100%; height: 2px; background: url(../images/suri-group/pattern.png) repeat-x; position: absolute; top: 50%; right: -100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.surigroupspage ul li:last-child::after { display: none; }
.surigroupspage .groupBox { width: 200px; height: 180px; }
.surigroupspage .groupBox .groupOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #372b77; color: #fff; vertical-align: middle; text-align: center; padding-top: 88px; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.surigroupspage .groupBox:hover .groupOverlay { opacity: 1; }
/************* @NEWS AND EVENTS PAGE *************/
.newsneventsPage { padding: 35px 50px; }
.newsneventsPage h3 { margin: 10px 0 30px; }
.newsneventsPage li .eventBox { float: left; }
.newsneventsPage li .eventBox p { min-height: 128px; position: relative; }
.newsneventsPage li .eventBox p span { display: block; line-height: 22px; }
.newsneventsPage li .eventBoxlargest p span { display: block; }
.newsneventsPage .newsContainer:before { position: absolute; left:0; content: ''; background: url(../images/newsnevents/newsneventsbg.png); height: 78px; top: -78px; width: 100%; displaY: block; }
.newsneventsPage .newsContainer { position: relative; background: #2c1f70; padding: 100px 50px; margin: 38px -50px -33px; }
.newsneventsPage .newsContainer:after { position: absolute; content: ''; background: url(../images/newsnevents/newsneventsbg.png); height: 77px; bottom: 0; width: 100%; display: block; left:0; }
.newsneventsPage .newsContainer ul { padding: 0 40px; }
.newsneventsPage .newsContainer h2 { color: #fff; padding: 0 40px; }
.newsneventsPage .newsContainer .eventBox { border: 2px solid #fff; display: block; margin: 0 auto; width: 417px; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); float: left; }
.newsneventsPage .newsContainer .eventBox.rtl { float: right !important; }
.newsneventsPage .newsContainer .eventBox_small { border: 2px solid #fff; display: block; margin: 0 auto; width: 244; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); }
.newsneventsPage .newsContainer .eventBox_small p { min-height: 185px; }
.newsneventsPage .newsContainer .eventBoxlargest { border: 2px solid #fff; display: block; margin: 0 auto; width: 530px; background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.30); float: left; }
.newsneventsPage .newsContainer li:nth-child(2) .eventBoxlargest { float: right; }
/************* @DEALER LOCATOR PAGE *************/

.mapIconlocatorselected { background-position: -312px -82px; width: 25px; height: 25px; display: inline-block; vertical-align: middle; position: absolute; right: 15px; border: 2px solid #2c1f6f; padding: 18px; box-shadow: none; cursor: pointer; }
.dealorlocatorPage { padding: 35px 50px; }
.dealorlocatorPage .mainHeading { text-align: left; color: #2D1F71; }
.dealorlocatorPage .page-rollbar { background: #f6f6f6; box-shadow: 0 5px 5px rgba(0,0,0,.08); padding: 15px 20px; text-align: left; position: relative; top: 0; }
.dealorlocatorPage .page-rollbar li { display: inline-block; margin: 0 10px !important; min-width: 190px; }
.dealorlocatorPage .colorselect .chosen-container { background: none; border: 2px solid #2c2c2c; border-radius: 0; }
.dealorlocatorPage .colorselect .chosen-container.chosen-with-drop .chosen-drop { background: #F6F6F6; }
.wrapContainer { overflow: hidden; border: 3px solid #f6f6f6; margin: 40px 0; }
.dealorlocatorPage h2 { text-align: center; color: #373737; }
.dealorlocatorPage h3 { margin: 30px 0; text-align: center; color: #373737; }
.dealorlocatorPage .contactbox-map { position: inherit; width: 100%; border: 8px solid #fff; position:relative;}
.dealorlocatorPage .contactbox-map .contactbox-mapoverlay { position:absolute; left:0; top:0; padding:10px 20px; background:#f00; z-index:10;}
.dealorlocatorPage .contactbox { box-shadow: none; margin-top: 35px; }
.dealorlocatorPage .contactbox-txt { position: relative; display: none; width: 49%; height: 300px; border: none; border-bottom: 2px solid #f6f6f6; box-shadow: none; overflow: hidden; }
.dealorlocatorPage .contactbox-txt:after { background: #e2e2e2 none repeat scroll 0 0; bottom: 0; content: ""; height: 200px; position: absolute; width: 2px; right: -5px; top: 35px; }
.dealorlocatorPage .contactbox-txt:nth-child(even):after { background: none; }
.dealorlocatorPage .contactbox-txt .innercontact { display: block; }
.dealorlocatorPage .contactbox-txt p { font-size: 16px; display: inline-block; }
.dealorlocatorPage .contactbox-txt small { font-size: 16px; font-weight: 600; display: block; }
.passengerSection { overflow: hidden;/*margin:25px 0 0 0;*/ }
.passengerSection h3 { position: relative; }
.passengerSection ul { min-height: 320px; padding: 20px 36px 30px 50px; }
.passengerSection ul:after { background: #e2e2e2 none repeat scroll 0 0; bottom: 0; content: ""; height: 2px; position: absolute; width: 50%; }
.passengerSection ul small { font-size: 16px; font-weight: 600; display: block; }
.passengerSection ul:nth-child(4):after,
.passengerSection ul:nth-child(5):after { background: none; }
.passengerSection ul:nth-child(even) li:after { background: #e2e2e2 none repeat scroll 0 0; right: 8px; content: ""; height: 111px; position: absolute; width: 2px; }
.passengerSection ul li p { display: inline-block; }
.passengerSection ul li p span { display: block; }
.passengerSection ul li small { font-weight: 600; }
}

/************* @DESKTOP and LAPTOP(LARGE SCREEN) *************/
@media (min-width:1284px) {
/************* @HEADER BAR  *************/
header .container-fluid { position: relative; }
header h1 { width: 180px; text-align: center; margin: -25px 0; padding: 15px 0 21px; }
header nav ul li { margin: 0 18px; }
header:after { width: 90%; left: 50%; margin-left: -45%; }
.container-fluid { width: 1284px; margin: 0 auto; }
.gallerywrap { margin-right: 50px; }
.locatorSection .map { width: 534px; }
.awardSection .awardsimg { float: right; margin-right: -30px; margin-top: 10px; }
/************* @ABOUT-BOARD OF DIRECTOR  *************/
.boardWrap { padding: 40px 60px; }
.boardWrap ul li:nth-child(odd) { padding-right: 30px; }
.boardWrap ul li:nth-child(even) { padding-left: 30px; }
/************* @ABOUT-MANAGEMENT TEAM  *************/
.teamContainer { padding: 80px 60px 40px; }
.teamContainer ul li:nth-child(2) .teamWrap { margin: 0 auto; }
.teamContainer ul li:nth-child(3) { padding-left: 70px; }
.aboutspage .mgmtContainer { padding: 0 60px; }
.ddteamContainer { padding: 80px 60px 40px; }