/*Theme Name: Ashgraph Technologies pvt. ltd.
Theme URI: 
Description:  Theme
Author: lbminfotech
Author URI: http://lbminfotech.com
*/ /* ---------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("fonts/Flaticon.woff2") format("woff2"),
       url("fonts/Flaticon.woff") format("woff"),
       url("fonts/Flaticon.ttf") format("truetype"),
       url("fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 25px;
font-style: normal;
}

.flaticon-right:before { content: "\f100"; }
.flaticon-like:before { content: "\f101"; font-size:45px; }
.flaticon-delivery:before { content: "\f102"; font-size:45px; }
.flaticon-group:before { content: "\f103";  font-size:45px;}
.flaticon-twitter:before { content: "\f104"; }
.flaticon-linkedin:before { content: "\f105"; }
.flaticon-youtube:before { content: "\f106"; }
.flaticon-facebook:before { content: "\f107"; }
.flaticon-pin:before { content: "\f108"; }
.flaticon-phone:before { content: "\f109"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-envelope:before { content: "\f10a"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-instagram:before { content: "\f10b"; }
.flaticon-download:before { content: "\f10c"; }
body {font-family: 'Montserrat', sans-serif; color: #1b1b1b; line-height: 30px;  font-size: 18px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
.navbar {border:0; width: 100%;}
.navbar-header {position:relative; width: 100% !important;}
.navbar-brand {height:auto; position:absolute;top:-15px}
.navbar-brand > img {display: block;width: 80%;height: auto;}
.navbar-nav > li > a {text-transform: uppercase;font-weight: 600; padding: 42px 20px;font-size: 16px;font-family: 'Montserrat', sans-serif;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #fff; padding: 0 3%;}
/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 20%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0; border-bottom: 5px solid #da1212;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

#form1 {padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 50px;font-size: 16px;box-shadow: none;background: #fff;padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#000; border: none; border-bottom: 1px solid #757575;}
#form1 textarea {height: 90px;}
.subbtn {background: #ef5053 !important;display: inline-block;padding: 20px 40px !important;text-align: center;color: #fff;font-size: 25px;font-weight: 800;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none;}
.subbtn:hover{background:#1b5dae !important;}
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;z-index: 99 !important;background: #0067a3;padding: 10px 13px;outline: none;border: none;border-radius: 15px 0;}
/*----------------------------------------*/

