/* canlı kullanım harici elementler */
#boyutlar {
	opacity: 1; display: none;	font-size: 14px; position: absolute; text-align: center; 
	font-weight: bold; z-index: 5; top: 50px; left: 50px; width: 100px; color: red;
}
/* //canlı kullanım harici elementler */

/* genel dizayn tanımları */
* {
	margin: 0;
	padding: 0;
	z-index: 0;
	width: auto;
	height: auto;
	overflow: hidden;
	font-family: "pridi";
	color: rgba(109,109,109,1.0);
	font-size: 22px;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: all 2.0s ease-in-out;
	-moz-transition: all 2.0s ease-in-out;
	-ms-transition: all 2.0s ease-in-out;
	-o-transition: all 2.0s ease-in-out;
	transition: all 2.0s ease-in-out;
}

/* yüzdeli yükleniyor */
#royal_preloader {
    visibility: visible;
    position: fixed;
    width:100%;
    height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 99999999;
}

#royal_preloader.royal_preloader_number:before, #royal_preloader.royal_preloader_progress:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#royal_preloader.complete {
    opacity: 0;
	-webkit-transition: opacity 0.2s linear 1.0s;
	-moz-transition: opacity 0.2s linear 1.0s;
	-ms-transition: opacity 0.2s linear 1.0s;
	-o-transition: opacity 0.2s linear 1.0s;
	transition: opacity 0.2s linear 1.0s;
}

#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}

#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    margin: 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 3px;
}

#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    left: 35px;
	top: 0px;
    margin: 0px;
    text-align: center;
	padding-right: 0px;
    font-weight: bold;
    letter-spacing: 3px;
	background-color: darkblue;
	-webkit-transform: skewY(-45deg);
	-moz-transform: skewY(-45deg);
	-ms-transform: skewY(-45deg);
	-o-transform: skewY(-45deg);
	transform: skewY(-45deg);
}
/*//yüzdeli yükleniyor */

html, #icerikArkaplan, #yukleniyorArkaPlan {
	width: 100vw;
	height: 100vh;
	background-color: white;
	background-image: url("../img/arkaplan.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#yukleniyorArkaPlan {
	position: fixed;
	z-index: 26;
}

body {
	width: 100vw;
	height: 100vh;
}

a:link, :visited, :active {
	cursor: pointer;
	cursor: -webkit-pointer;
	cursor: -moz-pointer;
	cursor: -ms-pointer;
	cursor: -o-pointer;
	color: rgba(109,109,109,1.0);
}

a:hover {
	cursor: pointer;
	cursor: -webkit-pointer;
	cursor: -moz-pointer;
	cursor: -ms-pointer;
	cursor: -o-pointer;
	font-weight: bold;
	color: rgba(0,0,139,1.0);
}

p {
	font-size: 8px;
}

p1 {
	text-align: left;
	font-size: 11px;
	font-style: italic;
	color: red;
}
/* //genel dizayn tanımları */

/* sayfa sabit elemetleri */
altbilgi {
	position: fixed;
	display: block;
	bottom: 10px;
	opacity: 0;
	width: 100%;
	z-index: 10;
}

#bilgilendirme div {
	display: none;
	opacity: 1;
	padding-left: 35px;
	color: #00008E;
	font-style: italic;
	font-weight: bold;
}

telif {
	position: fixed;
	opacity: 0;
	width: auto;
	padding: 0px 5px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: rgba(109,109,109,1.0);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: 25;
	bottom: 20px;
}

#yukari {
	z-index: 25;
	opacity: 0;
	position: fixed;
	cursor: pointer;
	cursor: -webkit-pointer;
	cursor: -moz-pointer;
	cursor: -ms-pointer;
	cursor: -o-pointer;
	border-radius: 45px;
	background-color: gray;
}

#yukari:hover {
	background-color: lightblue;
}
/* //sayfa sabit elemetleri */

/* yükleniyor */
#yukleniyorLogo, .yukleniyorLogo, .yukleniyorLogoEM {
	position: absolute;
	width: 192px;
	height: 192px;
}

#yukleniyorLogo, .yukleniyorLogoAciklama, .kareSayfaLogoTelif {
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	top: 50%;
	right: 50%;
	z-index: 55;
}

.yukleniyorLogo { z-index: 1; }
.yukleniyorLogoEM { z-index: 0; }

.yukleniyorLogoAciklama, .kareSayfaLogoTelif {
	position: absolute;
	z-index: 27;
	text-align: center;
	font-weight: bold;
	color: darkblue;
	font-size: 18px;
	padding-top: 245px;
	width: 192px;
}

#yukleniyorMesaj {
	text-align: center;
	font-weight: bold;
	color: darkblue;
	font-size: 18px;	
}

#kareSayfaLogoTelif, .kareSayfaLogoTelif {
	display: none;
	opacity: 0;
}

.yukleniyorLogo {
	animation-name: dondur;
	animation-duration: 20000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-play-state: running;
}

@keyframes dondur {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* //yükleniyor */

/* ana içerik yönetimi */
#icerikArkaplan {
	position: absolute;
	opacity: 1;
	z-index: 3;
}

#golge {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	z-index: 6;
}

.blur { /* ie desteği yok*/
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px);
}

#icerik {
	position: absolute;
  	justify-content: center;
    height: 100%;
    width: 100%;
	opacity: 1;
	z-index: 9;
}

#sayfaSabitAlan {
	position: fixed;
	overflow-y: scroll;
	box-sizing: content-box;
	padding-right: 55px;
	width: 100%;
	height: 100%;
}

.sayfaIcerik {
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	margin-Left: 0px;
	padding: 0px 350px 10px 200px;
}

