@charset "utf-8";


.yukle { width: 100%; height: 100%; position: absolute; background: #fff url(../images/495.GIF) no-repeat center center; z-index: 99999; }

.media {width:100%; float:left;}
.media ul , .media ul a {width:100%; float:left; box-sizing:border-box; position:relative;}
.media ul li {width:25%; float:left; padding:6px; box-sizing:border-box; position:relative;}
.media ul li a { padding:3px; background:#ffF; border:solid 1px #dedede; box-sizing:border-box; position:relative; }
.media ul li .resim {width:100%; float:left; position:relative; }
.media ul li img { float:left; width:100%; position:relative; height:100%;}

.media ul li b, .media ul li strong, .media ul li h6, .media ul li h5, .media ul li h4, .media ul li h3, .media ul li h2, .media ul li h1 {width:100%; float:left; box-sizing:border-box; padding:8px 4px; font-size:14px; color:#000;}

.media ul li p , .media ul li span , .media ul li .yazi { width:100%; float:left; padding:8px 4px; font-size:14px; color:#666; }

.media ul li .byt {width: 100%;height: 100%; display: table-cell; display: none;background: url(../images/byt.png) no-repeat center center rgba(25, 24, 24, 0.76); position: absolute; left:0px; top:0px;}

@media screen and (max-width : 760px) {

    .media ul li { width: 33.33%; }

}

@media screen and (max-width : 480px) {

    .media ul li { width: 50%; }

}

@media screen and (max-width : 420px) {

    .media ul li { width: 100%; }

}