/************index page***************/
.header {width: 100%; float: left; background: #fff;}
.header img {width: 100%; height: auto;}
.logoInfo {width: 100%; background: #102856; color: #fff; position: relative; padding:4px 0;}
.logoCon {position: absolute; bottom: -125px; z-index: 10 !important;}
.topInfo .container-fluid {margin: 0 3%;}
.topInfo {color: #fff; font-size: 14px;}
.topInfo p {padding: 5px 0 !important; margin: 0px !important;}
.topInfo a {color: #fff; font-size: 14px;}
.logoInfo ul { float: right;}
.logoInfo li {list-style: none;float: right;margin: 0 0 0 40px;}
.logoInfo li img {float: left; padding-top:5px; width:20px;}
.logoInfo li p {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 500; color: #fff; line-height: 23px; }
.logoInfo li p span, .logoInfo li p span a{font-size: 17px;font-weight: 500; color: #cd0505; display: block;}
.navbar-wrapper {position: absolute;width: 100%;}
.topInfo { -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.subMenu {width: 100%;padding: 0;}
#myCarousel {width: 100%; float: left;} 
.carousel-caption img {width: auto; height: auto; float: left; }
.carousel-caption h2 {font-size: 30px; color: #fff; padding: 0; font-weight: 400;}
.carousel {margin-top:12%;}
/*.top-nav-collapse {padding: 40px 0;}
.logoCon img {width: 45%; height: auto;}
.navbar-nav > li > a {padding: 60px 20px 25px 20px;}*/
/********* Welcome Section ******/
#welcomeSection {width: 100%; float: left; position: relative; padding: 60px 0; background: #f2f4f5 url(../images/welcomeName.jpg) no-repeat 89.1% center; background-size: auto 85%; }
#welcomeSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
#welcomeSection h1{text-transform:uppercase; font-weight: bold; font-size: 35px; color: #000; margin: 60px 0 30px 0;}
#welcomeSection h1 span {display: block; font-size: 30px; color: #737373; text-transform: uppercase; font-weight: 400; padding: 0 0 10px 0;}
#welcomeSection .col-sm-8 {padding: 0 60px 0 30px !important;}
#welcomeSection .col-sm-4 {padding: 0 0 0 60px !important;}
#welcomeSection .hvr-rectangle-out {padding: 10px 20px !important;}
.welInfo{width: 100%; float: left; border: 3px solid #ccdde0; background: #fff; }
.boxLine {border-left: 4px solid #ffe404; padding: 15px 25px;}
.YearsSec {width: 100%; float: left; position: relative; background: #f4f7f8;  padding: 60px 0;}
.YearsSec .col-sm-8 {padding: 0 0 0 70px !important;}
.yearBox {width: 100%; float: left; position: relative; margin: 0 0 -290px 0; z-index: 10;}
.yearBox img {width: 85%; height: auto;}
.yearCon {width: 33.3333%; float: left; border-right: 1px dashed #000; padding: 0 3%; }
.yearCon:nth-child(2) {padding: 0 1% 0 5%;}
.yearCon:nth-child(3) {border: none;  padding: 0 1% 0 5%;}
.counter {border: 3px dashed #fff;padding:20px 30px; text-align: left; width: 29.33%; float: left;margin: 0 2%;list-style: none;}
.count {font-size: 40px; font-weight: 900; color: #d71c20;}
.subCount {font-size: 40px; font-weight: 900; color: #d71c20;}
.yearCon h4{font-size: 25px; font-weight: 700; color: #000; line-height: 32px;}
.yearCon h3{font-weight:800; line-height: 35px; font-size: 25px; margin: 0;}
.yearCon h3 span{font-size: 40px; font-weight: 900; color: #d71c20;}

#welcomeSection .viewAll {background: linear-gradient(to right, #ffe404 0%,#ffe404 0%,#ffe404 48%,#ffe404 100%,#ffe404 100%);
 color: #000000 !important; padding: 12px 20px; text-transform: uppercase;  font-size: 16px; margin-top: 20px; font-weight: 600;}
#welcomeSection .hvr-radial-out:before { background: #e43a3d; }
#welcomeSection .viewAll:hover {color: #fff !important;}
.textRed {color: #e31414 !important}
/*********productSection******/
#productSection {width: 100%;float: left; position: relative; padding:0; background:#1c5fb0; color: #fff !important;}
#productSection a {color: #fff;}
#productSection h2, #weserveSection h2, .customerSec h2{ font-size:18px; color:#fff; font-weight:400; text-transform:uppercase;margin: 5px 0;}
#productSection h1, #weserveSection h1, .customerSec h1{font-size:38px; font-weight:900;margin: 0;}
#productSection h1 {color: #fff; text-transform: uppercase;}
#productSection h1 span{ font-weight:300;}
#productSection h2 { color:#fff;}
.divider {background: #f56164;height:3px;margin: 20px 0;width: 9%;}
.viewAll {background: #1e5799; background: -moz-linear-gradient(left,  #1e5799 0%, #ea3b50 0%, #d32f43 48%, #bd2436 100%, #bd2436 100%); background: -webkit-linear-gradient(left,  #1e5799 0%,#ea3b50 0%,#d32f43 48%,#bd2436 100%,#bd2436 100%); 
background: linear-gradient(to right,  #1e5799 0%,#ea3b50 0%,#d32f43 48%,#bd2436 100%,#bd2436 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#bd2436',GradientType=1 ); color:#fff !important; padding: 10px 20px;text-transform: uppercase;font-size: 15px;float: left;margin-top: 20px; font-weight: 500;}

.subPro {width: 100%; float: left; background: #1c5fb0; border-left: 1px solid #fff; padding: 0 0 0 6px;}
.infoProduct{width: 100%; float: left; padding: 70px 100px;}
.infoProduct p {margin: 0 0 20px 0;}
.infoProduct ul {margin-bottom:10px;  border-top: 1px solid #5587c4;}	
.infoProduct ul li {list-style: none; padding: 12px 0; display: block; width: 48%; float: left;   border-bottom: 1px solid #5587c4; color: #fff;}
.infoProduct ul li:nth-of-type(odd) {margin: 0 4% 0 0 !important; } 
.infoProduct ul li::before {content: "\e165" !important;font-family: 'Glyphicons Halflings' !important;color: #fff; margin-right: 10px;font-size: 14px;}

#productSection1 ul {margin-bottom:40px;   border-top: 1px solid #d0d0d0;}	
#productSection1 ul li {list-style: none; padding: 12px 0; display: block; width: 100%; float: left;   border-bottom: 1px solid #d0d0d0; color: #000;}
#productSection1 ul li:nth-of-type(odd) {margin: 0 4% 0 0 !important; } 
#productSection1 ul li::before {content: "\e165" !important;font-family: 'Glyphicons Halflings' !important;color: #000; margin-right: 10px;font-size: 14px;}
#productSection1 h3 {color: #1f76e0;}
 


 
/*********infrastructure section*******/
.infraSec{width:100%; float:left; background: url(../images/facilitieName.jpg) no-repeat 95% center #f7f7f7; padding:0; color:#000; background-size: auto 95%;}
.infraBorder {width: 50%; float: left; background: #1c5fb0; background-image: url(../images/facilitieBg1.jpg), url(../images/facilitieBg2.jpg); background-position: top left,  bottom right;  background-repeat:no-repeat, no-repeat; background-size: 10% auto, 20% auto; padding: 70px 15% 100px 7%}
.infraBorder h1{text-transform:uppercase; font-weight: bold; font-size: 50px; color: #fff;} 
.infraBorder p {font-size: 18px; font-weight: 400; color: #fff; margin: 0 0 30px 0;}
.lineRed {width: 15%; margin: 0 90% 20px 0; background: #fff; padding: 3px 0 0 0;}
.infraSec .viewAll {float: left !important; margin-top: 12px;}
.machiningCon {width: 50%; float: left; padding: 70px; }
.machiningCon img {margin: 0 0 0 -30.1%;}
.machiningCon h4 {font-weight: bold; font-size: 33px; color: #000000; margin: 50px 0 15px 0;}
.machiningCon p {padding: 0 160px 0 0 !important; }
.infraBorder ul {margin-bottom:10px;  border-top: 1px solid #5587c4;}	
.infraBorder ul li {list-style: none; padding: 18px 0; display: block;  border-bottom: 1px solid #5587c4; color: #fff;}
.infraBorder ul li::before {content: "\e165" !important; font-family: 'Glyphicons Halflings' !important; color: #fff; margin-right: 10px;font-size: 14px;}

/*------------Why us section------------------*/
.whySection {width: 100%;float: left; margin: 0;background: #fff /*url(../images/whyBg.jpg) no-repeat right bottom*/; text-align: center; font-size: 16px;     background-size: auto 100%; border-bottom: 1px solid #ecf1f7; padding: 50px 0 80px 0;}
.whySection img {width: 90%; height: auto;}
.whySection h3{text-transform:uppercase; font-weight: bold; font-size: 40px; color: #000000; }
.whySection h4{font-weight: bold; font-size: 25px; color: #000000; margin: 30px 0 15px 0; }
.round1 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00baf8+1,0160ea+100 */
background: #00baf8; /* Old browsers */
background: -moz-linear-gradient(top,  #00baf8 1%, #0160ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00baf8 1%,#0160ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00baf8 1%,#0160ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00baf8', endColorstr='#0160ea',GradientType=0 ); /* IE6-9 */
 padding: 30px;  display: inline-block; border-radius: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(1, 156, 243, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(1, 156, 243, 0.75);
box-shadow:         0px 0px 10px 0px rgba(1, 156, 243, 0.75); transition: all 2s;}
.whySection a:hover .round1 {-webkit-box-shadow: 0px 0px 40px 0px rgba(1, 156, 243, 0.60);
-moz-box-shadow:    0px 0px 40px 0px rgba(1, 156, 243, 0.60);
box-shadow:         0px 0px 40px 0px rgba(1, 156, 243, 0.60);}

.round2{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#786af1+1,df72ae+100 */
background: #786af1; /* Old browsers */
background: -moz-linear-gradient(top,  #786af1 1%, #df72ae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #786af1 1%,#df72ae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #786af1 1%,#df72ae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#786af1', endColorstr='#df72ae',GradientType=0 ); /* IE6-9 */ padding: 30px; display: inline-block; border-radius: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(210, 112, 182, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(210, 112, 182, 0.75);
box-shadow:         0px 0px 10px 0px rgba(210, 112, 182, 0.75); transition: all 2s;}
.whySection a:hover .round2 {-webkit-box-shadow: 0px 0px 40px 0px rgba(210, 112, 182, 0.60);
-moz-box-shadow:    0px 0px 40px 0px rgba(210, 112, 182, 0.60);
box-shadow:         0px 0px 40px 0px rgba(210, 112, 182, 0.60);}

.round3 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c6dfa+1,591bcc+100 */
background: #2c6dfa; /* Old browsers */
background: -moz-linear-gradient(top,  #2c6dfa 1%, #591bcc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c6dfa 1%,#591bcc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c6dfa 1%,#591bcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6dfa', endColorstr='#591bcc',GradientType=0 ); /* IE6-9 */  padding: 30px; display: inline-block; border-radius: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(84, 35, 209, 0.7);
-moz-box-shadow:    0px 0px 10px 0px rgba(84, 35, 209, 0.7);
box-shadow:         0px 0px 10px 0px rgba(84, 35, 209, 0.7);  transition: all 2s;}
.whySection a:hover .round3 {-webkit-box-shadow: 0px 0px 40px 0px rgba(84, 35, 209, 0.60);
-moz-box-shadow:    0px 0px 40px 0px rgba(84, 35, 209, 0.60);
box-shadow:         0px 0px 40px 0px rgba(84, 35, 209, 0.60);}
.whySection a {color: #000;}
.bottomBorder {width: 8%; margin: 0 auto 40px auto; background: #fb7062; padding: 3px 0 0 0;}
/*********testimonial section*******/
.testimonialSec {width: 100%; float: left; margin: 60px 0 0 0;}
.testimonialSec img {width: 100%; height: auto;}
.testimonialBox {width: 70%; float: left; position: relative; background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe9f60+0,fb7062+100 */
background: #fe9f60; /* Old browsers */
background: -moz-linear-gradient(left,  #fe9f60 0%, #fb7062 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fe9f60 0%,#fb7062 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fe9f60 0%,#fb7062 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9f60', endColorstr='#fb7062',GradientType=1 ); /* IE6-9 */ padding: 50px; margin: 0 0 0 -20%; border-radius: 80px 0 0 0;}
.testimonialSec h4{text-transform:uppercase; font-weight: bold; font-size: 40px; color: #000000; text-align: left !important; margin: 120px 0 0 70px;}
.testimonialSec .divider {background: #f56164;  height: 3px;  margin: 20px 70px 70px 70px; width: 9%;}
 
/*********team section*******/
.teamSection {width: 100%; float: left; background: url(../images/teamBg.jpg) no-repeat left bottom #fff; background-size: auto 80%; padding: 0 0 80px 0; font-size: 18px; font-weight: 600;  text-align: left !important;}
.teamSection img {width: 90%; height: auto; float: right;}
.teamSection .col-sm-5 {padding: 0px !important;}
.teamSection .col-sm-4 {padding: 10% 0 0 0px !important;}
.teamSection .divider {background: #ef2661;height:4px;margin: 30px 0;width: 8%;}
.teamSection h5{text-transform:uppercase; font-weight: 600; font-size: 30px; color: #000000; line-height: 45px;}
.teamSection h6{font-weight: 900; text-transform:uppercase;  font-size: 50px; color: #000000;}
.teamSection p {padding: 0 50px 0 0;}
.teamSection a {color: #000; font-size: 18px; font-weight: bold; padding: 0;}
.teamSection a:hover {color: #d81e22; padding: 0 0 0 20px;}
.testInfo {width: 100%; float: left; color: #fff;  text-align: left !important; line-height: 28px;}
.testInfo p {margin: 0 0 20px 0;}
.testInfo img {border-radius: 100%; border: 7px solid #feb990; width: 100%; height:auto;}
.testInfo h3{font-weight: 600; font-size: 22px; color: #fff; line-height: 30px; margin: 30px 0 0 0;}
.testInfo h3 span {font-weight: 500; font-size: 18px; color: #fff; display: block; }
.testInfo h5{text-transform:uppercase; font-weight: 700; font-size: 30px; color: #fff; line-height: 30px;}
.testimonialBox .owl-next {left: -20.2% !important;position: absolute !important;  bottom: 18%;}
.testimonialBox .owl-prev {left: -30.5% !important; position: absolute !important; bottom: 18%;}
.testimonialBox .owl-theme .owl-nav.disabled+.owl-dots {display: none;}
.testimonialBox .owl-carousel .owl-nav button.owl-prev{background: #fe9f60; padding: 10px 22px; border: 1px solid #fe9f60; color: #ffffff; font-size: 32px;  border-radius: 0;}
.testimonialBox .owl-carousel .owl-nav button.owl-next {background: #e16d21; padding: 10px 22px; border: 1px solid #e16d21; color: #ffffff; font-size: 32px;  border-radius: 0;}



 
/*********we serve section*******/
#weserveSection{width: 100%;float: left;padding: 70px 0;background:#f7f7f7; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;}
#weserveSection .container-fluid {width: 85%; float: left; margin: 0 0 0 15%; padding: 0px !important;}
#weserveSection .subText {padding: 0 20%; text-align: center !important;}
#weserveSection h1 {color: #000; text-transform: uppercase; padding: 0 0 20px 0}
#weserveSection h1 span{ font-weight:300;}
#weserveSection h2 {font-size: 20px; color: #000;}
#owl-example3 {margin-top: 25px;}
.newInfo {background: #fff; margin: 0 0 0 20px;}
.newsData {padding: 30px 30px 20px 30px;}
.newsData h3 {font-size:22px; font-weight: bold; margin:0px !important; color: #000000; margin: 0 0 5px 0 !important; line-height: 30px;}
.newsData p{color:#999999; font-weight: 500; margin: 0;} 
#weserveSection .viewAll {float: right; margin: 0 25% 0 0;}
#weserveSection .owl-dots {display: none !important;}
#weserveSection .divider {background: #fb7062; height: 4px; margin: 0 0 30px 0;}
#weserveSection .owl-next {left: -6% !important; position: absolute !important; top: 45% !important;}
#weserveSection .owl-prev {left: -6% !important; position: absolute !important; top: 30% !important;}
#weserveSection .col-xs-9 {padding: 0 0 0 35px;}
#weserveSection #owl-example3 {margin-top: 15px;}
/*** Enquiry ****/
.enquirySec {width: 100%; float: left; padding: 0 0 100px 0;}
.enquiryCon{width: 100%; float: left; position: relative; background: url(../images/enquiryBg.jpg) no-repeat left bottom #f6faff; padding: 160px 60px 0 60px; border-top: 1px solid #ecf1f7;}
.formCon {width: 100%; float: left; position: relative; background: url(../images/formBg.jpg) repeat-y left top #1c5fb0; padding: 60px 60px 60px 36%; color: #fff;}
.formCon h4 {text-transform:uppercase; font-weight: 600; font-size: 30px; margin: 0 0 15px 0; color: #ffffff; line-height: 45px;}
.formCon h5 {text-transform:uppercase; font-weight: 600; font-size: 20px; margin: 0 0 5px 0; color: #ffffff; line-height: 30px;}
.formCon h6 {text-transform:uppercase; font-weight: 600; font-size: 30px; margin: 15px 0 5px 0; color: #ffffff; line-height: 25px;}
.formCon h6 span {font-weight: 600; font-size: 18px; margin: 0 0 5px 0; color: #ffffff; display: block;}
.formCon img {text-align: center; width: 100%; height: auto;}
.formCon a {color: #fff;}
.formCon .divider {width: 15%;}
.formCon hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dashed #8eafd8; }
.contactCon {width: 100%; float: left; position: relative; background: #000000; padding: 60px; margin-left: 29%; border: 15px solid #fff; z-index:5; border-bottom: none;}
.contactCon h3 {text-transform:uppercase; font-weight: 600; font-size: 30px; margin: 0 0 15px 0; color: #ffffff; line-height: 45px;}
.captcha-img {margin: 10px 0 0 0 !important;} 
.enquiryBtn {position: relative; display: inline-block;}
.enquiryBtn input {height: auto !important;}
.enquirySec ::placeholder {color: #a5a5a5!important;} 
.emailBox {position: absolute; padding: 50px; background: #ef5053; right: 0; top: 0;}

/***footer ****/
.footerSection {width: 100%;float: left; background:#f7f7f7; padding: 20px 0 30px 0; color: #000; position: relative;}
.footerSection p {margin: 15px 0;}
.footerSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
.followBox {width: 100%; float: left; padding: 0; }
.footerSection h3 {font-size: 20px; color: #dd1e50; font-weight: 600; margin: 10px 0 0 0; text-transform: uppercase;}
.footerSection span {border: 3px solid #fff;border-radius: 100%;padding: 15px; display: inline-block;line-height: 1;}
.social_links {padding-top:15px;}
.social_links span {border-radius: 100%;padding: 10px 12px; margin: 2px; color: #838787;border: 2px solid #ececec;}
.social_links span:before {font-size: 16px;}
.social_links span:hover  {background: #dd1e50; color: #fff; -webkit-transition: all 1s;transition: all 1s; border-color: #dd1e50;}
.social_links i {background: #fff;border-radius: 100%;padding: 11px 12px;margin: 2px;color: #a60000;}
.social_links i:before {font-size: 17px; font-weight:500;}
.social_links i:hover  {background: #ff5151;color: #fff;-webkit-transition: all 1s;transition: all 1s;}
.copeRight {width: 100%; float: left; background: #e5e5e5; padding:  30px 0; color: #000; }
.copeRight .container-fluid {width: 70%; float: left; margin: 0 15%;}
.copeRight a {color: #1b5dae; text-decoration: none;}
.copeRight a:hover {color: #dd1e50;}
.footerSection ul {margin: 0; padding: 0;}
.footerSection ul li { width: 25%; float: left; list-style: none; padding: 10px 0 0 0; display: block; color: #fff;}
.footerSection a {color: #000;}
.footerSection a:hover {color: #dd1e50;}




/*********Inner Page*******/
#inner_header {width: 100%;float: left;height: auto; position: relative; margin-top: 5.6%;}
#inner_header img {width: 100%; height: auto;}
#inner_header h2 {font-size: 27px;position: absolute;left: 0;font-weight: 600;color: #000;text-transform: uppercase;
background: rgba(255,255,255,0.5);display: inline-block;padding: 18px 25px;bottom: 20%;margin-bottom: 0;
font-weight: bold;}
#innerSection {width: 100%;float: left; padding: 60px 0 0 0; position: relative; background: #f2f4f5;}
#innerSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
#innerSection h2 {font-size: 27px; font-weight: 600; color: #da1212;text-transform: uppercase; padding: 0; font-weight: bold;margin: 0 0 30px 0;}
#innerSection .welInfo {padding: 50px; margin: 0 0 60px 0;}
#innerSection .boxLine {background: #f2f4f5; border-left: 4px solid #1c5fb0;}
#innerSection p {margin: 0 0 20px 0;}
#innerSection img {width: 94%; height: auto; margin: 3%;}
.visionSec {width: 100%; float: left; background: #1c5fb0; background-image: url(../images/visionBg.jpg); background-position: top left;  background-repeat:no-repeat; background-size: 100% 100%; padding: 70px 17%; background-attachment: fixed; text-align: center; color: #fff;}
.visionSec h4 {font-size: 20px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 0; font-weight: bold; margin: 0 0 10px 0;}
.visionSec hr {border-top: 1px dashed #eee;} 
.visionSec a {color: #fff !important	;}
#innerSection .whySection {margin: 0px !important; padding: 60px 0; background-image: none !important; background: #fff !important;}
.visionBox{width: 100%; float: left; border: 1px dashed #fff; padding: 20px 30px; font-size: 20px; line-height: 40px; color: #fff; }
#innerSection h3 {font-size: 27px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 0; font-weight: bold;margin: 0 0 30px 0;}
.innerValue {width: 100%; float: left; text-align: center; padding: 70px 0; background: #fff; font-size: 18px; font-weight: 800; color: #000;}
.innerValue h3 {font-size: 27px; font-weight: 600; color: #000 !important; text-transform: uppercase; padding: 0; font-weight: bold;margin: 0 0 30px 0;}
.innerValue img {width: 60% !important; height: auto; margin: 0 20% 20px 20% !important;} 
.valuesBox {width: 100%; float: left; border: 1px dashed #c0c0c0; padding: 30px; min-height: 330px;} 
#productSection1 {width: 100%;float: left; padding: 60px 0; position: relative; background: #fff;}
#productSection1 .container-fluid {width: 70%; float: left; margin: 0 15%;}
#productSection1 h2 {font-size: 27px; font-weight: 600; color: #da1212;text-transform: uppercase; padding: 0; font-weight: bold;margin: 0 0 30px 0;}
.proInfo {width: 100%; float: left; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09);  background: #fff; padding: 15px; margin: 0 0 30px 0; text-align: center; border: none;}
.proInfo h4 {background: #1f76e0; font-size: 20px; color: #fff; padding: 20px 20px; margin: 0; float: left; display: block; width: 100%;}
.proInfo img {width: 100%; height: auto;}
#contactSection {width: 100%;float: left; padding: 60px 0 0 0; position: relative; background: #f2f4f5;}
#contactSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
#contactSection .welInfo {padding: 50px; margin: 0 0 60px 0;}
#contactSection img {width: 50%; height: auto; margin: 0;}
#contactSection a {color: #d82828; font-weight: bold;}
#contactSection h3 {font-size: 27px; font-weight: 600; color: #da1212;text-transform: uppercase; padding: 0; font-weight: bold;margin: 0 0 5px 0;}

.proData ul {margin-bottom:10px;}	
.proData ul li {list-style: none;padding: 3px 0;display: block;}
.proData ul li::before {content: "\e165" !important;font-family: 'Glyphicons Halflings' !important;color: #da1212;margin-right: 10px;font-size: 14px;}
.welInfo table { width: 100%; background-color: #fff;   border-collapse: separate !important; border-spacing: 1em 0.5em !important;    }
.welInfo tr:nth-of-type(odd) {  background: #f9f9f9; }
.welInfoth { background: #3673ae; color: white; font-weight: bold; }
.welInfo td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }
#innerSection table p {padding: 0px !important; margin: 0px !important;}
.textHead {text-align: center;}

.whySection table { width: 100%; background-color: #fff ;  border-collapse: separate !important; border-spacing: 0.5em 0 !important;    }
.whySection tr:nth-of-type(odd) {  background: #f9f9f9; }
.whySection { background: #fff; color: #fff; font-weight: bold; }
.whySection td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #fff; font-size: 20px; color: #fff !important; font-weight: bold !important; }
.textHead {font-size: 26px !important; font-weight: 900 !important; color: #fff; text-transform: uppercase !important; line-height: 35px !important; } 
 
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 25px 0 !important;}

 
#myCarousel img {width: 100%; height: auto;}
.innerHeadr {width: 100%; float: left;}
/*********resposnive*******/
@media (min-width: 1500px) { 
.machiningCon img {width: 114%;  height: auto;}
.carousel { margin-top: 6%;}
}
@media (max-width: 1499px) { 
.machiningCon img {width: 114%;  height: auto;}
.carousel { margin-top: 9%;}
#welcomeSection h1 {font-size: 25px; margin: 60px 0 20px 0;}
#welcomeSection h1 span {font-size: 25px;}
.count {font-size: 35px; }
.yearCon h3 { font-weight: 800; line-height: 26px; font-size: 20px;}
.subCount {font-size: 35px;}
body {font-size: 16px;}
.infoProduct {padding: 70px 50px;}
.formCon h6 {font-size: 23px;}
}
@media (max-width: 1300px) { 
#welcomeSection h1 {font-size: 25px; margin: 60px 0 20px 0;}
.YearsSec .col-sm-4 {display: none !important;}
.YearsSec .col-sm-8 {width: 100% !important;}
.infoProduct ul li { padding: 5px 0;  font-size: 12px;}
.infoProduct p { font-size: 14px;  line-height: 25px;} 
#productSection h1, #weserveSection h1, .customerSec h1 {font-size: 28px; }
.infoProduct ul li::before {font-size: 9px;}
.viewAll {padding: 7px 15px; font-size: 14px;}
.infoProduct {padding: 70px 50px 0 50px;}
#innerSection .col-sm-6 { width: 100% !important;}
.innerHeadr .carousel {margin-top: 12%;}
}
@media (max-width: 1270px) {
	#welcomeSection h1 {font-size: 20px; margin: 60px 0 15px 0;}
#welcomeSection h1 span {font-size: 20px;}
body {font-size: 16px;}
.boxLine {padding: 0 25px;}
.machiningCon h4 {font-size: 20px;}
.machiningCon {padding: 40px;}
.infraBorder { padding: 30px 13% 60px 7%;}
.infraBorder p {margin: 0 0 15px 0;}
.infraBorder ul li {padding: 8px 0; }
.infraBorder h1 {font-size: 35px; }
}
@media (max-width: 1200px) {
.teamSection .col-sm-4 {padding: 4% 0 0 0px !important;}
.teamSection h5 {font-size: 25px; line-height: 35px;}
.teamSection h6 {font-size: 40px; }
.teamSection p {font-size: 16px;}
.subbtn {padding: 15px 30px !important; font-size: 20px;}
}
@media (max-width: 1150px) {
 
}

@media (max-width: 1100px) { 
.formCon { padding: 60px 30px 60px 28%; }
}
@media (max-width: 1050px) {
.carousel-caption h1 {line-height: 40px; font-size: 25px !important;}
.carousel-indicators { position: absolute; bottom: 90px;}
}
@media (max-width: 1000px) {
.logoCon {position: absolute;  bottom: -90px; z-index: 10 !important; }
.logoCon img {width: 90%; height: auto;}
.infoProduct ul li {padding: 0;  width: 100%;}
.machiningCon {padding: 0;}
.machiningCon img {margin: 0; width: 100%; height: auto; }
.machiningCon {width: 100%;}
.infraBorder { width: 100%;}
.infraSec {background:#f7f7f7; background-image: none;}
.machiningCon h4 {margin: 30px;} 
.enquiryCon {background:#f6faff; background-image: none;  padding: 0 60px 0 60px; }
.enquirySec .col-sm-7 {width: 100%;}
.enquirySec .col-sm-5 {width: 100%;}
.enquirySec {padding: 0;}
.contactCon { margin-left: 0;}
.formCon { padding: 60px 10% 60px 10%;}
.formCon .col-sm-3 {width: 15%;}
.footerSection .container-fluid { width: 90%; margin: 0 5%;}
.copeRight .container-fluid {width: 90%; margin: 0 5%;}
.innerHeadr .carousel {margin-top: 15%;}
}
@media (max-width: 991px) {
.navbar-nav > li > a {padding: 29px 15px;}
.navbar-brand {
	width: 90%;
}
.carousel-caption {bottom: 5%;}
.location .col-sm-4:nth-child(2) {padding: 30px 40px 78px 40px;}
.contPageForm {width: 100%;}
.Flexible-container1 {padding-bottom: 40%;}
.contDetails {
	position: relative;
	clear: both;
	width: 100%;
	left: 0;
	right: 0;
	top: 0; padding:2%;
}
.contDetails .textBox, .contDetails .textBoxMulti {padding: 3%;}
.teamSection h5 {font-size: 20px; line-height: 30px;}
.teamSection .divider {margin: 20px 0; }
.teamSection h6 {font-size: 35px;}
.teamSection {background-size: auto 70%;}

}
@media (max-width: 950px) {

}
@media (max-width: 900px) {
.navbar-nav > li > a {padding: 27px 10px;}
.teamSection .col-sm-5 { display: none;}
.teamSection .col-sm-4 {width: 75%; }
.teamSection h5 br {display: none;}
.copeRight .col-sm-8 {width: 100%; text-align: center;}
.copeRight .col-sm-4 {width: 100%; text-align: center;}
.footerSection .col-sm-8 {width: 100%; text-align: center;}
.footerSection .col-sm-4 {width: 100%; text-align: center;}
.copeRight .pull-right {float: none!important;}
.footerSection .pull-right {float: none!important;}
}
 @media (max-width: 850px) {
.navbar-brand {height: auto;position: absolute;top: -9px;} 
 }
@media (max-width: 800px) {
.navbar-nav > li > a {padding: 27px 10px; font-size:14px;}
.carousel-caption h1 {line-height: 40px;  font-size: 18px !important;}
.carousel {margin-top: 20%;} 
.carousel-caption {left: 0; bottom: 0%;} 
.carousel-indicators {  position: absolute;  bottom: 60px;}	
.navbar-toggle {cursor: pointer; margin: 25px 50px;}
.welInfo .col-sm-4 {display: none;}
.welInfo .col-sm-8 {width: 100% !important;}
#welcomeSection .col-sm-8 {padding: 0 60px 0 60px !important;}
#welcomeSection {=background: #f2f4f5; background-image: none !important; }
}
@media(min-width:767px) {
	
    .navbar {
        -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0; border-bottom: 1px solid #e7ebed;
    }
	.top-nav-collapse .navbar-brand { min-width:80px; padding:10px 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .navbar-nav { -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .topInfo { margin:-70px 0 0; }
	.top-nav-collapse .navbar-brand {top: -4px;}
		.logoCon img {  transition: width .5s, hight .5s;}
	.top-nav-collapse .logoCon img {width: 45%; height: auto; }
	.top-nav-collapse .navbar-nav > li > a {padding: 55px 20px 25px 20px;}
	#innerSection .col-sm-6 { width: 100% !important;}
	#innerSection img {width: 100%;  height: auto; margin: 0 0 20px 0;}
 }
@media (max-width: 767px) {
/******** start toggle***********/
.navbar-inverse { background:#fff}
.navbar-toggle {cursor:pointer; margin: 30px 50px;}
.navbar-header { width:100%;}
.navbar-brand {width: 25%;top: -14px;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.8);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left: 7%;bottom: 13%;} 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}
.nav>li {position: relative;display: block; background: #0067a3;}
.nav>li:hover {background: #d30000;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #0067a3; padding: 0 3%; }
.navbar-default .navbar-nav>li>a {color: #fff !important; }
.navbar-toggle {cursor: pointer; margin: 25px 50px;}
#welcomeSection .container-fluid {width: 90%; margin: 0 5%; }
#welcomeSection {padding: 40px 0;}	
.subPro {border-left: none; padding: 0;}
#productSection .col-xs-7 {width: 100%;}
#productSection .col-xs-5 {width: 100%;}
.infoProduct { padding: 60px 50px 0 50px;}
.logoCon img {width: 70%;  height: auto;}
.logoCon {bottom: -95px;}
.subMenu {  background: #ffff;}
.carousel {margin-top: 14%;} 
.carousel-caption {left: 0; bottom: 1%;}
.navbar-toggle {margin: 20px 50px 20px 50px;}
.teamSection {background: #fff; background-image: none;}
.teamSection .col-sm-4 { width: 100%; padding: 60px 5% 0 5% !important;}
.formCon .col-sm-3 {width: 20% !important; float:left;}
.formCon .col-sm-9 {width: 70% !important; float:left;}
#form1 button, input, select, textarea {height: 45px; font-size: 16px; padding: 12px 15px;}
.enquiryCon .col-sm-6 { padding:0px!important;}
.enquiryCon .col-sm-12 { padding:0px!important;}
.enquiryCon .col-sm-9 { padding:0px!important;}
.enquiryCon .col-sm-3 { padding:0px!important;}
.followBox {padding: 0 0 20px 0;}
.textHead {font-size: 18px !important;}
.whySection td, th {font-size: 14px;}
.whytable {width: 100%; overflow-x: scroll !important;}
#innerSection .col-sm-6 { width: 100% !important;}
#innerSection img {width: 100%;  height: auto; margin: 0 0 20px 0;}
#contactSection .col-sm-6 { padding:0px!important;}
#contactSection .col-sm-12 { padding:0px!important;}
#contactSection .col-sm-9 { padding:0px!important;}
#contactSection .col-sm-3 { padding:0px!important;}
#contactSection h3 {font-size: 20px; margin: 0;}
#innerSection .container-fluid {width: 100%; float: left;  margin: 0;}
#innerSection {padding: 40px 0 0 0;}
#innerSection .welInfo {margin: 0 0 40px 0 !important;}
}
@media (max-width: 750px) {

}
@media (max-width: 700px) {
.navbar-brand {width: 28%;}
.carousel-caption {left: 0; bottom: 0%;} 
.carousel-indicators {  position: absolute;  bottom: 60px;}	
.YearsSec {padding: 20px 0 37px 0;}
}

@media (max-width: 650px) {
.count {font-size: 25px;}
.yearCon h3 {line-height: 20px; font-size: 15px;}
.subCount {font-size: 25px;}
.whySection h3 {font-size: 30px; }
.innerValue img {width: 40% !important; height: auto; margin: 0 30% 20px 30% !important;}
#innerSection h2 {font-size: 23px; margin: 0 0 14px 0;}
#innerSection .boxLine { font-size: 14px; line-height: 28px;  padding: 20px;}
body {font-size: 14px; line-height: 25px;}
#productSection1 h3 {font-size: 20px !important; line-height: 28px !important; margin: 0 0 20px 0;}
#productSection1 h2 { font-size: 25px; margin: 0 0 10px 0;}
#productSection1 {padding: 40px 0; }
.proInfo h4 {font-size: 14px;  padding: 10px;}
#contactSection .welInfo {padding: 30px; margin: 0 0 60px 0;}
.subbtn {padding: 10px 15px !important; font-size: 14px;}
#contactSection h3 {font-size: 16px; margin: 0;}
.innerValue {padding: 40px 0;}
.bottomBorder {width: 8%; margin: 10px auto 15px auto;}
.visionSec {padding: 40px 10%;}
.visionSec h4 {font-size: 16px;}
}
@media (max-width: 600px) {
.navbar-brand {width: 31%;}
.teamSection .container-fluid {width: 80%; margin: 0 10%;}
.teamSection .col-sm-4 { padding: 40px 0 0 0 !important;}
.formCon .col-sm-3 {width: 25% !important; float:left;}
.formCon .col-sm-9 {width: 75% !important; float:left;}
.formCon {background: #1c5fb0; background-image: none;}
.contactCon {border: 0px;}
.enquiryCon {padding: 0;}
.contactCon h3 { font-size: 25px; margin: 0 0 15px 0;  line-height: 20px;}
.formCon h4 {font-size: 25px; margin: 0 0 15px 0; line-height: 20px;}
.innerHeadr .carousel {margin-top: 22%;}
}
@media (max-width: 550px) {
.navbar-brand{top: -9px;}
.carousel-caption {position: relative;  width: 100%; padding: 10px 20px; background: #337ab7;}
.carousel-caption h1 {font-size: 15px !important; line-height: 20px;}
.carousel-indicators {display: none;}
.welInfo p {font-size: 14px !important; line-height: 25px !important;}
}
@media (max-width: 500px) {
.navbar-brand {width: 35%;}
.navbar-nav > li > a {font-size: 13px;padding: 12px 20px;}
.dropdown-menu > li > a {font-size: 13px;padding: 7px 15px;}
.footerInfo .col-sm-6 {
	width: 100%; text-align:center;
}
.social_links span, .social_links span:hover {padding: 12px 12px;}
.logoInfo li:last-child {display: none;}
.logoCon img {width: 60%; height: auto;}
.navbar-toggle {cursor: pointer; margin: 10px 30px;}
.logoCon {position: absolute; bottom: -75px; z-index: 10 !important;}
.YearsSec { display: none;}
#welcomeSection .viewAll {padding: 8px 20px;  font-size: 12px;}
#welcomeSection h1 {margin: 35px 0 15px 0; line-height: 30px;}
#productSection h1, #weserveSection h1, .customerSec h1 {font-size: 22px; }
.infoProduct { padding: 40px 50px 0 50px;}
.infraBorder { padding: 30px 13% 60px 13%;}
.infraBorder p {font-size: 16px; line-height: 20px;}
.formCon h5 {font-size: 16px;  margin: 0;}
#form1 button, input, select, textarea {height: 45px; font-size: 14px; padding: 12px 15px;}
.teamSection h6 {font-size: 30px;}
.teamSection h5 {font-size: 17px; line-height: 27px;}
#innerSection .welInfo {padding: 20px; margin: 0 0 60px 0;}
}
@media (max-width: 450px) {
.navbar-brand {width: 39%;}
.welData h3 {font-size: 20px;}
.emailBox {display: none;}
#innerSection h2 {font-size: 20px;}
}
@media (max-width: 400px) {
.navbar-brand {top: -4px;width: 40%;}
.innerSection h2 {font-size: 23px;}
.carousel-caption h1 {font-size: 12px !important; line-height: 18px;}
.contactCon h3 { font-size: 20px; margin: 0 0 15px 0;  line-height: 20px;}
.formCon h4 {font-size: 20px; margin: 0 0 15px 0; line-height: 20px;}
.welInfo p {font-size: 14px !important; line-height: 20px !important;}
#productSection h1, #weserveSection h1, .customerSec h1 {font-size: 17px;}
#productSection h2, #weserveSection h2, .customerSec h2 {font-size: 14px;}
.whySection h3 {font-size: 20px; }
.infraBorder h1 {font-size: 25px;}
.contactCon h3 {font-size: 18px; margin: 0;}
.contactCon { padding: 40px 60px 40px 60px;}
#productSection1 h3 {font-size: 16px !important; line-height: 22px !important; margin: 0 0 20px 0;}
#productSection1 h2 { font-size: 20px; margin: 0 0 10px 0;}
#productSection1 .col-xs-6 {width: 100%;}
}
@media (max-width:340px) {
.navbar-brand {top: -10px;width: 54%;}
	}