.buyukSayfaMenuAnimasyon {
	-webkit-transform: skew(-45deg, -5deg);
	-moz-transform: skew(-45deg, -5deg);
	-ms-transform: skew(-45deg, -5deg);
	-o-transform: skew(-45deg, -5deg);
	transform: skew(-45deg, -5deg);
	box-shadow:	35px 35px 35px 0px rgba(0,0,0,0.2), 0px 0px 0px 0px rgba(0,0,0,0.2);
	width: 75%;
	height: 75%;
	margin-left: -35px;
	z-index: 9;
}
/* //içerik alan yönetimi */

/* menüler, iletişim butonları ve destek botunu */
	/* dar sayfa menü ayarları */
	#kucukMenu {
		display: none;
	}

	.kucukMenuDisCervece {
		top: 0;
		left: 0;
		height: 0;
		width: 45%;
		min-width: 120px;
		max-width: 180px;
		position: fixed;
		text-align: center;
		background-color: rgba(0,0,0, 0.85);
		-webkit-transition: 1.7s;
		-moz-transition: 1.7s;
		-ms-transition: 1.7s;
		-o-transition: 1.7s;
		transition: 1.7s;
		z-index: 10;
	}

	.kucukMenuDisCervece a {
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		display: block;
		font-size: 17px;
	}

	.kucukMenuDisCervece a:hover, .kucukMenuDisCervece a:focus {
		color: white;
		transition-delay: 0.3s;
	}

	.kucukMenuDisCervece, .kucukMenuIcerikDisCerceve {
		position: absolute;
		text-align: center;
		z-index: 11;
	}

	.kucukMenuIcerikDisCerceve {
		width: 100%;
		top: 40px;
		right: 0px;
	}

	.kucukMenuIcerik {
		padding: 2px;
		margin: 5px;
		font-weight: bold;
	}

	#kucukMenuIciLogo {
		margin-top: 25px;  
		text-align: center;
		font-weight: bold; 
		color: #7EA8CF; 
		opacity: 0.5;
		font-size: 14px;
		padding-bottom: 25px;
	}

	.kucukMenuIciLogo {
		height: 50%; 
		width: 50%;
		min-height: 70px;
		min-width: 70px;
	}

	.kucukMenuButonAc, .kucukMenuButonKapat {
		position: absolute;
		text-align: center;
		top: 5px;
		left: 5px;
		height: 30px;
		width: 30px;		
	}

	.kucukMenuButonAc {
		opacity: 0;
		z-index: 11;
	}

		/* teknik destek */
		#btnTeknikDestekDetayMini {
			position: fixed;
			background-color: rgba(0,0,0, 0.85);
			text-align: center;
			display: block;
			right: 0px;
			bottom: 0;
			width: 0%;
			color: rgba(109,109,109,1.0);
			opacity: 1;
			font-size: 18px;
			font-weight: bold;
			padding-top: 10px;
			z-index: 26;
		}

		.btnTeknikDestekDetayMini {
			margin: 5px 20px 10px 20px;
			color: rgba(109,109,109,1.0);
		}

		.btnTeknikDestekBaslikMini {
			font-weight: bold;
			text-align: center;
			font-size: 16px;
		}

		.btnTeknikDestekDetayMini {
			font-weight: normal;
			font-size: 13px;
		}

		.btnTeknikDestekLinkMini {
			font-weight: bold;
			font-size: 13px;
		}
		/* //teknik destek */
	/* //dar sayfa menü ayarları */

	/* geniş sayfa menü ayarları */
	.menuButon {
		display: inline-block;
		cursor: pointer;
		cursor: -webkit-pointer;
		cursor: -moz-pointer;
		cursor: -ms-pointer;
		cursor: -o-pointer;
		text-align: center;
		position: fixed;
		padding: 0px 0px;
		top: 0px;
		left: 0px;
		opacity: 0;
		z-index: 10;
		color: rgba(109,109,109,1.0);
	}

	.mbCizgi1, .mbCizgi2, .mbCizgi3 {
		width: 30px;
		height: 5px;
		margin: 5px 5px;
		-webkit-transition: 3.0s;
		-moz-transition: 3.0s;
		-ms-transition: 3.0s;
		-o-transition: 3.0s;
		transition: 3.0s;
		border-radius: 14px;
		background-color: rgba(109,109,109,1.0);
	}

	.mbButonDegis .mbCizgi1 {
		-webkit-transform: rotate(-45deg) translate(-9px, 6px);
		-moz-transform: rotate(-45deg) translate(-9px, 6px);
		-ms-transform: rotate(-45deg) translate(-9px, 6px);
		-o-transform: rotate(-45deg) translate(-9px, 6px);
		transform: rotate(-45deg) translate(-9px, 6px);
	}

	.mbButonDegis .mbCizgi2 {
		opacity: 0;
	}

	.mbButonDegis .mbCizgi3 {
		-webkit-transform: rotate(45deg) translate(-8px, -8px);
		-moz-transform: rotate(45deg) translate(-8px, -8px);
		-ms-transform: rotate(45deg) translate(-8px, -8px);
		-o-transform: rotate(45deg) translate(-8px, -8px);
		transform: rotate(45deg) translate(-8px, -8px);
	}

	.mbButonSol {
		-webkit-transform: rotate(-35deg);
		-moz-transform: rotate(-35deg);
		-ms-transform: rotate(-35deg);
		-o-transform: rotate(-35deg);
		transform: rotate(-35deg);
	}

	.mbButonSag {
		-webkit-transform: rotate(35deg);
		-moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
		-o-transform: rotate(35deg);
		transform: rotate(35deg);
	}

		/* geniş sayfa menü içerik */
		.mbsMenuEfekt .mbsMenuSecenek {
			padding-left: 5px;
			width: 200px;
			display: block;
			text-align: left;
			font-size: 24px;
			font-weight: bold;
			letter-spacing: .095em;
			-webkit-transform: rotateY(45deg) translateZ(0);
			-moz-transform: rotateY(45deg) translateZ(0);
			-ms-transform: rotateY(45deg) translateZ(0);
			-o-transform: rotateY(45deg) translateZ(0);
			transform: rotateY(45deg) translateZ(0);
			transform-origin: left center;
			-webkit-transition: color 2.5s ease-in-out, transform 2.0s;
			-moz-transition: color 2.5s ease-in-out, transform 2.0s;
			-ms-transition: color 2.5s ease-in-out, transform 2.0s;
			-o-transition: color 2.5s ease-in-out, transform 2.0s;
			transition: color 2.5s ease-in-out, transform 2.0s;
			color: gray;
		}

		.mbsMenuEfekt a {
			display: block;
			perspective: 10vw;
			margin: 0px;
			width: 200px;
		}

		.mbsMenuEfekt a:hover .mbsMenuSecenek {
			width: 200px;
			color: darkblue;
			-webkit-transform: rotateY(0deg) translateZ(0);
			-moz-transform: rotateY(0deg) translateZ(0);
			-ms-transform: rotateY(0deg) translateZ(0);
			-o-transform: rotateY(0deg) translateZ(0);
			transform: rotateY(0deg) translateZ(0);
		}
		/* //geniş sayfa menü içerik */

		/* teknik destek butonu */
		.mbsTeknikDestekResim, .mbsTeknikDestek {
			width: 66px;
			height: 88px;
		}

		.mbsTeknikDestekResim {
			/*position: absolute;*/
			padding-top: 0px;
		}

		.mbsTeknikDestek {
			opacity: 1;
			padding-top: 5px;
			padding-left: 2px;
			border: solid 0px gray;
		}

		.mbsTeknikDestekResim:hover {
			cursor: pointer;
			cursor: -webkit-pointer;
			cursor: -moz-pointer;
			cursor: -ms-pointer;
			cursor: -o-pointer;
		}

		.btnTeknikDestekBaslik {
			font-weight: bold;
		}

		.btnTeknikDestekDetay, .btnTeknikDestekBuradan, #btnDestekTalep {
			font-size: 14px;
			font-weight: bold;
		}

		.btnTeknikDestekDetay {
			position: fixed;
			display: block;
			text-align: center;
			font-weight: normal;
			top: 184px;
			left: -500px;
			opacity: 1;
			width: 310px;
			height: 0px;
			margin: 0px;
			/*padding: 5px 10px 5px 100px;*/
			padding: 5px 10px 5px 30px;
			color: rgba(109,109,109,1.0);
			background-color: rgba(255,255,255,1);
		}
		/* //teknik destek butonu */
	/* //geniş sayfa menü ayarları */

	/* iletişim butonları */
	#menuCerceve {
		position: absolute;
		top: 35px;
		left: 0px;
		height: 440px;
		width: 180px;
		z-index: 0;
	}

	#iltsBtnCerceve {
		position: absolute;
		border: solid 0px red;
		width: 250px;
	}

	.iltsBtn, .iletisimListeButonuB {
		float: left;
		display: inline-block;
		margin: 0px 2px 0px 1px;
		border: solid 0px red;
	}
	/* //iletişim butonları */
