﻿@media only screen and (max-width: 768px) {
	.projeCTA {
		width: 100%;
	}

	.icerik {
		width: 100%;
	}

	.duyuruAnasayfa {
		height: 349px;
	}

	.ufalt {
		font-size: 13px;
	}

	.navUstKutuphaneMuze {
		display: none;
	}

	.navUstKurumsal {
		display: none;
	}

	.navUstKurumsalMQ {
		display: block;
	}

	.navUstLogo {
		margin: 0;
		padding: 0;
	}

	.navUstLogolar {
		padding: 5px 0px 5px 0px;
		/*border: solid 1px;*/
	}

	.navUstLogolarIBB {
		height: 45px;
		padding: 0px 0px 0px 7px;
	}

	.navUstLogolarMudurluk {
		height: 28px;
		max-height: 28px;
		padding: 0px 0px 0px 13px;
		margin-left: 8px;
	}

	.navUstLogolarKutuphane {
		height: 28px;
		max-height: 28px;
		padding: 0px 0px 0px 13px;
		margin-left: 8px;
	}

	.navUstDiller {
		width: 100px;
		padding: 7px 5px 5px 25px;
		color: #e4e4e4;
		text-align: center;
		height: 55px;
		float: right;
		border: solid 1px;
	}

	.aramaKutuIcSayfa {
		top: 55%;
	}
	
	.aramaKutuSiteMQ {
		display: block;
		width: 200px;
		background: #e0e0e0;
		border-radius: 0px;
		margin: 3px 10px 0px 60px;
		float: right;
	}

		.aramaKutuSiteMQ .aramaMetinSiteMQ .input {
			width: 170px;
			background-color: #e0e0e0;
			border: 0px;
			font-size: 16px;
			padding: 5px 20px 5px 15px;
			color: #6f768d;
		}

	uyelikMQ {
		float: right;
	}

	.wrapper .aramaKutuSiteMQ .aramaMetinSiteMQ .fas {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 26px;
		color: #000000;
		cursor: pointer;
	}

	.bilgiKarti {
		padding: 10px 10px 10px 15px;
	}

	.tabButonlar {
		margin-top: 10px;
		justify-content: flex-start !important;
	}

	.etkinlikTakvim {
		padding: 15px 5px 15px 20px;
		height: auto;
	}
	.etkinlikTakvimGun {
		margin: 0px 0px 0px 0px;
		font-family: Roboto;
		font-size: 30px;
		font-weight: 600;
		color: #ffffff;
	}
	.etkinlikTakvimBaslik {
		margin: 5px 0px 0px 0px;
	}

	.g-5,
	.gy-5 {
		/*--bs-gutter-y: 0rem!important;*/
	}

	.img-fluid {
/*		float: none!important;
		padding: 0!important;
		margin-bottom: 20px;
*/	}

	.ipaLogoSag {
		float: right;
		width: 150px;
	}

	.temaKutu {
		height: 230px;
		padding: 15px 20px;
	}

}


@media only screen and (min-width: 768px) {
	.projeCTA {
		width: 100%;
	}

	.icerik {
		width: 100%;
	}

	.duyuruAnasayfa {
		height: 349px;
	}

	.ufalt {
		font-size: 9px;
	}
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.projeCTA {
		width: 100%;
	}

	.icerik {
		width: 100%;
	}

	.duyuruAnasayfa {
		height: 349px;
	}

	.ufalt {
		font-size: 13px;
	}

}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.projeCTA {
		width: 100%;
	}

	.icerik {
		width: 100%;
	}

	.duyuruAnasayfa {
		height: 485px;
	}

	.ufalt {
		font-size: 19px;
	}

	.embed-container {
		display: inline-block;
		float: right;
		width: 100%;
		padding-bottom: 25%;
	}
		.embed-container iframe, .embed-container object, .embed-container embed {
			max-height: 450px;
			padding-left: 20px;
		}

	figure {
		/*max-width: 500px;*/
		padding: 0px 20px 0px 0px;
	}
	figure img {
		width: 100%;
	}
}


