@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600&subset=latin,latin-ext);

@font-face {	
   
	font-family: 'avantgarde_bk_btdemi';
    src: url('../fonts/avgardd-webfont.eot');
    src: url('../fonts/avgardd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avgardd-webfont.woff2') format('woff2'),
         url('../fonts/avgardd-webfont.woff') format('woff'),
         url('../fonts/avgardd-webfont.ttf') format('truetype'),
         url('../fonts/avgardd-webfont.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: 600;
    font-style: normal;
}

html,body{
	width:100%;
	height:98%;
	margin:0px;
	
}

#anadiv{
	width: 100%;
	height: 98%;
	margin:0px;
	padding:0px;
	overflow: hidden;

}
.sayfaayar{
	width:100%; 
	height:95%;
	overflow:auto;
	display:block;
	padding:0.6%;
	
}
a {
	text-decoration: none;
}
.ozellik
{
	width: 100%;
	background: #fff;
	z-index: 9999 !important;
	position: absolute;
	text-align: center;
    line-height: 40;
	max-height: 100%;
	height:100%;
}

@media only screen and (orientation: landscape) {
		
	.dikey {
		display: none; 
		width:100%;
		height:100%;
	}
		
}
.diller
{
	height: 3.5%;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	text-align: right;
	line-height:35px;
    border-bottom:#DEDEDE;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.menufon{
	background-image:url(../images/header-bg.png); 
	background-repeat:repeat-x; 
	background-position:bottom;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;

}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background:  url(../img/arrow.png) no-repeat left center;
list-style: none;
padding-left: 15px;
margin-bottom: 3px;
font-family: 'avantgarde_bk_btdemi';
font-size: 100%;
}

.treeview li.submenu > ul > li{
background: none;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background:  url(../img/arrow.png) no-repeat left 1px;
cursor: pointer !important;
background-position-y: 5px;
margin-top: 8px;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.karakter
{
	 margin-left: 0px;
	 font-family: 'avantgarde_bk_btdemi', 'Arial', sans-serif;
	 font-size  : +3;
}
.projekutu
{   	
	background:#eeeeee;  	
	height:99%;
    margin-top:0.5%;
	padding:0.7%;
}
.ekipkutu
{   	
	background:#eeeeee;  	
	height:100%;
    margin-top:0.6%;
	padding:1%;
}
.projekutu2
{   	
	background:#eeeeee;  	
	height:100%;
    margin-top:1%;
	padding:2%;
}
.yaziscroll
{   	
	overflow-y: scroll;
	height: 91%;
	width : 100%;
	right : 1px;
}
.yaziscroll2
{   	
	overflow-y: scroll;
	height: 86%;
	width : 100%;
	right : 0px;
}
.yaziscrollprofil
{   	
    overflow-y: scroll;
    height: 99%;
	width : 100%;
	right : 0px;
}
.colyukselt {
    height: 93%;
    padding-left: 0.5%;
    padding-right: 0.5%;
	overflow:hidden;
	display:block;
}

.carousel {
    width: 100%;
	height: 100%;
}

.itemyukseklik
{	  
	height:88%;
	width : 100%;
}

.ictop{
	width:87%;	
	margin-top:0px;
	height: 14.1;
	margin-left: auto;
	margin-right:auto;

}
.logo{
	float:left;
	width: 100%;
	padding-bottom:0px;	
}
.logo img{
	width: 150%;
	padding-bottom:0px;
	height:100%;
}
.top{
	margin:0px;	
	background:url('../images/header-bg.png');
	border-bottom: 5px solid #d90000;
	height:19.9%;
}


.footer{
	position: fixed;
	bottom:0;
	width: 100%;
	background-color: #dddddd;
	height:7%;
	list-style: none;
	font-family: 'avantgarde_bk_btdemi', 'Raleway', sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#9a9a9a;
}

.footer-ic{
	width:95%;	
	height: 3%;
	margin-left: auto;
	margin-right:auto;
}

.footer li{
	text-align: left;
	margin-top:15px;
}	

.footer a{
	float:right;
	margin-top:-22px;

}
/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 3%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}

#page {
  margin: 0 auto;
  width: 800px;
  padding: 50px 20px;
  clear: both;
}

@media all and (max-width: 800px) {
  #page { width: 100%; }
}


