.haber-kabuk{
display:block;
width:100%;
 }

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

.haber-item {
    display:block;
    width:24%;
    height:320px;
    float:left;
    margin-bottom:40px;
    position:relative;
}

.haber-item a{
  display:block;
margin:10px;
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;
}

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


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

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

.haber-item-text {

}

.haber-item-text h4{
 color:#333;
 font-size:16px;
 font-family: 'robotobold';
 padding:10px 0;
 display:block;
}

.haber-item-text p{
 color:#999;
 font-size:14px;
 font-family: 'robotoregular';
 padding:10px 0;
}

.haber-item-text b{
    display:block;
 color:#333;
 font-size:14px;
 font-family: 'robotoregular';
 padding:10px 0;
}

.pagination-kabuk{
    display: block;
    padding:10px;
    text-align:center;
}

.pagination-tbb {
    display: inline-block;
    text-align:center;
}

.pagination-tbb a {
    color: black;
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    border-radius:5px;
    margin: 4px 4px;
}

.pagination-tbb a.active {
    background-color: #c33;
    color: white;
    border: 1px solid #f00;
}

.pagination-tbb a:hover:not(.active) {background-color: #ddd;}

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

.haber-item {
    display:inline-block;
    width:33%;
    height:320px;
    margin-bottom:40px;

}

}

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

}

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

.haber-item {
    display:inline-block;
    width:49%;
    height:320px;
    margin-bottom:40px;

}
 }


@media all and (max-width : 414px) {
.haber-item {
    display:inline-block;
    width:99%;
    height:auto;
    margin-bottom:20px;

}

.haber-item-astar .img{

    height:200px;

}

}