body { text-align:justify;
      font: 400 14px ; font-size:font-family: 'Roboto', sans-serif;;
      line-height: 1.5;       color: #818181;
  }
  .main-bg { width:100%; background:#fafafa; float:left; border-top:2px solid #003; margin-top:0px !important; margin-bottom:0px; border-bottom:1px solid #CCC; padding:10px 20px 0;}
  .main-bg1 { width:100%; background:#fff; margin:0px; padding:0px 20px;}

 
  h2 {
      font-size: 27px;
      
      color: #0e487f; border-bottom:1px solid #0e487f;
      font-weight: 600; margin-top:30px;
      margin-bottom: 10px;
  }
  h3 { color:#e23811; border-bottom:1px solid
   #ccc; font-size:23px;}
  h4 {
      font-size: 18px;
      line-height: 1.1em; width:100%;
      color: #0e487f;
      font-weight: bold; margin-top:20px;
      margin-bottom: 10px;border-bottom:1px solid #0e487f; 
  } 
  h5 { color:#0e487f; font-size:16px;} 
  .jumbotron {
      background-color: #f4511e;
      color: #fff;
      padding: 20px 25px;
    
  }
  .second-logo { margin-bottom:10PX; float:right;}
  .container-fluid {
      padding: 10px 20px 20px !important; margin:0px;
  }
  .bg-grey {
      background-color: #eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin:20px 0px 0px;
  }
  .logo-small {
      color: #f4511e;
      font-size: 50px;
  }
  .logo {
      color: #f4511e;
      font-size: 200px;
  }.email, .email1 {  margin:10px 0px 0px !important; padding:0px 0px 0 0px; }
.email p, .email1 p, .email1 p a, .email p a { color:#333; font-size:14px !important; text-decoration:none; text-align:left;}
.email p b, .email1 p b { color:#105391; font-size:14px;}
.email1 p a:hover, .email1 p a:hover { text-decoration:underline;color:#ea1f27;}
.email1 p a { text-align:right !important; font-size:14px !important;}
.email1 { float:right !important; text-align:right;}
.main-bg1 .socialicon ul li a i { color:#105391; float:left; padding:17px 5px 0px; font-size:36px;}
.main-bg1 .socialicon ul li { display:inline !important; margin:0px;}
.socialicon { margin-top:15px;}
.fa-arrow-circle-right, .fa-cloud-download, .fa-certificate, .fa-question-circle { font-size:25px !important;color:#105391;}
.btn-danger { background:#105391 ;}
.text-center strong { font-size:18px; color:#1a39a0;}

  .logoimg { margin:10px 0px;}
.search[type=text] {
    width: 130px; margin-top:8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px; float:right;
    background-color: none;
   
    background-repeat: no-repeat;
    padding: 5px 20px 5px 20px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.search[type=text]:focus {
    width: 90%;
}
.fa-search { float:right; color:#666; font-size:18px !important; right:8%; margin-top:15px !important;  position:relative;}
<!------------------Start-Navbar----------------------/>
 .product img {box-shadow:0px 2px 2px #999 ;}
 .product h3 { text-decoration:underline; border:none;  }
 .product  { border-bottom:3px double #fff;border-top:3px double #fff;}
.product:hover  { border-bottom:3px double #aa1f23;border-top:3px double #aa1f23;}	
 .left-part {  text-align:justify; background:#666; margin-top:58px;}
 .left-part h3, .left-part p { color:#fff;}
  .btn-default { border:1px solid #999; font-size:13px !important;}
  .btn-default:hover { color:##105391; background:#fee3e3; border:1px solid #105391;}
.nav-tabs { margin-top:15px; margin-bottom:15px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li a:hover {
	background: none;

	border: 0px;
	color: #ff3300;
}
.nav-tabs>li a {
	color: #797776;
	font-size: 20px;
	padding: 6px 4px;
	font-weight: bold;
	line-height: 16px !important;
}
    .carousel { border-bottom:4px solid #105391;}
   
   .carousel-indicators li {
      border-color: #ff0000;
  }.carousel-control.right, .carousel-control.left {
      background-image: none; 
      color: #ff0000;
  }.carousel-indicators li.active {
      background-color: #ff0000;
  }
  
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin:0px;
      min-height:auto;
  }
  .carousel-caption h3 { border:none !important; margin:0px 0 10px ; color:#734049;}
.carousel-caption p { margin:0px 0 10px !important;}
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; color:#333;
    }
	 .carousel-caption { color:#333;}
  }
  /*-----bg-blue-----*/
  .bg-blue { width:100%; background:#105391; padding:10px ; color:#fff; }
  .bg-blue h2 { color:#e0edf9;}
  .read-btn { padding:5px 15px; background:#8fc94c; font-size:15px; color:#fff;  text-align:center; float:right; margin: 30px auto  0px !important;}
  
  
  /*------video-----*/
  .video { border:2px solid #ddd; padding:4px 4px 0px; margin-top:30px;}
  .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin: 70px 0;
  }
  .item span {
      font-style: normal;
  }   .product { padding-bottom:20px;}
  .panel {
      border:1px solid #ccc; margin-top:10px; background:none; 
      border-radius:0 !important; padding:0 5px 10px; width:99%; float:left;
      transition: box-shadow 0.5s; transition:0.5s;}
	   .panel:hover { border:1px solid #CCC; background:#f5f3f3
  } 
.panel-heading { font-size:21px; color:#333; margin-bottom:0px;}
  .img { float:right; margin:5px 0 5px 10px; padding:0px; }
th {text-align:center;}
  td {  padding:5px 4px; text-align:left;}
  table { margin:10px 0 20px; border:1px solid #ccc;}
  .pro{ width:100%;}
  .pro h4 { float:left;}
  .navbar-nav { margin-top:0px; margin-bottom:0px;}
. collapse {background-color: #333;}
  .navbar {
      margin-bottom: 0;
      background-color: #333; height:55px;
           border: 0;
      font-size: 13px !important; z-index:999;    
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  } .navbar.navbar li a { padding-left:10px;padding-right:10px; font-size:14px !important;}
  .navbar.navbar li a {
      color: #fff !important;
  }
.navbar-nav li a:hover { color:#F00;}
  
  .navbar-default .navbar-toggle {
      border-color: transparent; margin:11PX 10PX 11PX 0;
      color: #FFF !important; background:#cdcdcd;
  }
  .navbar-nav>.active>a:focus {background:#FFF !important;}
.navbar-collapse {background-color: #333 !important; }
 .dropdown-menu li a { padding:5px 5px !important; border-bottom:1px solid #FFF; color:#FFF !important;} 
.dropdown-menu { background:#cdcdcd;}
.marginBottom-0 {margin-bottom:0;}
 .dropdown-menu li a:hover { background:#333 !important; color:#FFF !important;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:220px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/*-----project-----*/
.project { border:1px solid #ddd; padding:10px 15px; min-height:400px;}
  .project-video .video { border:2px solid #ddd; padding:4px 4px 0px; margin-top:10px; margin-bottom:30PX;}
.col-4 { padding:0px;}
  
  .boximg .img { margin:0px;}
.outerpadding{
    padding:10% 0%;}
.boximg{
	position:relative;
	overflow:hidden; border:1px solid #ccc;
	}
	
.boximg img{
		transition:all ease-in 500ms;
		border:none;
	}	
.boximg img:hover{
	transform:scale(1.3,1.3);
	cursor:pointer;
	
	}	
	
.boximg:hover{
	border:1px solid #ccc;
	}	
	
.date{
	 left: 0;
    position: absolute;
    top: 15px;
	padding:5px;
	background-color:none;
	opacity:0;
	transition:all ease-in 300ms;
	
	}	
	
.likebut{
	  background: none ;
    height: 25px;
    padding: 7px;
    position: absolute;
    right: 5px;
    top: 130px;
    width: 25px;
	opacity:0.4;
	transition:all ease-in 300ms;
	}
	
	
.boximg:hover .date{
	opacity:1;
	
	}	
.boximg:hover .likebut{
	opacity:1;
	
}

  @media screen and (max-width: 980px){
  .EIMG { visibility:hidden; }
  .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; font-size:14px !important; }
  }
   @media screen and (max-width: 800px){
  .EIMG { margin:10px 0px !important; float:right; }
 .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; }.EIMG { visibility:hidden; }
  }
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    } .EIMG { margin:0px 0px 10px !important; float:right; }
    .btn-lg {
        width: 100%;
        margin-bottom: 15px;
    } .navbar-nav>li>a { padding-left: 8px !important;padding-right: 8px !important; }.EIMG { visibility:hidden; }
  }
  @media screen and (max-width: 480px) {
 .logoimg { margin:auto;}.navbar-nav>li>a  { line-height:18px !important;}.second-logo { margin-bottom:10px;} .panel-body img { float:none; margin:10px 0 0px;}  h2 { font-size:16PX;} h3 { font-size:16PX;}
.EIMG { visibility:hidden; }.dropdown-submenu>.dropdown-menu{margin-left:0px;}
.navbar.navbar li a { line-height:16px;}]
.main-bg1 .socialicon ul li a i {  padding:2px 5px 0px !important; margin-top:0px !important; }.email, .email1 {  margin:0px 0px 0px !important;}
.con p  { border-left:0px !important;
border-top:1px solid #666 !important; padding:10px 0px 5px 0px; margin:0px;;}
  } 
  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; color:#333;
    }
	 .carousel-caption { color:#333;}
  }
  .EIMG { margin-top:-35PX; margin-bottom:20px !important; }
  
  .data { width:100%; border-radius:10px; margin-top:10px; border:5px solid #999; padding:0px 15px 10px;}
.parallax {
    /* The image used */
    background-image:url(../images/bg.jpg);

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: scroll;
    }
}

.data p, .data h3 { color:#FFF;}
.bg-black p, .bg-black h3, .bg-black h4 { color:#FFF; text-decoration:none;  }
.bg-black { background: #1d1d1d center no-repeat; border-top:4px solid #105391; margin-top:0px; padding-bottom:8px !important;}  .sitemap ul { margin-left:5px !important; padding:0px !important;}
.sitemap ul li, .sitemap ul li a, .manu ul li { text-decoration:none; list-style:none !important; color:#fff; line-height:30px; font-family:Arial, Helvetica, sans-serif; }
.sitemap ul li { border-bottom:1px solid #666;}
 .sitemap ul li { margin-left:0px;}
   .sitemap ul li:hover { border-bottom:1px solid #666; }
  .sitemap ul li a:hover, .sitemap ul li:hover, .bg-grey p a:hover { color:#9CF !important;}
  .sitemap ul li a span { float:right;  font-size:11px;}
  .bg-black h4 { color:#fff; border-bottom:1px solid #666; text-transform:capitalize; font-size:18px;}
 .bg-black p a { text-decoration:none; color:#FFF; font-size:14px !important;  }
.con p  { border-left:1px solid #666; padding:10px 0px 2px 40px;}
 .text li a i { color:#fff; text-decoration:none;font-size:18px;}
.line1 { height:50px; margin:0px; padding:0px; background:#666; width:1px;}
.line { width:97%; height:1px; background:#666; float:left; margin:10px 0 10px 14px; }
footer { background:#333;}
.foot-main{float:left; Width:99%; Height:auto;  text-decoration:none; line-Height: 20px;margin:0px 0px 0 0px !important;}
.foot-main img { float:right; margin:8px 0px 8px 0;  }
#enquiry_fill { background:#F00;}
.foot-main p { color:#fff;   font-size:14px !important; opacity:100% !important; float:left; text-align:left; margin:14px 0 0 0px !important;}
/*-----------------enquiry----------------------------*/

	.button {
	width: 80px;
	border: none;
	cursor: pointer;
	color: #FFFFFF !important;
	font-family:Gotham !important;
	border: 1px solid #ccc;
	font-weight: bold; padding:5px 10px;

	float: right !important; border-radius:5px;
	margin-top: 8px !important;
	margin-right: 15px !important;
	background: #105391 !important;
}
.button:hover {
	background: #333 !important; color:#fff !important;
}
.control-label {
	font-size: 13px;
	margin: 0px 0 0 0px;
	padding: 0px;
}
.form-group {
	width: 100%;
	float: left;
}
.txt_box1 { height:50px !important ;}
.form-horizontal {
	width: 100%;
	float: left;
}
.enquiry_form {
	margin-left: 0px; float:right;
	padding: 20px 0px 20px 35px;
!important;
	float: left;
	width: 100%;
	opacity: 0.9; border:1px solid #CCC;
	border-radius: 20px; margin-bottom:20px;
	
}td a { text-decoration:none; color:#333}
/*----------------------contact-------------------------*/
 .contact h4 { color:#105391;}
 .contact table td { padding:5px 15px; border:0px;}
.panel-body td, .panel-body th { padding:5px 10px;}
.productgallery {
	width: 98%;
	float: left;
	margin: 0px;
}
.col-md-3 {
	padding-left: 5px;
}
/*-----carasol---*/