.navbar-default
{
background-color:rgb(0,55,112);	
}

@media only screen and (min-width: 786px) {
.brand-style
{
/*background-color:rgb(173,255,249);*/
font-size:24px;
 /*color:rgb(0,55,112);*/
 color:rgb(173,255,249);
 padding-top:10px;
 padding-bottom:10px;
 margin-bottom:0px;
 padding-left:10px; 	
}
.navbar-collapse
{
padding-right:10%;
}

}
.navbar-collapse .navbar-nav li a
{
color:#FFF;
font-size:16px;
transition:.5s all ease-in-out;
}
.navbar-collapse .navbar-nav li a:hover
{
color:#999;
font-size:16px;
}

@media only screen and (max-width: 786px) {
.brand-style
{
color:rgb(173,255,249);
margin-left:-20px;
margin-right:40px;
font-size:24px; 	
}
.navbar-header .navbar-toggle
{
margin-top:-60px;
margin-right:0px;
border:none;	
}
.navbar-header .navbar-toggle:hover
{
	
background-color:transparent;
}
.navbar-header .navbar-toggle .icon-bar
{
background-color:#FFF;
}
}

/*..slider strt style..*/

.carousel-caption
{
	text-align:left;
	margin-left:-20%;
	margin-bottom:-30px;
}
.carousel-caption span
{
background-color:rgba(19,63,110);
padding:1% 5%;	
}

.carousel
{
	margin-top:30px;
}
.carousel .carousel-inner img
{
	transition:.5s all ease-in-out;
height:500px;	
}
@media only screen and (max-width: 786px) {
.carousel .carousel-inner img
{
	transition:.5s all ease-in-out;
height:250px;	
}
.carousel-caption span
{
background-color:rgba(19,63,110);
padding:1% 5%;
font-size:26px;	
}
.carousel-caption
{
	text-align:left;
	margin-left:-17%;
	margin-bottom:-40px;
}
.carousel
{
	margin-top:80px;
}
}
/*..slider end style....*/

/*...service style start....*/
.service-container
{
	text-align:center;

}
.service-col-lg-3
{
		padding:2% 4%;
		transition:.5s all ease-in-out;
		min-height:120px;
        width:100%;
}
.service-col-lg-3:hover
{
	border:1px solid rgb(51,122,183);
		padding:2% 4%;
		/*min-height:250px;*/
}
.service-icon
{
color:rgb(19,36,110);	
}
.servcie-text
{
font-size:24px;
margin-top:15px;
padding:2%;
color:rgb(51,122,183);	
}
/*..service style end....*/

/*......start..grid images........*/

* {
  box-sizing: border-box;
}

.header {
  text-align: center;
  padding: 32px;
}

.grid-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
  background-color:#F7F7F7;
   padding-top:20px; 
   padding-bottom:20px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 33.33%; /* IE10 */
  flex: 33.33%;
  max-width: 33.33%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  min-height:350px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

/*........end of grid images...........*/
/*...strat of features style...*/
.feature-col-lg-3
{
border-right:1px solid #CCC;
min-height:200px;
padding-top:10px;
border-bottom:1px solid #CCC;	
width:100%;
}
.features-img
{
border:1px solid #666; 
padding-left:6px; 
padding-top:2px; 
padding-bottom:2px; 
background-color:rgb(173,255,249);
margin-top:5px;	
}
.feature-text-heading
{
font-size:16px;	
}
.feature-text
{
	margin-top:-10px;
color:#666;	
}
.feature-style-lastcol-lg-3
{
border-bottom:1px solid #CCC; 
min-height:200px;	
width:100%;
}
@media screen and (max-width: 786px) {
.feature-style-lastcol-lg-3
{
border-bottom:1px solid #CCC; 
min-height:200px;	
border-right:1px solid #CCC;
border-left:1px solid #CCC;
}
.feature-col-lg-3
{
border-right:1px solid #CCC;
min-height:200px;
padding-top:10px;
border-bottom:1px solid #CCC;	
border-left:1px solid #CCC;

}

}
/*...end of feature style....*/