/* //menüler, iletişim butonları ve destek botunu */

/* işlem listesi alanları */
#islemListeSabitAlan {
	position: absolute;
	width: 210px;
	height: 170px;
	text-align: center;
	bottom: 0px;
	right: 25px;
	font-size: 15px;
	z-index: 1;
}

#islemListeSabit {
	position: absolute;
	overflow-y: auto;
	box-sizing: content-box;
	width: 230px;
	height: 145px;
	text-align: center;
	left: 0px;
	bottom: 0px;
}

.islemListesi {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0px 20px 10px 0px;
	width: 100%;
	margin-Left: 0px;
	font-size: 12px;
	text-align: left;
}
/* //işlem listesi alanları */

/* resimler */
#resimBaslangic, #resimOtobiyografi, #resimBlog, #resimKariyer, #resimIletisim {
	position: fixed;
	right: 0px;
	z-index: 8;
}

#resimBaslangic {
	opacity: 0;
	display: block;
	top: 18%;
	width: 65%;
	min-width: 275px;
	max-width: 340px;
}

.resimBaslangic {
	opacity: 0;
}

#resimOtobiyografi, #resimBlog, #resimKariyer, #resimIletisim {
	top: auto;
	width: 100vw;
	height: 100%;
	max-height: 1100px;
	max-width: 600px;
	bottom: 0px;
}

.resimOtobiyografi, .resimKariyer, .resimIletisim, .resimBlog {
	position: fixed;
	right: 0px;
	object-fit: contain;
	bottom: 0px;
	max-height: 65%;
	max-width: auto;
	z-index: -5;
	opacity: 0;
}

.resimBlog {
	max-height: 60%;
}
/* //resimler */

