@media only screen and (max-width:1450px){
header{padding:16px 0px 15px;}    
header .menuMain li.active > a:before{ bottom: -32px;} 
.banHome figure{max-height:700px; overflow:hidden}    
.ourOffer{    padding:40px 0px;}    
.ourOffer .pt5 { padding-top: 30px;} 
.whyChooUs2  {    padding:50px 0px;}      
.formEnqu   {    padding:40px 0px;}     
.about figure {max-height:250px;  }
.banOurOf figure { max-height: 380px;  } 
.getInTouch figure {max-height:400px;  } 
.getInTouch .getInText {  margin-top: 12%;}   
.footerMain { padding:40px 0px 80px;}  
.legalDiscla .quer_bg {margin-top: -50px; padding:40px 20px 50px;   }    
}


@media only screen and (max-width:1280px){
.whoWeAre .bg_WeAre{ padding: 30px;}
.container{ max-width: 100%; padding-left: 30px; padding-right: 30px;}
.botFooter {    padding-top: 20px;    padding-bottom: 20px;}
.footerMain {    padding: 40px 0px 40px;}
.submitbtn{ margin-top: 0px;}
.ourOffeMain { padding-bottom: 40px;}
.knowMore { font-size: 16px;}
}


@media only screen and (max-width:1150px){
.banHome .banText h1 {font-size: 36px;}
.banHome .banText h6 { font-size: 16px;line-height:30px;  }
.whoWeAre { margin-top: -50px;}
.whoWeAre .bg_WeAre{padding:24px;}
.whoWeAre .bg_WeAre .moreAbou {padding-top: 5px;}    
.ourOffer {padding: 60px 0px; }
.ourOffer .bg-white { padding: 0px 30px; }  
.whyChooUs .bg_black{    padding:30px;} 
.whyChooUs {padding:65px 0px; }  
.whyChooUs .bg_black ul li{font-size:14px; line-height: 22px;}

.ourOffer .pt5 { padding-top: 30px;}  
  .formEnqu { padding:60px 0px;}  
   .whyChooUs .bg_black .whyChoText{padding-right:20px} 
    header .menuMain li { padding-left: 20px; padding-right: 20px;} 
  .priPolicy ol li { font-size: 14px; line-height: 22px;}   
 p { font-size: 14px; line-height: 22px;}   
h2 {  font-size: 26px;line-height: 36px;}
h3 {font-size:22px; margin-bottom: 1.1rem;}    
.footerMain {padding:60px 0px 80px;}   
.ourOffeMain .bg_white{padding:60px 58px 0px;}    
 .ourOffeMain .title h5{  font-size:18px;line-height:30px;}
   .ourOffeMain .pt5 { padding-top:30px;} 
   .ourOffeMain { padding-bottom:100px;}
    .bgMission .textMiss,.bgMission .textVisi{padding:20px;}
 .railMaint h1{  font-size: 24px;line-height:32px;} 
.railMaint .title {margin-bottom: 1rem;}   
.getInTouch .getInText { padding-top:150px;}
.queryform .quer_bg {    padding:30px 30px 50px;}   
.queryform .corpOff{ padding:30px 20px;}    
  .getInTouch .getInText h1,.formEnqu .enquNow h6{  font-size: 24px;line-height:32px;} 
.getInTouch .getInText h4,.formEnqu .enquNow p{  font-size:20px;line-height:30px;}  
    .queryform .corpOff h3 {  font-size:20px;line-height:30px;}  
    .queryform .corpOff h5{font-size:16px; line-height:26px;} 
    .whyChooUs2 { padding: 60px 0px;   }
    }