h1, h2 { clear: both; font-family: 'avantgarde_bk_btdemi', "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; font-weight: bold; margin: 0 0 17px 0;}
h1 { font-size: 27px; line-height: 34px; font-family:'avantgarde_bk_btdemi',  "HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",Helvetica,Arial,sans-serif,Verdana; }
h2 { font-size: 13px; line-height: 18px; margin-bottom: 0; }

.demonstrations { float: left; clear: both; width: 100%; margin-bottom: 18px; }
.demonstrations a {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  cursor: pointer;
}
.demonstrations a img { float: left; }
.demonstrations .rightmost { margin-right: 0; }



table{
	width: 73.5%;
	float: right;
	display: table;
}
.tablealt{
	border:1px; border-color:red; width:100%; height:86px;
}
.tablealtmenu{
	height:85px;
}
.td1{
	text-align: left;
	width:19.1%;
}
.td2{
	text-align: right;
	width:4.8%;
}
.td3{
	width:1.5%;
}
.td4{
	text-align:right;
	width:24.2%; 
}
.td5{
	text-align:right;
	width:1.5%;
}
.td6{
	text-align:right;
	width:24.2%; 
}
.td7{
	text-align:right;
	width:1.5%;
}
.td8{
	text-align:right;
	width:24.2%; 
}



.content{
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}



#Table_01{
	margin-left:auto;
	margin-right:auto;
}

div.Table_01 img{

    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */   
}

div.Table_01 img:hover{
	  filter: none;
    -webkit-filter: none;
}

div.Table_01 {
	position:relative;
	left:0px;
	top:0%;
	width: 96.8%;
	height: 91%;
}

div.resim-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width: 33%;
	height: 50%;
}

div.resim-02_ {
	position:absolute;
	left:1%;
	top:0px;
	width:11px;
	height:480px;
}

div.resim-03_ {
	position:absolute;
	left: 34%;
	top:0px;
	width: 16.6%;
	height: 24%;
}

div.resim-04_ {
	position:absolute;
	left:574px;
	top:0px;
	width:12px;
	height:368px;
}

div.resim-05_ {
	position:absolute;
	left: 51.6%;
	top:0px;
	width: 16.6%;
	height: 24%;
}

div.resim-06_ {
	position:absolute;
	left:768px;
	top:0px;
	width:14px;
	height:121px;
}

div.resim-07_ {
	position:absolute;
	left: 69.4%;
	top:0px;
	width: 16.6%;
	height: 24%;
}

div.resim-08_ {
	position:absolute;
	left:967px;
	top:0px;
	width:12px;
	height:480px;
}

div.resim-09_ {
	position:absolute;
	left: 87.2%;
	top:0px;
	width: 16%;
	height: 50%;
}

div.resim-10_ {
	position:absolute;
	left:391px;
	top:108px;
	width:183px;
	height:13px;
}

div.resim-11_ {
	position:absolute;
	left:586px;
	top:108px;
	width:182px;
	height:13px;
}

div.resim-12_ {
	position:absolute;
	left:782px;
	top:108px;
	width:185px;
	height:13px;
}

div.resim-13_ {
	position:absolute;
	left: 34%;
	top: 26%;
	width: 16.6%;
	height: 24%;
}

div.resim-14_ {
	position:absolute;
	left: 51.6%;
	top: 26%;
	width: 34.4%;
	height: 50%;
}

div.resim-15_ {
	position:absolute;
	left:0px;
	top:231px;
	width:380px;
	height:14px;
}

div.resim-16_ {
	position:absolute;
	left:391px;
	top:231px;
	width:183px;
	height:13px;
}

div.resim-17_ {
	position:absolute;
	left:979px;
	top:231px;
	width:181px;
	height:13px;
}

div.resim-18_ {
	position:absolute;
	left: 34%;
	top: 52%;
	width: 16.6%;
	height: 51%;
}

div.resim-19_ {
	position:absolute;
	left: 87.1%;
	top: 52%;
	width: 16%;
	height: 24%;
}

div.resim-20_ {
	position:absolute;
	left:0px;
	top: 52%;
	width: 16%;
	height: 24%;
}

div.resim-21_ {
	position:absolute;
	left:182px;
	top:245px;
	width:14px;
	height:235px;
}

div.resim-22_ {
	position:absolute;
	left: 17%;
	top: 52%;
	width: 16%;
	height: 24%;
}

div.resim-23_ {
	position:absolute;
	left:379px;
	top:245px;
	width:1px;
	height:235px;
}

div.resim-24_ {
	position:absolute;
	left:586px;
	top:353px;
	width:381px;
	height:15px;
}