/* sayfa yönetimi */
	/* sayfaların özel ayarları */
	.sayfaBaslik, #otobiyografiOF, #blogOF, #kariyerOF, #iletisimOF {
		display: none;
		opacity: 0;
	}

	#blogOF, #kariyerOF, #iletisimOF {
		display: none;
		opacity: 0;
	}

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		text-align: center;
		font-weight: bold;
		font-size: 52px;
		padding: 40px 0px 10px 0px;
		margin: 0px;
		display: none;
		opacity: 0;
	}

		/* otobiyografi sayfası */
		.otobiyografiDetay {
			padding: 10px 0px 15px 0px;
			text-indent: 36px;
		}
		/* //otobiyografi sayfası */

		/* blog sayfası */
		.blogDetay {
			padding: 10px 0px 15px 0px;
			text-indent: 36px;
		}

		.blogLink, .blogLinkDetay {
			cursor: pointer;
			cursor: -webkit-pointer;
			cursor: -moz-pointer;
			cursor: -ms-pointer;
			cursor: -o-pointer;
			text-align: center;
			margin: 10px 0px 10px 0px;
			border: dotted 1px rgba(109,109,109,1.0);
			font-weight: bold;
			border-radius: 20px;
		}

		.blogLink {
			padding: 10px 0px 10px 0px;
		}

		.blogLinkDetay {
			padding: 10px 15px 10px 15px;
			display: none;
		}

		.blogListe {
			width: 100%;
			padding: 3px 0px 3px 0px;
			text-indent: 36px;
		}

		.blogListeBaslik {
			padding: 15px 0px 0px 0px;
			list-style: none;
			box-orient: horizontal;
			display: flex;
			font-style: italic;
		}
		/* //blog sayfası */

		/* kariyer sayfası */
		.kariyerPDF, .kariyerWord {
			position: fixed;
			left: 2px;
			opacity: 0;
			visibility: hidden;
		}

		.kariyerPDF:hover, .kariyerWord:hover {
			cursor: pointer;
			cursor: -webkit-pointer;
			cursor: -moz-pointer;
			cursor: -ms-pointer;
			cursor: -o-pointer;
		}

		.kariyerPDF {
			height: 48px;
			width: 48px;
			bottom: 55px;
		}

		.kariyerWord {
			height: 48px;
			width: 48px;
			bottom: 50px;
		}

			/* genel ayarlar*/
			.kariyerBolumBaslik {
				font-size: 28px;
				padding-top: 20px;
				padding-bottom: 5px;
				text-align: left;
				font-weight: bold;
				font-style: italic;
			}

			.kariyerBolumAraBaslik {
				font-size: 24px;
				padding-top: 0px;
				padding-bottom: 0px;
				text-align: left;
				font-weight: bold;
				font-style: italic;
				padding-left: 15px;
			}
			/* //genel ayarlar */

			/* kişisel bilgiler */
			.kisiselBilgiler {
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.kisiselBilgilerBolumler {
				margin: 0px;
				width: 100%;
				max-width: 500px;
			}

			.bilgiSatir {
				width: 100%;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
			}

			.bilgiBaslik {
				width: 200px;
				text-align: left;
			}

			.bilgiAyrac {
				width: 2px;
				text-align: center;
			}

			.bilgiDetay {
				width: 240px;
				text-align: left;
				padding-left: 10px;
			}
			/* //kişisel bilgiler */

			/* eğitim bilgileri */
				/* okul bilgileri */
				.ebtDuzey {
					width: 28%;
					padding-left: 30px;
					font-weight: bold;
					text-align: left;
				}

				.ebtOkul {
					width: auto;
					padding-left: 45px;
					font-style: italic;
				}

				.ebtBolum {
					width: auto;
					padding-left: 60px;
				}
				/* //okul bilgileri */

				/* kurs bilgiler */
				.kursBilgiler {
					-ms-box-orient: horizontal;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -moz-flex;
					display: -webkit-flex;
					display: flex;
					-webkit-flex-wrap: wrap;
					flex-wrap: wrap;
				}

				.kursBilgiBolumler {
					margin: 0px;
					font-size: 15px;
					width: 100%;
				}
					
				.kursBilgiAraBaslik {
					padding-left: 30px;
					font-weight: bold;
					text-align: left;
				}

				.kursBilgiSatir {
					width: 100%;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -moz-flex;
					display: -webkit-flex;
					display: flex;
					flex-wrap: wrap;
					-webkit-flex-wrap: wrap;
					padding-left: 20px;
				}

				.kursBilgiBaslik {
					width: 225px;
					text-align: left;
					padding-left: 9px; /*45*/
				}

				.kursBilgiAyrac {
					width: 2px;
					text-align: center;
				}

				.kursBilgiDetay {
					text-align: left;
					padding-left: 25px; /*45*/
					min-width: 400px;
				}

				.kursBilgiNotlar {
					text-align: justify;
					padding: 0px 10px 0px 15px;
					width: auto;
					margin-bottom: 20px;
					font-style: italic;
				}
				/* //kurs bilgileri */
			/* //eğitim bilgileri */

			/* iş deneyim bilgileri */
			.deneyimBaslikBilgi {
				padding: 0;
				margin: 0;
				list-style: none;
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
			}

			.deneyimAlan {
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.deneyimAlan li {
				background: none;
			}

			.deneyimTarih, .deneyimFirma, .deneyimSektor {
				margin-left: 1px;
				text-align: left;
				font-style: italic;
				font-weight: bold;
			}

			.deneyimTarih {
				padding-left: 15px;
				width: 225px;
			}

			.deneyimFirma {
				padding-left: 15px;
			}

			.deneyimSektor {
				padding-left: 55px;
				width: 390px;
			}

			.deneyimDetay {
				text-align: justify;
				text-indent: 40px;
				padding: 0px 10px 0px 0px;
				width: auto;
			}

			.deneyimNotlar {
				text-align: justify;
				padding: 0px 10px 0px 15px;
				width: auto;
				margin-bottom: 20px;
				font-style: italic;
			}

			.deneyimNot {
				font-weight: bold; 
				font-style: italic;
			}

			.deneyimNot:hover {
				color: rgba(109,109,109,1.0);
				cursor: text;
				cursor: -webkit-text;
				cursor: -moz-text;
				cursor: -ms-text;
				cursor: -o-text;
			}

			.deneyimDetaySekme {
				padding: 0px 10px 0px 0px;
				text-align: justify;
				width: auto;
			}
			/* //iş deneyim bilgileri */

			/* bilgisayar bilgileri */
			.bilgisayarBilgileri {
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
				justify-content: center;
			}

			.bilgisayarBilgileriAlani {
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				width: 100%;
			}

			.bbBilgiAyrac {
				padding: 5px;
				text-align: center;
				width: 100%;
			}

			.bbBaslikDar {
				padding: 5px;
				text-align: left;
				font-style: italic;
				width: 100%;
			}

			.bbBaslikGenis {
				padding-right: 10px;
				text-align: right;
				width: 32%;
				font-style: italic;
				vertical-align: middle;
			}

			.bbBaslikAyrac {
				text-align: center;
				width: 1%;
				font-weight: bold;
			}

			.bbAciklama {
				padding: 0px 10px 0px 5px;
				margin-bottom: 1px;
				text-align: justify;
				width: 95%;
			}

			.bbAciklamaDetayNot {
				text-align: justify;
				text-indent: 30px;
				padding: 0px 10px 0px 5px;
				width: auto;
			}

			.bbAciklamaNot {
				font-style: italic;
				padding-top: 1px;
				padding-bottom: 1px;
				padding-left: 30px;
				text-align: justify;
				width: auto;
			}
			/* //bilgisayar bilgileri */

			/* referans bilgileri */
			.referansBilgiAlani {
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.referansBilgiBolum {
				margin: 0px;
				width: 100%;
			}

			.referansSatir {
				width: 100%;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
			}

			.referansBaslik {
				width: 200px;
				text-align: left;
			}

			.referansAyrac {
				width: 175px;
				text-align: left;
				padding-left: 7px;
			}

			.referansDetay {
				width: 500px;
				text-align: left;
				padding-left: 15px;
			}

			.referansNotlar {
				text-align: justify;
				padding: 0px 10px 0px 15px;
				width: auto;
				font-style: italic;
			}

			.referansNot {
				font-weight: bold; 
				font-style: italic;
			}

			.referansNot:hover {
				color: rgba(109,109,109,1.0);
				cursor: text;
				cursor: -webkit-text;
				cursor: -moz-text;
				cursor: -ms-text;
				cursor: -o-text;
			}
			/* //referans bilgileri*/

			/* detay bilgiler */
			.detayBilgiler {
				-ms-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
				justify-content: center;
			}

			.detayBilgilerAlani {
				flex-direction: row;
				width: 100%;
			}

			.detayBilgilerAciklama {
				text-align: justify;
				text-indent: 30px;
				padding: 0px 10px 0px 0px;
				width: auto;
			}
			/* //detay bilgiler */
		/* //kariyer sayfası*/

		/* iletişim sayfası */
			/* rehbere ekle */
			#rehbereEkleBaslik, .rehbereEkleBaslik {
				font-weight: bold;
			}

			.rehbereEkleBaslik, .iletisimVcfindir, .iletisimBuyutecBuyut, .iletisimBuyutecKucult,
  			.rehbereEkleSimgeKarekod, .rehbereEkleSimgeVcf {
				cursor: pointer;
				cursor: -webkit-pointer;
				cursor: -moz-pointer;
				cursor: -ms-pointer;
				cursor: -o-pointer;
				color: #77A3CC;
			}

			#rehbereEkleBaslik, #rehbereEkleDetay {
				width: auto;
				margin: 0 auto;
				text-align: center;
			}

			.rehbereEkleBaslik {
				width: auto;
				padding: 0px 5px;
				display: inline-block;
			}

			.rehbereEkleBaslik:hover, .rehbereEkleSimgeKarekod:hover, .rehbereEkleSimgeVcf:hover, .iletisimVcfindir:hover {
				color: #3AD368;
			}

			#rehbereEkleDetay {
				height: 0px;
			}

			.rehbereEkleSimgeKarekod, .rehbereEkleSimgeVcf {
				display: inline-block;
				box-sizing: border-box;
			}

			#rehbereEkleSimgeler {
				text-align: center;
			}

			.iletisimKarekod {
				width: 200px;
				height: 200px;
			}

			.iletisimBuyutecBuyut, .iletisimBuyutecKucult {
				width: 28px;
				height: 28px;
			}

			.iletisimBuyutecKucult {
				display: none;
			}

			.iletisimVcf {
				width: 35px;
				height: 28px;
			}
			
			.rehbereEkleSimgeler {
				text-align: center;
			}
			/* //rehbere ekle */

			/* mail form */
			#frmEnquiry {
				margin: 0%;
				padding: 0%;
				padding-bottom: 0px;
			}

			#frmEnquiry div {
				margin: 0%;
				padding: 0%;
				width: 99.9%;
			}

			.flex-container {
				padding: 0;
				margin: 0;
				list-style: none;
				width: 100%;
				justify-content: center;
				-o-box-orient: horizontal;
				-ms-box-orient: horizontal;
				-moz-box-orient: horizontal;
				-webkit-box-orient: horizontal;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -moz-flex;
				display: -webkit-flex;
				display: flex;
			}

			.wrap {
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
			}

			.wrap li {
				text-aling: left;
			}

			.flex-item {
				width: 375px;
				padding-top: 0px;
				padding-bottom: 10px;
				margin: 5px 5px 0px 5px;
				font-weight: bold;
				text-align: center;
			}

			#mailAdresUyari, #telefonNumaraUyari {
				display: none;
			}

			#tavsiyeEt {
				width: 375px;
				padding-top: 0px;
				padding-bottom: 10px;
				margin: 5px 5px 0px 5px;
				font-weight: bold;
				text-align: center;
				display: none;
			}

			.wrapA, .wrapAtext {
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;
				text-aling: left;
			}

			.wrapA li {
				text-aling: left;
			}

			.wrapAtext {
				padding-top: 8px;
				padding-left: 0px;
				text-align: center;
			}

			.formOption {
				border-radius: 5px;
				text-align: center;
				width: 100%;
			}

			.inputBoxUserName, .inputBoxUserEmail, .inputBoxTelephone, .SelectBox, textarea, .inputBoxNewUserEmail {
				float: left;
				width: 85%;
				border-radius: 5px;
				border: #B8B8B8 0.5px solid;
				text-transform: capitalize;
				margin-top: 14px;
				background: transparent;
				text-align: left;
			}

			.inputBoxGetYear {
				max-width: 200px;
				border-radius: 5px;
				border: #B8B8B8 0.5px solid; 
				text-transform: capitalize; 
				margin-top: 14px;
				background: transparent;
				text-align: center;
			}

			.inputBoxUserEmail, .inputBoxNewUserEmail {
				text-transform: lowercase;
			}

			.inputBoxTelephone {
				text-transform: none;
			}

			.inputBoxUserName:focus, .inputBoxUserEmail:focus, .inputBoxTelephone:focus, 
			.inputBoxOther:focus, .SelectBox:focus, .inputBoxNewUserEmail:focus {
				outline: none;
				text-transform: capitalize;
			}

			textarea {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
				outline: none;
				text-transform: none;
			}

			.formOptionQustion {
				width: 100%;
				text-align: left;
			}

			.inputOtherDetail {
				float: center;
				width: 75%;
				border-radius: 5px;
				border: #F0F0F0 1px solid;
				text-transform: capitalize;
				margin-top: 10px;
			}

			.inputOtherDetail:focus {
				outline: none;
				text-transform: capitalize;
			}

			#checkArkadas:hover, #checkArkadasTavsiye:hover,
			#checkKonu:hover, #checkKonuGoogle:hover,
			#checkFace:hover, #checkFacebook:hover,
			#checkTwit:hover, #checkTwitter:hover,
			#checkLinked:hover, #checkLinkedin:hover,
			#checkDiger:hover {
				color: black;
				cursor: pointer;
			}

			.btnAction {
				background-color: #77A3CC;
				padding: 1px 25px;
				color: white;
				border: #F0F0F0 2px solid;
				border-radius: 10px;
				text-align: center;
				margin-bottom: 5px;
				-webkit-transition: all 1.0s ease-in-out;
				-moz-transition: all 1.0s ease-in-out;
				-ms-transition: all 1.0s ease-in-out;
				-o-transition: all 1.0s ease-in-out;
				transition: all 1.0s ease-in-out;
			}

			.btnAction:hover {
				background-color: #3AD368;
				-webkit-transition: all 1.0s ease-in-out;
				-moz-transition: all 1.0s ease-in-out;
				-ms-transition: all 1.0s ease-in-out;
				-o-transition: all 1.0s ease-in-out;
				transition: all 1.0s ease-in-out;
			}

			.barDar, .barGenis {
				width: 100%;
				margin-bottom: 10px;
				padding: 5px 5px;
				height: 25px;
				border: 0px solid #2980b9;
				border-radius: 3px;
				background-image: repeating-linear-gradient(-45deg, #2980b9, #2980b9 11px, yellow 10px, darkblue 20px);
				-webkit-background-size: 28px 28px;
				-moz-background-size: 28px 28px;
				-ms-background-size: 28px 28px;
				-o-background-size: 28px 28px;
				background-size: 28px 28px;
				animation: ilerliyor 1s linear infinite;
				font-weight: bold;
				text-align: center;
				color: yellow;
				font-size: 14px;
				-webkit-transition: all 4.0s ease-in-out;
				-moz-transition: all 4.0s ease-in-out;
				-ms-transition: all 4.0s ease-in-out;
				-o-transition: all 4.0s ease-in-out;
				transition: all 4.0s ease-in-out;
				display: none;
			}

			@keyframes ilerliyor { 0% { background-position: 0 0; }	100% { animation: ilerliyor 1s linear infinite;	background-position: 28px 0; } }
			@-o-keyframes ilerliyor { 0% { background-position: 0 0; } 100% { animation: ilerliyor 1s linear infinite; background-position: 28px 0; } }
			@-moz-keyframes ilerliyor {	0% { background-position: 0 0; } 100% { animation: ilerliyor 1s linear infinite; background-position: 28px 0; } }
			@-webkit-keyframes ilerliyor { 0% { background-position: 0 0; } 100% { animation: ilerliyor 1s linear infinite;	background-position: 28px 0; } }

			.info {
				color: #FF6600;
				letter-spacing: 2px;
				padding-left: 5px;
			}

			.error {
				padding: 3px 3px;
				color: #AA4502;
				font-size: 12px;
				width: 90%;
				border: 1px red solid;
				padding-left: 130px;
			}

			.success {
				padding: 3px 3px;
				color: #3EB448;
				font-size: 12px;
				width: 90%;
			}

			.mailFormSurecListesi {
				color: #AA4502;
				text-align: left;
				font-size: 12px;
				width: 100%;
				padding-left: 100px;
				border-radius: 5px;
			}

			.veriHatali { color: red; }
			.veriHataAyrim { width: 100%; }

			#iletisimButonListesi { display: none; }
			.iletisimButonListesi {
				display: flex;
				flex-wrap: wrap;
				width: 99%;
				padding: 0px;
				text-align: center;
				margin-bottom: 10px; 
			}
			.teknikDestekAciklama {	font-weight: bold; }
			.iletisimButon { width: 30px; }

			#isleniyor {
				width: 99%;
				text-align: center;
			}

			.butonlar, .islemDurumu {
				width: 100%;
			}

			.butonlar {
				text-align: center;
				display: inline-block;
			}

			.islemDurumu {
				display: inline-block;
			}
			/* //mail form */
		/* //iletişim sayfası */
	/* //sayfaların özel ayarları */
