@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
body{ font-family: 'Roboto', sans-serif; color:#444444; font-size:15px; font-weight:400; background-color:#FFF; right:233px !important; top:0 !important; }

/* ----------- Comman Class  -------------*/
h1{ font-size:28px; }
h2{ font-size:24px; }
h3{ font-size:22px; }
h4{ font-size:15px; }
h2, h3, h4 {color:#333; font-weight:500;}
h1 { color:#FD6033; font-weight:500;}
a{ color:#1A4F8C; }
a:link, a:visited, a:active{ color:#1A4F8C; text-decoration:none;}
a:hover{ color:#304269; text-decoration:underline;}
.red-color{ color:#F00; }
.white-bg{background-color:white;}

 
.margin-top{margin-top:10px;}
.margin-bottom { margin-top:10px; }
.border-right {border:0; }
.border-top {border-top:1px solid #FD6033; margin-top:30px;}
.padding-zero{ padding:0px !important; }
.margin-zero{ margin:0 !important;}

/*------------- Boostrap Css ------------*/
.row { margin-left: -10px; margin-right: -10px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px; padding-right: 10px; }
.container { padding-left: 10px; padding-right: 10px; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {  border-color: #F3F3F3; }
.navbar-default {  background-color: #FFF;  border:0; }
.navbar {  margin-bottom: 0;    border-radius: 0;}
.navbar-nav > li > a {  padding-top: 0px;  padding-bottom: 20px;}
.top-link li a{ font-weight:300; }
.nav > li > a { padding: 10px 10px; font-weight: 500; font-family: 'Roboto Condensed', sans-serif;}
.navbar-right ~ .navbar-right { margin-right: -20px;  }
.navbar-collapse { padding-right: 15px;  padding-left: 15px; }
.form-group { margin-bottom: 10px; }
.navbar-toggle { margin-top: 20px; }
.navbar-default .navbar-offcanvas {  background-color: #fff;  border-color: #e2e2e2; }
/* .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {  text-decoration: none;  color: #FFFFFF;  background-color: #1A4F8C; } */

/*-------SILDER CSS ----------*/
.small-screen-banner{ background:url(../images/banner-img-4.jpg) no-repeat; background-size:cover; background-position:center center; height:375px; display:block;}

#owl-demo .item img{ display: block;  width: 100%;  height: auto; }
.owl-theme .owl-controls .owl-page { margin-top: -40; }

/*------------------- contant Css -----------*/
#header { text-transform:uppercase; font-size:14px;   position:relative; z-index:50; background-color:#fff; padding:15px 8px 15px 15px;}
.header-first-link{ float:left; }
.header-second-link{ float:left;   width: 100%; }

.main-bg {width:100%; display:inline-block; position:absolute;}
.left-bg {background-color:#1a4f8c; width: 50%; float:left; display:inline-block;   height: 132px;  z-index: 1;  position: relative;}
.right-bg {background-color:#43494c; width: 50%; display:inline-block; height: 132px;  z-index: 1;  position: relative;}
.left-bg-text {color:#fff; position: relative; z-index: 12; font-size: 20px;  margin-top: 15px; line-height:25px; display:none;}
.right-bg-text { color:#fff; position: relative; z-index: 12; font-size: 18px; font-style:italic;  margin-top: 20px; text-align:right; display:none; }
.banner-text {display:black;}

#main-contant { background:#F3F3F3; padding-bottom:20px; border-top:4px solid #FD6033; }
.cylinder-cont{ background:#FFF; margin:20px 0; width:100%; float:left; padding-bottom:20px; }
.cylinder-cont img{ margin:0 auto 15px ;}

.news-event img{margin:15px auto;}
.certification img{ margin:10px 20px 10px 0 ;}
.border-top h3{ text-align:center;}
.product-box {padding:15px; border-top:2px solid #FD6033; background:#FFF;}
.product-box h3{ margin:0 0 10px 0; }
.product-img {text-align: -webkit-center;}

.last-contant p{ margin-top:10px;}

#footer { background:#444444; color:#E2E2E2; padding:20px 0; font-size:13px; }
#footer a{ color:#E2E2E2;}
#footer a:hover{ color:#FD6033 !important;}
#footer h4{color:#fff;}
.footer-nav-link-left{ margin-right:30px !important;}
             

/*-- Inner Banner -- */
.inner-banner{ width:100%; height:300px; }
.about-us{ background:url(../images/banner-img-1.jpg) no-repeat; background-position:top center; background-size:cover; }
.inner-heading h1{ margin-bottom:0;}

@media (min-width: 300px) and (max-width: 450px) {  }

@media (min-width: 768px) {
	.border-right {border-right:1px solid #CBCBCB; }		
	.owl-carousel{ display:block !important; }	
	.inner-banner{ height:400px; }
	
	.left-bg {   height: 182px;  }
	.right-bg { height: 170px;  }
	.left-bg-text { display:block;}
    .right-bg-text { display:block;}
    .banner-text {display:none;}
}



@media (min-width: 992px) {	
	/*-------------Boostrap Css  ------------*/
	.row { margin-left: -15px; margin-right: -15px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 15px; padding-right: 15px; }
	.container { padding-left: 15px; padding-right: 15px;}
	
	.form-horizontal .form-group { margin-left: -15px;  margin-right: -15px; }
	.form-group { margin-bottom: 15px; }
	.top-link li a{ font-weight:300 !important; color:#1A4F8C !important; }
	.nav > li > a { padding: 10px 15px; font-weight: 600;}
	
	.navbar-default .navbar-offcanvas {  background-color: #fff;  border-color: #fff; }
		
	/*------- comman class--------*/
	.header-first-link{ float:right;}
	.header-second-link{ float:right;  width:auto;}
	
	.left-bg-text { margin-top: 15px; }
    .right-bg-text {  margin-right:10px; }	
	.logo {margin-top:10px;}
	
	.margin-top{margin-top:10px}	
	#bg-banner-img ul li a{ text-align:right; font-weight:500}
	.news-event img{margin:15px 0;}	
	.offcanvas ul li {border-bottom:0;}
	.cylinder-cont img{ margin:0;}	  
}
@media (min-width: 1200px) {	
	
	.left-bg-text { margin-top: 25px;}
    .right-bg-text { margin: 22px 15px; }
	.logo {margin-top:0;}
}