.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.agrani{
	background:url(../images/clients/grayscale/agrani.png);
	width:180px;
	height:102px;
}

.agrani:hover{
	background:url(../images/clients/colorful/agrani.png);
	width:180px;
	height:102px;
}


.ace{
	background:url(../images/clients/grayscale/ace.png);
	width:84px;
	height:102px;
}

.ace:hover{
	background:url(../images/clients/colorful/ace.png);
	width:84px;
	height:102px;
}

.amrapali{
	background:url(../images/clients/grayscale/amrapali.jpg);
	width:163px;
	height:102px;
}

.amrapali:hover{
	background:url(../images/clients/colorful/amrapali.jpg);
	width:163px;
	height:102px;
}

.aura{
	background:url(../images/clients/grayscale/aura.jpg);
	width:180px;
	height:102px;
}

.aura:hover{
	background:url(../images/clients/colorful/aura.jpg);
	width:180px;
	height:102px;
}

.bhfound{
	background:url(../images/clients/grayscale/bihar-foundation.png);
	width:150px;
	height:102px;
}

.bhfound:hover{
	background:url(../images/clients/colorful/bihar-foundation.png);
	width:150px;
	height:102px;
}

.bihargovt{
	background:url(../images/clients/colorful/bihar-govt.png);
	width:66px;
	height:102px;
}


.bhtourism{
	background:url(../images/clients/grayscale/bihar-tourism.jpg);
	width:154px;
	height:102px;
}

.bhtourism:hover{
	background:url(../images/clients/colorful/bihar-tourism.jpg);
	width:154px;
	height:102px;
}


.eden{
	background:url(../images/clients/grayscale/eden.png);
	width:248px;
	height:102px;
}

.eden:hover{
	background:url(../images/clients/colorful/eden.png);
	width:248px;
	height:102px;
}

.gardenia{
	background:url(../images/clients/grayscale/gardenia.jpg);
	width:255px;
	height:102px;
}

.gardenia:hover{
	background:url(../images/clients/colorful/gardenia.jpg);
	width:255px;
	height:102px;
}

.icf{
	background:url(../images/clients/grayscale/icf.png);
	width:127px;
	height:102px;
}

.icf:hover{
	background:url(../images/clients/colorful/icf.png);
	width:127px;
	height:102px;
}

.ihd{
	background:url(../images/clients/grayscale/IHD.jpg);
	width:200px;
	height:102px;
}

.ihd:hover{
	background:url(../images/clients/colorful/IHD.jpg);
	width:200px;
	height:102px;
}

.newtech{
	background:url(../images/clients/grayscale/newtech.png);
	width:200px;
	height:102px;
}

.newtech:hover{
	background:url(../images/clients/colorful/newtech.png);
	width:200px;
	height:102px;
}

.lbdfi{
	background:url(../images/clients/grayscale/LBDFI.png);
	width:92px;
	height:102px;
}

.lbdfi:hover{
	background:url(../images/clients/colorful/LBDFI.png);
	width:92px;
	height:102px;
}

.gbihar{
	background:url(../images/clients/grayscale/global_bihar_summit.jpg);
	width:110px;
	height:102px;
}

.gbihar:hover{
	background:url(../images/clients/colorful/global_bihar_summit.jpg);
	width:110px;
	height:102px;
}

.glorias{
	background:url(../images/clients/grayscale/gloria-medias.jpg);
	width:238px;
	height:102px;
}

.glorias:hover{
	background:url(../images/clients/colorful/gloria-medias.jpg);
	width:238px;
	height:102px;
}

.rajeshb{
	background:url(../images/clients/grayscale/rajesh-bhardwaj.jpg);
	width:257px;
	height:102px;
}

.rajeshb:hover{
	background:url(../images/clients/colorful/rajesh-bhardwaj.jpg);
	width:257px;
	height:102px;
}



#grid{
	width:100%;
	padding:20px 0px;
}

#grid > div  > div{
	 margin: 0 auto;
    text-align: center;
	
}


/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of3 {  width: 25%;  display: inline-block; padding-bottom:30px;}
@media only screen and (min-width: 320px) and (max-width: 767px){
	.size-1of3{
		width:100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.size-1of3{
		width:50%;
	}
}