/* //sayfa yönetimi */

/* sayfa boyutuna göre özelleştirme */
@media screen and (max-width: 150px) {

	#resimBaslangic {
		display: none;
		opacity: 0;
	}

}

@media screen and (min-width: 151px) and (max-width: 224px) {

	#resimBaslangic {
		padding-right: 140px;
		width: 30%;
		min-width: 75px;
		max-width: 150px;
	}

}

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

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 20px;
	}

	.otobiyografiDetay, .blogDetay, .blogListe {
		text-indent: 18px;
	}

	.deneyimDetay {
		text-indent: 20px;
	}

	.bbAciklamaDetayNot, .detayBilgilerAciklama {
		text-indent: 15px;
	}

	.blogLink {
		font-size: 11px;
	}

}

@media screen and (min-width: 200px) and (max-width: 299px) {
	
	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 22px;
	}

	.otobiyografiDetay, .blogDetay, .blogListe {
		text-indent: 22px;
	}

	.deneyimDetay {
		text-indent: 24px;
	}

	.bbAciklamaDetayNot, .detayBilgilerAciklama {
		text-indent: 18px;
	}

	.blogLink {
		font-size: 12px;
	}

}

@media screen and (min-width: 225px) and (max-width: 299px) {

	#resimBaslangic {
		padding-right: 160px;
		width: 30%;
		min-width: 75px;
		max-width: 150px;	
	}

}

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

	* {
		font-size: 13px;
	}

	#resimOtobiyografi, #resimBlog, #resimKariyer, #resimIletisim {
		display: none;
	}

	telif {
		font-size: 11px;
		left: -7px;
	}

	#bilgilendirme {
		padding-left: 0px;
	}

	.kariyerBolumBaslik {
		font-size: 15px;
		padding-top: 10px;
	}

	.kariyerBolumAraBaslik {
		font-size: 14px;
	}

	.kursBilgiAraBaslik {
		font-size: 13px;
	}

	.deneyimNotlar {
		padding: 0px 10px 0px 0px;
	}

	.kariyerPDF, .kariyerWord {
		left: 2px;
		width: 30px;
	}

	.kariyerPDF {
		height: 33px;
		bottom: 50px;
	}

	.kariyerWord {
		height: 30px;
		bottom: 45px;
	}

}

