/*-- gallery --*/
.gallery {
    margin: 0 0 0 0;
}
.gallery-bg {
	float: left;
    width: 40%;
    height: auto;
    padding: .1em;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}
.gallery-bg a img{
	
}
.gallery-bg a img{
	width:100%;
}
.gallery-small{
	float: left;
    width: 20%;
    height: auto;
    padding: .1em;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}
.gallery-small a img{
	width:100%;
}
.align-center {
  text-align: center;
}
/*-- Effect 2--*/
.gallery-bg-text:after {
    pointer-events: none;
    position: absolute;
    width: 400px;
    background: rgba(0, 0, 0, 0.36);
    height: 175px;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.effect-2 {
	-webkit-transition: background 0.5s, color 0.2s;
	-moz-transition: background 0.5s, color 0.2s;
	transition: background 0.5s, color 0.2s;
}
.effect-2:after {
    top: 27px;
    left: 27px;
    box-shadow: 0 0 0 2px #FFFFFF;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.5s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.5s, opacity 0.2s;
    transform: scale(0.8);
    background: url(../images/search.png) no-repeat 50% 50% rgba(0, 0, 0, 0.36);
    opacity: 0;
}
.gallery-bg:hover.gallery-bg-text{
	background:#FF7200;
	color: #fff !important;
}
.gallery-bg:hover .gallery-bg-text:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/*--//Effect 2--*/
/*-- Effect 3--*/
.gallery-small-text:after {
    pointer-events: none;
    position: absolute;
    width: 175px;
    background: rgba(0, 0, 0, 0.36);
    height: 175px;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.effect-3 {
	-webkit-transition: background 0.5s, color 0.2s;
	-moz-transition: background 0.5s, color 0.2s;
	transition: background 0.5s, color 0.2s;
}
.effect-3:after {
    top: 27px;
    left: 27px;
    box-shadow: 0 0 0 2px #FFFFFF;
    -webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.5s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.5s, opacity 0.2s;
    transform: scale(0.8);
    background: url(../images/search.png) no-repeat 50% 50% rgba(0, 0, 0, 0.36);
    opacity: 0;
}
.gallery-small:hover.gallery-small-text{
	background:#FF7200;
	color: #fff !important;
}
.gallery-small:hover .gallery-small-text:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/*--//Effect 2--*/
/*-- //gallery --*/

@media (max-width:1080px){
	
	.gallery-bg-text:after {
		width: 325px;
		height: 135px;
	}
	.gallery-small-text:after {
		width: 135px;
		height: 135px;
	}
	
}

@media (max-width:991px){
	
	.gallery-bg-text:after {
		width: 260px;
		height: 115px;
	}
	.effect-2:after {
		top: 15px;
		left: 15px;
	}
	.effect-3:after {
		top: 15px;
		left: 15px;
	}
	.gallery-small-text:after {
		width: 115px;
		height: 115px;
	}
	
}
	
@media (max-width:640px){

	.gallery-bg-text:after {
		width: 210px;
		height: 92px;
	}
	.gallery-small-text:after {
		width: 90px;
		height: 90px;
	}
	
}

@media (max-width:480px){
	
	.gallery-bg {
		float: none;
		width: 100%;
	}
	.gallery-bg {
		float: none;
		width: 100%;
	}
	.gallery-small {
		float: none;
		width: 100%;
	}
	.gallery-bg-text:after {
		width: 400px;
		height: 190px;
	}
	.gallery-small-text:after {
		width: 400px;
		height: 400px;
	}
	
}
@media (max-width:414px){
	
	.gallery-bg-text:after {
		width: 335px;
		height: 155px;
	}
	.gallery-small-text:after {
		width: 335px;
		height: 335px;
	}
}
@media (max-width:384px){
	
	.gallery-bg-text:after {
		width: 305px;
		height: 140px;
	}
	.gallery-small-text:after {
		width: 305px;
		height: 305px;
	}
	
}
@media (max-width:375px){
	
	.gallery-bg-text:after {
		width: 300px;
		height: 135px;
	}
	
	.gallery-small-text:after {
		width: 300px;
		height: 300px;
	}
	
}
@media (max-width:320px){
	
	.gallery-bg-text:after {
		width: 240px;
		height: 110px;
	}
	.gallery-small-text:after {
		width: 240px;
		height: 240px;
	}
	
}
/*-- //responsive --*/