@import 'https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed';
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/*font-family: 'Roboto Condensed', sans-serif;
font-family: 'Lato', sans-serif;*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?92oxp2');
  src:  url('fonts/icomoon.eot?92oxp2#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?92oxp2') format('truetype'),
    url('fonts/icomoon.woff?92oxp2') format('woff'),
    url('fonts/icomoon.svg?92oxp2#icomoon') format('svg');
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope:before {
  content: "\e900";
}
.icon-export:before {
  content: "\e901";
}
.icon-factory:before {
  content: "\e902";
}
.icon-phone-call:before {
  content: "\e903";
}
.icon-placeholder:before {
  content: "\e904";
}
.icon-right-arrow:before {
  content: "\e905";
}
.icon-social:before {
  content: "\e906";
}
.icon-thumbs-up-hand-symbol:before {
  content: "\e907";
}
.icon-chat:before {
  content: "\e908";
}
.icon-printer:before {
  content: "\e909";
}
#loadr-blk { display:none}
body {font-family: 'Lato', sans-serif; font-size:15px; color:#171717; line-height:30px;  overflow-x:hidden; padding:0 70px;}
a { transition:all 1s; position:relative}
a:hover, a:active, a:focus { text-decoration:none; outline:0}
ul, ol { padding:0}
h1 { font-family: 'Roboto Condensed', sans-serif; font-size:40px; color:#333333;}
#loadr-blk { position:fixed; width:100%; height:100%; background:#038ad3; z-index:10000}
.spinner div {
  width: 10px;
  height: 10px;
  position: absolute;
  left: -10px;
  top: 50%;
  background-color: #fff;
  border-radius: 50%;
  animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
}
.spinner div:nth-child(2) {
  animation-delay: 150ms;
}
.spinner div:nth-child(3) {
  animation-delay: 300ms;
}
.spinner div:nth-child(4) {
  animation-delay: 450ms;
}
@keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}
.logosection {background:#fff; width:100%; float:left; margin-top:95px;}
.navbar-inverse .navbar-nav>li>a {font-family: 'Roboto Condensed', sans-serif; font-size:16px; text-transform:uppercase}
.navbar-wrapper { border-bottom:solid 7px #f58634; margin-bottom:2px}
.carousel-caption h1 { color:#fff; line-height:38px; font-size:30px; margin:80px 0; font-family: 'Roboto', sans-serif; font-weight:300;}
.carousel-caption h1 i { font-style:normal}
.navbar-header h1 {font-size:15px; float:right;}
.product {background:#fff;}
#product { padding:70px 0; text-align:center; background:#0267af;}
#product h1, #product h4 {color:#fff;}
.width80 { width:80%; margin:0 auto ; font-family: 'Roboto', sans-serif; font-size: 17px; text-align: justify;
line-height: 22px;
margin-bottom: 25px;}
#welcome-blk strong {
    font-size: 18px;}
h4 {font-size:18px; color:#0267af}
.bullet img {padding:0;}
.product-detail-blk { text-align:left; border-bottom:solid 2px #0367b0; position:relative; margin:20px; overflow:hidden; transition:all 500ms; font-family: 'Roboto', sans-serif;}
.product-detail-blk img {transition:all 1s; padding-right:10px; border:solid 1px #f3f3f3; }
.product-detail-blk p { height:53px;}
.product-detail-blk:before { position:absolute; width: 0; height: 0; border-top: 80px solid #f68e42; border-right: 80px solid transparent; content:''; left:0; top:0; z-index:1; transition:all 1s}
#product-slider {margin:0px 0 0 0;}
#product-slider .owl-carousel .owl-wrapper-outer { padding:50px 20px 20px}
.product-detail-blk div { padding:0 15px 15px 15px; position:relative}
.product-detail-blk p { font-size:13px; line-height:20px; color:#000;}
.product-detail-blk:hover img{ transform:scale(1.05, 1.05);}
.product-detail-blk:hover:before {  border-top: 60px solid #0367b0; border-right: 60px solid transparent;}
.product-detail-blk a { position:relative; font-size:13px; color:#fff; font-weight:600;}
.product-detail-blk a:before { position:absolute; content: "\e905"; font-family: 'icomoon'; right:-25px; top:-5px; font-size:10px}
.product-detail-blk a:hover { color:#f68e42}
#welcome-blk {background:#fff; color:#000; padding-top: 40px; padding-bottom: 20px; text-align:center; border-bottom:solid 1px #fff}
#welcome-blk h1 { color:#000; font-size:30px; text-transform:uppercase;font-family: 'Roboto', sans-serif; margin-bottom:25px; line-height:45px;}
#welcome-blk h1 span { font-size:25px}
#welcome-blk a { padding:0px 25px; border:solid 1px rgba(255,255,255,0.4); display:inline-block; margin:30px 0 1px; background:#004d86; color:#fff; z-index:1}
#welcome-blk a:before { content:''; position:absolute; left:0; top:0; height:100%; width:0; transition:all 500ms ease-in-out; background:#0367b0; z-index:-1}
#welcome-blk a:hover:before { width:100%;}
#welcome-btm-section { border-top:8px solid #878787; text-align:center; margin-top: 75px; margin-bottom:-38px;}
#welcome-btm-section  h3 {float:none !important; color:#f58634 !important; font-size:20px !important; margin: 22px 0px 0 0 !important; background: none !important;}
#welcome-btm-section  p {text-align:justify !important; line-height:20px;}
#welcome-btm-section2{ border-top:8px solid #F58634;; text-align:center; background-image:url(../images/background.jpg); background-size:100% 150%;background-size: cover !important;}
/*.border{ border-top:8px solid #004d86;}*/
#welcome-btm-section2 h1{ color:#fff; font-size:25px;}
#welcome-slider { position:relative; top:-75px; font-size:14px; }
#welcome-btm-section span { background:#fff; width:130px; height:130px; border-radius:100%; border:dotted 3px #004d86; -moz-border:dotted 3px #004d86; display:block; margin:0 auto; box-shadow: 0px 2px 0px 15px #fff;-webkit-box-shadow: 0px 2px 0px 15px #fff;-moz-box-shadow: 0px 2px 0px 15px #fff;-o-box-shadow: 0px 2px 0px 15px #fff; line-height:120px; font-size:54px; transition:all 500ms}
.welcome-detail-blk:hover span { transform: scaleX(-1);-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);}
h3 {font-family: 'Roboto Condensed', sans-serif; color:#000; font-size:24px; margin:35px 0 20px; transition:all 1s ease-in-out}
.welcome-detail-blk:hover h3 {color:#f3771b}
#welcome-slider .owl-wrapper-outer { padding:0px 0 !important}
.welcome-detail-blk { padding:0 20px}
a.blue-ancr { background:#004d86; font-size:15px; color:#fff; padding:5px 25px; display:inline-block; line-height:30px; z-index:1}
a.blue-ancr:before { content:''; position:absolute; left:50%; top:0; width:0; height:100%; background:#f3771b; transition:all 500ms ease-in-out; z-index:-1}
a.blue-ancr1 { background:#f3771b; font-size:15px; color:#fff; padding:5px 25px; display:inline-block; line-height:30px; z-index:1}
a.blue-ancr1:before { content:''; position:absolute; left:50%; top:0; width:0; height:100%; background:#004d86; transition:all 500ms ease-in-out; z-index:-1}
a.blue-ancr1:hover:before { width:100%; left:0}
a.blue-ancr:hover:before { width:100%; left:0}
#product-features { background:#f3f3f3}
#product-features ul li { list-style:none;border-top:solid 1px #dcdcdc; padding:0 0 15px 0;}
#product-features ul {border-bottom:solid 4px #dcdcdc; padding:0; margin-bottom:20px}
.product-lft { width:50%; position:relative; float:left}
.product-lft:before {position:absolute; right:-1%; width:80px; background:url(../images/product-left-img1.png) no-repeat right top; background-size:auto 100%; content:''; height:100%;}
.product-right { width:50%; float:right; padding:70px; font-size:14px; line-height:24px}
.product-right h3 { font-size:32px; color:#0367b0; position:relative; margin:0; padding:0 0 15px}
.product-right h3:before { width:70px; display:inline-block; border-top:solid 1px #f58634; position:absolute; content:''; bottom:0; left:0;}
h6 {font-family: 'Roboto Condensed', sans-serif; color:#db892d; font-size:20px; margin:15px 0}
hr.height4 {border-top:solid 4px #dcdcdc}
#inner-middle img {border:solid 5px #0367b0; margin-right:100px; margin-bottom:20px; margin-top:20px; float:left;}
#application-blk { padding:60px 0; text-align:center}
#application-blk h1 { color:#d62b31; font-size:35px; margin:0 0 25px}
#application-blk span { width:64px; display:inline-block; margin:0 50px}
#application-blk span i {display:block; border-top:solid 1px #d62b31; margin:5px 0}
#application-blk .width80 { color:#6e6e6e; font-style:italic}
#application-slider { margin:40px 0}
#application-slider .owl-item { padding:15px}
.app-ancr { padding:8px 25px; background:#32261e; border:solid 1px #32261e; display:inline-block; color:#fff; z-index:1}
.app-ancr:before { position:absolute; content:''; left:0; top:0; width:0; height:100%; background:#fff; transition:width 500ms; overflow:hidden; z-index:-1; padding:8px 0;}
.app-ancr:hover:before { width:100%; }
.app-ancr:hover { color:#32261e}
#enquiry-blk { background:#f9f9f9; padding:70px 0}
#enquiry-blk h1 { text-align:center; font-size:35px; margin:0 0 35px}
#navbar {
	position: absolute;
	margin: 0 auto;
	left: 190px;
	right: 190px;
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
	top: 104px;
	font-weight:bold;
	
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0px;
	width: 40%;
	color: #696969;
	font-weight: normal;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

#enquiry-blk .icon, #inner-middle .icon {
	color: #0367b0;
	font-size: 15px;
	padding:0 15px
}
#page404{
	padding:50px;
	text-align:center;
}

/* Kohana */
.input--kohana {
	overflow: hidden;
	background: #fff;
}

.input__field--kohana {
	width: 100%;
	background: transparent;
	padding-left: 2.75em;
	color: #6a7989;
	border:solid 1px #ebebeb
}

.input__label--kohana {
	position: absolute;
	width: 100%;
	text-align: left;
	pointer-events: none;
	color: #adadad;
}

.input__label-content--kohana {
	display: inline-block;
	width: auto;
	-webkit-transform: translate3d(-1.75em, 0, 0);
	transform: translate3d(-1.75em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.icon--kohana {
	display: inline-block;
	margin-top: 0.9em;
	-webkit-transform: translate3d(-2em, 0, 0);
	transform: translate3d(-2em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0);
}

.input__label-content--kohana,
.icon--kohana,
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__field--kohana:focus + .input__label--kohana .icon--kohana,
.input--filled  .icon--kohana {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.subbtn { font-size:18px; background:#0367b0; color:#fff; border:0; width:200px; margin:15px auto; display:inherit; padding:10px 0; transition:all 1s}
.Flexible-container {  position: relative;  padding-bottom: 50%;  height: 0;  overflow: hidden;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height:100%; border:0}
.maps iframe { pointer-events: none;}
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; top: 0; left: 0; width: 100%; height:100%; border:0}
.Flexible-container1 {  position: relative;  padding-bottom: 18%;  height: 0;  overflow: hidden;}
#footer-top {background:#012946; padding:15px 0; color:rgba(255,255,255, 0.85); font-size:14px}
#footer-top .col-sm-3 { border-right:solid 1px rgba(255, 255, 255, 0.2); height:150px; padding:0 30px 0 15px }
#footer-top .col-sm-3:last-child { border:0; padding:10px 0 0 30px}
#footer-top .col-sm-3:nth-child(2) { padding:0 30px;}
#footer-top h4 { font-size:20px; color:#fff; position:relative; padding:0 0 2px; }
#footer-top h4:before { position:absolute; width:50px; content:''; left:0; bottom:0; }
#footer-top a { color:#fff; text-decoration:underline}
#footer-top p {line-height:20px;}
.email { padding-left: 62px;
margin: -17px 0 0 0;}
.email1 { padding-left: 62px;
margin: -40px 0 0 0;}
.productrow {background:none !important; color:#000 !important; font-weight:100 !important;}

footer { background:#02487b; color: rgba(255, 255, 255, 0.8); padding:10px 0; font-size:14px}
footer a { color:rgba(255, 255, 255, 0.8); text-decoration:underline}
footer a:hover { color:#fff}
#welcome-slider .owl-pagination span,#application-slider .owl-pagination span { width:10px; height:10px; border:0; background:#999; margin:0 5px; box-shadow:none}
#inner-head { background:url(../images/aboutheader.jpg) no-repeat center bottom/100% 100%; padding:2% 5%; font-size:36px; color:#fff; font-family: 'Roboto', sans-serif; text-transform:uppercase; }
#inner-head h3 {font-size: 36px; padding-top:17%;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;}
#inner-head1 { background:url(../images/enquiry.jpg) no-repeat center bottom/100% 100%; padding:15% 0 5%; font-size:45px; color:#000; font-family: 'Roboto Condensed', sans-serif; }
#inner-head2 { background:url(../images/contacthead.jpg) no-repeat center bottom/100% 100%; padding:15% 0 5%; font-size:45px; color:#fff; font-family: 'Roboto Condensed', sans-serif; }
#inner-middle { padding:30px 0}
.dotted-line { border-top:dashed 1px #012946; margin:20px auto}
#inner-middle h2 {font-family: 'Roboto Condensed', sans-serif; color:#f58634; font-size:28px; margin:0 0 15px; font-weight:bold;}
#inner-middle h3 {font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#0367b0; margin: 4px 30px 0 0; float:left; background:url(../images/bullet.png) no-repeat left 5px; padding-left: 20px;}
#inner-middle h5 {font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#0367b0; margin: 4px 30px 0 0;}
#inner-middle .arrow {margin: 0; padding:0; float:left; border:none; margin: 5px 15px 0 -21px;}
#inner-middle h4 {font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#fff; margin: 0px 47px 0 0; float:left; background: url(../images/bullet.png) no-repeat left 8px; padding-left:20px; line-height:1.4}
#inner-middle p {margin:5px 0; font-size:16px;}
.service {font-size:15px !important;}
.newboxes2 h4 {color: #000 !important;}
.table-blk { width:70%;}
.table-border {border:none; background:url(../images/border.png) no-repeat left bottom; padding-bottom:8px; margin-bottom:25px;}
.table-prod { width:100%; min-width:768px; margin:25px auto}
.table-prod tr {width:25%;}
.table-prod tr:first-child { font-weight:bold; background:#004d86; color:#fff}
.table-prod tr:last-child { width:50%;}
.table-prod td {padding: 5px 10px; vertical-align:top}
.table-prod1 {width:45%;  min-width:490px; margin-top:20px; margin-bottom:20px;}
.table-prod1 tr:first-child {font-weight: bold;
background: #004d86;
color: #fff;}
.table-prod1 td {padding: 10px 25px;
vertical-align: top;}
.table-prod2 .text-center {border-right:solid 1px #FFF !important;}
.table-blk1 { width:75%;}
.table-blk2 { width:95%;}
.table-prod2 { width:100%; min-width:768px; margin:16px auto; border:solid 1px #004d86}
.table-prod2 tr {width:25%;}
.table-prod2 tr:first-child { font-weight:bold; background:#004d86; color:#fff}
.table-prod2 tr:last-child { width:50%;}
.table-prod2 td { padding: 5px 8px; vertical-align:top}
.table-prod3 {width:100%; min-width:500px; margin:25px auto; border:solid 1px #004d86}
.table-prod3 tr, .table-prod4 tr, .table-prod5 tr {width:25%;}
.table-prod3 tr:first-child, .table-prod4 tr:first-child, .table-prod5 tr:first-child { font-weight:bold; background:#004d86; color:#fff}
.table-prod3 tr:last-child, .table-prod4 tr:last-child, .table-prod5 tr:last-child { width:50%;}
.table-prod3 td, .table-prod4 td, .table-prod5 td { padding: 0px 8px; vertical-align:top; border-right:solid 1px #004d86 !important;}
.table-prod3 td:last-child, .table-prod4 td:last-child, .table-prod5 td:last-child {  border-right: none !important;}
.table-prod4 {width:100%; min-width:700px; margin:25px auto; border:solid 1px #004d86}
.table-prod5 {width:100%; min-width:580px; margin:25px auto; border:solid 1px #004d86}
.table-prod5 .text-center, .table-prod4 .text-center, .table-prod3 .text-center {border-right: solid 1px #fff !important;
border-top: solid 1px #fff; padding: 0;}
.table-prod5 .text-center1 {text-align:center;}
.text-center td:last-child {border-right:none !important;}
.prod-ul li { list-style:none; position:relative; margin:0 0 5px 0}
/*.prod-ul li:before {content: "\e067"; font-family: 'Glyphicons Halflings'; font-size:12px; left:0; top:0px; position:absolute}*/
.contact-details-blk { background:#f58634; padding:25px; color:#fff; line-height:25px;}
#inner-middle .subbtn  { margin:0;}
#inner-middle #form .input { margin:5px 0}
.contact-details-blk strong {font-size:18px; font-family: 'Roboto', sans-serif!important;}
.contact-details-blk h5 {color:#fff !important; font-family: 'Roboto', sans-serif!important; font-weight:bold !important; font-size:16px !important;}
.contact-details-blk h2 { color:#fff !important; }
.contact-details-blk p { position:relative; padding:0 0 10px 45px; }
.contact-details-blk p:before { position:absolute; font-family: 'icomoon'; font-size:25px; color:#fff; left:0; top:3px; content: "\e904"; font-weight:bold}
.director  p:before {top:30px;}
.contact-details-blk p a { color:#fff}
.phone-no:before {content: "\e903" !important;}
.fax:before {content: "\e909" !important;}
.mail:before {content: "\e900" !important;}
.career label, .career input { width:100%; font-weight:normal}
.career label span { color:#F00}
.career input, .career select, .career textarea { border:solid 1px #E9E9E9; color:#666; padding:2px; margin-bottom:8px; width:100%; height:22px}
.career textarea { height:45px}
form {
	line-height: 20px;
}
.career .subbtn { width:150px; text-transform:uppercase; color:#fff; padding:8px 25px; display:block; height:auto; border:0}
.career .subbtn:hover { background:#f58634}
.prod-left-ul { border-bottom:solid 10px #b1530d}
.prod-left-ul li { list-style:none !important; margin-left:0 !important; background:#f58634; padding:5px 20px; border-bottom:dashed 1px rgba(255,255,255,0.4); position:relative}
.prod-left-ul li:before { position:absolute; height:100%; width:0px; background:rgba(0,0,0,0.1); content:''; transition:all 500ms; left:0; top:0}
.prod-left-ul li:hover:before { width:100%;}
.prod-left-ul li a { position:relative; display:block; padding:12px 15px 12px 35px; color:#fff; font-weight:bold; font-size:16px;}
.prod-left-ul li a:before {font-family: 'Glyphicons Halflings'; content: "\e019"; font-size:20px; left:0; top:13px; position:absolute}
.newboxes2 h2 {color:#004d86 !important; font-size:32px !important}
.newboxes2 h3 { font-size:18px; color:#000 !important; }
.left-product-dropdown { display:none} 
.img{ margin-top:30px;}
.logo{ text-align:center; margin-bottom:20px; margin-top:20px; }
.box{ /*border:1px solid #e3e3e3;*/ padding:10px;}
.read_btn{margin:15px;}
.products{ padding:45px;}
.ferrous_box img{ width:75%;}
.img-thumbnail {background-color: rgba(245, 245, 245, 0.40);}
.pro_active { 	
	background: #b1530d!important
}
.phone-no {margin-top:10px;}
table {height:10px !important; line-height:18px;}
.head {font-size:15px !important; text-transform:uppercase; text-align:center;}
.tablecolor {background:#c3e2f8;}
.tablecolor2 {background:#d5edff;}
.tablepadding table {padding:0; margin:0; line-height:18px;}
.tablepadding {
	margin-bottom: 20px;
}
#inner-middle ul {margin:0; padding:0;}
#inner-middle li {line-height:20px; list-style:disc; margin-left:18px;}
.applicationImg {width:100%; float:left;
	background: #f58634 !important;
}
@media (min-width:1700px) {
#navbar {width:49%;}
}
@media (max-width:1300px) {
	.product-right { padding:50px;}
	.product-right p { height:50px; overflow:hidden; margin-bottom:0}
	body {padding:0;}
}
@media (max-width:1230px) {
	.navbar-inverse .navbar-nav > li > a {font-size:14px;}
	.navbar-nav > li > a {padding: 15px 14px;}
	

}
@media (max-width:1199px) {
	.carousel-caption h1 { font-size:30px; line-height:40px}
	.product-right h3 { font-size:23px;}
	h6 { font-size:18px; margin:15px 0 8px;}
	.navbar-brand > img {width:90%;}
	body {margin:0; padding:0;}
	#footer-top .col-sm-3 {width:50%; border-right:none;}
	.Flexible-container {padding-bottom: 28%;}
}
@media (max-width:1100px) {
.navbar-nav > li > a {padding: 36px 11px;}
@media (max-width:1060px) {
#navbar {left:150px; right:230px;}
.navbar-nav > li > a {padding:10px 10px;}	
}
@media (max-width:1045px) {
	.navbar-brand > img {width:75%;}
}
@media (max-width:1024px) {
	.product-right { padding:30px;}	
	.navbar-nav > li > a { padding:20px 12px; font-size:14px !important}
	#navbar {left:150px; right:200px;}
	#navbar {left:100px; right:180px;}
	
	
}

@media (max-width:991px) {
	.container { width:96%;}
	.carousel-caption { padding:30px;}
	.carousel-caption h1 { font-size:24px; line-height:32px}
	#product { padding:40px 0}
	h1 { font-size:30px; margin:0 0 15px}
	.width80 { width:96%;}
	#welcome-blk h1 { line-height:45px; font-size:36px; margin:0 0 10px}
	#product-features ul li:last-child { display:none}
	#product-features p {height:65px}
	#footer-top .col-sm-4 { padding:20px !important}
	#footer-top .col-sm-4:last-child { padding: 15px !important}
	.table-blk1 { width:100%; overflow-x:scroll}
	.table-blk, .table-blk2  { width:100%; overflow-x:scroll}
	.navbar-nav > li > a {font-size:12px !important;}
	.navbar-brand > img {width:65%;}
	#navbar {left:150px; right:150px;}
	.navbar-wrapper {margin-top:-35px;}
}
@media (max-width:860px) {
	.navbar-brand > img {width:50%;}
	.navbar-nav > li > a {padding: 20px 8px;}
	#navbar {left:100px; right:100px;}
}
	
@media (max-width:767px) {
	.carousel-caption { display:none}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img { width:100%;}
	#myCarousel { padding:15px 0}
	.product-lft:before { display:none}
	.product-lft { width:100%;}
	.product-right { width:100%; height:auto !important}
	#application-slider  .img-responsive { margin:0 auto}
	.input { margin:10px}
	#footer-top .col-sm-4 { border:0; border-bottom:solid 1px rgba(255,255,255,0.1)}
	#enquiry-blk { padding:40px 0}
	#footer-top { padding:20px 0}
	footer .text-right { text-align:left}
	#application-blk h1 { font-size:30px; margin-bottom:10px}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; border:0; background:rgba(100%,100%,100%,0.90); width:100%; padding:0; max-width:400px; right:0; overflow:hidden}
	.navbar-inverse .navbar-nav > li > a { padding:10px 25px}
	.navbar-inverse .navbar-nav > li { border-bottom:solid 1px #fff; clear:both}
	.navbar-nav { margin:0}
	.navbar-nav > li > .dropdown-menu { position:relative; width:100%; background:none}
	.dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a  { padding:10px 40px; border-bottom:solid 1px #fff; color:#000 !important} 
	#inner-head { font-size:30px}
	#inner-middle { padding:30px 0}
	.prod-img {display:none}
	.left-product-dropdown { display:block !important; width:100%; height:36px; margin-bottom:15px; background:#f58634 url(../images/down-arow.png) 98% center no-repeat; padding:5px 15px; border: solid 1px #CCC;}
	.prod-left-ul { display:none !important}
	#inner-middle h2 { font-size:25px !important;}
	.dotted-line { margin:20px auto}
	.navbar-brand > img { width:70%;}
	#inner-head2, #inner-head1 {font-size:30px;}
	.Flexible-container { padding-top:18%; padding-bottom:0}
	#footer-top .col-sm-3, #footer-top .col-sm-3:nth-child(2) {width:100%; border:none; padding:0; margin:0;}
	.navbar-brand {width:80%;}
	.navbar-brand img {width:100%;}
	#navbar {left:0; right:0; background:#f58634;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > li > a:hover {color:#fff;}
	.carousel-caption {top:6%;}
	#footer-top {float:none; text-align:center;}
	footer, footer .text-right {text-align:center;}
	#footer-top .col-sm-3 {margin-bottom:-10px;}
}

@media (max-width:580px) {
	
	#welcome-blk h1 span { font-size:20px; text-transform:capitalize}
	#welcome-blk h1 { font-size:28px; line-height:30px}
	#welcome-blk { padding:40px 15px 100px;}
	#application-blk span { display:none}
	.Flexible-container { padding-top:24%; padding-bottom:0}
	.navbar-brand > img { width:60%;}
	.navbar-brand {padding: 5px 0 0;}
	.navbar-wrapper {margin-top:-45px;}
	
}
@media (max-width:530px) {
	.navbar-brand > img { width:50%;}
	.navbar-brand {width:80%;}
	.navbar-brand img {width:100%;}
	.scrollproduct {width:100%;}
	#welcome-blk h1 {font-size:20px;}
}
@media (max-width:400px) {
	.app-img { display:none}
	.navbar-brand > img { width:55%;}
	#inner-head2, #inner-head1  {font-size:18px;}
	.navbar-brand > img {width:100%;}
	.Flexible-container {
	padding-top: 44%;
	padding-bottom: 0;
	margin-right: 25px;
}

}

@media (max-width:320px) {
	.navbar-wrapper {margin-top:-45px;}
}