.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;
}

.galery-item a{
  display:block;
margin:10px;
color:#333;
border:0px solid rgba(0,0,0,0.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.26);
}

.galery-item a:hover{
 -webkit-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 54px 0px rgba(0,0,0,0.26);
}


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

.galery-item-astar .img{
    display:block;
    width:100%;
    height:150px;
    margin:0;
    margin-bottom:10px;
    background-repeat:no-repeat;
background-position:center center ;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:relative;
}



@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;
}

}