@media screen and (min-width: 300px) and (max-width: 399px) {

	* {
		font-size: 15px;
	}

	telif {
		font-size: 13px;
		left: -10px;
	}
	
	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 26px;
	}

	#resimBaslangic {
		padding-right: 180px;
		width: 30%;
		min-width: 75px;
		max-width: 150px;	
	}
	
	.otobiyografiDetay, .blogDetay, .blogListe {
		text-indent: 26px;
	}

	.kariyerBolumBaslik {
		font-size: 17px;
		padding-top: 10px;
	}

	.kariyerBolumAraBaslik {
		font-size: 16px;
	}

	.kursBilgiAraBaslik {
		font-size: 14px;
	}

	.deneyimDetay {
		text-indent: 28px;
	}

	.bbAciklamaDetayNot, .detayBilgilerAciklama {
		text-indent: 24px;
	}

	.kariyerPDF, .kariyerWord {
		left: 2px;
		width: 30px;
	}

	.kariyerPDF {
		height: 33px;
		bottom: 50px;
	}

	.kariyerWord {
		height: 30px;
		bottom: 55px;
	}

}

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

	.otobiyografiDetay, .blogDetay {
		padding: 5px 0px 9px 0px;
	}

 	.blogListe {
		text-indent: 0px;
	}

	#yukari, .yukariButon {
		width: 18px;
		height: 18px;
	}

	#yukari {
		padding: 4px;
		bottom: 5px;
		right: 5px;
	}

	.barDar {
		display: block;
	}

}

