

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


	body {margin: auto;  font-family: 'HelveticaTrCondensedNormal'; color:#7b8788; font-size: 13px;} 
	#header {width: 100%; height:auto; float: left;  }
	#header.belge {width: 100%; height: auto; float: left; background: url("../img/bg.png"); }

	#header .box {width: 100%; height: auto; margin:auto; text-align: center;}
	#header .box .logo {width: 100%; height:auto; margin-top:15px; float:left;}
	#header .box .logo img {height: 70px; text-align: center;}
	#header .box .baslik {float: right; letter-spacing: 12px; margin-top:10px; color:#6f6f6f; font-family: 'HelveticaTrCondensedNormal'; font-size: 15px; }
	#header .box .baslik b {font-family: 'HelveticaTrCondensedBlack';}

	#page {width: 100%; float: left; background: url("../img/bg.png"); padding-bottom: 50px; margin-top:20px;  }
	#page.belge {width: 100%; float: left; background:#FFF; padding-bottom: 50px;  }
	#page .box {width: 100%; margin:auto; }
	#page .box h1 {float: left; width: 100%; margin-top: 20px; font-size: 12vw; color:#014067; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
	#page .box h5 {float: left; width: 90%; margin-left: 5%; margin-top: 21px; line-height: 25px; font-size:5vw; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; letter-spacing: 3px;}
	#page .box h2 {float: left; width: 100%; margin-top: 21px; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
	#page .box h3 {float: left; width: 90%; margin-left: 5%; text-align: center; margin-top: 21px; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; }
	#page .box h3.basvurusayfasi {float: left; width: 90%; margin-top: 43px; text-align: center; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align:center; background: url("../img/sinavucretsiz.png") no-repeat top center; padding-top: 150px; padding-bottom: 55px;  }
	#page .box .butonlar {margin-top: 50px; float: left; width: 80%;margin-left: 10%; margin-bottom: 50px; }
	#page .box .butonlar .basvuru {float: none; margin:auto; display: table; }
	#page .box .butonlar .belge {float: none; cursor: pointer; margin:auto; display: table; margin-top:10px;}
	#page .box .butonlar .web {margin-left:0px; float: none; cursor: pointer; margin:auto; display: table;  margin-top:10px;}

	#footer {width: 100%; float: left; height:auto; background: url("../img/footerbg.png") repeat-x top center;  }
	#footer .box {width: auto; display: table; margin: auto; height: auto; background: url("../img/footerbg2.png") no-repeat center top;  padding-bottom: 30px;}
	#footer .box .bilgiler {margin:auto; float: inherit; margin-top: 20px; padding-left: 0px; background:none; margin-right: 0px; color:#FFF; text-align: center; line-height: 15px}
	#footer .box .bilgiler:nth-child(1) {margin-top:80px;}
	#footer .box .bilgiler b {font-family: 'HelveticaTrCondensedBlack'; color:#FFF;}
	#footer .box .bilgiler b a {color:#FFF;}
	#footer .box .bilgiler br {display: block;}
	#footer .box .bilgiler:nth-child(1) {background: none; padding-left: 0px; }
	#footer .box::before {
  content: "";
  position: absolute;
  left: 0;       /* soldan başlasın */
  bottom: 0;
  width: 100%;    /* yarısı */
  height: 50%;
  background-color: #024067; /* istediğin renk */
  z-index: -1;
}

	form#basvuru {float: left; margin-top: 35px; width: 90%; margin-left: 5%;}
	form#basvuru .blok {width:100%; float: left; margin-bottom: 20px; }
	form#basvuru .blok label {float: left; width: 90%; margin-left: 5%; font-size: 15px; font-family: 'HelveticaTrCondensedNormal'; color:#014067; text-align: left; display: none; }
	form#basvuru .blok input[type="text"] {float: left; width:90%; margin-left:5%;  padding-bottom: 10px; padding-top: 10px; height: 17px; margin-right:5%; background: none; border:none; border-bottom: 1px solid #ff6414; color:#014067; font-family: 'HelveticaTrCondensedNormal'; font-size: 18px;}
	form#basvuru .blok input[type="text"]::placeholder {font-size: 20px;}
	form#basvuru .blok input[type="text"].bos {border-bottom: 2px solid #a90000; }
	form#basvuru .blok select {float: left; padding-bottom: 3px; height: 20px; background: none; border:none; border-bottom: 1px solid #ff6414; color:#014067; font-family: 'HelveticaTrCondensedNormal'; font-size: 15px;  width:90%; margin-left:5%; margin-top:10px;}
	form#basvuru .tamamla {width:auto; height: auto; margin:auto; }
	form#basvuru .tamamla input[type="image"] {float: left; width:auto; height:auto; border:none;  margin-top:20px; float: none; margin:auto; display: table;}

	#popupbg {background: url("../img/popupbg.png"); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;    display: none;}
	#popup {position: absolute; width: 100%; height:100%;    display: none;}
	#popup .kapat {position: absolute; width: 36px; height: 39px; margin-left:0px; margin-top:-20px;  cursor: pointer;}

	#popup2{ position: fixed; width: 100%; height: 390px; background:#FFF;   display: none;}
	#popup2 .kapat {position: absolute; width: 36px; height: 39px; margin-left:0px; margin-top:-20px; cursor: pointer;}
	#popup2 .baslik {margin-top:30px; width: 100%; float: left; font-size: 34px; color:#014067; font-family: 'HelveticaTrCondensedNormal'; text-align: center; margin-top:30px;}
	#popup2 input[type="text"] {float: left; margin-top:35px; width: 80%; height: 45px; border:1px solid  #517b95; background: #f8f8f8; margin-bottom: 15px; color:#014067; margin-left:5%; padding-left: 5%; font-size: 18px; font-family: 'HelveticaTrCondensedBlack'; }
	#popup2 input[type="image"] {float: none; margin-top:30px; margin-left:0px; border:none; display: table; margin:auto; margin-top:15px; }
	#popup2 input::-webkit-input-placeholder {
	   color: #014067;
	}

	#popup2 input:-moz-placeholder { /* Firefox 18- */
	   color: #014067;  
	}

	#popup2 input::-moz-placeholder {  /* Firefox 19+ */
	   color: #014067;  
	}

	#popup2 input:-ms-input-placeholder {  
	   color: #014067;  
	}

	#belge {width: 770px; float: left; margin-top:45px; margin-left:95px; }
	#belge .baslik {width: 100%; float: left; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; font-size: 28px; letter-spacing: 2px;}
	#belge .baslik b {font-family: 'HelveticaTrCondensedBlack'; }
	#belge .blok {float:left; width:746px; padding: 12px; border:1px solid #014067; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-top:45px; background: url("../img/belgearka.png") no-repeat center center; }
	#belge .blok .satir {width: 100%; float: left; margin-top:15px;}
	#belge .blok .satir .cizgi {width: 100%; float: left; margin-top: 20px;}
	#belge .blok .satir .cizgi2{width: 100%; float: left; margin-bottom: 20px;}
	#belge .blok .bilgi {float: left; width: 100%; }
	#belge .blok .bilgi .baslik {width:100%; background: #014067;  float: left; font-size: 20.83px; color:#FFF; font-family: 'HelveticaTrCondensedNormal';}
	#belge .blok .bilgi .girisb {float: left; width: 373px; }
	#belge .blok .bilgi .girisb .bilgiler {width: 373px; float: left; height: 92px; display: table; }
	#belge .blok .bilgi .girisb .bilgiler span {width: 353px; padding-left: 10px; height: 92px;  display: table-cell; vertical-align: middle; color:#000000; font-size: 29.17px; font-family: 'HelveticaTrCondensedBlack'; text-align: center;}

	#belge .blok .bilgi .girisb2 {float: left; width: 370px; border-left:3px dotted #014067; border-left-width: 1px; }
	#belge .blok .bilgi .girisb2 .bilgiler {width: 373px; float: left; height: 92px; display: table; }
	#belge .blok .bilgi .girisb2 .bilgiler span {width: 353px; padding-left: 10px; height: 92px;  display: table-cell; vertical-align: middle; color:#000000; font-size: 15px; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
	#belge .blok .bilgi .not {float: left; margin-top:25px; width:700px;  display: table; padding-left: 25px; padding-bottom: 15px; }
	#belge .blok .bilgi .not span {display: table-cell; vertical-align: middle; width: 100%;  font-family: 'HelveticaTrCondensedNormal'; font-size: 16px; color:#014067;line-height: 18px;}
	#belge .blok .bilgi .not span b {font-family: 'HelveticaTrCondensedBlack'; font-size: 22px;}



.okullabel {display: block; width: 100%; margin-left:5%!important; text-align: left; display: block;}
.okullabelselect {height: 23px;  margin-left:5%!important;  margin-top: 15px; display: block;}
.siniflabel {display: block; width: 100%; margin-left:5%!important; text-align: left; display: block;}
.siniflabelselect {height: 23px;  margin-left:5%!important; margin-top: 15px;}



.basvurubuton {width:100%; margin-bottom: 10px;}

.belgebuton { width:100%; height: 62px; margin-left:0px; margin-top: 10px; }

.webbuton { width:100%; height: 62px; float:none; margin:auto;}  

.tamambuton {width: 100%; }
}