/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/


/*--gallery-Part-Here --*/
.gallery {
	padding: 5em 0;
}
.recent_album{
	padding:0em 0px 5em;
}
.recent_album h3{
	text-align:center;
}
.gallery-bottom{
	margin-top:1.8em;
}
.gallery-left img{
	width:100%;
}
.gallery-left:hover img {
  -webkit-filter: grayscale(100%);
  opacity:8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-left{
	position: relative;
}
.gallery-grid img{
	width:100%;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity:8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grid a {
    display: block;
}
.gallery-grid{
	padding: 0 5px;
	margin-top: 10px;
}
.gallery-1{
	margin-top:10px;
}
.gallery-1:nth-child(1){
	margin-top:0;
}
/*--gallery-Part-Ends-Here --*/

/*-- responsine-design --*/
@media screen and (max-width: 1440px) {	
	
}
@media screen and (max-width: 1366px) {	
	
}
@media screen and (max-width: 1280px) {		
	
}
@media screen and (max-width: 1024px) {	
	
}
@media screen and (max-width: 800px) {	
	
	.gallery-grid {
		padding: 0 3px;
		margin-top: 6px;
		width: 33.333%;
		float: left;
	}
	.gallery-bottom {
		margin-top: 0.8em;
	}
	
}
@media screen and (max-width: 768px) {	
	
}
@media screen and (max-width: 736px){
	
}
@media screen and (max-width: 667px){
	
}
@media screen and (max-width: 640px) {	
	
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 568px) {	
	
}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 384px) {
	
}
@media screen and (max-width: 375px) {		
	
}
@media screen and (max-width: 320px) {		
	
}