.galery-kabuk{
display:block;
width:100%;

 }

.galery-astar{
display:block;
padding:10px;
position:relative;
}

.galery-item {
    display:inline-block;
    width:24%;
    margin-bottom:20px;
    position:relative;
    float:left;
}

.galery-item a{
  display:block;
margin:10px;
height:300px;
color:#333;
font-family: 'robotocondensed';
border-radius:10px;
background-color:rgba(0,0,0,0.02);
-webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;

}

.galery-item a:hover{

}

.galery-item a .h4-effect{
    display:block;
    height:6px;
    width:100%;
    height:100%;
    /*background-color:rgba(110, 100, 90,0.6);
    -webkit-transition: all 0.5s ease;
 transition: all 0.5s ease;*/
}
.galery-item a:hover .h4-effect{
    display:block;
    height:6px;
    width:100%;
    background-color:rgba(110, 100, 90,0.9);
}


.galery-item-astar {
    display:block;
    padding:10px;
}

.galery-item-astar .img{
    display:block;
    width:100%;
    height:200px;
    margin:0;
    border-radius:5px;
    margin-bottom:10px;
    background-repeat:no-repeat;
background-position:center center ;
background-size:cover;
position:relative;
overflow: hidden;
}

.galery-item-text {
 display:block;
 position:relative;
}

.galery-item-text h4{
 color:#333;
 font-size:16px;
 font-family: 'robotocondensed';
 padding:10px 0;
 display:block;
 text-align:center;
}



@media all and (max-width : 1600px) {

.galery-item {
    width:32%;
    /*height:200px;*/
}

}

@media all and (max-width : 1024px) {


}

@media all and (max-width : 768px) {
.galery-item {
    width:49%;
    /*height:250px;*/
}

.galery-item-astar .img{
    display:block;
    width:100%;
    height:200px;
    }

 }


@media all and (max-width : 414px) {
.galery-item {
    width:99%;
    /*height:250px;*/
    margin-bottom:10px;
}

}