@charset "utf-8";
/* Madhan */
/* Reset Css Starts Here*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;/* outline:0;*/
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
a{
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html{overflow-y: scroll;}
ul, ol{
  margin: 0;
  list-style: none;
}
small{font-size: 85%;}
strong{font-weight: 700;}
em{font-style: oblique;}
::-moz-selection{
  background:#ddd;
  color:#000;
  text-shadow:none;
}
::selection{
  background: #ddd;
  color: #000;
  text-shadow: none;
}
h1, h2, h3, h4, h5, h6, p {
  display: block;
  font-weight:300}
h1{
  color: #3D3D3D;
  font-weight:400;
}
span{font-weight:normal}
img{ display:block}
p{font-weight:normal;}
a{text-decoration: none!important;}
p{
  font-size:14px;
  color:#757575;
  line-height:22px
}
a.wh{color:#fff;}
.certificate_title .cert_img h3 {
    background: #3688c4;
    text-align: center;
    color: #fff;
    padding: 10px;
}
b, strong{font-weight: 500;}
i, em{
  font-style: initial;
  position: relative;
}
.poRel{position: relative}
.txtMdl{text-align: center}
.txtLft{text-align:left !important}
.cb{clear: both}
.cl{clear: left;}
.cr{clear: right;}
.cf:before, .cf:after, .row:after, .row:before{
  content: "";
  display: table;
}
.cf:after, .row:after{clear: both;}
.cf, .row{*zoom:1;}
.mb0{margin-bottom: 0px!important}
.mb30{margin-bottom: 30px !important}
.mb38{margin-bottom: 38px}
.mb15{margin-bottom: 15px}
.mb18{margin-bottom: 18px !important}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb70{margin-bottom: 70px}
.mb75{margin-bottom: 75px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px !important}
.mb60{margin-bottom: 60px}
.mb58{margin-bottom: 58px}
.mb80{margin-bottom: 80px}
.mb117{margin-bottom: 117px}
.mr10{margin-right: 10px}
.pad0{padding:0}
.mR15{margin-right: 15px;}
.mr22{margin-right: -22px!important}
.mr79{margin-right: -79px!important}
.pl0{padding-left:0px!important}
.pr0{padding-right: 0px !important}
.plr0{padding-left: 0;padding-right: 0}
.mb48{margin-bottom: 48px}
.pl50{padding-left:50px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px}
.pt60{padding-top: 60px !important}
.mt50{margin-top: 50px}
.mt100{margin-top: 100px}
.mb10{margin-bottom: 10px}
.mb100{margin-bottom: 100px !important}
.pl95{padding-left: 95px}
.mb10{margin-bottom: 10px}
.mt20{margin-top: 20px}
.mt100{margin-top: 100px}
img{max-width: 100%}
.nrmlfont{font-style: normal !important}
.fl{float: left !important}
.padffty{padding-top: 14%}
.pl4{padding-left: 4%}
.pl15{padding-left: 15px;}
/* Reset Css Ends Here */

.ps-caption{display:none !important; }




/* Css For Fonts Starts Here */
@font-face {
  font-family: 'DIN-Light';
  src: url('../fonts/DIN-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/DIN-Light.woff') format('woff'), url('../fonts/DIN-Light.ttf')  format('truetype'), url('../fonts/DIN-Light.svg#DIN-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DIN-Medium';
  src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/DIN-Medium.woff') format('woff'), url('../fonts/DIN-Medium.ttf')  format('truetype'), url('../fonts/DIN-Medium.svg#DIN-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), 
  url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), 
  url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Museo300-Regular';
  src: url('../fonts/Museo300-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Museo300-Regular.otf')  format('opentype'),
       url('../fonts/Museo300-Regular.woff') format('woff'), 
       url('../fonts/Museo300-Regular.ttf')  format('truetype'), 
       url('../fonts/Museo300-Regular.svg#Museo300-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Css For Fonts Ends Here */

/* Css For Transition Starts Here */
.head_banr{position: relative;}
.head_banr_desc a,.head_banr_desc a:after,.indus_prd a img,.car_submit{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
/* Css For Transition Ends Here */

/* Home Page Css Starts Here */
body{font-family: 'DIN-Medium';}
.hm_container{
  width: 1250px; 
  margin: 0 auto;
}
.iv_inner{
  width: 1350px; 
  margin: 0 auto;
}
.iv_container{
  width: 1250px; 
  margin: 0 auto;
}
.wid50{
  width: 50%; 
  float: left;
}
.wid100{
  width: 100%;
  float: left;
}
.logo_img{
  display: block; 
  float: left;
}
.top_head{position: relative;}
.logo{
  position: fixed;
  top: 0;
  left: 0%;
  width: 100%;    
  z-index: 999;
}
.sticky .logo{
  background: #ffffff;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.34);
}    
.head_banr_img img{width: 100%}
.head_banr_desc{
  position: absolute;
  top: 30%;
  width: 32%;
  left: 16%;
}
.head_banr_desc h5{
  font-size: 19px;
  letter-spacing: -0.04em;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase; 
  color: #000;
}
.head_banr_desc h4{
  font-size: 72px;
  letter-spacing: 0;
  line-height: 65px;
  color: #2d73ae; margin-bottom: 12px;
  font-family: 'Montserrat', sans-serif; letter-spacing: -4px;
  font-weight: 700; text-transform: uppercase;
}
.head_banr_desc p{
  font-size: 18px;
  line-height: 25px;
  color:#000000;
  font-family: 'DIN-Light';
  margin-bottom: 30px
}
.head_banr_desc a{
  display: inline-block;
  line-height: 40px;
  padding: 0px 54px 0px 16px;
  background-color: #185784;
  letter-spacing: 1px;
  color:#fff;
  text-transform: uppercase;
  position: relative;
  border-top: 1px solid #93b1c8;
  border-right:1px solid #83a6c0;
  border-bottom: 1px solid #749bb7;
  font-size: 17px;
}
.head_banr_desc a:hover{
  background-color: #ff6600;
  border-top: 1px solid #fff;
  border-right:1px solid #fff;
  border-bottom: 1px solid #fff
}
.head_banr_desc a:after{
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background:url(../images/sprite.png)no-repeat;
  background-position: -1px -3px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.head_banr_desc a:hover:after{right: 5px}
.counter_box{padding:40px 0px 40px 60px}
.client{background-color: #0061a5}
.app_indust{background-color: #1a71ae}
.indust_exp{background-color: #0086ba}
.emply{background-color: #2daadb}
.counter_box h2{
  font-size: 60px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color:#fff;
  margin-bottom: 15px;
  letter-spacing: -0.04em;
  padding-left: 58px;
  position: relative;
}
.counter_box h2:before{
  content: "";
  position: absolute;
  width:55px;
  height: 52px;
  background:url(../images/sprite.png)no-repeat;
  background-position: -37px 0px;
  left: 0
}
.counter_box h2:after{
  content: "+";
  position: absolute;
  width: 38px;
  height: 38px;
  font-size: 50px;
}
.app_indust h2:before{background-position: -97px -2px;}
.indust_exp h2:before{background-position: -163px -2px;}
.emply h2:before{background-position: -249px -2px}
.counter_box h3{
  font-size: 13px;
  color:#ffffff;
  letter-spacing: 0.02em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.main_hd{
  font-size: 35px;
  letter-spacing: -0.02em;
  color: #2d73ae;
  padding-left: 8%;
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700
}
.main_hd:before{
  content: "";
  position: absolute;
  left: -17%;
  width: 317px;
  height: 52px;
  background: url(../images/sprite.png)no-repeat;
  background-position: -37px -311px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hm_abtus{
  padding:40px 0px;
  background-color: #fbfcfd
}
.abtt_img_cnt{
  width: 35%;
  text-align: center;
  float: left;
}
.abt_dtl{width: 65%;float: left;}
.abtt_img,.abtt_img_txt{width: 100%;}
.adt_img{margin-bottom: 20px}
.abtt_img_txt{padding-top: 10%;}
.adt_img img,.cert_img img{margin:0 auto;}
.adt_img1 img{width: 70%;}
.hm_abtus h5{
  font-size: 25px;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  color:#185784;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
.abtt_img_txt h5{
  font-size: 15px;
  margin-bottom: 10px
}
.abt_cont1 p{
  font-family: 'DIN-Medium';
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color:#4b5057;
}
.head_para{
  font-size: 19px;
  line-height: 28px;
  font-family: 'DIN-Light';
  color: #000000;
  letter-spacing: 0.3em;
  margin-bottom: 70px
}
.abt_sakthi .head_para{margin-bottom: 36px;}
.head_para span{
  font-size: 18px;
  letter-spacing: 0.1em;
  color:#185784;
}
.mid_para{
  font-size: 25px;
  line-height: 55px;
  letter-spacing: -0.04em;
  color: #4b5057;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-bottom: 50px
}
.abt_vedeo{margin-top: 10%;}
.abt_dtl .mid_para{
  font-size: 47px;
  margin-bottom: 30px;
}
.mid_para span{
  color: #2d73ae;
  font-weight: 700;
}
.mid_para1{
  font-size: 38px;
  line-height: 50px;
  letter-spacing: -0.04em;
  color: #4b5057;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-bottom: 30px
}
.mid_para1 span{
  color: #2d73ae;
  font-weight: 700; 
  font-size: 20px; 
  text-transform: uppercase;
}
.abt_sakthi{padding-left: 4%;}
.btm_para{
  font-size: 18px;
  line-height: 28px;
  color:#636363;
  font-family: 'DIN-Light';
  margin-bottom: 70px
}
.abt_sakthi .btm_para{margin-bottom: 0px}
.rdmr{
     display: inline-block;
    font-family: 'DIN-Medium';
    font-size: 18px;
    /* line-height: 82px; */
    color: #0086ba;
}
.rdmr:hover{color:#ff6600;}
.indus_valves{
  padding:100px 0px;
  /*background:url(../images/industrial-valves-bg.jpg)no-repeat rgb(233, 239, 246);*/
  background:rgb(233, 239, 246);
  background-size: 100%
}
.indus_valves p{
  font-family: 'DIN-Light';
  font-size: 20px;
  color:#636363
}
.indus_para p{
  font-family: 'DIN-Light';
  font-size: 20px;
  line-height: 30px;
  color:#636363;
  /*margin-bottom: 50px;*/
  width: 55%;
}
.indus_prd{
 /*  width: 25%; */
  float: left;
  padding:0 1%;
}
.indus_prd a{
  display: block;
  position: relative;
}
.indus_prd a:after{
 /*  content: "+"; */
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 36px;
  height: 36px;
  color: #a0bacc;
  font-size: 36px;
  font-family: 'DIN-Medium'
}
.indus_prd a:hover img{opacity: .5}
.indus_prd h3,.indus_prd h4 span{
  font-size: 25px;
  letter-spacing: -0.02em;
  font-family: 'DIN-Medium';
  margin-bottom: 4px;
}
.indus_prd h4,.indus_prd h3 span{
  font-size: 25px;
  letter-spacing: -0.02em;
  font-family: 'DIN-Light';
  margin-bottom: 4px;
  margin-bottom: 34px
}
.production{
  padding:100px 0px;
  background-color: #fbfcfd
}
.production h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 36px;
  letter-spacing: -0.02em;
  color:#2d73ae;
  text-align: right;
  text-transform: uppercase;
  padding-right:13%;
  position: relative;
  margin-bottom: 35px
}
.production h2:before{
  content: "";
  position: absolute;
  right: 0%;
  width: 152px;
  height: 100%;
  background: url(../images/sprite.png)no-repeat;
  background-position: -13px -374px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.prod_desc{
  font-size: 27px;
  line-height: 30px;
  letter-spacing: -0.06em;
  font-family: 'DIN-Medium';
  color: #000000;
  text-align: right;  
  margin-bottom: 100px
}
.prod_cat{padding-left: 55px}
.prod_cat h6{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -0.02em;
  color:#464646;
  margin-bottom: 28px;
  position: relative;
}
.prod_cat h6:before{
  content: "";
  position: absolute;
  width: 62px;
  height: 62px;
  background: url(../images/sprite.png)no-repeat;
  background-position: -6px -230px;
  left: -63px;
  top: 0;
}
.prod_cat h6.in_hse:before{background-position: -79px -244px;}
.prod_cat h6.qlty:before{background-position: -155px -244px;}
.prod_cat h6.prec:before{background-position: -220px -244px;}
.prod_cat h6.tech:before{background-position: -295px -246px;}
.prod_cat h6.rel:before{background-position: -365px -246px;}
.prod_cat h6.sol:before{background-position: -436px -249px;}
.prod_cat h6.water:before{background-position: 2px -87px;}
.prod_cat h6.air:before{background-position: -74px -94px}
.prod_cat h6.fire:before{background-position: -157px -87px}
.prod_cat h6.pro_inds:before{background-position: -249px -87px}
.prod_cat p{
  font-family: 'DIN-Light';
  font-size: 20px;
  letter-spacing: -0.02em;
  color: #636363; line-height: 26px;
}
.prod_desc_scnd{
  font-family: 'DIN-Medium';
  font-size: 27px;
  line-height: 29px;
  letter-spacing: -0.04em;
  color:#2d73ae;
  margin: 70px 0px;
}
.foundary{
  padding: 100px 0px;
  background: url(../images/foundary_bg.jpg)no-repeat;
  background-size: cover;
}
.resrch_dev{
  padding:100px 0px;
  background: url(../images/research-development-bg.jpg)no-repeat;
  background-size: 100% 100%;
}
.head_div{
  position: relative;
  margin-bottom: 45px;
}
.head_div .main_hd{
  display: inline-block;
  padding-left: 8%
}
.main_hd_right{
  font-size: 63px;
  letter-spacing: -0.02em;
  color: #2d73ae;
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; 
  padding-right: 8%;}
.head_div .main_hd:before{
  background-position: -37px -311px;
  left: -48%;
}
.resrch_dev .main_hd:before{
  background-position: -37px -311px;
  left: -33%;
}
.resrch_dev .main_hd_right:before{right: 9%;}
.main_hd_right:before{
  content: "";
  position: absolute;
  right:1%;
  width: 78px;
  height: 52px;
  background: url(../images/sprite.png)no-repeat;
  background-position: -13px -370px;
  top: 0;
  bottom: 0;
  margin: auto;}
.head_div:before{
  content: "&";
  position: absolute;
  height: 76px;
  width: 73px;
  color: #b9cfe2;
  left: -72px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 107px;
}
.rsrch_img img{margin:0 auto;}
.resrch_dev p{
  font-family: 'DIN-Light';
  letter-spacing: -0.04em;
  font-size: 24px;
  color:#5c5c5c;
  text-align: center;
  margin-bottom: 30px
}
.hme_qulty_asrnce{
  padding:100px 0px;
  background: url(../images/hm_quality_bg.jpg)no-repeat;
  background-size: cover;
}
.hme_qulty_asrnce .head_div:before,.industry .head_div:before,.clienttele .head_div:before{display: none;}
.hme_qulty_asrnce  .main_hd_right{text-align: right;}
.hme_qulty_asrnce  .main_hd_right:before{
  top: 7%;
  bottom: 55%;
}
.quality_cont{
  background: url(../images/quality_cont_bg.png)no-repeat #fff;
  padding:95px 0px 30px 142px;
  background-size: 100% 75%;
  position: relative;
}
.quality_cont:before{
  content: "";
  position: absolute;
  left: -40%;
  top: -265px;
  width: 480px;
  height: 500px;
  background: url(../images/q-bg.png)no-repeat;
}
.quality_cont h3{
  font-family: 'DIN-Light';
  font-size: 34px;
  line-height: 43px;
  color:#000000;
  margin-bottom: 25px
}
.quality_cont p{
  font-family: 'DIN-Light';
  font-size: 20px;
  line-height: 28px;
  color:#636363;
}
.industry{
  background-color: #fdfdfe;
  padding:100px 0px;
}
.industry .main_hd_right{margin-bottom: 60px}
.indusp{
  font-family: 'DIN-Light';
  font-size: 20px;
  line-height: 32px;
  color: #636363;
  clear: both;
  text-align: right;
  padding-right: 8%;
  margin-bottom: 30px;
  width: 55%;
  float: right;
}
.industry .rdmr{
  float: right;
  margin-right: 8%;
}
.achievements{
  padding: 100px 0px;
  background-color: #e6ecf4
}
.achievements .main_hd{
  padding-left: 10%;
  margin-bottom: 70px
}
.achiv_bx{
  background:url(../images/achievements_bg.jpg)no-repeat;
  padding:50px 40px 165px 40px;
  background-size: cover;
  text-align: center;
}
.cert_img{margin-bottom: 12px}
.achiv_bx h5{
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  color:#0277bd;
  line-height: 23px;
  margin-bottom: 26px
}
.achiv_bx h6{
  font-family: 'DIN-Light';
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.02em;
  color:#000000;
  margin-bottom: 25px
}
.achiv_bx h4{
  font-size: 16px;
  letter-spacing: -0.02em;
  color:#000000;
  margin-bottom: 62px
}
.achiv_bx h4 span{color:#ff6600;}
.clienttele{
  padding:100px 0px;
  background-color: #fdfdfe
}
.clienttele .main_hd_right{margin-bottom: 50px}
footer{
  padding:100px 0px 0px 0px;
  background: url(../images/footer_bg.jpg)no-repeat;
  background-size: 100%;
  background-size: cover;
}
.foot_logo{margin-bottom: 18px}
footer h3{
  font-size: 18px;
  letter-spacing: 0.02em;
  color:#9db2c4;
  margin-bottom: 18px
}
footer p{
  font:300 15px 'Oxygen', sans-serif;
  line-height: 23px;
  color:#fff;
  margin-bottom: 56px
}
footer h4{
  font-size: 14px;
  color: #fff;
  margin-bottom: 16px
}
.head_link{
  font size:18px;
  font-weight:400;
  color:#479ad5; 
  margin-bottom: 30px;
  display: block;
}
.head_link:hover{color:#ff6600;}
footer ul li{margin-bottom: 8px}
footer ul li a{
  display: block; 
  font-weight: 300;
  font-size: 15px; 
  letter-spacing: 0.04em;
  color:#fff;
}
footer ul li:hover a{color:#ff6600;}
.fBtm{margin-top: 2%}
.lstfoot .head_link{margin-bottom: 20px}
.head_link1{
  font-weight: 400;
  font-size: 18px;
  color:#479ad5;
  margin-bottom: 20px;
  display: block;
}
.smm{
  width: 40px;
  height: 40px;
  background-color: #479ad5;
  border-radius: 50%;
  display: inline-block;position: relative;}
.smm:hover{opacity: .7}
.smm:after{
  content: "";
  position:  absolute;
  width:25px;
  height: 25px;
  background:url(../images/sprite.png)no-repeat;
  background-position: -11px -180px;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  margin: auto
}
.smm.twt:after{background-position: -55px -179px;}
.smm.gpls:after{background-position: -106px -182px;}
.smm.utbe:after{background-position: -156px -180px;}
.abtp{
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.02em;
  color:#4b5057;
}
.abtt_img_txt .abtp{
  font-family: 'DIN-Medium';
  font-size: 16px;
  line-height: 20px;
}
.pr100{padding-right: 100px}
.pl100{padding-right: 100px}
.pt8{padding-top: 8%}
.pl8{padding-left: 8%}
.pr8{padding-right: 8%}
.prfl_desc{
  width: 50%;
  float: left;
}
.prfl_desc p,.prod_desc p{
  font-family: 'DIN-Light';
  font-size: 18px; line-height: 26px;
  color:#636363;
}
.prfl_img{
  width: 50%;
  float: left;
}
.prfl_desc h5,.vsn_msn h5,.infrast h5,.prfl_qualty h5,.prod_desc h5,.material h5,.dimension h5{
  font-size: 42px;
  letter-spacing: -0.02em;
  margin:45px 0 30px  0;
  position: relative; 
  padding-left: 10px; 
  text-align: left;
}
.prfl_qualty h5{margin-bottom: 200px}
.prfl_desc h5:after,.vsn_msn h5:after,.infrast h5:after,.prfl_qualty h5:after,.prod_desc h5:after,.material h5:after,.dimension h5:after{
  content: "";
  position: absolute;
  height: 97%;
  width: 3px;
  background-color: #3b8cb5;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -4%
}
.bd_after:after{left: 0%;}
.material h5:after,.dimension h5:after{left:-2%;}
.prod_desc h5:after{left: 0%;}
.prfl_qualty h5:after{left: 104%}
.prfl_img{position: relative;}
.video_frame{
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  width: 320px;
}
.indus_prod{
  width: 30%;
  margin-top: -22px;
  float: right;
}
.indus_prod_img{
  width: 30%; 
  float: left; 
  margin: 0 1%;
}
.team .video_frame{display: none;}
.vsn_msn{
  padding:100px 0px;
  background: url(../images/vsn_msn_bg.jpg)no-repeat;
  background-size: contain
}
.vsn_msn p, .vsn_msn ul li{
  font-family: 'DIN-Medium';
  font-size: 24px;
  line-height: 36px;
  color:#3688c4;
}
.vsn_msn ul li{display: grid;grid-template-columns:5% 90%;gap:10px;margin-bottom:5px;font-size:22px;}
.infrast{
  padding:100px 0px;
  background-color: #ebf3f9
}
.infrast p{
  font-family: 'DIN-Light';
  font-size: 18px;
  line-height: 28px;
  color: #636363;
  margin-bottom: 80px
}
.infrast p span{
  font-family: 'DIN-Medium';
  font-size: 24px;
  line-height: 35px;
  color:#4c4c4c;
  margin-bottom: 20px;
  display: block; text-align: center;
}
.infrast h4{
  font-family: 'DIN-Medium';
  font-size: 24px;
  color: #4c4c4c;
  margin-bottom: 24px
}
.infra_cont{
  width: 100%;
  float: left;
}
.infra_dtl{
  width: 96%;
  float: left;
  margin:0 2%;
}
.infra_dtl_desc h6{
  font-family: 'DIN-Light';
  font-size: 16px;
  color:#4c4c4c;
}
.infra_img{margin-bottom: 20px}
.prfl_qualty{padding:100px 0px}
.prfl_qualty h5{float: right;}
.top_qualty{
  background-color: #f8f8f8;
  padding:80px 140px 50px 140px;  
  margin-left: 25%;
  position: relative; 
  z-index: 10
}
.top_qualty:before{
  content: "";
  position: absolute;
  left: -40%;
  top: -265px;
  width: 480px;
  height: 500px;
  background: url(../images/q-bg.png)no-repeat;
}
.top_qualty h4{
  font-family: 'DIN-Light';
  font-size: 34px;
  line-height: 42px;
  letter-spacing: 0.04em;
  color:#000000;
  margin-bottom: 40px
}
.top_qualty p{
  font-family: 'DIN-Light';
  font-size: 20px;
  line-height: 28px;
  color:#636363;
}
.qualty_plcy{
  background-color: #ebf3f9;
  padding:50px 70px 50px 70px;
  margin-left: 55%;
  position: relative;
}
.qualty_plcy:before{
  content: "";
  position: absolute;
  width: 57px;
  height: 208px;
  background-color: #ebf3f9;
  top: -208px;
  right: 1px;
}
.qualty_plcy h6{
  font-family: 'Montserrat', sans-serif;
  font-size:24px;
  letter-spacing: -0.02em;
  margin-bottom: 38px
}
.policyp{
  font-family: 'DIN-Medium';
  font-size: 20px;
  color:#636363;
  margin-bottom: 30px
}
.policyUl li{
  font-family: 'DIN-Light';
  font-size: 20px;
  color: #636363;
  margin-bottom: 18px;
  padding-left: 32px;
  position: relative;
}
.policyUl li:before{
  content:"";
  position: absolute;
  background: url(../images/sprite.png)no-repeat;
  background-position: -344px -22px;
  width:20px;
  height: 20px;
  left: 0
}
.rsrchp{
  font-family: 'DIN-Light';
  font-size: 20px;
  line-height: 28px;
  color:3636363;
  text-align: center;
}
.prfl_acheve .main_hd,.prfl_clnt .main_hd_right,.prfl_clnt .main_hd{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: -0.02em;
  color:#464646;
  text-align: center;
  padding-left: 0%;
  padding-right: 0%;
  text-transform: capitalize;
}
.prfl_clnt .main_hd{margin-bottom: 70px}
.prfl_clnt .main_hd:before{display: none}
.prfl_acheve{background-color: #fff}
.prfl_acheve  .main_hd:before,.prfl_clnt .main_hd_right:before{display: none;}
.prfl_acheve .achiv_bx{
  background: url(../images/profile_achievements_bg.jpg)no-repeat;
  background-size: contain;
}
.prfl_resrch .head_div .main_hd{
  color:#000;
  font-size: 42px;
  letter-spacing: -0.02em;
  margin: 45px 0 30px 0;
  position: relative;
  padding-left: 1%;
  text-transform: capitalize;
}
.prfl_resrch .head_div .main_hd_right{
  font-size: 42px;
  letter-spacing: -0.02em;
  margin: 45px 0 30px 0;
  position: relative;
  float: right;
  color:#000;
  padding-right: 1%;
  text-transform: capitalize;
}
.prfl_resrch .head_div .main_hd:after{
  content: "";
  position: absolute;
  height: 97%;
  width: 3px;
  background-color: #3b8cb5;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -4%;
}
.prfl_resrch .head_div .main_hd_right:after{
  content: "";
  position: absolute;
  height: 97%;
  width: 3px;
  background-color: #3b8cb5;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 104%;
}
.prfl_resrch .head_div .main_hd:before{display: none;}
.prfl_resrch .head_div .main_hd_right:before{display: none;}
.prfl_abt{padding-top: 200px}
.prod_right_desc{
  text-align: left;
  padding-left: 0%; 
  letter-spacing: 0;
}
.prod_left_desc{
  text-align: left;
  padding-left: 2%; 
  letter-spacing: 0;
}
.prd_rght_hd h5{
  text-align: left;
  padding-left: 2%
}
.prd_rght_hd h5:after{left: 0;}
.swng_hd{
  text-align: left;
  padding-left: 30%;
}
.prd_lnk{display: block;}
.prd_lnk:hover{opacity: .7}
.prd_dtl .main_hd{padding-left: 0%;}
.prd_dtl .main_hd:before{left: -27%;}
.salient_hd{
  font-family: 'DIN-Medium';
  font-size: 24px;
  color:#636363;
  margin-bottom: 13px; 
  width: 100%; 
  float: left;
}
.salntul{
  width: 100%; 
  float: left;
}
.salntul li{
  font-family: 'DIN-Light';
  font-size: 18px;
  color:#636363;
  margin-bottom: 30px; 
  float: left; 
  width: 100%;
}
.salntul li span{
  font-family: 'DIN-Medium'; 
  float: left;
  width: 100%; 
  margin-bottom: 10px;
}
.mount_hd{
  font-size: 18px;
  color: #636363;
  margin-bottom: 30px;
  float: left;
  font-family: 'DIN-Medium';
  width: 100%;
  margin-bottom: 10px;
  font-weight: normal;
}
.matrl_tbl{
  margin-left: 0%;
  width: 75%;
}
.matrl_tbl tr th{
  font-size: 21px;
  font-family: 'DIN-Medium';
  color:#3688c4;
  background-color: #ebf3f9;
  font-weight: lighter;
  padding:7px 1% !important;
}
.matrl_tbl tr td{
  font-family: 'DIN-Light';
  font-size: 18px;
  color:#555555;
  padding:7px 1% !important;
  }
.drk_hd{font-family: 'DIN-Medium' !important}
.material{padding:40px 0px;}
.material h5{margin: 0;}
.blk_hd{
  font-family: 'DIN-Light' !important;
  font-size: 15px !important;
  color:#555555 !important;
  text-transform: uppercase;
}
.dmnsn_tbl{
  margin-left: 0%; 
  width: 100%;
}
.dmnsn_tbl th{text-align: center;}
.rsgv_sf{
  width: 100%; 
  float: left;
}
.rsgv_sf li{
  font-family: 'DIN-Light';
  font-size: 18px;
  color:#636363;
  margin-bottom: 15px; 
  padding-left: 35px; 
  position: relative;
}
.rsgv_sf li:before{
  content: "";
  width: 8px; 
  height: 8px; 
  position: absolute; 
  background: #636363; 
  border-radius: 50%; 
  top: 8px; 
  left: 15px;
}
.torque_tbl{
  margin-left: 0%; 
  width: 100%;
}
.torque_tbl th{text-align: center;}
.torque_tbl tr td{text-align: center;}
.rsgv_desc{    
  font-family: 'DIN-Light';
  font-size: 18px; line-height: 26px;
  color: #636363;
}
.scroll{overflow-x: scroll;}
.meach_img h5{ 
  font-family: 'DIN-Medium';
  font-size: 22px; 
  color: #000; 
  text-align: center; 
  width: 100%; 
  float: left; 
  margin: 15px 0 20px 0;
}
.mnu_smm h6{
  font-size: 20px;
  letter-spacing: 0.06em;
  color:#0061a5; 
  margin-top: 20px; 
  width: 100%; 
  float: left; 
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}
.mnu_smm h6::before{
  content: "";
  width: 44%; 
  height: 1px; 
  position: absolute; 
  background: #a7b1b8; 
  top: 12px; 
  left: 0;
}
.mnu_smm h6::after{
  content: "";
  width: 44%; 
  height: 1px;  
  position: absolute; 
  background: #a7b1b8; 
  top: 12px; 
  right: 0;
}
.backTop{
  position: fixed;
  bottom: 48px;
  right: 20px;
  z-index: 999;
}
.backTop a{
  width: 28px;
  height: 28px;
  padding: 18px;
  display: block;
  background: #003b73;
  position: relative;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.backTop a span{
  display: block;
  bottom: 0;
  width: 12px;
  height: 12px;
  left: 0;
  right: -3px;
  margin: auto;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: -14px;
  left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.backTop a span:after{content: "\f105";}
.client_txt h6{
  font:16px 'DIN-Light'; 
  color: #656566; 
  text-align: center; 
  width: 100%; 
  float: left; 
  margin-top: 15px;
}
.prof_pad{padding-top: 5%;}
.prof_pad1{padding-top: 3%;}
.home .oem{display: none;}
.home .sticky .oem{display: block;}
.oem{
  width: 130px; 
  float: right; 
  margin-top: 2%; 
  font:700 20px/15px 'Montserrat', sans-serif; 
  color: #2D73AE; 
  text-align: center;
  text-transform: uppercase; 
  display: none;
}
.oem span{
  font-weight: 400; 
  font-size:12px;  
}
.prod_img{
  width: 250px; 
  float: left; 
  margin-bottom: 2%;
  margin-right: 5%; 
  border:#a9acb1 1px solid;
}
.pmg_mr{
  margin-right: 3% !important; 
  margin-bottom: 0 !important;
}
.infra_main{
  width: 1000px; 
  margin: 0 auto;
}
.com_img{
  width: 400px; 
  float: left; 
  margin-right: 5%; 
  border:#a9acb1 1px solid;
}
.com_img1{
  width: 490px; 
  float: left; 
  border:#a9acb1 1px solid;
  max-width: 42.5%
}
.nopad{padding: 0;}
.fBtm p{
  color: #BDBCBC;
  font-size: 13px;
  padding-top: 15px;
  margin-bottom: 15px;
  float: left;
}
.fBtm .floret{
  display: block;
  float: right;
  margin-top: 5px;
}
.fBtm .floret span{
  float: left;
  text-align: right;
  width: 145px;
  color: #BDBCBC;
  font-size: 11px;
  line-height: 11px;
  display: block;
  margin-top: 11px;
  margin-right: 8px;
}
.fBtm .floret img{float: right;}

/*.............vandana's css.............*/

/*.........Contact Form.............*/
.cntctfrm{
  position: fixed;
  width: 400px;
  z-index: 9999;
  background-color: #000;
  right:-401px;
  bottom: 70px
}
.cntctfrm .open{
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
  top: 0;
  left: -72px;
  background: #1a71ae;
} 
.cntctfrm .open span{
  display: block;
  padding: 10px;
}
.cntctfrm .open i{
  height: 40px;
  display: block;
  background: url(../images/email20.png) no-repeat center #0086ba;
}
.cntctfrm .close{
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0px;
  background: #1a71ae; 
  z-index: 99; 
  opacity: 1;
}
/*.........Contact Form end.............*/

/*.........Contact Form contact page Starts.............*/
.mini-q-form-btm{padding: 3% 0% 7% 3%;}
.sdefrm{
  padding: 7%;background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(26, 113, 174);
  -moz-box-shadow: 0px 0px 5px 0px rgb(26, 113, 174);
  box-shadow: 0px 0px 5px 0px rgb(26, 113, 174);
}
.mini-q-form-btm input[type=submit]{
  background: #185784 !important;
  text-shadow: none !important;
  border: none !important;
  box-shadow: none !important;
}
.mini-q-form-btm input[type=submit]:hover{background-color: #ff6600 !important}
.mini-q-enq-form-top input, .mini-q-enq-form-top textarea{box-shadow: none !important;}
/*.........Contact Form end.............*/

/*.........Career Page.............*/
.wrapper{
  width: 100%;
  float: left;
  position: relative;
}
.carrmain{
  width: 1250px;
  margin: 0 auto
}
.carrmain h1{
  font: 36px 'Montserrat', sans-serif;
  color: #595b5e;
  text-align: center;
  text-transform: uppercase;
}
.carrmain h6{
  font: 24px/26px 'DIN-Light';
  color: #595b5e;
  text-align: center;
  margin-top: 10px;
}
.career_form{
  width: 100%;
  float: left;
  padding: 4%;
  border: #F1F1F1 1px solid;
  border-radius: 10px;
}
.name_label{
  width: 33%;
  float: left;
  font: 16px 'DIN-Light';
  color: #333333;
  text-align: right;
  padding: 5px 10px;
}
.name_field{
  width: 65%;
  float: right;
  font: 16px 'DIN-Light';
  color: #333333;
  padding: 10px 10px;
  border: solid 1px #0061a5;
  background: #fff;
  position: relative;
}
.name_radio_div{
  width: 65%;
  float: right;
}
.name_radio{
  width: 15%;
  float: left;
  font: 16px 'DIN-Light';
  color: #333333;
  padding: 2px 0;
  background: #fff;
  position: relative;
}
.name_txtarea{
  width: 65%;
  float: right;
  font: 16px 'DIN-Light';
  color: #333333;
  padding: 5px 10px;
  border: solid 1px #0061a5;
  background: #fff;
  position: relative;
  height: 100px;
}
.name_submit{
  width: 155px;
  height: 45px;
  border: solid 3px #0061a5;
  text-align: center;
  background: none;
  font-size: 18px;
  color: #0061a5;
  cursor: pointer; 
  float: right;
}
.name_submit:hover{background: #0061a5;color: #fff;}
.mrgbtm{margin-bottom: 40px}
.mrgbtmm{margin-bottom: 60px}
input[type=file]{display: inline-block;}
.upld{width: 50%;margin-left: 2%;}

.career_div{
  width: 80%;
  margin: 0 auto;
}
.career_form{
  width: 100%;
  float: left;
  padding: 4%;
  border: #F1F1F1 1px solid;
  border-radius: 10px;
}
.car_label{
  width: 33%;
  float: left;
  font-size: 17px;
  font-weight: 300;
  color: #989898;
  text-align: right;
  padding: 5px 10px;
  line-height: 45px
}
.car_field{
  width: 40%;
  float: left;
  font-size: 17px;
  font-weight: 300;
  color: #989898;
  padding: 14px 0px 14px 18px;
  border: #ccc 1px solid;
  background: #fff;
  position: relative;
}
.car_radio{
  width: 65%;
  float: right;
  font-size: 17px;
  font-weight: 300;
  color: #989898;
  padding: 2px 0;
  background: #fff;
  position: relative;
}
.car_txtarea{
  width: 40%;
  float: left;
  font-size: 17px;
  font-weight: 300;
  color: #989898;
  padding: 14px 0px 14px 18px;
  border: #ccc 1px solid;
  background: #fff;
  position: relative;
  height: 120px;
  box-shadow: none;
}
.car_submit{
  width: 20%;
  float: right;
  padding: 17px 0;
  text-align: center;
  font: 15px 'myriad_set_protext';
  color: #fff;
  border: #479ad5 1px solid;
  border-radius: 3px;
  background: #479ad5;
  text-transform: uppercase;
  margin-right: 47%;
}
.car_submit:hover{background: #ff6900;border: #ff6900 1px solid;}
.mt1{margin-top: 1%}

/*.........Career Page End.............*/

.iv_content{
  width: 40%; 
  float: right;
}
.iv_img_div{
  width: 58%; 
  float: left;
}
.cnt_btn{
  float: left; 
  padding: 8px 25px; 
  border: solid 3px #ff6900;
  background: none;
  font-size: 18px; 
  cursor: pointer; 
  color: #fff; 
  text-transform: uppercase; 
  letter-spacing: 1px;
}
.cnt_btn:hover{
  background: #ff6900; 
  color: #fff
}

/*....breadcrumb css starts.....*/
.pageNav{
  width: 100%; 
  float: left; 
  margin-bottom: 10px; 
  margin-top: -45px; 
  padding: 0 9%;
}
.pageNav li{
  float: left; 
  font: 15px 'Montserrat', sans-serif; 
  color: #C7C8C9;
}
.pageNav li a{
  float: left; 
  font: 15px 'Montserrat', sans-serif; 
  color: #2A57A5; 
  position: relative; 
  padding-right: 15px; 
  margin-right: 10px;
}
.pageNav li a::before{
  content: "/";
  width: 5px; 
  height: 3px; 
  position: absolute;
  top: 1px; 
  right: 3px;
  color: #2A57A5;
}
.pageNav li a:hover{color: #C7C8C9;}
.trans{
  padding:0 15px; 
  float: right; 
  width: 200px; 
  padding-right: 20px; 
  margin-top: 2%; 
  margin-right: 4%;
}
.goog-te-gadget-simple{
  width: 100% !important; 
  padding: 3px 7px !important;
  background: #e5e5e5 !important; 
  border:none !important;
}
.goog-te-gadget img{ float: left !important}
.goog-te-gadget-simple{background: none !important;}
.goog-te-gadget{border:#DEE8F2 1px solid !important;}
.goog-te-gadget-simple .goog-te-menu-value span{border-left: none !important;}
.rl_pad{padding-left: 40px;}
.diom_table tr th{
  padding: 3px 1% !important; 
  font-size: 16px;
}
.diom_table tr td{
  padding: 3px 1% !important; 
  font-size: 14px;
}
.wafr_cntr{text-align: center;}
.soon_pad{padding: 10% 0px;}
.uper{text-transform: uppercase;}
.core-value svg{width:50px;height:50px;transition: 0.4s ease;}
.core-value{
	display:flex;
    flex-direction:column;
    align-items:center;
	gap:15px;
	}
	.core-value:hover svg{transform: scale(1.1);}
.saapl-cv{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
	gap:60px;
	row-gap:50px;
	}
.core-value h2{font-size:20px;}
.core-value div{
	display:flex;
    flex-direction:column;
    align-items:center;
	text-align: center;
	gap:5px;
	}
/*....breadcrumb css starts ends.....*/

/* Home Page Css Ends Here */


@media all and (max-width : 1920px){
.main_hd:before{left: -10%;}
.video_frame{top: -105px;}
.indus_prod{width: 60%;}
.cmpct_achieve .main_hd:before{left: -5%}
.resrch_dev .main_hd:before{left: -180px;}
.resrch_dev .main_hd_right:before{
  right: 0;
  width: 115px;
}
}

@media all and (max-width : 1600px){
.main_hd:before{left: -13%;}
}

@media all and (max-width : 1366px){
.main_hd:before{left: -19%;}
.main_hd{padding-left: 4%;}
.head_div .main_hd{padding-left: 5%;}
.resrch_dev .main_hd:before{
  left: -60%; 
  display: none;
}
.main_hd_right{padding-right: 3%;}
.main_hd_right:before{width: 30px;}
.resrch_dev .main_hd_right:before{display: none;}
.production h2:before{width: 58px;}
.production h2{padding-right: 6%;}
.qualty_plcy{margin-left: 52%;}
.prfl_desc h5:after, .vsn_msn h5:after, .infrast h5:after, .prfl_qualty h5:after, .prod_desc h5:after, .material h5:after, .dimension h5:after{left: -2%;}
.iv_inner{width: 1250px;}
.pageNav{padding: 0 4%;}
}

@media all and (max-width : 1280px){
.hm_container{width: 92%;}
.iv_inner{width: 92%}
.iv_container{width: 92%}
.carrmain{width: 92%}
.contmain{width: 92%}
.head_banr_desc h4{
  font-size: 45px; 
  line-height: 40px;
}
.head_banr_desc{
  width: 36%; 
  left: 20%; 
  top: 21%;
}
.head_banr_desc h5{margin-bottom: 10px;}
.head_banr_desc a{
  line-height: 35px; 
  font-size: 13px;
}
.oem{margin-top: 3%;} 
.trans{margin-top: 3%;} 
.main_hd:before{left: -20%;}
.qualty_plcy{margin-left: 50%;}
.prfl_desc{padding: 3%;}
.top_qualty:before{left: -37%;}
.mnu_smm h6::before,.mnu_smm h6::after{width: 40%;}
.achievements .main_hd{padding-left: 4%;}
}

@media all and (max-width : 1100px){
	.saapl-cv{gap:30px;}
}
@media all and (max-width : 1024px){
.hm_container{width: 980px;}
.iv_inner{width: 980px;}
.iv_container{width: 980px;}
.carrmain{width: 980px;}
.contmain{width: 980px;}
.head_banr_desc{
  width: 40%; 
  left: 15%; 
  top: 27%;
}
.head_banr_desc h4{
  font-size: 40px; 
  line-height: 40px; 
  letter-spacing: 0; 
  margin-bottom: 0;
}
.head_banr_desc p{font-size: 16px;}
.counter_box h2{font-size: 40px;}
.counter_box{padding-left: 40px;}
.counter_box h3{min-height: 30px;}
.main_hd:before{display: none;} 
.production h2:before{display: none;}
.hme_qulty_asrnce .main_hd_right:before{display: none;} 
.main_hd_right:before{display: none;}
.production h2{padding-right: 3%;}
.achiv_bx{background-size: 100% 100%;}
.prfl_acheve .achiv_bx{background-size: 100% 100%;}
.prfl_desc{padding-top: 0;}
.prfl_desc h5:after, .vsn_msn h5:after, .infrast h5:after, .prfl_qualty h5:after, .prod_desc h5:after, .material h5:after, .dimension h5:after{display: none;}
.top_qualty:before{
  left: -36%; 
  width: 425px; 
  height: 455px; 
  background-size: 100% 100%;
}
.qualty_plcy{margin-left: 48%;}
.main_hd{font-size: 50px;}
.mid_para1{
  font-size: 33px; 
  line-height: 42px;
}
.mid_para1 span{
  float: left;
  font-size: 20px; 
  line-height: 27px; 
  margin-bottom: 20px;
}
.padffty{padding-top: 5%;}
.mid_para{
  font-size: 38px; 
  line-height: 44px;
}
.mnu_smm h6::before{width: 40%;}
.mnu_smm h6::after{width: 40%;}
.head_div:before{left: -175px;}
}

@media all and (max-width : 995px){
.tab_scroll{overflow-x: scroll;}
.hm_container{width: 92%}
.iv_inner{width: 92%;}
.iv_container{width: 92%;}
.carrmain{width: 92%;}
.contmain{width: 92%;}
.logo_img{width: 50%;}
.trans{display: none;}
.home .sticky .oem{margin-right: 8%;}
.oem{margin-right: 8%;}
.head_banr_desc p{display: none;}
.head_banr_desc a{display: none;}
.counter_box{
  padding-left: 15px; 
  padding-top: 15px; 
  padding-bottom: 15px;
}
.counter_box h2{
  font-size: 28px; 
  line-height: 46px;
}
.counter_box h2:after{font-size: 33px;}
.indus_prd h3, .indus_prd h4 span{font-size: 22px;}
.indus_prd h4, .indus_prd h3 span{font-size: 22px;}
.prod_cat{padding-left: 0;}
.prod_cat h6:before{
  top: -65px; 
  left: 30px;
}
.main_hd{font-size: 38px;} 
.main_hd_right{font-size: 38px;}
.quality_cont:before{display: none;}
.saapl-cv{grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width : 600px){
body{float: left}
.mid_para{
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 30px;
}
.hm_container{width: 550px}
.cntctfrm{display: none}
.mBmW{
  margin-top: -2%;
  margin-right: 4%
}
.home .sticky .oem{
  float: left;
  margin: 1% 0
}
.sticky .oem{
  display: block;
  float: left;
  margin: 1% 0
}
.oem{font: 700 16px/14px 'Montserrat', sans-serif;}
.oem span{font-size: 10px}
.pageNav li{font: 9px 'Montserrat', sans-serif;}
.pageNav li a{font: 10px 'Montserrat', sans-serif;}
.nav-toggle:before{
  font-size: 13px;
  left: -36px
}
.head_banr_desc{
  width: 75%;
  left: 3%
}
.mainNav.open{overflow-y: scroll;}
.mnu_smm h6{font-size: 14px;}
.mnu_smm h6::before,.mnu_smm h6::after{
  width: 30%;
  top:7px;
}
.head_banr_desc h5{
  font-size: 10px;
  margin-bottom: 15px
}
.head_banr_desc h4{
  font-size: 20px;
  line-height: 20px
}
.counter_box{
  padding-top: 8px;
  padding-bottom: 8px
}
.counter_box h2{
  font-size: 22px;
  line-height: 36px
}
.counter_box h3{
  font-size: 10px;
  padding-top: 4%
}
.hm_abtus{padding: 30px 0px}
.main_hd{font-size: 28px}
.hm_abtus .mt50{margin-top: 30px}
.hm_abtus h5{
  font-size: 22px;
  margin-bottom: 12px
}
.abtp{
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 4%;
}
.head_para{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 35px;
}
.head_para span{font-size: 16px;}
.btm_para{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px
}
.rdmr{
  font-size: 30px;
  line-height: 30px
}
.indus_para p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px
}
.indus_valves{padding: 50px 0px;}
.indus_prd{
  width:100%;
  text-align: center;
}
.indus_prd a img{margin: 0 auto}
.indus_prd a:after{right: 138px}
.indus_prd h3, .indus_prd h4 span,.indus_prd h4, .indus_prd h3 span{font-size: 20px;}
.indus_prd h4, .indus_prd h3 span{margin-bottom: 15px}
.indus_prd a{margin-bottom: 30px}
.production h2{
  padding-right: 10%;
  font-size: 30px;
}

.prod_desc{
  font-size: 24px;
  margin-bottom: 30px;
}
.prod_cat h6{
  padding-left: 10%;
  padding-top: 4%;
}
.prod_cat h6:before{
  top: 4px;
  left: -19px
}
.prod_cat p{
  font-size: 16px;
  line-height: 22px;
}
.prod_desc_scnd{
  font-size: 22px;
  line-height: 27px;
  margin: 35px 0px
}
.production,.foundary,.resrch_dev,.hme_qulty_asrnce,.industry,.achievements,.clienttele,footer,.infrast,.prfl_qualty{padding: 30px 0px;}
.main_hd_right{
  font-size: 32px;
  padding-right: 8%;
}
.head_div .main_hd{
  padding-left: 8%;
  font-size: 32px
}
.head_div:before{
  font-size: 42px;
  left: -60px;
  top: 20px;
}
.resrch_dev p{
  font-size: 18px;
  margin-bottom: 15px;
}
.quality_cont{padding: 35px 0px 30px 35px;}
.quality_cont h3{
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}
.quality_cont p{
  font-size: 18px;
  line-height: 26px
}
.indusp{
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  padding-left: 10%;
}
.qlty_logo{width: 50%}
.industry .main_hd_right,.achievements .main_hd{margin-bottom: 30px;}
.head_div{margin-bottom: 15px}
footer h3{font-size: 16px;}
footer p{margin-bottom: 15px !important;}
.head_link1,.head_link{margin-bottom: 15px;}
footer .mb0{margin-bottom: 15px!important}
footer ul li{margin-bottom: 6px}
footer ul,.lstfoot .head_link{margin-bottom: 15px}
footer .mb60,footer .mb50{margin-bottom: 15px !important}
.clienttele .main_hd_right{margin-bottom: 30px}
.mainNav{padding: 1% 5%;}
.mnu_hdlnk{font-size: 16px;}
.mainNav ul li a{
  padding: 0px;
  font-size: 14px;
}
.mnu_ul{margin-top: 15px;}
.mnu_ul li{margin-bottom: 0px;}
.fundry_cmpt{clear: both}
.mnu_ul{margin-bottom: 15px}
.prfl_abt{margin-top: 15%;}
.prfl_desc,.prfl_img{width:100%}
.prfl_img{margin-bottom: 2%}
.prfl_desc h5, .vsn_msn h5, .infrast h5, .prfl_qualty h5, .prod_desc h5, .material h5, .dimension h5{
  font-size: 36px;
  margin: 20px 0 20px 0;
  padding-left: 0;
}
.infrast p span{
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-bottom: -50px;
}
.pgwSlideshow .ps-current > ul > li{width:100%;}
.pgwSlideshow{width: 45%}
.top_qualty:before{display: none;}
.top_qualty{
  margin-left: 0;
  padding: 30px 30px 30px 30px;
}
.qualty_plcy{
  margin-left: 0;
  padding: 30px
}
.top_qualty h4{
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 15px;
}
.top_qualty p{
  font-size: 16px;
  line-height: 24px
}
.top_qualty .mb40{margin-bottom: 15px}
.qualty_plcy h6{
  font-size: 20px;
  margin-bottom: 15px;
}
.policyp{font-size: 16px}
.prfl_resrch .head_div .main_hd,.prfl_resrch .head_div .main_hd_right{
  font-size: 27px;
  margin: 30px 0 30px 0;
}
.prfl_resrch .head_div .main_hd_right{margin-right: 4%;}
.prfl_resrch .head_div:before{
  left: -44px;
  font-size: 38px;
  top: 24px
}
.prfl_resrch .head_div .main_hd{margin-left: 4%;}
.prfl_resrch .head_div .main_hd_right:after{left: 100%;}
.achievements .main_hd{font-size: 34px;}
#infra{overflow: hidden;}
.prod_desc .pad0{padding:0 15px;}
.prod_desc .rdmr{float: left;}
.iv_inner{width: 550px}
.iv_img_div,.iv_content{width: 100%}
.iv_content{padding-left: 25px;}
.mid_para1{
  font-size: 26px;
  line-height: 34px;
}
.mid_para1 span{
  font-size: 18px;
  line-height: 24px;
}
.prfl_abt .mb70{margin-bottom: 30px}
body.indust .prd_lnk{padding-top: 14%}
body.indust .prod_desc h5{font-size: 24px;}
body.indust .prod_desc p{
  font-size: 16px;
  line-height: 24px;
}
.matrl_tbl tr td{
  font-size: 12px;
  padding: 5px 1% !important
}
.matrl_tbl tr th{font-size: 16px;}
.matrl_tbl{width: 97%;}
.rl_pad{padding-left: 0;}
.carrmain{width: 270px}
.career_div{width: 100%;}
.name_radio{font: 12px 'DIN-Light';}
.name_label{font: 14px 'DIN-Light';}
.name_submit{
  width: 118px;
  height: 34px;
  font-size: 16px
}
.carrmain h1{font: 30px 'Montserrat', sans-serif;}
.carrmain h6{font: 20px/24px 'DIN-Light'}
.name_field{padding: 5px 5px;}
.name_txtarea{height: 70px;} 
.car_label{
  font-size: 14px;
  line-height: 18px;
} 
.car_field{
  width: 65%;
  padding: 10px 0px 10px 8px;
  font-size: 14px
}
.car_radio{font-size: 14px}
.car_txtarea{width: 65%}
.saapl-cv{grid-template-columns: repeat(2, 1fr);}
}

@media all and (max-width : 480px){
body{float: left}
.mid_para{
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 30px;
}
.hm_container{width: 440px}
.cntctfrm{display: none}
.mBmW{
  margin-top: -2%;
  margin-right: 4%
}
.home .sticky .oem{
  float: left;
  margin: 1% 0;
  padding-top: 1%;
}
.sticky .oem{
  display: block;
  float: left;
  margin: 1% 0
}
.oem{font: 700 16px/14px 'Montserrat', sans-serif;}
.oem span{font-size: 10px}
.pageNav li{font: 9px 'Montserrat', sans-serif;}
.pageNav li a{font: 10px 'Montserrat', sans-serif;}
.nav-toggle:before{display: none;}
.head_banr_desc{
  width: 75%;
  left: 3%
}
.mainNav.open{overflow-y: scroll;}
.mnu_smm h6{font-size: 14px;}
.mnu_smm h6::before,.mnu_smm h6::after{
  width: 30%;
  top:7px;
}
.head_banr_desc h5{
  font-size: 10px;
  margin-bottom: 15px
}
.head_banr_desc h4{
  font-size: 20px;
  line-height: 20px
}
.counter_box{
  padding-top: 8px;
  padding-bottom: 8px
}
.counter_box h2{
  font-size: 22px;
  line-height: 36px
}
.counter_box h3{
  font-size: 10px;
  padding-top: 4%
}
.hm_abtus{padding: 30px 0px}
.main_hd{font-size: 28px}
.hm_abtus .mt50{margin-top: 30px}
.hm_abtus h5{
  font-size: 22px;
  margin-bottom: 12px
}
.abtp{
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 4%;
}
.head_para{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 35px;
}
.head_para span{font-size: 16px;}
.btm_para{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px
}
.rdmr{
  font-size: 30px;
  line-height: 30px
}
.indus_para p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px
}
.indus_valves{padding: 50px 0px;}
.indus_prd{
  width:100%;
  text-align: center;
}
.indus_prd a img{margin: 0 auto}
.indus_prd a:after{right: 40px}
.indus_prd h3, .indus_prd h4 span,.indus_prd h4, .indus_prd h3 span{font-size: 20px;}
.indus_prd h4, .indus_prd h3 span{margin-bottom: 15px}
.indus_prd a{margin-bottom: 30px}
.production h2{
  padding-right: 10%;
  font-size: 30px;
}
.prod_desc{
  font-size: 24px;
  margin-bottom: 30px;
}
.prod_cat h6{
  padding-left: 10%;
  padding-top: 4%;
}
.prod_cat h6:before{
  top: 4px;
  left: -19px
}
.prod_cat p{
  font-size: 16px;
  line-height: 22px;
}
.prod_desc_scnd{
  font-size: 22px;
  line-height: 27px;
  margin: 35px 0px
}
.production,.foundary,.resrch_dev,.hme_qulty_asrnce,.industry,.achievements,.clienttele,footer,.infrast,.prfl_qualty{padding: 30px 0px;}
.main_hd_right{
  font-size: 20px;
  padding-right: 7%;
}
.head_div .main_hd{
  padding-left: 1%;
  font-size: 20px
}
.head_div:before{
  font-size: 30px;
  left: -60px;
  top: 30px;
}
.resrch_dev p{
  font-size: 18px;
  margin-bottom: 15px;
}
.quality_cont{padding: 35px 0px 30px 35px;}
.quality_cont h3{
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}
.quality_cont p{
  font-size: 18px;
  line-height: 26px
}
.indusp{
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  padding-left: 10%;
}
.qlty_logo{width: 50%}
.industry .main_hd_right,.achievements .main_hd{margin-bottom: 30px;}
.head_div{margin-bottom: 15px}
footer h3{font-size: 16px;}
footer p{margin-bottom: 15px !important;}
.head_link1,.head_link{margin-bottom: 15px;}
footer .mb0{margin-bottom: 15px!important}
footer ul li{margin-bottom: 6px}
footer ul,.lstfoot .head_link{margin-bottom: 15px}
footer .mb60,footer .mb50{margin-bottom: 15px !important}
.clienttele .main_hd_right{margin-bottom: 30px}
.mainNav{padding: 1% 5%;}
.mnu_hdlnk{font-size: 12px;}
.mainNav ul li a{
  padding: 0px;
  font-size: 10px;
}
.mnu_ul{margin-top: 15px;}
.mnu_ul li{margin-bottom: 0px;}
.fundry_cmpt{clear: both}
.mnu_ul{margin-bottom: 15px}
.prfl_abt{margin-top: 15%;}
.prfl_desc,.prfl_img{width:100%}
.prfl_img{margin-bottom: 2%}
.prfl_desc h5, .vsn_msn h5, .infrast h5, .prfl_qualty h5, .prod_desc h5, .material h5, .dimension h5{
  font-size: 36px;
  margin: 20px 0 20px 0;
  padding-left: 0;
}
.infrast p span{
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-bottom: -50px;
}
.pgwSlideshow .ps-current > ul > li{width:100%;}
.pgwSlideshow{width: 45%}
.top_qualty:before{display: none;}
.top_qualty{
  margin-left: 0;
  padding: 30px 30px 30px 30px;
}
.qualty_plcy{
  margin-left: 0;
  padding: 30px
}
.top_qualty h4{
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 15px;
}
.top_qualty p{
  font-size: 16px;
  line-height: 24px
}
.top_qualty .mb40{margin-bottom: 15px}
.qualty_plcy h6{font-size: 20px;margin-bottom: 15px;}
.policyp{font-size: 16px}
.prfl_resrch .head_div .main_hd,.prfl_resrch .head_div .main_hd_right{
  font-size: 27px;
  margin: 30px 0 30px 0;
}
.prfl_resrch .head_div .main_hd_right{margin-right: 4%;}
.prfl_resrch .head_div:before{
  left: -44px;
  font-size: 38px;
  top: 24px
}
.prfl_resrch .head_div .main_hd{margin-left: 4%;}
.prfl_resrch .head_div .main_hd_right:after{left: 100%;}
.achievements .main_hd{font-size: 34px;}
#infra{overflow: hidden;}
.prod_desc .pad0{padding:0 15px;}
.prod_desc .rdmr{float: left;}
.iv_inner{width: 345px}
.iv_img_div,.iv_content{width: 100%}
.iv_content{padding-left: 25px;}
.mid_para1{
  font-size: 26px;
  line-height: 34px;
}
.mid_para1 span{
  font-size: 18px;
  line-height: 24px;
}
.prfl_abt .mb70{margin-bottom: 30px}
body.indust .prd_lnk{padding-top: 30%}
body.indust .prod_desc h5{font-size: 24px;}
body.indust .prod_desc p{
  font-size: 16px;
  line-height: 24px;
}
.matrl_tbl tr td{
  font-size: 12px;
  padding: 5px 1% !important
}
.matrl_tbl tr th{font-size: 16px;}
.matrl_tbl{width: 97%;}
.rl_pad{padding-left: 0;}
.carrmain{width: 270px}
.career_div{width: 100%;}
.name_radio{font: 12px 'DIN-Light';}
.name_label{font: 14px 'DIN-Light';}
.name_submit{
  width: 118px;
  height: 34px;
  font-size: 16px
}
.carrmain h1{font: 30px 'Montserrat', sans-serif;}
.carrmain h6{font: 20px/24px 'DIN-Light'}
.name_field{padding: 5px 5px;}
.name_txtarea{height: 70px;}  
.saapl-cv{grid-template-columns: repeat(1, 1fr);}
.core-value{width:95%;margin:auto;}
}

@media all and (max-width : 414px){
.hm_container{width: 365px;}
}

@media all and (max-width : 375px){
.hm_container{width: 345px;}
}

@media all and (max-width : 360px){
body{float: left}
.mid_para{
  font-size: 32px !important;
  line-height: 38px;
  margin-bottom: 30px;
}
.hm_container{width: 270px}
.cntctfrm{display: none}
.mBmW{
  margin-top: -4%;
  margin-right: 4%
}
.home .sticky .oem{
  float: left;
  margin: 1% 0
}
.sticky .oem{
  display: block;
  float: left;
  margin: 1% 0
}
.oem{font: 700 16px/14px 'Montserrat', sans-serif;}
.oem span{font-size: 10px}
.pageNav li{font: 9px 'Montserrat', sans-serif;}
.pageNav li a{font: 10px 'Montserrat', sans-serif;}
.nav-toggle:before{
  font-size: 13px;
  left: -36px
}
.head_banr_desc{
  width: 75%;
  left: 3%
}
.head_banr_desc h5{
  font-size: 10px;
  margin-bottom: 15px
}
.mainNav.open{overflow-y: scroll;}
.head_banr_desc h4{
  font-size: 20px;
  line-height: 20px
}
.mnu_smm h6{font-size: 14px;}
.mnu_smm h6::before,.mnu_smm h6::after{
  width: 30%;
  top:7px;
}
.counter_box{
  padding-top: 8px;
  padding-bottom: 8px
}
.counter_box h2{
  font-size: 22px;
  line-height: 36px
}
.counter_box h3{
  font-size: 10px;
  padding-top: 4%
}
.hm_abtus{padding: 30px 0px}
.main_hd{font-size: 28px}
.hm_abtus .mt50{margin-top: 30px}
.hm_abtus h5{
  font-size: 22px;
  margin-bottom: 12px
}
.abtp{
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 4%;
}
.head_para{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 35px;
}
.head_para span{font-size: 16px;}
.btm_para{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px
}
.rdmr{
  font-size: 30px;
  line-height: 30px
}
.indus_para p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px
}
.indus_valves{padding: 50px 0px;}
.indus_prd{width:100%}
.indus_prd h3, .indus_prd h4 span,.indus_prd h4, .indus_prd h3 span{font-size: 20px;}
.indus_prd h4, .indus_prd h3 span{margin-bottom: 15px}
.indus_prd a{margin-bottom: 30px}
.production h2{
  padding-right: 10%;
  font-size: 30px;
}
.prod_desc{
  font-size: 24px;
  margin-bottom: 30px;
}
.prod_cat h6{
  padding-left: 17%;
  padding-top: 4%;
}
.prod_cat h6:before{
  top: 4px;
  left: -19px
}
.prod_cat p{
  font-size: 16px;
  line-height: 22px;
}
.prod_desc_scnd{
  font-size: 22px;
  line-height: 27px;
  margin: 35px 0px
}
.production,.foundary,.resrch_dev,.hme_qulty_asrnce,.industry,.achievements,.clienttele,footer,.infrast,.prfl_qualty{padding: 30px 0px;}
.main_hd_right{
  font-size: 20px;
  padding-right: 7%;
}
.head_div .main_hd{
  padding-left: 1%;
  font-size: 20px
}
.head_div:before{
  font-size: 30px;
  left: -60px;
  top: 30px;
}
.resrch_dev p{
  font-size: 18px;
  margin-bottom: 15px;
}
.quality_cont{padding: 35px 0px 30px 35px;}
.quality_cont h3{
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}
.quality_cont p{
  font-size: 18px;
  line-height: 26px
}
.indusp{
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  padding-left: 10%;
}
.qlty_logo{width: 50%}
.industry .main_hd_right,.achievements .main_hd{margin-bottom: 30px;}
.head_div{margin-bottom: 15px}
footer h3{font-size: 16px;}
footer p{margin-bottom: 15px !important;}
.head_link1,.head_link{margin-bottom: 15px;}
footer .mb0{margin-bottom: 15px!important}
footer ul li{margin-bottom: 6px}
footer ul,.lstfoot .head_link{margin-bottom: 15px}
footer .mb60,footer .mb50{margin-bottom: 15px !important}
.clienttele .main_hd_right{margin-bottom: 30px}
.mainNav{padding: 1% 5%;}
.mnu_hdlnk{font-size: 12px;}
.mainNav ul li a{
  padding: 0px;
  font-size: 10px;
}
.mnu_ul{margin-top: 15px;}
.mnu_ul li{margin-bottom: 0px;}
.fundry_cmpt{clear: both}
.mnu_ul{margin-bottom: 15px}
.prfl_abt{margin-top: 20%;}
.prfl_desc,.prfl_img{width:100%}
.prfl_img{margin-bottom: 2%}
.prfl_desc h5, .vsn_msn h5, .infrast h5, .prfl_qualty h5, .prod_desc h5, .material h5, .dimension h5{
  font-size: 36px;
  margin: 20px 0 20px 0;
  padding-left: 0;
}
.infrast p span{
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-bottom: -50px;
}
.pgwSlideshow .ps-current > ul > li{width:100%;}
.pgwSlideshow{width: 25%}
.top_qualty:before{display: none;}
.top_qualty{
  margin-left: 0;
  padding: 30px 30px 30px 30px;
}
.qualty_plcy{
  margin-left: 0;
  padding: 30px
}
.top_qualty h4{
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 15px;
}
.top_qualty p{
  font-size: 16px;
  line-height: 24px
}
.top_qualty .mb40{margin-bottom: 15px}
.qualty_plcy h6{
  font-size: 20px;
  margin-bottom: 15px;
}
.policyp{font-size: 16px}
.prfl_resrch .head_div .main_hd,.prfl_resrch .head_div .main_hd_right{
  font-size: 20px;
  margin: 30px 0 30px 0;
}
.prfl_resrch .head_div .main_hd_right{margin-right: 4%;}
.prfl_resrch .head_div:before{
  left: -44px;
  font-size: 26px;
  top: 37px;
}
.prfl_resrch .head_div .main_hd{margin-left: 4%;}
.prfl_resrch .head_div .main_hd_right:after{left: 100%;}
.achievements .main_hd{font-size: 34px;}
#infra{overflow: hidden;}
.prod_desc .pad0{padding:0 15px;}
.prod_desc .rdmr{float: left;}
.iv_inner{width: 290px}
.iv_img_div,.iv_content{width: 100%}
.iv_content{padding-left: 25px;}
.mid_para1{
  font-size: 26px;
  line-height: 34px;
}
.mid_para1 span{
  font-size: 18px;
  line-height: 24px;
}
.prfl_abt .mb70{margin-bottom: 30px}
body.indust .prd_lnk{padding-top: 30%}
body.indust .prod_desc h5{font-size: 24px;}
body.indust .prod_desc p{
  font-size: 16px;
  line-height: 24px;
}
.matrl_tbl tr td{
  font-size: 12px;
  padding: 5px 1% !important
}
.matrl_tbl tr th{font-size: 16px;}
.matrl_tbl{width: 97%;}
.rl_pad{padding-left: 0;}
.carrmain{width: 270px}
.career_div{width: 100%;}
.name_radio{font: 12px 'DIN-Light';}
.name_label{font: 14px 'DIN-Light';}
.name_submit{
  width: 118px;
  height: 34px;
  font-size: 16px
}
.carrmain h1{font: 30px 'Montserrat', sans-serif;}
.carrmain h6{font: 20px/24px 'DIN-Light'}
.name_field{padding: 5px 5px;}
.name_txtarea{height: 70px;}
}

@media all and (max-width : 320px){
body{float: left}
.mid_para{
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 30px;
}
.hm_container{width: 270px}
.cntctfrm{display: none}
.mBmW{
  margin-top: -4%;
  margin-right: 4%
}
.home .sticky .oem{
  float: left;
  margin: 1% 0
}
.sticky .oem{
  display: block;
  float: left;
  margin: 1% 0
}
.oem{font: 700 16px/14px 'Montserrat', sans-serif;}
.oem span{font-size: 10px}
.pageNav li{font: 9px 'Montserrat', sans-serif;}
.pageNav li a{font: 10px 'Montserrat', sans-serif;}
.nav-toggle:before{
  font-size: 13px;
  left: -36px
}
.head_banr_desc{
  width: 75%;
  left: 3%
}
.head_banr_desc h5{
  font-size: 10px;
  margin-bottom: 15px
}
.mainNav.open{overflow-y: scroll;}
.head_banr_desc h4{
  font-size: 20px;
  line-height: 20px
}
.mnu_smm h6{font-size: 14px;}
.mnu_smm h6::before,.mnu_smm h6::after{
  width: 30%;
  top:7px;
}
.counter_box{
  padding-top: 8px;
  padding-bottom: 8px
}
.counter_box h2{
  font-size: 22px;
  line-height: 36px
}
.counter_box h3{
  font-size: 10px;
  padding-top: 4%
}
.hm_abtus{padding: 30px 0px}
.main_hd{font-size: 28px}
.hm_abtus .mt50{margin-top: 30px}
.hm_abtus h5{
  font-size: 22px;
  margin-bottom: 12px
}
.abtp{
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 4%;
}
.head_para{
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 35px;
}
.head_para span{font-size: 16px;}
.btm_para{
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px
}
.rdmr{
  font-size: 30px;
  line-height: 30px
}
.indus_para p{
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 30px
}
.indus_valves{padding: 50px 0px;}
.indus_prd{width:100%}
.indus_prd h3, .indus_prd h4 span,.indus_prd h4, .indus_prd h3 span{font-size: 20px;}
.indus_prd h4, .indus_prd h3 span{margin-bottom: 15px}
.indus_prd a{margin-bottom: 30px}
.production h2{
  padding-right: 10%;
  font-size: 30px;
}
.prod_desc{
  font-size: 24px;
  margin-bottom: 30px;
}
.prod_cat h6{
  padding-left: 17%;
  padding-top: 4%;
}
.prod_cat h6:before{
  top: 4px;
  left: -19px
}
.prod_cat p{
  font-size: 16px;
  line-height: 22px;
}
.prod_desc_scnd{
  font-size: 22px;
  line-height: 27px;
  margin: 35px 0px
}
.production,.foundary,.resrch_dev,.hme_qulty_asrnce,.industry,.achievements,.clienttele,footer,.infrast,.prfl_qualty{padding: 30px 0px;}
.main_hd_right{
  font-size: 20px;
  padding-right: 7%;
}
.head_div .main_hd{
  padding-left: 1%;
  font-size: 20px
}
.head_div:before{
  font-size: 30px;
  left: -60px;
  top: 30px;
}
.resrch_dev p{
  font-size: 18px;
  margin-bottom: 15px;
}
.quality_cont{padding: 35px 0px 30px 35px;}
.quality_cont h3{
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}
.quality_cont p{
  font-size: 18px;
  line-height: 26px
}
.indusp{
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  padding-left: 10%;
}
.qlty_logo{width: 50%}
.industry .main_hd_right,.achievements .main_hd{margin-bottom: 30px;}
.head_div{margin-bottom: 15px}
footer h3{font-size: 16px;}
footer p{margin-bottom: 15px !important;}
.head_link1,.head_link{margin-bottom: 15px;}
footer .mb0{margin-bottom: 15px!important}
footer ul li{margin-bottom: 6px}
footer ul,.lstfoot .head_link{margin-bottom: 15px}
footer .mb60,footer .mb50{margin-bottom: 15px !important}
.clienttele .main_hd_right{margin-bottom: 30px}
.mainNav{padding: 1% 5%;}
.mnu_hdlnk{font-size: 12px;}
.mainNav ul li a{
  padding: 0px;
  font-size: 10px;
}
.mnu_ul{margin-top: 15px;}
.mnu_ul li{margin-bottom: 0px;}
.fundry_cmpt{clear: both}
.mnu_ul{margin-bottom: 15px}
.prfl_abt{margin-top: 20%;}
.prfl_desc,.prfl_img{width:100%}
.prfl_img{margin-bottom: 2%}
.prfl_desc h5, .vsn_msn h5, .infrast h5, .prfl_qualty h5, .prod_desc h5, .material h5, .dimension h5{
  font-size: 36px;
  margin: 20px 0 20px 0;
  padding-left: 0;
}
.infrast p span{
  font-size: 20px;
  line-height: 28px;
  text-align: left;
  margin-bottom: -50px;
}
.pgwSlideshow .ps-current > ul > li{width:100%;}
.pgwSlideshow{width: 25%}
.top_qualty:before{display: none;}
.top_qualty{
  margin-left: 0;
  padding: 30px 30px 30px 30px;
}
.qualty_plcy{
  margin-left: 0;
  padding: 30px
}
.top_qualty h4{
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 15px;
}
.top_qualty p{
  font-size: 16px;
  line-height: 24px
}
.top_qualty .mb40{margin-bottom: 15px}
.qualty_plcy h6{
  font-size: 20px;
  margin-bottom: 15px;
}
.policyp{font-size: 16px}
.prfl_resrch .head_div .main_hd,.prfl_resrch .head_div .main_hd_right{
  font-size: 20px;
  margin: 30px 0 30px 0;
}
.prfl_resrch .head_div .main_hd_right{margin-right: 4%;}
.prfl_resrch .head_div:before{
  left: -44px;
  font-size: 26px;
  top: 37px;
}
.prfl_resrch .head_div .main_hd{margin-left: 4%;}
.prfl_resrch .head_div .main_hd_right:after{left: 100%;}
.achievements .main_hd{font-size: 34px;}
#infra{overflow: hidden;}
.prod_desc .pad0{padding:0 15px;}
.prod_desc .rdmr{float: left;}
.iv_inner{width: 290px}
.iv_img_div,.iv_content{width: 100%}
.iv_content{padding-left: 25px;}
.mid_para1{
  font-size: 26px;
  line-height: 34px;
}
.mid_para1 span{
  font-size: 18px;
  line-height: 24px;
}
.prfl_abt .mb70{margin-bottom: 30px}
body.indust .prd_lnk{padding-top: 30%}
body.indust .prod_desc h5{font-size: 24px;}
body.indust .prod_desc p{
  font-size: 16px;
  line-height: 24px;
}
.matrl_tbl tr td{
  font-size: 12px;
  padding: 5px 1% !important
}
.matrl_tbl tr th{font-size: 16px;}
.matrl_tbl{width: 97%;}
.rl_pad{padding-left: 0;}
.carrmain{width: 270px}
.career_div{width: 100%;}
.name_radio{font: 12px 'DIN-Light';}
.name_label{font: 14px 'DIN-Light';}
.name_submit{
  width: 118px;
  height: 34px;
  font-size: 16px
}
.carrmain h1{font: 30px 'Montserrat', sans-serif;}
.carrmain h6{font: 20px/24px 'DIN-Light'}
.name_field{padding: 5px 5px;}
.name_txtarea{height: 70px;}
}

span.require {
    color: #f50505;
}

span.bg {
    background-color: #fff;
    text-align: center;
    padding: 10px;
	    display: flow-root;
}
a.newhover span:hover {
    color: #ff6600;
}
a.rdmr.know {
    background-color: #cfddeb;
    padding: 8px 14px 10px 14px;
    color: #000;
}
a.rdmr.know:hover {
   color: #fff;
    background-color: #1b84c3;
}

#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.achiv_bx{margin-bottom:35px;height:550px;}
.owl-theme .owl-controls .owl-page span{background:#000;}
.achiv_bx.item{padding: 50px 40px 200px 40px;}















/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  max-width: 900px; 
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #c7c4c4;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #ff6800;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  width: 100px;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  color: #605d5d;
  padding: 5px;
  margin-bottom: 20px;
}
/* custom*/
.cd-horizontal-timeline .events a::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background: #fff;
  bottom: -20px;
  left: 50%;
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -25px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #c7c4c4;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #ff3d7f;
  border-color: #fff;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #ff6600;
  border-color: #ff6600;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color:#c7c4c4;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==)
    no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
  color: #fff;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #ff3d7f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #ff3d7f;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
 /*  max-width: 800px; */
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 3em !important;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.5em !important;
  color: #fff;
}
.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 1.5em !important;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.capt {
    width: 20%;
    float: right;
    padding: 17px 0;
    text-align: center;
    font: 15px 'myriad_set_protext';
    color: #fff;
    text-transform: uppercase;
    margin-right: 47%;
}