.imageAtBack
{
	background-image: url(../images/teamMain.jpg);
	background-size:1200px 330px;
	 margin-left: 0px;
    margin-right: 0px;
}

.align-service
{
	text-align: center;
}

.caption
{
	text-align: center;
}

.key-feature
{
	list-style-type: none;
	line-height: 1.8;
}

.img-responsive
{
	/* box-shadow: 0 1px 1px 1px rgba(0,0,0,.2), 0 3px 3px 2px rgba(0,0,0,.14), 0 2px 6px 2px rgba(0,0,0,.12); */
	border-radius: 10px;
}

.tick-icon
{
	color:#3ab7cb;
	padding-right: 20px;
    font-size: 22px;
}

.effect
{
	  font-size: 20px;
	    height: 51px;
  width: 85px;
  text-align: center;
  
}

#works{
	margin-top: 4em;
}

.centered
	{
		margin: 1em 0em 1em 0em;
	}
/* Smartphones (landscape) ---------- */

@media screen and (min-width: 319px) and (max-width: 1022px) {
	.innerContainer
	{
		min-height: 200px;
	}

	

}

/* desktop ---------- */

@media screen and (min-width: 1223px) {
	.innerContainer
	{
		height: 230px;
	}

	.jignesh
	{
		margin-top:-30px
	}
	.shruti
	{
		margin-top:30px
	}
	.jinesh
	{
		margin-top:60px
	}
	.unmesh
	{
		margin-top:-30px
	}
	.viru
	{
		margin-top:20px
	}

}

.teamnames
{
	padding-left:108px;
}

.information
{
	 font-size: 25px;
}


.detailsContainer
{
	display: none;
	
	/*  background: -webkit-linear-gradient(left top, rgb(200, 227, 229) , rgb(103, 103, 186)); For Safari 5.1 to 6.0
  background: -o-linear-gradient(bottom right, rgb(200, 227, 229), rgb(103, 103, 186)); For Opera 11.1 to 12.0
  background: -moz-linear-gradient(bottom right, rgb(200, 227, 229), rgb(103, 103, 186)); For Firefox 3.6 to 15
  background: radial-gradient(to bottom right, rgb(200, 227, 229) , rgb(103, 103, 186)); Standard syntax */
    cursor: url("../images/arrow.png") 20 20, pointer;
      height: 320px;
}


.delivery
{

	animation-name: testEffect;
	-webkit-animation-name: testEffect;
	-webkit-animation-timing-function: ease;
	 animation-delay: 1;
	 animation-duration: 10s; 
	 animation-iteration-count: infinite;
	
 
}

@keyframes testEffect
{
	0% {
	 display:none;
	
  		color: yellow;

 	   }
	  25%
	  {
		color: blue;
	  }
	  50%
	  {
	  background-color:pink;
	  }
	  
	  75%
	  {
	  color: pink;
	  }
	  
      100%
	  {
		color: green;
	  }
  
}


.headerthree

{
	text-align: center;
}

#footer
{
	background-color: rgb(161, 134, 111);
	}




.subheaderDesign
{
	  padding-left: 58px;
}

.imgofProduct
{
	height: 100%;
    width: 100%;
}



.divOnHover
{
	 height: 100%;
     position: absolute;
     width: 100%;
     top: 0;
     right: 0;
 	 color: white;
 	 font-size: 25px;
 	display:none;
 	 opacity: 0.6;
}



.diffDesignOnHover1
{
	 background-color:rgb(223, 76, 6);
 	
}

.diffDesignOnHover2
{
	 background-color: purple;
 	
}


.diffDesignOnHover3
{
	 background-color: rgb(20, 64, 183);
 	
}

.containerImage
{
	  position: relative;
	  height: 300px;
}




.divContact
{
	
  margin-left: 0px;
    margin-right: 0px;
	font-weight: 500;
}

@media (min-device-width : 900px){
.headerDesign
{
	
      margin-left: 104px;
  margin-right: 104px;
  
}
}

.headerLinkJin
{
	padding-right: 4px;
	padding-top: 10px;
}

.pctag
{
	  color: #38b5c9;
 
}
.logoHead
{
  width: 60%;
  margin-top: -25px;
 
}

@media (min-device-width : 320px) and (max-width: 899px){
.logoHead
{
	width: 45%;
    margin-top: 27px;
	
}
}

.associate
{
  width: 140%;
  padding-bottom: 8px;
  padding-top: 8px;
  font-weight: 600;
}




@media (min-device-width : 320px) and (max-width: 899px){
.tagline
{
	display: none;
	
}
}

@media (min-device-width : 900px){
.tagline
 {
        padding-top: 15px;
  padding-right: 254px;
	font-size: larger;
}