div.resim-25_ {
	position:absolute;
	left:979px;
	top:353px;
	width:181px;
	height:15px;
}

div.resim-26_ {
	position:absolute;
	left:0px;
	top:355px;
	width:182px;
	height:13px;
}

div.resim-27_ {
	position:absolute;
	left:196px;
	top:355px;
	width:183px;
	height:12px;
}

div.resim-28_ {
	position:absolute;
	left: 17%;
	top: 79%;
	width: 16%;
	height: 24%;
}

div.resim-29_ {
	position:absolute;
	left:378px;
	top:367px;
	width:1px;
	height:113px;
}

div.resim-30_ {
	position:absolute;
	left:0px;
	top: 79%;
	width: 16%;
	height: 24%;
}

div.resim-31_ {
	position:absolute;
	left:574px;
	top:368px;
	width:11px;
	height:112px;
}

div.resim-32_ {
	position:absolute;
	left: 51.6%;
	top: 79%;
	width: 16.6%;
	height: 24%;
}

div.resim-33_ {
	position:absolute;
	left:768px;
	top:368px;
	width:14px;
	height:112px;
}

div.resim-34_ {
	position:absolute;
	left: 69.3%;
	top: 79%;
	width: 16.6%;
	height: 24%;
}

div.resim-35_ {
	position:absolute;
	left: 87.1%;
	top: 79%;
	width: 16%;
	height: 24%;
}


@media(max-width:2048px){
	.sayfaayar {
		height: 94%;
	}
	.colyukselt {
		height: 95%;
	}

	.logo {

		width: 150%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
    .top {
		height: 9.3%;
	}
	.ictop {
		width: 98.7%;
		margin-top: 0px;
    }
	
	.diller{
		height: 3.5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}


	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:4.5%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:80px;
	}
	.tablealtmenu{
		height:70px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}

}

@media(max-width:1900px){
	.sayfaayar {
		height: 94%;
	}
	.colyukselt {
		height: 93%;
	}

	.logo {

		width: 150%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
    .top {
		height: 9.3%;
	}
	.ictop {
		width: 98.7%;
		margin-top: 0px;
    }
	
	.diller{
		height: 3.5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}


	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:4.5%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:80px;
	}
	.tablealtmenu{
		height:66px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}

}

@media(max-width:1600px){
	.sayfaayar {
		height: 89.5%;
	}
	.colyukselt {
		height: 90.7%;
	}
	.logo {
		width: 160%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 9.6%;
	}
	.ictop{
		width:90%;	
		margin-top:0px;
	}
	
	.diller{
		height: 5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}


	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:6%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:76px;
	}
	.tablealtmenu{
		height:62px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}
}

@media(max-width:1440px){
	.sayfaayar {
		height: 90%;
	}
	.colyukselt {
		height: 90%;
	}
	
	.logo {

		width: 180%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 13%;
	}
	.ictop{
		width:90%;	
		margin-top:0px;
	}
	
	.diller{
		height: 5%;
		margin-left: auto;
		margin-right:auto;
		width: 100%;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}


	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:5.5%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:76px;
	}
	.tablealtmenu{
		height:62px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}
}
@media(max-width:1366px){
	.sayfaayar {
		height: 90%;
	}

	.diller{
		height: 5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}
	div.Table_01 {
		position: relative;
		left: 0px;
		top: 0%;
		width: 96.8%;
		height: 89.2%;
	}
	.logo {	
		width: 190%;
	}
	.logo img {
		width: 100%;
		margin-top: 0px;
		height:10%;
	}
	.top {
		height: 13.9%;
	}
	.ictop{
		width: 99%;
		margin-top:0px;
	}

	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:6%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:76px;
	}
	.tablealtmenu{
		height:62px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}
	a {
    font-family: 'avantgarde_bk_btdemi';
    font-size: 12px;
	}
}

@media (max-width:1280px){
	.sayfaayar {
		height: 87%;
	}
	.colyukselt {
		height: 88.5%;

	}
	.logo {	
		width: 200%;
	}
	.logo img {
		width: 100%;
		margin-top: 0px;
	}
	.top {
		height: 13.6%;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}
	
	.diller{
		height: 5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}
	.footer{
		position: fixed;
		bottom:0;
		width: 100%;
		background-color: #dddddd;
		height:7%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi', 'Raleway', sans-serif;
		font-size:12px;
		font-weight: bold;
		color:#9a9a9a;
	}
	table{
		width: 73.5%;
		float: right;
		display: table;	
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:76px;
	}
	.tablealtmenu{
		height:62px;
	}
	.td1{
		text-align: left;
		width:19.1%;
	}
	.td2{
		text-align: right;
		width:4.8%;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
	}
	a {
    font-family:'avantgarde_bk_btdemi';
    font-size: 9px;
	}
}