@media screen and (min-width: 400px) and (max-width: 499px) {

	* {
		font-size: 18px;
	}
	
	telif {
		font-size: 16px;
		left: -13px;
	}

	#yukari, .yukariButon {
		width: 19px;
		height: 19px;
	}

	#yukari {
		padding: 4px;
		bottom: 5px;
		right: 5px;
	}

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 32px;
	}

	.otobiyografiDetay, .blogDetay, .blogListe {
		text-indent: 30px;
	}

	.kariyerBolumBaslik {
		font-size: 22px;
		padding-top: 10px;
	}

	.kariyerBolumAraBaslik {
		font-size: 20px;
	}

	.kursBilgiAraBaslik {
		font-size: 18px;
	}

	.deneyimDetay {
		text-indent: 32px;
	}

	.bbAciklamaDetayNot, .detayBilgilerAciklama {
		text-indent: 28px;
	}

	.kariyerPDF, .kariyerWord {
		left: 2px;
		width: 30px;
	}

	.kariyerPDF {
		height: 33px;
		bottom: 60px;
	}

	.kariyerWord {
		height: 30px;
		bottom: 55px;
	}

	#isleniyor {
		width: 85%;
	}
	
	.butonlar, .islemDurumu {
		max-width: 300px;
	}

	.barGenis {
		display: block;
	}

}

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

	.sayfaIcerik {
		padding: 0px 18px 10px 35px;
	}
	
	.kucukMenuButonAc, .kucukMenuButonKapat {
		top: 3px;
		left: 3px;
		height: 25px;
		width: 25px;		
	}

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		padding: 15px 0px 5px 0px;
	}

	.kursBilgiDetay {
		min-width: 0px;
	}
	
	.bbBaslikGenis, .bbBaslikAyrac {
		display: none;
	}
	
	.bbBaslikDar {
		display: block;
	}
	
	.bbAciklama {
		text-indent: 26px;
	}
	
}

