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

.tamkapla, .footer, .tamekran, .tamekran2 { width: 100% !important; }
.tamkapla { background: none !important; }
.ortala { width: 95% !important; height:auto; overflow:hidden; margin: 0px auto 0px; }

.darsolbar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
.darsagbar, .asolbar, .asagbar, .asol, .aorta, .asag, .kapla2, .darsolbar, .darsagbar, .solbar, .sagbar { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
.dsolbar { width: 100%; height: auto; margin: 0px 0px 20px 0px; }
.dsagbar { width: 100%; height: auto; margin: 0px 0px 5px 0px; }

.sosyal1 { width: 100%; margin: 0px 0px 0px 0px; }
.sosyal2 { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:left; }

.ust-sag { width: 100%; }
.ust-sag p { margin: 0px 0px 0px 0px; }

.logo { width: 100%; margin: 0px 0px 0px 0px;  }
.logo a { background:url(i/logo.png) no-repeat center center; }

.menum { float: left; width: 100%; height: 60px; overflow:hidden; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px; border: 0px; }
.menum a { background:url(i/menu.png) no-repeat left center; float:left; width: auto; height: 60px; overflow:hidden; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 37px; border: 0px; font-size: 15px; font-weight:700; color: #ffffff; text-decoration:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } 
.footer .menum { margin: 0px 0px 0px 0px; }

.ata { display:none; }
.ata-2 { background:url(i/ata.png) no-repeat center top; width: 100%; margin: 0px 0px 0px 0px; }

.arama { display:none; }
.arama-2 { float: left; width: 100%; margin: 15px 0px 0px 0px; }
.arama-2 #searchbox { width: 87%; }
.arama-2 #searchbutton { width: 13%; }

.manset { height: auto; padding: 10px 10px 10px 10px; }
.manset img { float:left; width: 100%; height: auto; overflow:hidden; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; border: 0px; }
.manset p { float:left; width: 100%; height: auto; margin: 0px; padding: 0px; border: 0px; text-align:center; font-size:16px; font-weight:800; color:#FFFFFF; text-decoration:none; }
.manset a:hover p { text-decoration:underline; }

.ucok p { height: auto;	}
.ucok a { height: auto; max-height: none; }
.ucok span { height: auto; }

.tekkutu { width: 15%; height: 210px; margin: 0px 2% 0px 0px; }
.tbos { margin: 0px 0px 0px 0px; }
.tekkutu a p span { height: auto; font-size:14px; }

.tamlogos { width: 100%; }
.tamlogos b { margin: 27px 0px 0px 0px; padding: 10px 20px 10px 20px; font-size:22px; }
.tamlogos p { margin: 0px 0px 30px 0px; padding: 10px 15px 10px 15px; font-size:14px; }
.tamlogos a { margin: 0px 15px 0px 0px; padding: 10px 20px 10px 20px; font-size:14px; }
	
.blogslider { height: auto; }
.blogtek { height: auto; }
.blogtek img { height: auto; }

.khaber { width: 29.3%; height: auto; margin: 14px 2% 14px 2%; }
.kbos { margin: 14px 2% 14px 2%; }
.khaber img { height: auto; max-height: none; }
.khaber a p { display:none; }
.khaber p { font-size:0px; }
.khaber p a { height: 43px; max-height: 43px; font-size:15px; }

.footer .ust-sag p { float: left; width: 100%; height: 47px; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 0px; text-align:center; }
.footer .logo { margin: 5px 0px 0px 0px; }

.f-liste img { display:none; }
.f-liste p { width: 100%; }

.firma p b { width: 100%; }
.firma p span { width: 100%; }

.kadro { position: relative; float:left; width: 100%; display: block; }
.kadromuz { float:left; width: 100%; margin: 0px 0px 10px 0px; }
.kadrobos { margin: 0px 0px 10px 0px; }

.icerik iframe { width: 100% !important; height: 290px !important; overflow:hidden; }

/* 2026 tek HTML: eski mobil/header.php ve mobil/footer.php düzeni */
.tamkapla .ust-sol, .ust-eposta, .logosag, .tamkapla #ustmenu { display:none; }
.footer #ustmenu, .footer .ust-sol, .footer .fadres, .footer .flogosag { display:none; }
.menum, .ata-2, .mobil-ara { display:block; }
#slider2, #paginate-slider2 { display:none; }
.m-manset { display:block; }
.icsolbar, .icsagbar, .hsol, .hsag { width: 100%; margin: 0px 0px 10px 0px; }
.icerik img.alignright { float: none; display: block; max-width: 100% !important; height: auto; margin: 0px auto 15px auto; }




} 


@media only screen and (min-width: 630px) and (max-width: 800px) { 

.tekkutu { width: 31.3%; height: 210px; margin: 5px 2% 5px 0px; }
.tbos { margin: 5px 2% 5px 0px; }

.khaber { width: 44%; height: auto; margin: 14px 3% 14px 3%; }
.kbos { margin: 14px 3% 14px 3%; }
.khaber img { height: auto; }



}


@media only screen and (min-width: 479px) and (max-width: 630px) { 

.tekkutu { width: 31.3%; height: 210px; margin: 5px 2% 5px 0px; }
.tbos { margin: 5px 2% 5px 0px; }

.tamlogos b { margin: 10px 0px 0px 0px; padding: 10px 20px 10px 20px; font-size:20px; }
.tamlogos p { margin: 0px 0px 10px 0px; padding: 10px 15px 10px 15px; font-size:14px; }

.khaber { width: 44%; height: auto; margin: 14px 3% 14px 3%; }
.kbos { margin: 14px 3% 14px 3%; }
.khaber img { height: auto; }


}


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

.baskan span { font-size:12px; }

.tekkutu { width: 48%; height: 210px; margin: 5px 2% 5px 0px; }
.tbos { margin: 5px 2% 5px 0px; }

.tamlogos b { margin: 10px 0px 0px 0px; padding: 10px 20px 10px 20px; font-size:16px; }
.tamlogos p { margin: 0px 0px 0px 0px; padding: 10px 15px 10px 15px; font-size:13px; }
.tamlogos a { display:none; }

.khaber { width: 90%; height: auto; margin: 14px 5% 14px 5%; }
.kbos { margin: 14px 5% 14px 5%; }
.khaber img { height: auto; }




}

/* 2026: .sagbar kuralları style.css'te zaten var; .kapla .baslik gizlemesi tek HTML'de tüm başlıkları gizleyeceği için alınmadı.
   .icerik iframe kuralı masaüstünü etkilemesin diye 1100px sorgusuna taşındı. */

#mbilgilendirme {
	background:#435485;
	display:none;
	z-index:9999 !important;
	float: left;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0px;
	padding: 15px;
	border: 0px;
	position : fixed;
	_position : absolute;
	top	: 0px;
	_top : expression(eval(document.body.scrollTop));
	left:0px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}

.kapat {
	background:#a0332c;
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}

.kapat a{
	float:left;
	width: 100%;
	height: auto;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 12px 0px;
	border: 0px;
	text-align: center;
	color:#FFF;
	font-size:15px;
	font-weight:800;
	text-decoration:none;
	}
	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow:0px 0px !important;
}

#cssmenu {
  width: 100%;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li {
  margin: 0px 0px 1px 0px;
}
#cssmenu > ul > li > a {
  padding: 16px 15px 13px 15px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}
#cssmenu > ul > li.open > a {
  border:0px;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border:0px;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu ul ul li a {
  cursor: pointer;
  padding: 13px 15px 10px 15px;
  z-index: 1;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#cssmenu > ul > li > a { background: #293a6b; color: #FFF; }
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a { background: #293a6b; color: #FFF; }
#cssmenu ul ul li a { background: #333333; color: #FFF; border-bottom: 1px solid #0b0b0b !important; }
#cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a { background: #293a6b; color: #FFF; }