body {font-family: 'PT Sans', Tahoma, Verdana; font-size:16px; word-spacing: 3px; padding:20px; background:#151515; color:#fff;}
a {color:#c10f39;}
a:hover {}
p {margin-bottom:10px;}
strong {font-weight:700;}
img {}

.birakl_esnek {max-width:960px; min-width:320px; margin:auto; margin-top:15px; background:#fff;}
.yazi_esnek {max-width:336px; max-height:600px; min-width:300px; min-height:250px; float:left; display:block; margin:10px;}
.yazi_esnek2 {width:100%; float:left; margin:10px 0px; display:block;}

header {max-width:960px; min-width:320px; margin:auto;}
	header h1 {float:left; font-size:35px; font-weight:700;}
	header h1 a {float:left; letter-spacing:3px;}
	header h2 {float:left; letter-spacing:1px; font-size:12px; color:#ccc; margin-left:10px; margin-top:14px;}
	header ul {list-style:none; width:100%; margin-top:15px; background:#b6133a; float:left;}
	header ul li {float:left;}
	header ul li a {float:left; font-size:15px !important; font-weight:700; height:50px; padding:0 14px; line-height:50px; border-right:1px solid #9f1233; color:#fff;}
	header ul li a:hover {color:#ffd720;}
	header ul li:last-child a {border-right:none;}
	
#makaleler {max-width:960px; min-width:320px; margin:auto; margin-top:15px;}
	#makaleler .mbaslik {background:#212121; color:#e6e6e6; width:100%; padding:20px; box-sizing:border-box; text-align:center; margin-bottom:10px;}
	#makaleler .mbaslik h1 {font-size:22px; font-weight:700; margin-bottom:10px; width:100%; float:left;}
	#makaleler .mbaslik span {font-size:13px;}

	#makaleler .makale {width:100%; float:left; padding:15px; background:#292929; box-sizing:border-box; margin-bottom:10px;}
	#makaleler .makale h1, #makaleler .makale h2 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #323232;}
	#makaleler .makale h2 a {color:#c81942;}
	#makaleler .makale>img, #makaleler .makale>a>img {width:170; height:170px; float:left; margin-bottom:10px; float:left; margin-right:10px;}
	#makaleler .makale .ht_mini {width:100%; padding:10px; background:#191818; color:#fff; letter-spacing:2px; float:left; box-sizing:border-box; margin-bottom:10px;}
	
	#makaleler .makale .makale_meta {width:100%; float:left; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #323232;}
	#makaleler .makale .makale_meta ul {width:100%; list-style:none; color:#ccc;}
	#makaleler .makale .makale_meta ul li {float:left; font-size:10px;}
	#makaleler .makale .makale_meta ul li a {float:left; color:#ccc;}
	#makaleler .makale .makale_meta ul li i {float:left; margin:2px 10px;}
	#makaleler .makale .makale_meta ul li:last-child {float:right; color:#ccc;}
	
	#makaleler .makale .mtext {}
	#makaleler .makale .mtext ul {margin:30px;}
	#makaleler .makale .mtext .mimg {width:100%; text-align:center; margin-bottom:20px; float:left; background:#100f0f;}
	#makaleler .makale .mtext .mimg img {width:auto; max-height:400px; display:inline-block;}
	#makaleler .makale .mtext a.makale_oku {background:#ffd720; font-size:13px; float:right; padding:8px 15px; font-weight:700; margin-top:15px; color:#000;}
	
	#makaleler .makale .gtext {}
	#makaleler .makale .gtext ul {list-style:none; float:left; margin-top:10px;}
	#makaleler .makale .gtext ul li {width:20%; float:left; box-sizing:border-box; padding:0px 5px;}
	#makaleler .makale .gtext ul li:last-child {}
	#makaleler .makale .gtext ul li a {float:left;}
	#makaleler .makale .gtext ul li a img {width:100%; float:left; height:auto;}
	
	#makaleler .makale ul.hgaleri {list-style:none; width:100%;}
	#makaleler .makale ul.hgaleri li {margin-bottom:10px;}
	#makaleler .makale ul.hgaleri li img {width:100%; height:auto;}
	
	#makaleler #yorumlar {width:100%; float:left; margin:20px 0;}
	#makaleler #yorumlar h3 {width:100%; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #323232; font-weight:700; font-size:18px;}
	
	#makaleler #benzer_makaleler {width:100%; float:left; margin-top:10px;}
	#makaleler #benzer_makaleler h3 {width:100%; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #323232; font-weight:700; font-size:18px;}
	#makaleler #benzer_makaleler ul {list-style:none;}
	#makaleler #benzer_makaleler ul li {width:100%; box-sizing:border-box; float:left; margin-bottom:1px;}
	#makaleler #benzer_makaleler ul li a {float:left; width:100%; box-sizing:border-box; padding:5px; background:#151515;}
	#makaleler #benzer_makaleler ul li a img {width:40px; height:40px; float:left; display:block;}
	#makaleler #benzer_makaleler ul li a span {float:left; margin-left:5px; font-weight:700; line-height:40px;}
	
	#makaleler #yorumlar #yorum_yaz {width:100%; float:left; margin-bottom: 60px;}
	#makaleler #yorumlar #yorum_yaz form {float:left; margin-bottom:20px; width:100%; float:left;}
	#makaleler #yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:100%; float:left; box-sizing:border-box; font-size:12px; font-family: 'PT Sans', sans-serif; margin-top:15px;}
	#makaleler #yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:100%; box-sizing:border-box; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;}
	#makaleler #yorumlar #yorum_yaz .g-recaptcha {float:left;}
	#makaleler #yorumlar #yorum_yaz span {float:left; font-size:12px; color:#cbcbcb; margin:10px 0;}
	#makaleler #yorumlar #yorum_yaz input[type="submit"] {float:left; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#303030;}

	#makaleler #yorumlar #tum_yorumlar {width:100%; float:left;}
	#makaleler #yorumlar #tum_yorumlar #yorum_yok {width:100%; box-sizing:border-box; float:left; padding:15px; background:#8f1635; border-bottom:1px solid #78122c; color:#}
	#makaleler #yorumlar #tum_yorumlar .yorum {width:100%; box-sizing:border-box; padding:10px; background:#383838; border-bottom:1px solid #2F2D2D; margin-bottom:10px; float:left;}
	#makaleler #yorumlar #tum_yorumlar .yorum h4 {width:100%; box-sizing:border-box; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #464646;}
	#makaleler #yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;}
	#makaleler #yorumlar #tum_yorumlar .yorum span.yrm {width:100%; float:left;}

#sayfala {width:100%; float:left; text-align:center;}
	#sayfala a {width:40px; height:40px; border-radius:40px; margin-right:5px; line-height:40px; display:inline-block; background:#b6133a; color:#fff; font-size:11px; font-weight:700;}
	#sayfala a:hover,#sayfala a.aktif   {background:#ffd720; color:#000;}
	
#sidebar {width:230px; height:100%; padding:0 15px 15px 15px; box-sizing:border-box; position:fixed; top:0px; border-radius:3px 0 0 3px; background:#1d1d1d; right:0px; overflow:auto; display:none;}
	#sidebar h2 {font-size:18px; width:100%; box-sizing:border-box; font-weight:700; float:lefT; padding:5px 10px; background:#900a2a; margin-bottom:1px; color:#fff; margin-top:15px;}
	#sidebar ul {list-style:none; float:left;}
	#sidebar ul li {float:left; margin-bottom:1px; width:100%;}
	#sidebar ul li a {float:left; width:100%; float:left; box-sizing:border-box; background:#ffd720; padding:10px; font-weight:700; font-size:12px; color:#1B1B1B;}
	
	#sidebar ul.hresimler li {box-sizing:border-box; width:%50; float:left;}
	#sidebar ul.hresimler li a {background:none; padding:0px; position:relative;}
	#sidebar ul.hresimler li a span {width:100%; height:115px; text-align:center; font-size:14px; line-height:115px; background:#000; color:#fff; display:block; opacity:0.8; position:absolute; bottom:0px; left:0px; box-sizing:border-box;}
	#sidebar ul.hresimler li a img {width:200px; height:115px; display:block;}
	
footer {max-width:960px; min-width:320px; margin:auto; margin-top:15px; padding-top:10px; border-top:1px solid #323232; color:#656565;}
	footer ul {width:100%; float:left; list-style:none; text-align:center;}
	footer ul li {margin:0 10px; display: inline-block;}
	footer ul li a { font-size:11px;}
	
	footer #fcop {font-size:11px; width:100%; margin-top:10px; text-align:center; float:left;}
	
.button1 {width:100%; box-sizing:border-box; padding:10px; text-align:center; font-size:16px; font-weight:700; background:#e8d507; color:#4b460a; margin-bottom:10px; float:left;}
	
	
.slicknav_menu {display:none;}
@media screen and (max-width: 40em) {
	#header {display:none;}
	
	.slicknav_menu {display:block;}

	#makaleler .makale .mtext img {width:100% !important; height: auto !important;}
	#makaleler .makale .mtext .mimg img {width:100%; height:auto;}
}

#anan {width:100%; height:100%; position:fixed; z-index:9999; display:none; background:red; top:0px; left:0px; background:url('https://yt3.ggpht.com/-AlY3UpkRkGY/AAAAAAAAAAI/AAAAAAAAAAA/9GaxQUsRbgA/s900-c-k-no-mo-rj-c0xffffff/photo.jpg') center center #000 no-repeat; background-size:cover; }
	
/**/	
body {background:#e9ebee; color:#101010;}
a {color:#252230; transition:all 0.5s;}
a:hover {color:#0a0a0c;}

header h2 {color:#6d6969;}
header ul {background:#252230;}
header ul li a {border-right:1px solid #18142c;}
header ul li a:hover {background:#0a0a0c; color:#fff;}

#makaleler .makale {background:#fff; box-shadow:0 0 1px #ccc;}
#makaleler .makale h1, #makaleler .makale h2 {border-bottom:1px solid #e9ebee;}
#makaleler .makale h2 a {color:#0f3857;}
#makaleler .makale .makale_meta {border-bottom:1px solid #e9ebee;}
#makaleler .makale .mtext a.makale_oku {background:#e9ebee;}
#makaleler .makale .mtext a.makale_oku:hover {background:#ffd720;}

#makaleler .mbaslik {color:#101010; background:#fffdf5; box-shadow:0 0 1px #ccc;}

#makaleler #benzer_makaleler ul li a {background:#e9ebee;}
#makaleler #benzer_makaleler h3 {border-bottom:1px solid #e9ebee;}

#makaleler #yorumlar h3 {border-bottom:1px solid #e9ebee;}
#makaleler #yorumlar #tum_yorumlar #yorum_yok {background:#4267b2; border-bottom:1px solid #2e4779; color:#fff;}
#makaleler #yorumlar #tum_yorumlar .yorum {background:#fff; box-shadow:0 0 1px #ccc; border-bottom: 5px solid #4267b2;}
#makaleler #yorumlar #tum_yorumlar .yorum h4 {border-bottom:1px solid #e9ebee;}

#sidebar {background:#fff;}
#sidebar h2 {background:#252230;}
#sidebar ul li a {background:#e9ebee;}
#sidebar ul li a:hover {background:#252230; color:#ffffff;}

#sayfala a {background:#4267b2;}

footer {border-top:1px solid #dbdde0;}

.slicknav_menu {background:#252230;}
.slicknav_nav a:hover {background:#ffd720; color:#1B1B1B;}
/**/
	
.hero-actions {
  max-width: 960px;
  margin: auto;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
}

.hero-actions .action-box {
  display: flex;
  flex-direction: column; /* mobilde alt alta */
  align-items: center;
  gap: 20px;
  max-width: 900px;
  width: 100%;
  background: white;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,.15);
}

.hero-actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1;
  padding: 15px 20px;
  border-radius: 50px;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
  color: white;
  transition: transform .2s, box-shadow .2s;
  width: 100%;
}

.hero-actions .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

.hero-actions .btn .icon svg {
  width: 22px;
  height: 22px;
}

/* Buton renkleri */
.call-btn { background: #007BFF; }
.whatsapp-btn { background: #25D366; }
.map-btn { background: #FF5733; }

/* PC ve Tablet: yan yana */
@media (min-width: 768px) {
  .hero-actions .action-box {
    flex-direction: row;  /* geniş ekranda yan yana */
  }
}

.baslik h1 {
  font-size: 30px;
  color: #0000FF;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 25px;
}

.baslik h2 {
  font-size: 26px;
  color: #444;
  margin-bottom: 8px;
  text-align: center;
}

.baslik h3 {
  font-size: 20px;
  color: #0000FF;
  margin-bottom: 12px;
  text-align: center;
}

.baslik p {
  font-size: 17px;
  color: #555;
  margin-bottom: 25px;
  text-align: center;
  line-height: 1.5;
  max-width: 960px;
  margin: auto;
}
.custom-table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-family: Arial, sans-serif;
}

.custom-table td {
  border: 1px solid #444;
  padding: 12px;
  background: #f9f9f9;
}