@media screen and (min-width: 500px) {
	
	.bbBaslikGenis, .bbBaslikAyrac {
		display: block;
	}
	
	.bbBaslikDar {
		display: none;
	}

}

@media screen and (min-width: 500px) and (max-width: 799px) {

	* {
		font-size: 20px;
	}

	telif {
		font-size: 18px;
		left: -13px;
	}

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 42px;
	}

	.sayfaIcerik {
		padding: 0px 24px 10px 45px;
	}
	
	.otobiyografiDetay, .blogDetay, .blogListe {
		text-indent: 32px;
	}

	.deneyimDetay {
		text-indent: 34px;
	}

	.kariyerPDF, .kariyerWord {
		left: 3px;
		width: 35px;
	}

	.kariyerPDF {
		height: 38px;
		bottom: 65px;
	}

	.kariyerWord {
		height: 35px;
		bottom: 60px;
	}

	#yukari, .yukariButon {
		width: 21px;
		height: 21px;
	}

	#yukari {
		padding: 5px;
		bottom: 5px;
		right: 5px;
	}
/*
	.bbAciklamaDetayNot, .detayBilgilerAciklama {
		text-indent: 30px;
	}

 	.blogListe {
		padding: 10px 0px 14px 0px;
		text-indent: 22px;
	}
*/
}

@media screen and (min-width: 500px) and (max-width: 1199px) {

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		padding: 20px 0px 10px 0px;
	}

}

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

	.bilgiAyrac, .kursBilgiAyrac {
		display: none;
	}

}

@media screen and (min-width: 600px) and (max-width: 699px) {

	.sayfaIcerik {
		padding: 0px 110px 10px 45px;
	}

}

@media screen and (min-width: 700px) and (max-width: 799px) {

	.sayfaIcerik {
		padding: 0px 120px 10px 45px;
	}

}

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

	#kucukMenu {
		display: block;
	}

	#menuCerceve, #menuButon {
		display: none;
	}

	#islemListeSabitAlan {
		display: none;
	}

	#yukari:hover {
		background-color: gray;
	}

	#iltsBtnCerceve {
		height: 300px;
		width: 50px;
		right: 0px;
		top: -300px;
		z-index: 21;
		background-color: rgba(0,0,0, 0.85);
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

	.iletisimListeButonuK {
		display: block;
		width: 38px;
		height: 38px;
		margin: 8px 0px 0px 6px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	.iletisimListeButonuB {
		display: none;
	}

	#iltsBtnTeknik {
		display: block;
	}

}

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

	#kucukMenu {
		display: none;
	}
	
	#menuCerceve, #menuButon {
		display: block;
	}

	telif {
		right: -20px;
	}

	#yukari, .yukariButon {
		width: 23px;
		height: 23px;
	}

	#yukari {
		padding: 6px;
		bottom: 5px;
		left: 5px;
	}

	#islemListeSabitAlan {
		display: block;
	}

	#iltsBtnCerceve {
		top: 0px;
		left: 50px;
		height: 38px;
		width: 250px; /*180*/
	}

	.iletisimListeButonuK {
		display: none;
	}

	.iletisimListeButonuB {
		display: block;
		width: 33px;
		height: 33px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

	#iltsBtnTeknik {
		display: none;
	}

	altbilgi {
		top: 40%;
	}

}

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

	.sayfaIcerik {
		padding: 0px 120px 10px 45px;
	}

}

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

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 48px;
	}

	.sayfaIcerik {
		padding: 0px 200px 10px 75px;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1199px) {

	.sayfaBaslik, #otobiyografiBaslik, #blogBaslik, #kariyerBaslik, #iletisimBaslik {
		font-size: 48px;
	}

	.sayfaIcerik {
		padding: 0px 225px 10px 140px;
		width: 100%;
	}

}

@media screen and (min-width: 500px) and (max-width: 1349px) {

	#isleniyor {
		width: 90%;
	}
	
	.butonlar, .islemDurumu {
		max-width: 300px;
	}

	.barGenis {
		display: block;
	}

}

@media screen and (min-width: 1350px) {

	#isleniyor {
		width: 90%;
	}
	
	.butonlar, .islemDurumu {
		max-width: 625px;
	}

	.barGenis {
		display: block;
	}

}

@media screen and (max-height: 299px) {

	#menuCerceve, #menuButon {
		display: none;
	}

	#kucukMenu {
		display: block;
	}

	#sayfaLogo, #yukleniyor, #yukleniyorEM {
		width: 50%;
		display: block;
	}

	#resimBaslangic, .resimBaslangic, .resimOtobiyografi, .resimBlog, .resimKariyer, .resimIletisim {
		display: none;
	}

}

@media screen and (max-height: 350px), (max-width: 390px) {

	.kucukMenuDisCervece a {
		font-size: 14px;
	}

	#kucukMenuIciLogo {
		margin-top: 5px;
		font-size: 9.5px;
		padding-bottom: 15px;
	}

	.kucukMenuIcerikDisCerceve {
		top: 25px;
	}

}

@media screen and (max-height: 599px) {

	#islemListeSabitAlan {
		display: none;
	}

}

@media screen and (aspect-ratio: 1/1) {

	* {
		color: darkblue;
	}

	#menuButon, #kucukMenu, altbilgi, telif, #yukari {
		display: none;
	}

	#sayfaCanliBoyutlar, #islemListeSabitAlan {
		display: none;
	}

	#otobiyografiOF, #blogOF, #kariyerOF, #iletisimOF {
		display: none;
	}

	#resimBaslangic, .resimBaslangic, .resimOtobiyografi, .resimBlog, .resimKariyer, .resimIletisim {
		display: none;
	}

}