@media only screen and (max-width:991px){
    header{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -2.38%, rgba(0, 0, 0, 0.80) 2.64%, #000 98%);padding: 10px 0px}    
.banHome .banText h1 {font-size:30px;}    
 .ourOffer .bg-white { padding:10px 16px;    }
.ourOffer .bg-white .moreAbou {padding-top:2px;}    
.ourOffer .knowMore {font-size: 16px;height:40px; line-height: 18px;}
 .footerMain .socialMedia a {margin-right: 5px;}   
    .priPolicy ol li { font-size: 14px; line-height: 26px;}
p { font-size: 14px; line-height: 26px;}   
h2 {  font-size: 22px;line-height:32px;}
 h3 {font-size:20px; margin-bottom:0.8rem;line-height:30px;}
.whyChooUs .bg_black .whyChoText{padding-right:0px} 
.ourOffeMain .bg_white{padding:40px 30px;}  
  .ourOffeMain .pt5 { padding-top:30px;}
 .ourOffeMain .title h5{  font-size:16px;line-height:26px;}  
   .ourOffeMain { padding-bottom:40px;}  
.ourOffeMain h2 {  margin-bottom: 1.2rem;}  
    .ourOffeMain .bg-white { padding:30px; border:1px solid rgba(22, 209, 128, 1)}
.ourOffeMain .bg-white.righ { padding:30px; border:1px solid rgba(22, 209, 128, 1)}   
.futurEnde{padding:40px 0px;}
.railMaint h1{  font-size: 22px;line-height:30px;} 
.railMaint .title .link {font-size:14px; }
.railMaint .title .link .pe-4 {padding-right:.4rem !important;} 
.railMaint .contManuf { padding:30px; padding-bottom:60px;}
.queryform .quick-know p{font-size: 14px; line-height: 24px;}   
.queryform .formQuery h5{font-size:18px; line-height:26px}  
.getInTouch .getInText {padding-top: 110px;    } 
.queryform .quer_bg { padding: 20px 20px 30px;   }  
.abouOverCont h3   {  font-size: 22px;line-height:30px;}  
.aboutOverv .aboutNav li.active a:before{display:none}    
.abouOverCont .card .card-img{ max-width:230px;}    
.abouOverCont .card .card-body{ padding: 20px 16px;}   
.abouOverCont.mission {margin-bottom: 60px;}
.career-top h1{  font-size: 22px;line-height:30px;}
    .career-top .card{padding: 20px;margin-top:30px;}    
    .career-top .card p{font-size:18px; line-height:26px} 
    .viewjob{    font-size: 15px;    padding: 11px 20px;margin-left:15px;}  
    .career-top { padding: 150px 0px 50px;}
    .submitbtn{margin-top:10px;font-size:16px;line-height:45px; padding: 0px 20px;}
    .enquireNow{    padding: 10px 16px;font-size:16px;line-height: 21px;}  
    .knowMoreAbou{    padding: 10px 16px;font-size:16px;line-height: 21px;}  
    .whyChooUs2 ul li{font-size: 15px;line-height: 21px;}     
    .formEnqu .form-control.form-control2{    min-height: 100px;}
    .queryform {margin-top: -4%;}
}

@media only screen and (max-width:767px){
html, body {width: 100%;overflow-x: hidden;}    
.desktop {display: none;}
.mobishow {display: block;}
.stemLog img{max-width:140px;} 
.banHome{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -2.38%, rgba(0, 0, 0, 0.80) 2.64%, #000 98%);}
 .ourOffer .bg-white { padding:20px 20px 30px;    }  
.whyChooUs .bg_black {   padding:20px;    }   
 .whyChooUs .bg_black  .whyCholi {padding-top:40px}   
.enquireNow{font-size:13px;padding:8px 16px;} 
.ourOffer .pt5 { padding-top: 20px;    }
    .formEnqu_bg  .enquNow{padding-bottom:5px;}
 .formEnqu { padding:40px 0px 10px;}
.about figure { max-height: 200px;    }
.footerMain {padding:40px 0px; text-align:center;}
    .footerMain .linkInfo{text-align: center}    
    .footerMain .linkInfo .quickLin{display:none} 
    .footerMain .linkInfo .follUsOn {padding-top:30px} 
.footerMain h4 { font-size: 14px;line-height: 25px; margin-bottom: 1.5rem;}
    .footerMain .socialMedia {justify-content: space-between;padding-left:30px; padding-right:30px;}
    .botFooter{text-align: center;}  
    .botFooter ul{justify-content: center !important;margin-top:15px;}
.ourOffeMain .bg_white{ padding:30px 20px;}
.ourOffeMain .bg-white,.ourOffeMain .bg-white.righ {  padding: 20px 16px 25px; border: 1px solid rgba(22, 209, 128, 1); margin-bottom:20px;} 
 .futurEnde .title { padding-bottom: 1.1rem;}
    .futurEnde .bg-white{margin-bottom:30px;}    
    .ourOffeMain .knowMore { font-size:14px;  }     
.futurEnde .know_More    { font-size:14px;  } 
 .railMaint h1{  font-size:14px;line-height:24px;}
    .railMaint .title .link {font-size:10px;  white-space: nowrap; }
.railMaint .contManuf { padding:30px 10px; padding-bottom:30px;}    
 h4 {font-size: 16px; }
    .getInTouch .getInText {padding-top:20px;    }    
.getInTouch {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) -2.38%, rgba(0, 0, 0, 0.60) 2.64%, #000 98%);padding-bottom:0px;}
.queryform .quer_bg {padding:20px 0px 60px; }
.formQuery {margin-top:40px}
.queryform .formQuery h5{font-size:16px; line-height:24px}  
    .queryform .corpOff h3 {font-size: 18px; line-height: 26px;    margin-bottom:1.3rem;    }  
.abouOverCont h3   {  font-size:20px;} 
#navBar {display: flex;list-style: none; padding: 0; margin: 0; overflow-x: auto; width:100%; white-space: nowrap;  scroll-behavior: smooth; }
.blackside.fixed{ width:calc(100% - 0px); padding-left:15px!important;padding-right:15px; left:0; background-color: rgba(247, 251, 244, 0.91) ;top: 60px !important;}    
#navBar li { flex: 0 0 auto; padding: 10px 16px;}  
.borderleft:after{display:none}    
.aboutOverv .aboutNav { padding-left: 0px;padding-bottom:20px;padding-top:20px }  
#navBar li:first-child{padding-left:0px}
.blackside {top:0px !important;}
.abouOverCont {padding:0px 0px 30px;}
.abouOverCont p{font-size:14px; line-height:26px; margin-bottom:20px;}   
    .abouOverCont .card,.abouOverCont .card2{display:block}
    .abouOverCont .card .card-img,.abouOverCont .card2 .card-img2 {max-width: 100%; width:100%;   }
    .abouOverCont .card .card-img  img, .abouOverCont .card2 .card-img2 img{width:100%}
    .abouOverCont .card .card-body h4,.abouOverCont .card2 .card-body2 h4{font-size:18px; line-height:26px;}
    .abouOverCont .card .card-body p,.abouOverCont .card2 .card-body2 p,.abouOverCont .card2 .card-body2 h5{font-size:14px; line-height:26px;}
.abouOverCont.mission {margin-bottom:20px;}  
    .aboutOverv .aboutNav li a{    font-size: 16px; line-height: 26px;}
    .abouOverCont .card2 .card-body2   {    padding:30px 0px 0px;}  
    .career-top h1{font-size:18px; line-height:26px;margin-bottom:20px}
    .career-top p{font-size:14px; line-height:26px;}
    .career-top .card{display: block;text-align: center}
    .career-top .carretext{display: block;text-align: center;margin-top:15px;}
       .career-top .carretext .viewjob{display: inline-block;margin-left:0px}
    .whyChooUs2 {padding:40px 0px;    }
    .whyChooUs2 ul li{background-position:0px 0px; background-size: 20px auto;padding-left: 36px;} 
    .queryform .formQuery .submitbtn{margin-top:10px}
    .queryform .formQuery .form-control.form-control2{ min-height: 100px;}
    .queryform .quer_bg .formGap {padding-left: 0px;}
    .banHome figure{display:none}
    .banHome {min-height:400px; background-image: url("../images/banner-mobile.jpg"); background-repeat:no-repeat; background-position:center;background-size: cover}
    .banHome .banText{margin-top:30%;}
    .about figure { max-height:150px;}
    .abouOverCont .card2 .card-img2{max-height:200px;overflow:hidden; display: flex;  align-items: center;align-self: center;}
    .career-top { padding: 100px 0px 30px;    }
    .getInTouch.getIn404 figure{display:none}
     .getInTouch figure{display:none}
    .getInTouch{min-height:230px;background-image: url("../images/bg_contact.jpg"); background-repeat:no-repeat; background-position:center;background-size: cover}
   .getInTouch .getInText { padding-top:60px;}
    .getInTouch.getInThank{min-height:150px}
    .thankYou .formQuery{padding-bottom:20px; margin-top:10px;}
    .h5, h5 {font-size: 1rem;} 
    .legalDiscla{background-color:#fff}
    .legalDiscla .quer_bg {margin-top:0px; padding:20px 0px 30px;   }
    .legalDiscla .quer_bg h1{font-size:20px;line-height:30px; margin-bottom: 1rem;}
    .legalDiscla .quer_bg h2{font-size:18px;line-height:24px}
    .LegDiscl figure {max-height: 58px;}
    .queryform { margin-top: 0%;background-color:#fff;    }
    .ourOffeMain .bg_white{margin-top:0px;padding:0px;}    
    .ourOffeMain{background-color:#fff;padding-top:30px}
    .railMaint{background-color:#fff;}
    .railMaint .top_12 { margin-top: -12%;}
 .railMaint .contManuf {     padding: 30px 0px; }
    .knowMore{font-size:14px;padding: 11px 20px;} 
    .railMaint .title .link .pe-4 { padding-right: .2rem !important; }
    .banHome .banText h1 { font-size: 24px;  }    
    .banHome .banText h6 {font-size: 14px;  line-height: 24px;    }    
      h2 {  font-size: 20px;    line-height: 30px;    }
    h3 { font-size: 18px; line-height: 28px;    }
    .footerMain .footr-logo{max-width: 200px; margin: auto;}
    .botFooter p,.botFooter li a, .botFooter ul a span {    font-size: 12px;}
      .whyChooUs2 ul li { font-size: 14px; line-height: 20px; }    
.whoWeAre .bg_WeAre h6 {font-size: 12px; font-weight: 600;} 
.knowMoreAbou { font-size: 14px;  line-height: 17px; }
    .submitbtn { font-size: 14px; line-height: 40px;}
    .queryform .formQuery .submitbtn{ font-size: 14px; line-height: 40px;}

    .priPolicy ol{ margin: 0px 0px 10px 40px; padding: 0px;}
    .priPolicy ol li{ font-size: 14px; margin: 0px; padding:0px 0px 10px 0px; list-style:inherit; }
    
    .priPolicy ol{ margin: 0px 0px 10px 20px; padding: 0px;}
    .priPolicy ol li{ font-size: 14px; margin: 0px; padding:0px 0px 10px 0px; list-style:inherit;line-height:26px }
    .priPolicy ol ol{ margin: 0px 0px 5px 10px; padding: 0px;}
    .priPolicy ol li> b{margin-bottom:5px;display: block} 
    .priPolicy ol li p:last-child{margin-bottom:0px}

}