@media (max-width:1024px) {
	.sayfaayar {
		height: 85%;
	}
	.colyukselt {
		height: 88%;
	}
	.logo {
		width: 240%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 10%;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}
	.diller{
		height: 5%;
		margin-left: auto;
		margin-right:auto;
		text-align: right;
		line-height:35px;
		
	}
	.dilbtn{
		padding: 10px 12px;
		margin-bottom: 0;
		font-size: 12px;
		font-weight: normal;
	}
 
	
	table{
		width: 73.5%;
		float: right;
		display: table;	
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:76px;
	}
	.tablealtmenu{
		height:62px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:12px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:12px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}

}
@media (max-width:980px){
	.menufon{
		background-size:70px;
	}
	.sayfaayar {
		height: 84%;
	}
	
	.colyukselt {
		height: 88.7%;
	}
	.logo {
		width: 250%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}

	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:68px;
	}
	.tablealtmenu{
		height:56px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:12px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:12px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:12px;
	}
	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		font-size: 12px;
	}
	.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
		background-position-y: 2px;
	}
	.projekutu
    {   	
		font-size: 12px;
    }
	.form-control{
		font-size: 12px;
	}
}


@media(max-width:768px){

	.menufon{
		background-size:60px;
	}
	
	.sayfaayar {
		height: 80%;
	}
	
	.colyukselt {
		height: 85%;
	}
	.logo {
		width: 260%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}

	.top {
		height: 17%;
		border-bottom: 3px solid #d90000;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}
	.diller {
		height: 6%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;	
		line-height: 17px;
	}
	.dilbtn {
		padding: 10px 4px;
		margin-bottom: 0;
		font-size: 10px;
		font-weight: normal;
	}


	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:54px;
	}
	.tablealtmenu{
		height:48px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:10px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:10px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:10px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:10px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:10px;
	}
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #dddddd;
		height: 7%;
		list-style: none;
		font-family: 'avantgarde_bk_btdemi', 'Raleway', sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #9a9a9a;
	}
	.footer-ic {
		width: 95%;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer li {
		text-align: left;
		margin-top: 4px;
	}
	.footer a {
		float: right;
		margin-top: -12px;
	}
	.footer img {
		width : 35px;
	}
	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		font-size: 10px;
	}
	.projekutu
    {   	
		font-size: 11px;
		height: 98%;
    }
	h5, .h5 {
		font-size: 11px;
	}
	.form-control{
		font-size: 11px;
	}
	
	.yaziscroll
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 82%;
		width : 100%;
		right : 1px;
	}
    .yaziscroll2
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 77%;
		width : 100%;
		right : 0px;
	}
}
@media(max-width:640px ){
	.menufon{
		background-size:35px;
	}
	.colyukselt {
		height: 85%;
	}
	.logo {
		width: 270%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 11%;
		border-bottom: 3px solid #d90000;
	}
	.diller {
		height: 5%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;	
		line-height: 17px;
	}
	.dilbtn {
		padding: 10px 4px;
		margin-bottom: 0;
		font-size: 10px;
		font-weight: normal;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}

	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:35px;
	}
	.tablealtmenu{
		height:35px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:9px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:9px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
	
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #dddddd;
		height: 7%;
		list-style: none;
		font-family: 'avantgarde_bk_btdemi', 'Raleway', sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #9a9a9a;
	}
	.footer-ic {
		width: 95%;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer li {
		text-align: left;
		margin-top: 4px;
	}
	.footer a {
		float: right;
		margin-top: -12px;
	}
	.footer img {
		width : 35px;
	}
	
	a {
    font-family: 'avantgarde_bk_btdemi';
    font-size: 8px;
	}
	h5, .h5 {
		font-size: 11px;
	}
	.form-control{
		font-size: 11px;
	}
	.projekutu
    {   	
		font-size: 9px;
    }
	.yaziscroll
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 82%;
		width : 100%;
		right : 1px;
	}
    .yaziscroll2
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 77%;
		width : 100%;
		right : 0px;
	}
}

