.xayfa_yazisi_resimler 
{
clear:both;float:none;overflow:hidden;margin:0 auto;
display:inline-block;
padding:1em;
}
.sayfa_yazisi_resimler {width:100%;clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px;}
.sayfa_yazisi_resimler .detay {clear:both;float:none;}
.sayfa_yazisi_resimler .resimler{
clear:both;float:none;overflow:hidden;margin:0 auto;padding:0px; 
display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
align-items:flex-start; 
}
.sayfa_yazisi_resimler .resimler .kayit {
overflow:hidden;margin:0px 0px 20px;
flex:22%;max-width:35%;
position: relative;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
border-left:1px solid var(--renk3);
/*;;*/
/*
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
border:0px solid rgba(0,0,0,0.15);
    
border-bottom:0px solid var(--renk1);
  */

}
.sayfa_yazisi_resimler .resimler .kayit a{
clear:both;float:none;overflow: hidden;margin:0 auto;
display:block;background:#007bff;padding:0px; 
   
/*
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding:0;
  */
}
.sayfa_yazisi_resimler .resimler .kayit img{
/*

transform: scale(.95);transition: .4s;

position: absolute;left: 50%;transform: translateX(-50%);
*/
/*position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:0;*/
clear:both;float:none;overflow:hidden;margin:0 auto;
width:100%;

/*min-height:200px;max-height:360px;
max-width:100%;
*/

}
.xsayfa_yazisi_resimler .resimler .kayit img:hover {width:100%;height:100%;position: absolute;left: 50%;transform: translateX(-50%);}
.sayfa_yazisi_resimler .resimler .kayit:hover {background:rgba(25,25,25,0.4);}
.sayfa_yazisi_resimler .resimler .kayit .resim-bilgiler{
clear:both;float:none;overflow:hidden;margin:0 auto;padding:3px;
position: absolute;bottom:0;left: 0;right:0;z-index:1;
background:var(--renk3);color:var(--renk3f) !important; 
}
.sayfa_yazisi_resimler .resimler .kayit .resim-baslik{
clear:both;float:none;margin:0 auto;padding:3px;
font-size:12px;opacity: .8;
}

.sayfa_yazisi_resimler .resimler .kayit .resim-detay{
clear:both;float:none;margin:0 auto;padding:3px;
font-size:11px;opacity: .6;
}