.hsayfa{
    position: relative;
    background: #fff;
}
.haresim a{position: absolute; display: block;width: 100%;    height: 100%;}
.haresim{position: relative;
    width: 100%;
   min-height: 400px;
    float: left;
    margin: 5px;
    padding: 0;
}
.dresimler{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9;
    cursor: pointer;
}
.drsmk a{color: white;
font-size: 25px;
    text-align: center;
    line-height: 30px;
      text-shadow: 1px 1px #000;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    background: #222;
}
.drsmk{
    position: absolute;
    right: 5px;
    top:  5px;
    height: 30px;
    width: 30px;
    
}
.enck{
    margin: 0 0 0 5px;
}
.dresimleric{
    position: absolute;
width: 40%;
left: calc(50% - 20%);
top: calc(50% - 25%);
}
.hresim{ 
    position: relative;
    width: 100%;
    height: 400px;
    float: left;
    z-index: 1;
}
.hkucuk{
    border: 2px solid #fff;
    margin: 2px;
    position: relative;
    width: 75px;
    float: left;
    height: 75px;
    z-index: 9999;
    border-radius: 50%;
    
}
.dresim a{color: #222;font-weight: 600;display: block;padding: 0 10px;}
.dresim{
  position: absolute;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    width: 122px;
    border-radius: 0 5px 0 0;
    z-index: 9;
    font-size: 12px;
    background: #fff;

}
.haberbaslik{
    font-family: 'Anton', helvetica;
} 
#share{
    position: relative;
    text-align:right;
}
.hbilgi{
    font-size: 10px;
    line-height: 40px;
    font-weight: 700;
}

.shaberyan{
    border-radius: 5px;
    background: #29282e;
    height:400px; 
    margin-left: 5px!important;
}
.shaberli ul li a{ color: white;}
.shaberli ul li{
    margin:5px 0; 
    padding:0px 5px; 
    font-size: 11px;
    
    border-left: 1px solid #333;
}
.shaberli ul{
    padding: 0;
    margin:30px 0;
    color: white;
} 
.syhaber{ 
    position: relative; 
    height: 150px;
    background: #ff0000;
}
.skat{
    position: absolute;
height: 30px;
line-height: 30px;
    padding: 0 10px;
    right: 10px;
    bottom: -30px;
    font-size: 13px;
    color: #222;
    font-weight: 600;
background: #fff; 
}
.syhaberrs{
    position: absolute;
    width: 100%;
    height: 100%;
}
.syhaberbas{
    position: absolute;
    width: 100%;
    padding: 5px;
    font-weight: 700;
    height: 45px;
    bottom: -20.5px;
    right: 0;
background: #f41e2a;
    color: #fff;
        font-size: 12px;
}
#fontb ul{padding: 0;margin: 0;}    
#fontb ul li{float: left; padding: 0;margin: 0;width: 35px;height: 37px;line-height:37px;}    
#fontb{    
position:absolute;
width:141px;
height: 37px;
background:#333;
z-index: 222; 
transition:.25s ease-out;
right: 0px;
bottom: 0;
}

#fontb a{ 
font-size:15px;
color:#aaa;
    width: 35px;
    height: 37px;
    text-align: center;
float: left;
display:block;
font-weight:bold;
padding: 0 10px;
}

#fontb a:hover
           {  color:#fff;
              background:#000;
              transition:.25s ease-out;}

a.selected  {  background:#000;
               color:#fff !important;}

#small     {  font-size:10px !important;}
#medium    {  font-size:14px !important;}
#large     {  font-size:18px  !important;}
#max       {  font-size:24px  !important;}

.small     {  font-size:75%;}

h1         {  font-size:36px;
              font-weight:bold;}

h2         {  font-size:24px;
              margin: 10px 0;}
 
p          {  font-size:14px;
              line-height:20px;}
            
@media (max-width: 750px) {
  
   #fontb {
      margin:0 0 0 265px;
   }
}