@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {font-family: "Flaticon";src: url("fonts/Flaticon.eot");
src: url("fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),  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-style: normal;}
.flaticon-facebook-logo:before {content: "\f100";}
.flaticon-twitter-logo-silhouette:before {content: "\f101";}
.flaticon-linkedin-logo:before {content: "\f102";}
.flaticon-thumbs-up-hand-symbol:before {content: "\f103";}
.flaticon-telephone:before {content: "\f104";font-style: normal;}
.flaticon-mail-black-envelope-symbol:before {content: "\f105";font-style: normal;}
.flaticon-forklift:before {content: "\f106";}
.flaticon-swipe-up:before {content: "\f107";}
.flaticon-google-plus:before {content: "\f108";}
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%; z-index: 99999;}
.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: 35px 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 4.5%; border-bottom:2px solid #0068a8;}
.callBox {background: #ffa353; padding: 2px; border-radius: 100%; margin: 15px 30px 15px 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; }
.callBox1 {background: #ef7c17; padding: 10px 11px; border-radius: 100%;}
.callBox1 img {width: 100%; height:auto;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 55%; 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: 60%; height: 0; overflow: hidden;  margin-bottom:0;  }
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}
.flexibleBox {padding: 10px; background: #fff;}

/*-----------------------------------*/
/* 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: 8px 15px 8px 15px;  border: 1px solid #dbdbdb; }

#form1 {padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
font-size: 16px;box-shadow: none;background: transparent;padding: 30px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 10px 0; color:#000; border: none; border-bottom: 1px solid #b8b8b8; }
::placeholder {color:#484848 !important;}  
.subbtn {background: #0068a8 !important; border: 1px solid #0068a8;  display: inline-block;padding: 13px 30px !important;text-align: center;color: #fff; font-size: 22px;font-weight: 700;text-transform: uppercase;text-decoration: none;transition: all 1s; }
.subbtn:hover{background:#fff !important; border: 1px solid #0068a8; color: #0068a8;}
 

/*******top to scroll****/
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;z-index: 99 !important;background: #4577e3; padding: 10px 13px;outline: none;border: none;border-radius: 15px 0;}

/************index page***************/
.navbar-wrapper {position: absolute;width: 100%;}
.headerBox {width: 100%; float: left; position:relative;}
.headerBox img {width: 100%; height: auto;}
.innerheader {width: 100%; float: left; position:relative;}
.innerheader img {width: 100%; height: auto;}
.innerheader #myCarousel {width: 100% !important;}
.logoCon {width: 23%; position:absolute; left: 5%; top: 10px; z-index: 999999;}
.logoCon img {float: left; width: 40%; height: auto; margin:0;}
.logoCon h3 {font-size: 28px; font-weight: bold; color: #003399; font-family: britannic_boldregular; margin: 10px 0 0 0;}
.logoCon h3 span {font-size: 18px; font-weight: bold; color: #000000; display: block;}
.subMenu {width: 100%;padding: 0;}
#myCarousel {width: 100%; float: left; background: #fff;} 
#myCarousel img {width: 100%; height: auto;}
.carousel-caption img {width: auto; height: auto; float: left;  }
.carousel-caption h2 {font-size: 35px; color: #fff; padding: 25px 0 25px 60px; margin: 0;  font-weight: 700; line-height: 50px; background: url(../images/carouselLIne.html) no-repeat 40px 20px; text-transform: uppercase;}
.carousel-caption h2 span {font-size: 30px; color: #fff; padding: 0; font-weight: 300; display: block;}
.carousel {margin-top:9%;} 
.dropdown-menu {background-color: #0068a8; color: #fff !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fff; background-color: #0068a8;}
.contactTop {width: 100%; float: left; background: #0068a8; color: #fff; padding: 5px 0; opacity: 10; transition: opacity 2s;} 
.contactTop .container-fluid  {padding: 0 4.5%; width: 100%;}
.contactTop a {color: #fff; font-size: 18px; margin-left: 5px;}
.contactTop ul { float: right;}
.contactTop li {list-style: none;float: right;margin: 0 0 0 40px;}
.contactTop li img {float: left; padding-top:5px; width:20px;}
.contactTop li p {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 500; color: #fff; line-height: 23px; }
.contactTop li p span, .logoInfo li p span a{font-size: 17px;font-weight: 500; color: #cd0505; display: block;}

/********* Welcome Section ******/
#welcomeSection {width: 100%; float: left; position: relative; padding: 80px 0; background: #fff;  } 
#welcomeSection img {width: 100%; height: auto;}
#welcomeSection h1 {font-weight: 800; font-size: 36px; color: #0068a8; margin: 0 0 20px 0; text-transform: uppercase; line-height: 45px; padding: 0;}
#welcomeSection h2 {font-size: 20px; color: #a3a3a3; font-weight: 500; margin: 0 0 10px 0;}
#welcomeSection .container-fluid {width: 100%; padding: 0 15% 0 0;}
.lineBox {width: 15%; margin: 0 85% 0 0; background: #e67817; height: 2px; margin: 20px 0 30px 0;} 
.subtext {color: #686868;}
.continue {width: 100%; position: relative; margin: 40px 0 0 0;}
.continue a {background: #fff; border: 1px solid #0068a8; color: #0068a8; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 18px 20px;}
.continue a:hover {background: #0068a8; border: 1px solid #0068a8;  color: #fff; margin: 0 0 0 60px;}
 
/*********Product Section******/
#productSec {width: 100%; float: left; position: relative; background: url(../images/productsBg.jpg) no-repeat left top #e0f1e3; color: #000000;   padding: 80px 0 20px 0 !important; }
#productSec .container-fluid {width: 70%; margin: 0 15%;}	
#productSec img {width: 85% !important; height: auto;}																													
#productSec h4 {font-weight: 700; font-size: 35px; color: #000;  margin: 0 0 40px 0; line-height: 35px; text-transform: uppercase; background:url(../images/headingLine1.png) repeat-y left top;  padding: 0 0 0 40px; line-height: 40px;}
#productSec h4 span {font-size: 20px; color: #000; font-weight: 500; display: block;}
.proCon {width: 100%; float: left; position:relative; text-align: center; background: #fff; padding: 30px 30px 85px 30px; margin: 0 0 100px 0;}
.subName {width: 60%; background: #fff; padding: 10px; position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; text-align: center;}
.proName {padding: 15px 25px; border: 1px solid #b2b2b2; font-size: 25px; font-weight: bold; text-transform: uppercase; color: #0068a8;} 
 
 .subName:hover {width: 60%; background: #0068a8; padding: 10px; position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; text-align: center;}
 .subName:hover .proName {padding: 15px 25px; border: 1px solid #4dc28b; font-size: 25px; font-weight: bold; text-transform: uppercase; color: #fff;} 
/*** mobile App*****/
.mobileApp {width: 100%;float: left;padding: 20px;background: #0068a8;}
.mobileApp h2 {color: #fff;font-weight: 600; margin-top:10px;}
.mobileApp  a {float: right;background: #e0f1e3;padding: 10px 30px;color: #000;border: 2px solid #0068a8;}
/*** Why us Desk ****/
#whySec {width: 100%; float: left; background: url(../images/whyBg.jpg) no-repeat left top #0068a8; padding: 60px 0 80px 0;  }
#whySec h4 {font-weight: 700; font-size: 35px; color: #fff;  margin: 0 0 40px 0; line-height: 35px; text-transform: uppercase; background:url(../images/headingLine2.png) repeat-y left top;  padding: 0 0 0 40px; line-height: 40px;}
#whySec h4 span {font-size: 20px; color: #fff; font-weight: 500; display: block;}
#whySec p {margin: 0px; font-size: 14px; line-height: 24px;}
.whyBox {width: 100%; float: left; background: #fff; padding: 35px; border-radius: 15px; text-align: left;}
.whyBox h3 {font-size: 20px; color: #000;}
.whyline {width: 15%; float: left; height: 1px; background: #61c998; margin: 10px 85% 20px 0;}

/*** Testimonials ***/
#clientSec {width: 100%; float: left; background: url(../images/clientBg.html) no-repeat left top #fff; padding: 60px 0 80px 0;  }
#clientSec h4 {font-weight: 700; font-size: 35px; color: #000;  margin: 0 0 40px 0; line-height: 35px; text-transform: uppercase; background:url(../images/headingLine1.png) repeat-y left top;  padding: 0 0 0 40px; line-height: 40px;}
#clientSec h4 span {font-size: 20px; color: #000; font-weight: 500; display: block;}
#clientSec img {width: 100%; height: auto; border: 1px solid #d1d1d1;}
#clientSec .col-sm-3 {margin: 0 0 30px 0;}
.viewAll {color:#fff; font-weight:600; padding: 10px 20px;text-transform: uppercase;font-size: 15px;float: right;margin-top: 20px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068a8+0,76c44c+100 */
background: #0068a8; /* Old browsers */
background: -moz-linear-gradient(top, #0068a8 0%, #76c44c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0068a8 0%,#76c44c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0068a8 0%,#76c44c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068a8', endColorstr='#76c44c',GradientType=0 ); /* IE6-9 */
}

/*** infrastructure ***/
#infrSec {width: 100%; float: left; background: url(../images/infrastructure.jpg) no-repeat left top; background-size: 100% 100%; padding: 80px 0; color: #fff;}  
#infrSec h4 {font-weight: 700; font-size: 30px; color: #fff;  margin: 0; line-height: 50px; text-transform: uppercase; padding: 0;}
#infrSec h4 span {font-size: 20px; color: #fff; font-weight: 500; display: block;}
.infrBtn {width: 100%; position: relative; margin: 40px 0 0 0;}
.infrBtn a {background: #fff; border: 1px solid #fff; color: #009042; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 18px 20px;}
.infrBtn a:hover {background: #009042; border: 1px solid #009042;  color: #fff; margin: 0 0 0 60px;}
.infoInfr {width: 100%; float: left; padding: 60px 70px 100px 70px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068a8+0,76c44c+100 */
background: #0068a8; /* Old browsers */
background: -moz-linear-gradient(top, #0068a8 0%, #76c44c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0068a8 0%,#76c44c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0068a8 0%,#76c44c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068a8', endColorstr='#76c44c',GradientType=0 ); /* IE6-9 */}

/******footer*********/
#footer{width: 100%;float: left; color: #fff; background: #0068a8; padding:10px 0 0 0; border-top: 1px solid #fff;}
#footer1 {width: 100%;float: left;color: #fff; background: #0068a8; padding: 60px 0 30px 0; border-top: 1px solid #fff;} 
#footer i{ color:#0068a8 ; font-size: 25px;display: block;}
#footer h5{ color:#fff; font-size:17px; line-height: 30px; font-weight: 600;}
#footer h5 span{ display:block; font-weight:300;font-size: 20px;}
.right_txt{ text-align:right;}
#footer hr{ border-top:1px solid #fff;}
#footer a{ color:#fff; font-size:16px;}
.links{ margin:0; padding: 0;width: 100%;float: left; display:none;}
.links li{ list-style:none; border-radius: 0px 8px !important;background:#ffffff !important; padding:10px 0px; width: 22%; text-align: center;font-size: 22px; float:left; margin: 0 5px;}
.links li a{color:#0068a8 !important;font-size: 20px !important;}
.links li:hover{ background:#0068a8 !important; color: #fff;}
.links li:hover a{ color:#fff !important;}
#footer .pull-right {float: right !important;width: 100%;text-align: right;margin: 8px 0;}
.design{color:#0068a8 !important;}
/********* Location Page *******/
#locationSec {width: 100%; float: left; background: #215a78; padding: 60px 0 55px 0; color: #fff; border-bottom: 1px solid #386b86;} 
#locationSec .container-fluid {width: 74%; margin: 0 13%;}
#locationSec .line {width: 15%; height: 1px; background: #648ca1; margin: 20px 80% 25px 0;}
#locationSec h5 {text-transform:uppercase; font-weight: 600; font-size: 20px; color: #fff;  padding: 0; margin: 0 0 15px 0;	}
#locationSec a {list-style: none; color: #fff;}
#locationSec .col-sm-5 {width: 37% !important;}
#locationSec .col-sm-3 {width: 28% !important; border-left: 1px solid #648ca1; padding: 0 0 0 100px;}
#locationSec .col-sm-4 {width: 35% !important; border-left: 1px solid #648ca1;  padding: 0 0 0 100px;}


/*********Inner Page*******/
.inner_header {margin-top: 9%;}
.inner_header img {width: 100%;height: auto;}
.innerSection {width: 100%; float: left; position: relative; padding: 70px 0; background: #fff; font-size: 16px;   }

.innerSection h3 {font-weight: 700;font-size: 30px;color: #000;margin: 20px 0 40px 0;line-height: 35px;text-transform: uppercase;background: url(../images/headingLine1.png) repeat-y left top;padding: 0 0 0 40px;line-height: 35px;}
.innerSection h3 span {font-size: 20px;color: #000;font-weight: 500;display: block;}
/*-------about page--------*/
.aboutSec{ width:100%; float:left; position:relative; background-image:url(../images/abt_img.jpg); padding:8%;}
.aboutData {background: #e0f1e3;padding: 45px;}
.aboutData h4, .vision h4 {text-align: center;color: #0068a8;font-size: 21px;line-height: 32px;
font-weight: 600;}
.ourCompany {width: 100%;float: left;padding: 60px 0 0 0;}
.visionPatch{width:100%; float:left; padding:50px 0; background-image:url(../images/vision-bg.jpg); background-size:100% auto;}
.vision {padding: 30px 40px;background: rgba(255,255,255,0.6);height: 250px; }
.vision h4{text-align:left;}
.vision ul li {list-style: none;}

/**********Products Page*************/
.proSection,.proSection1 {width: 100%;float: left;background: url(../images/proBg.jpg) no-repeat left bottom #e0f1e3;padding: 30px 50px; margin-bottom:35px;}
.proSection1 {background: url(../images/proBg1.jpg) no-repeat left bottom #d8eef0;}
.proSection h4, .proSection1 h4 {font-size: 24px;font-weight: 600;color: #0068a8;margin: 25px 0;border-bottom: 2px dashed #a8cf45;padding-bottom: 10px;text-transform: uppercase;}
.proSection li, .proSection1 li {list-style: none;padding: 3px 0;}
.proSection ul li::before, .proSection1 ul li::before {content: "\e165" !important;font-family: 'Glyphicons Halflings' !important;color: #a8cf45;margin-right: 10px;font-size: 14px;}
.proSection1 ul li::before {color: #64d3e7;}
.features li{list-style:none; padding: 3px 10px;}
.features li::before {content: "\e165" !important;font-family: 'Glyphicons Halflings' !important;color: #a8cf45;margin-right: 10px;font-size: 14px;}
#page404 {text-align: center;}
.btn11 {background: green;color: #fff;padding: 15px 20px;}
/*******Customer Page **********/
#clientSection img {}
#client_logo img {width: 100%; height:auto;}
.box_client
{ padding: 2px;
  background-color: #99cc48; 
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
  background-repeat: no-repeat;
  background-size: 0 2px, 0 100%, 0% 2px;
  background-position: top center, top center, bottom center;
  -webkit-animation: drawBorderFromCenter 4s;
  margin: 10px 0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 2px, 100% 98%, 0 2px;
    }
}

/************dealers page ***************/
.indiaPatch ul{margin-top:3%;}
.indiaPatch li {list-style: none;background: #e0f1e3;padding: 13px 19px;margin: 10% 0;}
.indiaPatch img{width: 80%;height: auto;margin: 0 auto;}
.mhPatch li {list-style: none;background: #e0f1e3;padding: 10px 19px;margin:5% 0;}
.mhPatch img{width: 100%;height: auto;margin: 0 auto;}

/*******Career Page **********/
.careerForm.wow.fadeIn.animated {border: 2px solid #ccc;padding: 5%;background: #e0f1e3;}
.careerForm .subbtn {width: 20%;}
.careerForm h4 {text-align: center;color: #0068a8;font-size: 21px;line-height: 32px; font-weight:600;}
.careerForm h4 span {display: block; font-weight:400;}
/*******Contact Page **********/
.contPage{width:100%; float:left; position:relative;}
.contPageForm {width: 80%;float: left; position: relative; padding-top: 8%;
padding-bottom: 5%;}
.contDetails {position: absolute;background: #e0f1e3;padding: 3%;color: #000;	right:0%;left: 60%; top:50px;border: 1px solid #0068a8;}
.contDetails h4 {font-size: 30px;color: #000; line-height: 41px;font-weight: 400;}
.contDetails h4 span{display:block;}
.contDetails .textBox {width: 100% !important;height: 45px !important;background: #fff0; border:none;border-bottom: 1px solid #0068a8;color: #000 !important;font-size: 16px;margin-bottom: 0;padding: 0px;}
.contDetails hr {margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px dashed #e6e6e6;}
.contDetails .textBoxMulti {width: 100% !important; height: 80px !important; background: #fff0; border:none;border-bottom: 1px solid #0068a8;color:#000 !important; font-size:16px;margin-bottom: 0;padding: 0px;}
.contDetails .tred{color:#C00;}
.locContact{width: 100%;float: left;text-align:center;color:#fff; background:#d30000; position:relative;}
.locContact .col-sm-4{padding:0; margin:0;}
.locContact .col-sm-4:nth-child(1){background:#363d3f; padding: 15px 30px 15px 30px; height:170px;}
.locContact .col-sm-4:nth-child(2){background:#363d3f;padding: 15px 30px 15px 30px; height:170px;}
.locContact .col-sm-4:nth-child(3){background:#363d3f; padding: 15px 30px 15px 30px; height:170px;}
.address h4 {font-size: 22px;text-transform: uppercase;font-weight: 600;}
.address p{ color:#fff;}
.address a{ color:#fff;}
.locContact .col-sm-4:hover {background: #0068a8 !important; -webkit-transition: all; /* Safari */ transition: all 2s;}
.carousel-control2, .carousel-control.right{ display:none;}
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #f04b5b;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.whatsapp {
  background: #48be00;
  color: white;
}

/*********resposnive*******/
@media (min-width: 1500px) {
.carousel {margin-top: 6.6%;}
}
@media (max-width: 1300px) {
.carousel-caption h1 {padding-right: 20%;}
.proName{font-size: 22px;}
}
@media (max-width: 1270px) {
.proName{font-size: 20px;}
}
@media (max-width: 1200px) {
.container{width:94%;}
.carousel-caption h1 {font-size: 26px;}
.vision {padding: 30px 40px;background: rgba(255,255,255,0.6);height: 350px;}
}
@media (max-width: 1150px) {
.carousel-caption h1 {font-size: 24px;}
.carousel-caption h1 span {font-size: 16px;}
#welcomeSection h1{font-size: 28px;}
.proName {font-size: 17px;}
.navbar-right {
	float: right !important;
	margin-right: -15px;
	z-index: 9999999999 !important;
	position: relative;
}
}

@media (max-width: 1100px) {
.carousel-caption h1 {font-size: 23px;}
.Flexible-container1 {padding-bottom: 70%;}
.locContact .col-sm-4{ width:100%;}
}
@media (max-width: 1024px) {
.navbar-nav > li > a{padding: 20px 15px;}	
.top-nav-collapse .navbar-nav > li > a {padding: 25px 12px;}
.top-nav-collapse .logoCon img {width: 25%;height: auto;}
#infrSec h4{font-size: 20px;}
.links{padding: 0 2%;}
}
@media (max-width: 1000px) {
.carousel-caption h1 {display: none;}
}
@media (max-width: 991px) {

.navbar-brand {
	width: 90%;
}
.carousel-caption {bottom: 14%;}
.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%;}
.top-nav-collapse .navbar-nav > li > a {padding: 25px 15px !important;}
.top-nav-collapse .logoCon img {width: 28%;height: auto;}
#welcomeSection img{ display:none;}
#welcomeSection .col-sm-6, #infrSec .col-sm-6{ width:100%;}
#welcomeSection .container-fluid {width: 100%;padding: 0 7%;}
.whyBox{padding: 30px;}
#infrSec{background: #f7f7f7;}
.dropdown-menu > li > a{font-size: 13px;}
.vision {height: 450px;}
}
@media (max-width: 950px) {
.navbar-nav > li > a{font-size: 14px;}
.top-nav-collapse .logoCon img {width: 30%;height: auto;}
#productSec .container-fluid {width: 80%;margin: 0 10%;}
.mobileApp h2{font-size: 22px;}
.infoInfr{padding: 60px 60px;}
}
@media (max-width: 900px) {
.navbar-nav > li > a {padding: 27px 10px;}
.map {	display: none;}
.navbar-nav > li > a {padding: 15px 10px;}
.top-nav-collapse .navbar-nav > li > a {padding: 15px 10px !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;}
.locContact .col-sm-4:nth-child(1), .locContact .col-sm-4:nth-child(2), .locContact .col-sm-4:nth-child(3) {
	height: 210px;
}
.address span::before {right: -54%;}
.vision{padding: 30px 20px;}
}
@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 {  bottom: -125px; }
	.top-nav-collapse .logoCon h3 {margin: 15px 0 0 0px !important; font-size: 20px !important;}
	.top-nav-collapse .logoCon h3 span { font-size: 15px !important;}
	.top-nav-collapse .logoCon .col-sm-3 {width: 15% !important;}
	.top-nav-collapse .logoCon img {width: 20%; height: auto; }
	.top-nav-collapse .navbar-nav > li > a {padding: 25px 20px;}
	.top-nav-collapse .callBox {  margin: 5px 30px 5px 0 !important;}
	.top-nav-collapse .contactTop { display: none; opacity: 0; transition: display .5s, opacity .5s;}
	
	
 }
@media (max-width: 767px) {
/******** start toggle***********/
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 0px; cursor:pointer}
.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.2);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: #000;
}

/******** end toggle***********/

.navbar-nav > li:last-child {display: none;}
.footer_blk {text-align: center;}
.col-sm-5.col-md-5.wow.slideInRight.footerlinks.animated {text-align: center;}
.footerInfo .col-sm-6 {width: 50%;float: left;}
.location {background: #fff;}
.mail {position: relative;}
.navbar-toggle{background: #0068a8;margin-bottom: 0px;margin: 10px 15px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
#welcomeSection{padding: 60px 0;}
#productSec .container-fluid {width: 90%;margin: 0 5%;}
.whyBox {padding: 30px;margin: 5px 0;}
.mobileApp a{ float:left;}
.right_txt {text-align: left;}
#footer .pull-right {float: left !important;width: 100%;text-align: left;margin: 8px 0;}
#footer1{padding: 30px 0;}
.navbar-nav {margin: 0;width: 100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{padding: 0 0;}
.nav > li {background: #0068a8;}
.navbar-nav > li > a{ color:#fff !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #000 !important;background-color: #54ad83;}
.navbar-nav > li > .dropdown-menu{background: #000;}
.viewAll {font-size: 13px;float: left;margin: 0 0 30px 0;}
.carousel {margin-top: 0;}
.navbar-fixed-bottom, .navbar-fixed-top{position: relative;}
.subMenu {width: 100%;padding: 0;position: absolute;background: #fff;top: 70px;}
.video .col-sm-4{ margin-bottom:10px;}
}

@media (max-width: 750px) {
#clientSec h4{font-size: 25px;}
.vision {height: auto;margin: 5px 0;}
}
@media (max-width: 700px) {
.navbar-brand {width: 28%;}
.icon-bar a {padding: 7px;font-size: 17px;}
.icon-bar {position: fixed;top: 42%;}	
}

@media (max-width: 650px) {
#clientSec .col-xs-3 {width:100%;}
#whySec h4{font-size: 25px;}
}
@media (max-width: 600px) {
.navbar-brand {width: 31%;}
.proSection h4, .proSection1 h4{font-size: 18px;}
.innerSection h3{font-size: 20px;}
}
@media (max-width: 550px) {
.navbar-brand{top: -9px;}

}
@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;}
.carousel-indicators{bottom: 25px;}
.proSection, .proSection1{padding: 30px 10px;}
}
@media (max-width: 450px) {
.navbar-brand {width: 39%;}
.welData h3 {font-size: 20px;}
#welcomeSection h1 {font-size: 27px;}
.subName:hover .proName{font-size: 16px;}
#whySec h4 {font-size: 20px;}
#clientSec h4 {font-size: 19px;}
.infoInfr {padding: 40px 30px;}
.contactTop a, .contactTop li{font-size: 15px;}
.carousel {margin-top: 12%;}
#welcomeSection h1 {font-size: 24px;}
#productSec h4{font-size: 27px;}
#clientSec h4 {font-size: 18px;}
.carousel-indicators{display: none;}
.aboutData h4, .vision h4{font-size: 16px;}
}
@media (max-width: 400px) {
.navbar-brand {top: -4px;width: 40%;}
.innerSection h2 {font-size: 23px;}
}
@media (max-width:340px) {
.navbar-brand {top: -10px;width: 54%;}
	}
@media (max-width:320px) {
.contactTop a, .contactTop li {font-size: 13px;}
.logoCon img{width: 70%;}
#welcomeSection {padding: 30px 0;}
#welcomeSection h1 {font-size: 18px;line-height: 35px;}
#productSec h4 {font-size: 20px;}
.proName{padding: 15px 0;}
.subName, .subName:hover{width: 90%;}
#whySec h4 {font-size: 14px;}
#clientSec h4 span{font-size: 15px;}
 #clientSec .col-sm-3 {margin: 0 0 30px 0;width: 100%;}

	}