@media screen and (max-width: 699px) and (min-width: 360px), (min-width: 1151px) {
/* Max 6 inc Ekran
-------------------------------------------------- */
		/* GLOBAL STYLES
		-------------------------------------------------- */
		/* Padding below the footer and lighter body text */
		body {padding:0px 0px 0px 0px;color: #F2F2F5;}
		/* CUSTOMIZE THE CAROUSEL
		-------------------------------------------------- */
		/* Carousel base class */
		.carousel {height: 400px;margin-bottom: 0px;}
		/* Since positioning the image, we need to help out the caption */
		.carousel-caption {z-index: 10;background-color: rgba(0,0,0,0.2);}
		/* Declare heights because of positioning of img element */
		.carousel .item {height: 400px;background-color: #777;}
		.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 400px;}
		/* MARKETING CONTENT
		-------------------------------------------------- */
		/* Center align the text within the three columns below the carousel */
		.marketing .col-lg-4 {margin-bottom: 20px;text-align: center;}
		.marketing h2 {font-weight: 5px;}
		.marketing .col-lg-4 p {margin-right: 10px;margin-left: 10px;}
		/* Featurettes
		------------------------- */
		.featurette-divider {margin: 80px 0; /* Space out the Bootstrap <hr> more */}
		/* Thin out the marketing headings */
		.featurette-heading {font-weight: 100;line-height: 1;letter-spacing: -1px;}
		/* RESPONSIVE CSS
		-------------------------------------------------- */
		  /* The navbar becomes detached from the top, so we round the corners */
		  /* Bump up size of carousel content */
		.carousel-caption p {margin-bottom: 20px;font-size: 10px;line-height: 1.4;}
		.carousel-caption h1 {margin-bottom: 20px;font-size: 15px;line-height: 1.4;}
		.featurette-heading {font-size: 25px;}
		@media (min-width: 992px) {
			.featurette-heading {margin-top: 120px;}
		}

		@font-face {font-family:"Sketch Nice";src:url("../fonts/Sketch_Nice/Sketch_Nice.eot?") format("eot"),url("../fonts/Sketch_Nice/Sketch_Nice.woff") format("woff"),url("../fonts/Sketch_Nice/Sketch_Nice.ttf") format("truetype"),url("../fonts/Sketch_Nice/Sketch_Nice.svg#SketchNice") format("svg");font-weight:normal;font-style:normal;}
		.sosyal-media{font-family:Sketch Nice;font-size:25px;}
		.altBilgi-icerik a {text-decoration: none;}
		.altBilgi-icerik a:hover {text-decoration: none;color:#F2F2F5;}
		.altBilgi{margin-top:30px;z-index:100;width:100%;min-height:400px;overflow:hidden;background:#F2FEF0;color:#F2F2F5;padding:10px;}
		.altBilgi-icerik{width:100%;}
		#bilgiler{width:60%;padding:10px;overflow:hidden;}
		#altBilgi-icerik-logo{padding:10px;width:40%;overflow:hidden;height:100%;}
		.solYasla{float:left;}
		.toplaSl{clear:left;}
		.sagYasla{float:right;}
		.toplaSg{clear:right;}

		.responsiveSettings {}
		
		#tema-arkaplan{top:0px;left:0px;z-index:-100;width:100%;height:100%;position:fixed;overflow:hidden;padding-bottom: 40px;background:#F2FEF0;}
		#tema-uyari{top:0px;left:0px;z-index:90;border:2px ridge #000;background:rgba(200,200,200,0.5);overflow:hidden;width:100%;height:100%;position:fixed;color:#000;padding:15px;}
		#tema-site{top:0px;left:0px;z-index:1;position:relative;width:100%;}
		#tema-ustBilgi{top:0px;left:0px;z-index:100;width:100%;height:20%;position:fixed;overflow:hidden;background:#F2FEF0;color:#000000;padding:5px;}
		#tema-ustBilgi-icerik{width: 100%;height:100%;font-size: 15px;}
		#tema-ustBilgi-logo{width:50%;overflow:hidden;height:100%;}
		#tema-ustBilgi-giris{margin-left:1%;width:48%;overflow:hidden;}
		#giris-alan1{margin:5px 5px 0px 5px;width:100px;}
		#giris-alan2{margin:5px 5px 0px 5px;width:170px;}
		#giris-alan3{margin:5px 5px 0px 5px;width:170px;}
		#giris-alan4{margin:15px 5px 0px 5px;width:100px;}
		#girisPanel{width:100%;}

		#hamburger-menu {
			width: 35px;
			height: 35px;
			display: block;
			border: none;
			padding: 0px;
			margin: 2px;
			z-index:100;
			background: linear-gradient(
			  to bottom, 
			  #3D0E61, #3D0E61 20%, 
			  white 20%, white 40%, 
			  #3D0E61 40%, #3D0E61 60%, 
			  white 60%, white 80%, 
			  #3D0E61 80%, #3D0E61 100%
			);
		}

		#sidebar-menu {
			top: 100%;
			right: 9%;
			background-color: #f0f0f4;
			padding: 0px 10px;
			box-sizing: border-box;
			overflow:hidden;
			z-index:-250;
		}
		.inst{
				width: 100%; height: 100px;
			}

}


@media screen and (min-width: 700px){
/* 6 inc ekrandan daha yüksek
-------------------------------------------------- */
			/* GLOBAL STYLES
			-------------------------------------------------- */
			/* Padding below the footer and lighter body text */
			body {padding:0px 0px 0px 0px;color: #F2F2F5;}
			/* CUSTOMIZE THE CAROUSEL
			-------------------------------------------------- */
			/* Carousel base class */
			.carousel {height: 800px;margin-bottom: 0px;}
			/* Since positioning the image, we need to help out the caption */
			.carousel-caption {z-index: 10;background-color: rgba(0,0,0,0.2);}
			/* Declare heights because of positioning of img element */
			.carousel .item {height: 800px;background-color: #777;}
			.carousel-inner > .item > img {position: absolute;top: 0;left: 0;min-width: 100%;height: 800px;}
			/* MARKETING CONTENT
			-------------------------------------------------- */
			/* Center align the text within the three columns below the carousel */
			.marketing .col-lg-4 {margin-bottom: 20px;text-align: center;}
			.marketing h2 {font-weight: normal;}
			.marketing .col-lg-4 p {margin-right: 10px;margin-left: 10px;}
			/* Featurettes
			------------------------- */
			.featurette-divider {margin: 80px 0; /* Space out the Bootstrap <hr> more */}
			/* Thin out the marketing headings */
			.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: -1px;}
			/* RESPONSIVE CSS
			-------------------------------------------------- */
			  /* The navbar becomes detached from the top, so we round the corners */
			  /* Bump up size of carousel content */
			.carousel-caption p {margin-bottom: 20px;font-size: 21px;line-height: 1.4;}
			.featurette-heading {font-size: 50px;}
			@media (min-width: 992px) {
				.featurette-heading {margin-top: 120px;}
			}

			@font-face {font-family:"Sketch Nice";src:url("../fonts/Sketch_Nice/Sketch_Nice.eot?") format("eot"),url("../fonts/Sketch_Nice/Sketch_Nice.woff") format("woff"),url("../fonts/Sketch_Nice/Sketch_Nice.ttf") format("truetype"),url("../fonts/Sketch_Nice/Sketch_Nice.svg#SketchNice") format("svg");font-weight:normal;font-style:normal;}
			.sosyal-media{font-family:Sketch Nice;font-size:25px;}
			.altBilgi-icerik a {text-decoration: none;}
			.altBilgi-icerik a:hover {text-decoration: none;color:#F2F2F5;}
			.altBilgi{margin-top:30px;z-index:100;width:100%;min-height:400px;overflow:hidden;background:#F2FEF0;color:#F2F2F5;padding:10px;}
			.altBilgi-icerik{width:100%;}
			#bilgiler{width:60%;padding:10px;overflow:hidden;}
			#altBilgi-icerik-logo{padding:10px;width:40%;overflow:hidden;height:100%;}
			.solYasla{float:left;}
			.toplaSl{clear:left;}
			.sagYasla{float:right;}
			.toplaSg{clear:right;}
			
			.responsiveSettings {}

			#tema-arkaplan{top:0px;left:0px;z-index:-100;width:100%;height:100%;position:fixed;overflow:hidden;padding-bottom: 40px;background:#F2FEF0;}
			#tema-uyari{top:0px;left:0px;z-index:90;border:2px ridge #000;background:rgba(200,200,200,0.5);overflow:hidden;width:100%;height:100%;position:fixed;color:#000;padding:15px;}
			#tema-site{top:0px;left:0px;z-index:1;position:relative;width:100%;}
			#tema-ustBilgi{top:0px;left:0px;z-index:100;width:100%;height:17%;position:fixed;overflow:hidden;background:#F2FEF0;color:#000000;padding:5px;}
			#tema-ustBilgi-icerik{width: 60%;height:100%;font-size: 15px;}
			#tema-ustBilgi-logo{width:50%;overflow:hidden;height:100%;}
			#tema-ustBilgi-giris{margin-left:1%;width:48%;overflow:hidden;}
			#giris-alan1{margin:5px 5px 0px 5px;width:100px;}
			#giris-alan2{margin:5px 5px 0px 5px;width:170px;}
			#giris-alan3{margin:5px 5px 0px 5px;width:170px;}
			#giris-alan4{margin:15px 5px 0px 5px;width:100px;}
			#girisPanel{width:30%;}

			#hamburger-menu {
				width: 35px;
				height: 35px;
				display: block;
				border: none;
				padding: 0px;
				margin: 2px;
				z-index:100;
				background: linear-gradient(
				  to bottom, 
				  #3D0E61, #3D0E61 20%, 
				  white 20%, white 40%, 
				  #3D0E61 40%, #3D0E61 60%, 
				  white 60%, white 80%, 
				  #3D0E61 80%, #3D0E61 100%
				);
			}

			#sidebar-menu {
				top: 100%;
				right: 9%;
				background-color: #f0f0f4;
				padding: 0px 10px;
				box-sizing: border-box;
				overflow:hidden;
				z-index:-250;
			}
			.inst{
				width: 75%; height: 180px;
			}

}