@media(max-width:568px ){
    .menufon{
		background-size:30px;
	}
	
	.colyukselt {
		height: 85%;
	}
	.logo {

		width: 250%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 8%;
		border-bottom: 3px solid #d90000;
	}
	.diller {
		height: 7%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;	
		line-height: 17px;
	}
	.dilbtn {
		padding: 10px 4px;
		margin-bottom: 0;
		font-size: 10px;
		font-weight: normal;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}


	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:30px;
	}
	.tablealtmenu{
		height:35px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:9px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:9px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:9px;
	}
		
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #dddddd;
		height: 7%;
		list-style: none;
		font-family: 'avantgarde_bk_btdemi', 'Raleway', sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #9a9a9a;
	}
	.footer-ic {
		width: 95%;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer li {
		text-align: left;
		margin-top: 4px;
	}
	.footer a {
		float: right;
		margin-top: -12px;
	}
	.footer img {
		width : 35px;
	}
	a {
    font-family: 'avantgarde_bk_btdemi';
    font-size: 7px;
	}
	.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		font-size: 9px;
	}
	.projekutu
    {   	
		font-size: 9px;
    }
	h5, .h5 {
		font-size: 11px;
	}
	.form-control{
		font-size: 10px;
	}
	.yaziscroll
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 82%;
		width : 100%;
		right : 1px;
	}
    .yaziscroll2
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 77%;
		width : 100%;
		right : 0px;
	}
}

@media(max-width:480px ){
	.menufon{
		background-size:25px;
	}
	.colyukselt {
		height:85%;
	}
	.logo {
		width: 220%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height:5%;
		border-bottom: 3px solid #d90000;
	}
	.diller {
		height: 7%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;	
	}
	.dilbtn {
		padding: 10px 4px;
		margin-bottom: 0;
		font-size: 10px;
		font-weight: normal;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}
	.sayfaayar{
		width:100%; 
		height:75%;
	}
	.yaziscroll
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 82%;
		width : 100%;
		right : 1px;
	}
    .yaziscroll2
	{   	
		overflow-y: scroll;
		overflow-x: hidden;
		height: 77%;
		width : 100%;
		right : 0px;
	}
	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:25px;
	}
	.tablealtmenu{
		height:30px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:8px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:8px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
		
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #dddddd;
		height: 7%;
		list-style: none;
		font-family:'avantgarde_bk_btdemi',  'Raleway', sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #9a9a9a;
	}
	.footer-ic {
		width: 95%;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer li {
		text-align: left;
		margin-top: 4px;
	}
	.footer a {
		float: right;
		margin-top: -12px;
	}
	.footer img {
		width : 35px;
	}
	.form-control{
		font-size: 8px;
	}
	.projekutu
    {   	
		font-size: 9px;
    }
}

@media(max-width:320px ){
	.logo {
		width: 360%;
	}
	.logo img {
		width: 100%;
		margin-top: 0;
	}
	.top {
		height: 13%;
		border-bottom: 3px solid #d90000;
	}
	.diller {
		height: 5%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;	
	}
	.dilbtn {
		padding: 10px 4px;
		margin-bottom: 0;
		font-size: 10px;
		font-weight: normal;
	}
	.ictop{
		width:98%;	
		margin-top:0px;
	}

	table{
		width: 73.5%;
		float: right;
		display: table;
	}
	.tablealt{
		border:1px; border-color:red; width:100%; height:40px;
	}
	.tablealtmenu{
		height:36px;
	}
	.td1{
		text-align: left;
		width:19.1%;
		font-size:8px;
	}
	.td2{
		text-align: right;
		width:4.8%;
		font-size:8px;
	}
	.td3{
		width:1.5%;
	}
	.td4{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
	.td5{
		text-align:right;
		width:1.5%;
	}
	.td6{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
	.td7{
		text-align:right;
		width:1.5%;
	}
	.td8{
		text-align:right;
		width:24.2%; 
		font-size:8px;
	}
		
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #dddddd;
		height: 7%;
		list-style: none;
		font-family: 'avantgarde_bk_btdemi', 'Raleway', sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #9a9a9a;
	}
	.footer-ic {
		width: 95%;
		height: 1%;
		margin-left: auto;
		margin-right: auto;
	}
	.footer li {
		text-align: left;
		margin-top: 4px;
	}
	.footer a {
		float: right;
		margin-top: -12px;
	}
	.footer img {
		width : 35px;
	}
}