.col{
	float:left;
}
.smd1{
	 width:100%;
	 }

.smd2{
	 width:50%;
	 }


.smd3{
	 width:33.33333333333333%;
	 }

.smd4{
	 width:25%;
	 }

.smd5{
	 width:20%;
	 }
	 .smd66{
	 width:66.66%;
	 }

.gutter{
	padding:2px 4px;
}
.gutter-1{
	padding:0 5px;
}




/*************HOVER EFFECT*******/
.hover-effect{
	width:100%;
	float:left;
	position:relative;
	overflow:hidden !important;
	/*border:1px solid rgba(0, 0, 0, 0.2);*/
	
}
.hover-effect i{
	width:50px;
	height:50px;
	background-color:#F9A126;
	color:#fff;
	position:absolute;
	left:50%;
	top:-100px;
	z-index:1;
	line-height:50px;
	text-align:center;
	margin:0 0 0 -25px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	
}
.hover-effect:hover i{
	top:50%;
	margin:-25px 0 0 -25px;
}
	
.hover-effect img {
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
  
	
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
	width:100%;
	display:block;
}
.hover-effect:hover img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);

/*-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  /*filter: grayscale(100%); /* FF 35+ */ 
	 

	  

}

.hover-effect:after {
  background:#F9A126;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  opacity:0;
  -webkit-transform: skew(45deg) scaleX(1);
  -ms-transform: skew(45deg) scaleX(1);
  transform: skew(45deg) scaleX(1);
  
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-effect:hover:after {
  
    -webkit-transform: skew(45deg) scaleX(0);
  -ms-transform: skew(45deg) scaleX(0);
  transform: skew(45deg) scaleX(0);
  

  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
    opacity: 1;

}

.hover-effect h1{
	margin:0;
	width:100%;
	padding:30px;
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	z-index:3;
	font-size:18px;
	text-shadow:-1px 1px 2px rgba(0 ,0, 0, 0.9);
	 background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* Standard syntax (must be last) */
}
}

/***********************640 px *************************************/
 @media only screen and (max-width: 1200px) {

.smd2, .smd3, .smd4, .smd5 {
     width:100%;
     
}
/***********************640 px *************************************/
 @media only screen and (max-width: 768px) {

.smd2, .smd3, .smd4, .smd5 {
     width:100%;
     
}

}
 @media only screen and (max-width: 480px) {

.smd2, .smd3, .smd4, .smd5 {
     width:100%;
     
}

 

}