@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
body {font-family: 'Montserrat', sans-serif; color: #000; line-height: 28px; font-weight: normal; font-size: 16px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
ul li{ list-style:none;}
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}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;} 
.topInfo {width: 100%; float: left; background: #1c57a3; padding: 5px 4%; color:#fff;font-size: 14px;text-align: right;}
.topInfo li{ float:left;float: right;margin-left: 20px;}
.menuBox {width: 100%; float: left; background: #1c57a3; padding: 5px 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color:#fff;}
.menu{ padding:0 3%;}
.topInfo a, .address a{ color:#fff;}
.menuInfo {width: 100%; float:left; background: #fff;}
.topInfo i{float: left;top: 8px;margin-right: 7px;font-size: 13px;color: #fff;}
.logoBox {position: absolute;z-index: 9;top: -30px;}
.navbar-nav > li > a{padding-top: 22px;padding-bottom: 22px;}
.caption{position: absolute;z-index: 9;left: 0;right: 0;margin: 0 auto;text-align: center;bottom: 70px;}
.caption h2{ color:#fff; font-size:30px; font-weight:bold;line-height: 45px;}
.caption h2 span{font-size:25px; font-weight:300; display:block;}
#welcome{ width:100%; float:left; position:relative; 
background: rgba(229,236,244,1);
background: -moz-linear-gradient(top, rgba(229,236,244,1) 0%, rgba(240,244,249,1) 51%, rgba(252,253,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,236,244,1)), color-stop(51%, rgba(240,244,249,1)), color-stop(100%, rgba(252,253,254,1)));
background: -webkit-linear-gradient(top, rgba(229,236,244,1) 0%, rgba(240,244,249,1) 51%, rgba(252,253,254,1) 100%);
background: -o-linear-gradient(top, rgba(229,236,244,1) 0%, rgba(240,244,249,1) 51%, rgba(252,253,254,1) 100%);
background: -ms-linear-gradient(top, rgba(229,236,244,1) 0%, rgba(240,244,249,1) 51%, rgba(252,253,254,1) 100%);
background: linear-gradient(to bottom, rgba(229,236,244,1) 0%, rgba(240,244,249,1) 51%, rgba(252,253,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ecf4', endColorstr='#fcfdfe', GradientType=0 ); padding:20px 0 145px 0; text-align:center;border-bottom: 5px solid #aac1dc;}
#welcome h3{ color:#000; font-weight:400; font-size:16px;}
#welcome h1{ font-size:45px; margin:0; font-weight:600;}
.grey{ width: 10%;background: #bbbfc5;height: 4px;margin: 15px auto;}
.orange{width: 43%;background: #ff8000;height: 4px;border-right: 10px solid #f4f7fa;}
.blue_txt{ color:#0e5dc2; font-size:18px; font-weight:500;}
#welcome p{ padding:0 5%;}
#welcome a{background: #ff8000;color: #fff;padding: 10px 20px;display: inline-block;margin: 10px 0;}
.vision{ width:80%; padding:10px 30px; background:#ffffff; margin:0 auto; border-radius:50px;border: 2px solid #aac1dc;border-left: none;border-right: none;position: absolute;
left: 0;right: 0;bottom: -75px;}
.vision h2 span{ text-align:left; font-size:18px; color:#000;}
.vision h2{ font-size:25px; color:#ff8000;text-align: left;font-weight: 600;border-right: 1px solid #000;}
.vision p{ text-align:left !important; padding: 20px 0 !important;}
.mission{text-align: center;margin: 0 auto;padding: 20px 35px;}
#product{ width:100%; float:left; position:relative; padding: 140px 0 80px 0;overflow: hidden;}
#product h2 span, #service h2 span, #career h2 span, #client h2 span{ display:block; font-size:16px; font-weight:400;}
#product h2, #service h2, #career h2, #client h2{font-size:40px; font-weight:600;}
#product .grey{width: 25%;margin: 15px 0;}
#service .grey{width: 10%;margin: 15px 0;}
#owl-example1 img{ border-right:3px solid #ff8000;}
#owl-example1{position: absolute;bottom: -10px;left: 45%;}
#owl-example1 .owl-buttons{ margin:0;position: absolute;top: -130px;right: 70px;}
#owl-example1.owl-theme .owl-controls .owl-buttons div{background: #1c57a3;}
#owl-example1 .owl-next {background: #000 !important;}
#owl-example1 .col-sm-8{ overflow:hidden;}
.grey1{ width:100%; background:#e0e9f2; height:3px;}
.orange1{ width:8%; height:3px; background:#0e62b7;}
#service{ width:100%; float:left; position:relative; padding:50px 0;}
#service img{ border:5px solid #ff8000;}
.cnc_blk{ width:100%; float:left; padding: 10px 20px;border:2px solid #b2c6df;position:relative;margin: 12px 0;}
.cnc_blk h3{ font-size:20px; color:#000000;font-weight: 600;margin: 7px 0;}
.cnc_blk p{ color:rgba(0,0,0,0.6);}
.blue_line{ width:20%; height:8px; background:transparent;position: absolute;top: -5px;  -webkit-transition: background 2s; transition: background 2s;}
.blue_line1{ width:20%; height:8px; background:#transparent;position: absolute;bottom: -5px;-webkit-transition: background 2s; transition: background 2s;}
.cnc_blk:hover .blue_line, .cnc_blk:hover .blue_line1 {  background:#004194;}
.cnc_blk:hover{border:2px solid #004194;}
#infrastructure{ width:100%; float:left; position:relative; background:#002b62; padding:50px 0 20px 0;border-top: 10px solid #335581;}
#infrastructure h2, .form h2{ font-size:16px; color:#fff; font-weight:400;}
#infrastructure h2 span, .form h2 span{ font-weight:600; font-size:45px; color:#fff; display:block;}
.infra_block { position:relative; width:60%; float:left;padding-left: 100px;} 
.infra_block img{margin-top: -115px;border: 5px solid #fff;}
.infra_data{ width:40%; position:relative; background:#f0f0f0; float:left;padding: 52px 22px;}
.infra_data a{ color:#ff8000;}
#back-to-top {cursor: pointer; position: fixed !important; bottom: 20px; right: 20px; z-index: 99 !important; background: #ed6b1f; padding: 10px 15px; border-radius: 10px; outline: none; border:none;}
#career{ width:100%; float:left; position:relative;padding: 50px 0;}
#career .grey, #client .grey{ margin:15px 0;width: 8%;}
.mail{background: #ffd9b2;display: inline-block;padding: 0px 18px 2px 0;color: #000;margin-top: 10px;}
.mail a{ color:#000;font-weight: 500;}
.mail span{background: #ffac59;padding: 15px;margin-right: 10px;}
#client{ width:100%; float:left; position:relative; padding:30px 0;}
#client img{ margin:15px 0;border: 1px solid #ccc;}
.form{ width: 40%;background: #00365b;position: absolute;padding: 20px 50px;right: 0;top: -18px;}
.form .grey{width: 20% !important;background: #335e7c;}
.form .orange{border-right: 10px solid #00365b;width: 43%;}
.tWidth{width:100%; float:left; color: #fff;}
.enquiryBtn {margin: 10px 0 0 0 !important; text-align: left;}
.textBox {width: 100% !important;height: 50px !important;background: #06446e;border: 1px solid #3b6481;color: #fff;font-size: 16px;padding: 5px 25px;margin-bottom: 15px;}
.textBoxMulti {width: 100% !important; height: 100px !important; background: #06446e;
border: 1px solid #3b6481; color:#fff; font-size:16px; padding:5px 25px; margin: 0 0 10px 0;}
.contactForm .textBox, .contactForm .textBoxMulti{ color:#fff !important}
.tred{color: #ff1010;margin-bottom: 10px;}
#security_code {margin-top: 10px;}
.subbtn {background:#ff8000 !important; display:inline-block; padding: 10px 40px !important;color:#fff; font-size: 17px; font-weight: 600; text-transform: uppercase;  text-decoration:none;  transition: all 1s; border:none }
.subbtn:hover {background:#1c57a3 !important; color:#fff; }
.details .enquiryBtn {margin: 10px 0 0 -15px !important;}
::placeholder {color: #fff; font-size: 14px;}
#location{ width:100%; float:left; position:relative; padding:50px 0;}
.Flexible-container1 {position: relative; padding-bottom: 35%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container1 iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.address{ width:25%; position:absolute; 
background-image:url(../images/map.png), url(../images/orange.jpg);
 background-position:right -10px bottom -30px, left top;
 background-repeat: no-repeat, repeat-y ;
 background-color:#ff8000;
  padding:20px 30px;bottom: 50px;color: #fff;}
#footer{ width:100%; float:left; background:#00365b; padding:0 0 20px 0px;}
#footer a, #footer p{ color:#fff; font-size:16px;}
#footer i{background: #fff;padding: 10px;border-radius: 50%;width: 40px;
height: 40px;text-align: center;line-height: 22px;margin: 0 auto;color: #000;font-size: 18px;}
#footer i:hover{ background:#335e7c; color:#fff;}
#footer .line{ float:right; width:26%; height:1px; margin: 0 0 10px 0; background:#5e8097;}
.w_line{ width:100%; height:1px; background:#fff;margin: 5px 0 25px 0;}
.triangle{ position:absolute; bottom: -43px;left: 18px;right: 0;z-index: 9;}
#inner_header {width: 100%;float: left;position: relative;}
#inner_header h2 {font-size: 30px;font-weight: 500;color: #fff;position: absolute;bottom: 95px;margin: 0;left: 0;right: 0;text-align: center; text-transform: capitalize;}
#inner_header img {width: 100%;height: auto;}
.inner_data{ width:100%; float:left; position:relative; padding:50px 0; background:url(../images/contact_bg.jpg) no-repeat left top; background-size:100% 100%;}
.info_blk{ width:100%; float:left; position:relative; background:#fff; padding: 30px 20px;}
.info_blk .pull-right{ border:3px solid #1c57a3;}
.inner_data h3{ font-size:20px; color:#ff8000;}
.list1 li{ width:50%; float:left;}
.list1 li::before {content: "\e072";font-family: 'Glyphicons Halflings';color: #e20002;
font-size: 15px;margin-right: 10px;}
.list2 li{width:100%;}
#service, #electrical{ width:100%; float:left; position:relative; background:#f1f1f1; padding:50px 0;}
.service1{ width:100%; float:left; position:relative; background:#fff;padding: 50px 30px 53px 60px;height: 445px;margin-top: 60px;border-radius: 20px;}
.service_pro{ height:auto !important;padding: 50px 10px 53px 10px; text-align:center;}
.product_name .number{ left:0; right:0; text-align:center; margin:0 auto;}
.number {position: absolute;left: 60px;top: -30px;width: 60px;height: 60px;
line-height: 60px;text-align: center;background: #f18f20;border-radius: 50%;font-size: 18px;
color: #ffffff;font-weight: 900;transition: all 500ms ease;}
.service1:hover {background: #1c57a3;}
.service1:hover .number {background: #ffffff;color:#1c57a3;}
.service1:hover p, .service1:hover h3{ color:#fff;}
#machine h2{ color:#002b62; font-size:25px; font-weight: 600;margin: 10px 0;}
#machine td, #machine th{ width:50%;}
.pro_blk {padding: 30px;margin-bottom: 30px;box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
width: 100%;float: left; background:#fff;}
.pro_blk img{ border:2px solid #ed6b1f;}
#contact_sec{ width:100%; float:left; position:relative; padding:50px 0;} 
.contact{ width:100%; float:left;border: 1px solid #efefef;display: block;padding: 25px 20px; position:relative; text-align:center;} 
.contact .icon_box {position: relative;height: 80px;width: 80px;margin: 17px auto 40px;
line-height: 120px;transition: .4s ease;text-align: center;}
.contact .icon_box::before {position: absolute;content: "";border: 1px solid #f4f4f4;
height: 100%;width: 100%;border-radius: 5px;transform: rotate(45deg);left: 0;transition: .5s ease;}
.contact .icon_box span {position: relative;color: #ed6b1f;font-size: 45px;transition: .5s ease;}
.contact:hover .icon_box span {color: #fff;transition: .5s ease;}
.contact:hover {border-color: #ed6b1f;transition: .5s ease;}
.contact:hover .icon_box::before {border-color: #ed6b1f;background: #ed6b1f;transition: .5s ease;}
.contact h3{ color:#222222; font-size:20px;text-transform:uppercase;}
.contact p, .contact a{margin:0; color:#999; text-decoration:none;}
.Flexible-container2 iframe, .Flexible-container2 object, .Flexible-container2 embed {position: absolute;width: 100%;border: none;top: 0;left: 0;height: 450px;}
#form_sec{ width:100%; float:left; position:relative; padding: 0 0 50px 0;}
.box_client
{
 
  padding: 2px;
  background-color: #0766af; 
  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;
    }
}
.box_client img{ width:100%;}
#infra img{ margin:20px 0; width:100%;border: 3px solid #ed6b1f;}


/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	right: 0;
margin: 0 auto;
text-align: center !important;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {
	max-width: none;
	height: auto;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 12px;
	background: #ed6b1f;
	color: #fff;
	text-transform: none;
	font-weight: 500;
	font-size: 20px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}
figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#electrical h3{font-size: 22px;text-transform: uppercase; color:#000; font-weight:600;}
#electrical h6{font-size: 16px;text-transform: capitalize; color:#002b62;}
#electrical h6::before{content: "\e019";font-family: 'Glyphicons Halflings';font-size: 18px;
margin-right: 10px; color:#ed6b1f;}
hr.style18 {  height: 30px; border-style: solid; border-color: #ccc; border-width: 1px 0 0 0;  margin: 30px 0 0 0;} 
hr.style18:before { display: block;  content: ""; height: 30px; margin-top: -31px;border-style: solid; border-color: #ccc; border-width: 0 0 1px 0;  }
#electrical img{border: 1px solid #ed6b1f;margin: 10px 0;}
.pogoSlider{padding-bottom: 25% !important;}
.pogoSlider img{ width:100%; height:auto;}
#imgCaptcha {
	width: auto !important; margin: 5px 0 !important; 
}
/*------------
-----------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #1c57a3; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#ff8000;}
.Flexible-container {position: relative;padding-bottom: 75%;height: 0;overflow: hidden;
border: none;margin-bottom: -35px;margin-right: -20px;border: 2px solid #ccc;}
.Flexible-container iframe{ width:100%; height:450px; border:none;}
/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #5e5751; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 10px;  border: 1px solid #dbdbdb; }
 @media only screen and (max-width: 1230px) {
.infra_data{padding: 24px 15px;}	 
	 }
 
@media only screen and (max-width: 1199px) {
.container { width:96%;}
.navbar-nav > li > a{font-size: 14px;}
.caption h2{font-size: 23px;line-height: 35px;}
#infrastructure{padding: 8px 0 20px 0;}
.cnc_blk h3{font-size: 18px;}
.service1{height: 570px;}
.service_pro h3{font-size: 20px;}
.service_pro{padding: 30px 0 30px 0 !important;}
}
@media only screen and (max-width: 1130px) {
.carousel-caption h1{font-size: 28px;}
.accommodation p, .accommodation1 p {font-size: 14px;}
.nav > li > a {padding: 25px 14px;}

}
@media only screen and (max-width: 1080px) {
.container { width:96%;}	
.nav > li > a {padding: 25px 12px;}
.carousel-caption h1{font-size: 25px;}
.cnc_blk{height: 165px;}
.infra_block{ display:none;}
.infra_data{width: 100%;}
#infrastructure .col-sm-4{ width:100%;}
.infra_data {padding: 40px 20px;}
.topInfo .col-sm-5{ width:100%;}
}
@media only screen and (max-width: 1050px) {

.vision h2{border-right: none;}	
#service img {display: none;}
#service .col-sm-8{ width:100%;}
.cnc_blk {height: auto;}
#footer a, #footer p {font-size: 15px;}
.address{width: 33%;}
#owl-example1{left: 20%;}
#owl-example1 .owl-buttons {top: -203px;right: 20px;}
.nav > li > a {padding: 25px 9px;}
.service1{padding: 30px 30px 50px 30px;} 
	}
@media only screen and (max-width: 998px) {
#client .col-sm-7{ width:100%}
.form{width: 100%;position: relative;top: 0;}
#client img{width: 100%;}
.navbar-nav > li > a {font-size: 12px;}
.mission{display: none;}
#service, #electrical{padding: 35px 0;}
#footer .col-sm-6{width: 100%;}
.text-right {text-align: left;}
#footer .line{float: left;}
#inner_header h2{bottom: 60px;}
.Flexible-container2 iframe{ position:relative;margin-top: 20px;}
.service_pro h3 {font-size: 16px;}
}
@media only screen and (max-width: 930px) {
.nav > li > a {padding: 18px 9px;}
.caption{display: none;}
.pogoSlider--navBottom .pogoSlider-nav {bottom: 25px;}
#welcome h1{font-size: 30px;}
.navbar-nav > li > a {font-size: 11px;}
.address {width: 45%;}
.cnc_blk {height: 145px;}
.logoBox img{width: 80%;}
.logoBox {top: -5px;}
.nav > li > a {padding: 10px 9px;}
#abt .col-xs-7, .info_blk .col-sm-8{ width:100%;}
#service .col-xs-12.col-sm-4{ width:50%;}
.service1 {height: 375px;}
figure.effect-julia p{font-size: 10px;}
}
@media only screen and (max-width: 870px) {
#welcome p {padding: 0 0%;}
.list1 li {width: 100%;float: left;}
}
@media only screen and (max-width: 810px) { 
.nav > li > a {padding: 10px 5px;font-size: 12px;}
#product .col-sm-8{ width:100%;margin-top: 50px;}
#product .col-sm-4, .vision .col-sm-2, .vision .col-sm-8{ width:100%;}
.vision{bottom: -125px;}
#inner_header h2 {bottom: 50px;font-size: 14px;}
.service1 {height: 390px;}

}
@media only screen and (max-width: 767px) { 
.navbar-inverse {width: 100%;z-index: 9999;position: absolute;left: 0;right: 0;margin: 0 auto;}
.navbar-inverse .navbar-nav > li > a{ color:#fff;font-size: 16px;}
#navbar {background: #1c57a3;}
.nav > li > a {padding: 10px 8px;}
.navbar-nav {margin: 0 -15px;}
.menuBox{ border:none !important;}
.menu {width: 100%;float: left;background: #fff;padding: 20px 4%;}
.logoBox {top: -45px;}
.navbar-toggle{margin-top: -15px;background: #1c57a3;}
#career{padding: 25px 0;}
.dropdown-menu{background-color: #014296;}
.navbar-toggle{margin-right: 0;}
.topInfo{padding: 5px 3%;}
.dropdown-menu {background-color: #014296;width: 100%;}
}
@media only screen and (max-width: 720px) { 
.cnc_blk {height: 185px;}
.service1 {height: 450px;}
#machine h2{font-size: 18px;}
}
@media only screen and (max-width:690px) { 
#location{padding: 60px 0;}
#inner_header h2 {bottom: 26px;font-size: 13px;}
#service .col-xs-12.col-sm-4 {width: 100%;}
.service1 {height: auto;}
}
@media only screen and (max-width:650px) { 
.grey1{display: none;}
.address{bottom: 62px;}
.textBox{height: 35px !important;}
#electrical h3{font-size: 16px;}
.inner_data{padding: 30px 0;}
.service_pro h3 {font-size: 22px;}
}
@media only screen and (max-width:570px) { 
.address{position: relative;width: 100%;bottom: 0;margin-top: 20px;}
#location {padding: 15px 0 0 0;}
#product h2, #service h2, #career h2, #client h2 {font-size: 30px;font-weight: 600;}
#infrastructure h2 span, .form h2 span{font-size: 30px;}
#machine .col-xs-6{ width:100%;}

}
@media only screen and (max-width:520px) { 
#service .col-xs-6{width: 100%;}
.cnc_blk {height: auto;}
.pogoSlider--navBottom .pogoSlider-nav{display: none;}
.topInfo li:first-child{ display:none;}
.vision {bottom: 0;width: 100%;position: relative;}
#welcome, #product, #service, #electrical, #career, #client{padding: 20px 0 20px 0;}
.info_blk{padding: 10px 20px;}
}
@media only screen and (max-width:480px) { 
#owl-example1 .owl-buttons {top: -160px;right: -50px;}
#footer a, #footer p {font-size: 14px;}
#owl-example1 {left: 5%; right:0;}

#owl-example1 img {
	border-right: none;
	width: 90%;
}

}
@media only screen and (max-width:420px) { 
.logoBox img {width: 70%;}
#welcome h1 {font-size: 20px;}
.blue_txt{font-size: 15px;}
#owl-example1 .owl-buttons {top: -150px;right: -70px;}
#infrastructure h2 span, .form h2 span {font-size: 22px;}
.form{padding: 20px 15px;}
#footer a, #footer p {font-size: 11px;}
#inner_header h2 {bottom: 20px;font-size: 12px;}
#abt img{ display:none;}
#inner_header h2 {bottom: 20px;font-size: 10px;}
.service1 {padding: 30px 20px 50px 20px;}
.service_pro h3 {font-size: 16px;}
}
@media only screen and (max-width:400px) {
.mail span {padding: 10px;margin-right: 5px; }
.mail a {font-size: 13px;}
#owl-example1 {left: 5%;}
}
@media only screen and (max-width:320px) { 
.logoBox img {width: 50%;}
.logoBox {top: -27px;}
#owl-example1 .owl-buttons {top: -55px;right: -38px;}
.mail a{font-size: 10px;}
}