.hover-img {
    display: inline-block;
    width: 29%;
    border: 1px #bbb solid;
    margin: 1.5%;
    overflow: hidden;
    position: relative;
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.img-room1{width: 100%;}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
width: 100%;
margin-bottom: 0;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.hover-text{
    position:absolute; 
    top:7%; 
    left:5%; 
    right: 0;
    font-family:Raleway !important; 
    margin: 0;
    padding: 0;
    line-height: 18px;
    text-align: center;text-transform: uppercase;
}
.hover-text h1{font-size:36px; font-weight:normal; font-family:inherit; text-align:left;}

.hover-text h2{font-size:25px; font-weight:700; font-family:inherit; text-align:left;}

h1.made-text{font-size:36px; font-weight:normal; font-family:inherit; text-align:center;}

.hovereffect a.info {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#363638;
    border:1px solid #363638;
    background-color:transparent;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    filter:alpha(opacity=0);
    margin:20% 0 0;
    padding:7px 14px;
    position: absolute;
    left: 0;
    top: 0;
}
.hovereffect:hover a.info {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.hovereffect a.info:hover {
box-shadow: 0 0 5px #fff;
    background: #f7f7f7;
}
.hovereffect a.info2 {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#363638;
    border:1px solid #363638;
    background-color:transparent;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    filter:alpha(opacity=0);
    margin:15% 0 0;
    padding:7px 14px;
    text-align: center;
}
.hovereffect:hover a.info2 {
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
}
.hovereffect a.info2:hover {
box-shadow:0 0 5px #fff;
}




@media handheld, only screen and (max-width: 1024px) {
	
.hover-img {width: 29.8%;}
    
.hovereffect a.info {margin: 26% 0 0;}



}



@media handheld, only screen and (max-width: 667px) {

.hover-img {width: 95%;}

.hovereffect a.info {margin:22% 0 0;}	
	


}





@media handheld, only screen and (max-width: 320px) {

.hovereffect a.info {margin: 17% 0 0;}




}