@media (max-width: 1585px) {


}
@media (max-width: 1360px) {


	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilheader .logo img {
		max-width:100%;
		max-height:55px;
	}
	#mobilmenu {
		display:block;
	}
    #bread {
    margin-top: 0px;
    }


}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}
    #bread {
    margin-top: 0px;
    }


	/*------------------slider----------------------*/

	#slider {
		position:relative;
        margin-top: 0px;
	}
	#slider .item {
		position:relative;
	}
	#slider .item .anaresim {
		min-height:598px;
		margin-top:-120px;
	}
	#slider .item .bilgi {
	}
	#slider .item .bilgi .yazi1 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom:15px;
	}
	#slider .item .bilgi .yazi2 {
		font-size: 14px;
		line-height: 20px;
		margin-bottom:15px;
	}
	#slider .slider-pagination {
		margin-top:15px;
	}

	/*------------------sonyazilar----------------------*/

	#sonyazilar {
		padding:30px 0px;
	}
	#sonyazilar .bas {
		grid-gap:5px;
		font-size: 20px;
		line-height: 24px; /* 120% */
		letter-spacing: -0.3px;
		margin-bottom:25px;
	}
	#sonyazilar .item {
		font-size: 16px;
		line-height: 22.4px; /* 140% */
		padding-left:0px;
		padding-top:20px;
		text-align:center;
		margin-bottom:20px;
	}
	#sonyazilar .item:before {
		top:0px;
		left:calc(50% - 3px);
		width:6px;
		height:6px;
	}
	#sonyazilar .butonlar {
		grid-gap:10px;
		height:100%;
	}
	#sonyazilar .butonlar div {
		font-size:20px;
	}

	/*------------------uyehekimler----------------------*/

	#uyehekimler {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#uyehekimler .alan {
		padding:20px 28px;
	}
	#uyehekimler .yazi1 {
		font-size: 26px;
		line-height: 33px; 
		margin-bottom:10px;
	}
	#uyehekimler .yazi2 {
		font-size: 14px;
		line-height: 22px; /* 150% */
		margin-bottom:10px;
	}
	#uyehekimler .resim {
		position:relative;
		display:flex;
		align-items:flex-end;
		justify-content:center;
		height:auto;
	}

	/*------------------haberler----------------------*/

	#haberler {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#haberler .anabaslik {
		grid-gap:10px;
		margin-bottom:0px;
		font-size: 22px;
		line-height: 28.4px;
	}
	#haberler .anabaslik i {
		font-size: 32px;
	}
	.duyurular {
		height:100%;
		padding:22px;
	}

	.duyurular .bas {
		height:40px;
		grid-gap:5px;
		font-size: 20px;
		line-height: 24px;
	}
	.duyurular .liste {
		grid-gap:10px;
		height:calc(100% - 80px);
	}
	.duyurular .duyuruitem {
		grid-gap:3px;
	}
	.duyurular .duyuruitem .tarih {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.duyurular .duyuruitem .adi {
		font-size: 16px;
		line-height: 22.4px; /* 140% */
	}
	.duyurular .tumu {
		grid-gap:10px;
		height:40px;
		font-size: 14px;
		line-height: 16px;
	}

	.duyurular .tumu i {
		font-size: 22px;
	}


	.haberitem {
		position:relative;
		display:block;
	}
	.haberitem .resim {
		width:100%;
		aspect-ratio:310/174;
	}
	.haberitem .bilgi {
		grid-gap:15px;
		padding: 10px 10px;
        min-height: 150px;
	}
	.haberitem .bilgi .adi {
		font-size: 14px;
		line-height: 20px; /* 120% */
		letter-spacing: -0.3px;
	}
	.haberitem .bilgi .tarih {
		grid-gap:10px;
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.haberitem .bilgi .tarih i {
		font-size: 18px;
	}	

	/*------------------islemler----------------------*/

	#islemler {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#islemler .anabaslik {
		grid-gap:10px;
		margin-bottom:10px;
		font-size: 22px;
		line-height: 28.4px; 
	}
	#islemler .anabaslik i {
		font-size: 32px;
	}
	#islemler .kutu {
		padding:46px 25% 46px 24px;
		font-size: 22px;
		line-height: 28.4px;
	}	
	
	/*------------------hakkimizda----------------------*/

	#hakkimizda {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#hakkimizda .resim {
		width:100%;
	}
	#hakkimizda .yazi1 {
		font-size: 22px;
		line-height: 28.4px;
		margin-bottom:15px;
	}
	#hakkimizda .yazi2 {
		font-size: 14px;
		line-height: 20px; /* 150% */
		margin-bottom:15px;
	}
	#hakkimizda .link {
		grid-gap:4px;
		font-size: 14px;
		line-height: 16px; /* 114.286% */
	}
	#hakkimizda .link i {
		font-size: 20px;
	}
	#hakkimizda .butonlar {
		grid-gap:14px;
		margin-top:25px;
	}
	#hakkimizda .butonlar a {
		grid-gap:4px;
		font-size: 16px;
		line-height: 22px; /* 120% */
		letter-spacing: -0.3px;
	}
	#hakkimizda .butonlar a i {
		font-size: 20px;
	}
	
	/*------------------videolar----------------------*/

	#videolar {
		padding:20px 0px 20px 0px;
	}
	#videolar .anabaslik {
		grid-gap:10px;
		margin-bottom:20px;
		font-size: 22px;
		line-height: 28.4px;
	}
	#videolar .anabaslik i {
		font-size: 32px;
	}

	.videoitem {
		position:relative;
		display:block;
	}
	.videoitem .resim {
		width:100%;
		aspect-ratio:656/369;
	}
	.videoitem .bilgi {
		grid-gap:15px;
		height:100%;
	}
	.videoitem.kucuk .bilgi {
		padding:18px 0px;
	}
	.videoitem .bilgi .adi {
		font-size: 22px;
		line-height: 28.4px; 
	}
	.videoitem.kucuk .bilgi .adi {
		font-size: 16px;
		line-height: 20px;
	}
	.videoitem .bilgi .desc {
		font-size: 14px;
		line-height: 20px; /* 150% */
	}

	.videoitem .bilgi .tarih {
		grid-gap:10px;
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	.videoitem .bilgi .tarih i {
		font-size: 18px;
	}

	/*------------------footer----------------------*/

	#footer {
		position:relative;
	}
	#footer .ust {
		padding:30px 0px 20px 0px;
	}
	#footer .menubas {
		position:relative;
		font-size: 16px;
		text-align:left;
		padding-right:40px;
	}
	#footer .menubas:before {
		position:absolute;
		content:"\f105";
		top:0px;
		right:0px;
		height:100%;
		width:30px;
		font-size:20px;
		color:var(--pembe);
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:0px;
	}
	#footer .menulink {
		font-size: 12px;
		text-align:left;
	}
	#footer .orta {
		position:relative;
		padding:10px 0px 10px 0px;
	}
	#footer .sosyal {
		display:flex;
		align-items:center;
		justify-content:center;
		grid-gap:12px;
	}
	#footer .sosyal span {
		color: rgba(255, 255, 255, 0.50);
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 18px; /* 150% */
	}
	#footer .sosyal a {
		color: rgba(255, 255, 255, 1);
		font-size: 24px;
	}
	#footer .alt {
		padding:20px 0px 20px 0px;
		grid-gap:15px;
		flex-direction:column;
	}
	#footer .alt .logo{
		display:none;
	}
	#footer .alt .copy {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#footer .alt .fav {
		font-size: 12px;
		line-height: 18px; /* 150% */
		margin-left:0px;
	}

	/*------------------blogdetay----------------------*/

	#blogdetay {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#blogdetay .anaresim {
        width: 100%;
        /* aspect-ratio: 1248 / 624; */
        margin-bottom: 20px;
        object-fit: contain;
	}
	#blogdetay .anabaslik {
		font-size: 28px;
		line-height: 32.8px;
		margin-bottom:20px;
	}
	#blogdetay .sosyal {
		grid-gap:10px;
		margin-bottom:20px;
	}
	#blogdetay .sosyal a {
		width: 48px;
		height: 48px;
		border-radius: 24px;
		font-size:20px;
	}
	
	/*------------------genelsayfa----------------------*/

	#genelsayfa {
		position:relative;
		padding:20px 0px 20px 0px;
	}
	#genelsayfa .anabaslik {
		font-size: 28px;
		line-height: 32.8px;
	}
	#genelsayfa .solmenu {
		grid-gap:5px;
		margin-bottom:20px;
	}
	#genelsayfa .solmenu a {
		padding:10px 20px;
		font-size: 18px;
		line-height: 24px;
	}
	#genelsayfa .solmenu a i {
		font-size: 20px;
	}
	
	.hesapitem {
		position:relative;
		display:flex;
		flex-wrap:wrap;
		border: 1px solid rgba(49, 49, 149, 0.30);
		background: #FFF;
	}
	.hesapitem .bolum {
		width:50%;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		grid-gap:10px;
		border-right: 1px solid rgba(49, 49, 149, 0.30);
		border-bottom: 1px solid rgba(49, 49, 149, 0.30);
		background: #FFF;
		padding:10px;
	}
	.hesapitem .bolum img {
		max-width:80%;
	}
	.hesapitem .bolum b {
		font-size: 12px;
		line-height: 16px; 
	}
	.hesapitem .bolum small {
		font-size: 12px;
	}
	
	/*------------------portal----------------------*/

	#portal {
		padding:20px 0px 20px 0px;
	}
	#portal .solmenu {
		grid-gap:20px;
		padding:15px;
		margin-bottom:15px;
	}
	#portal .solmenu a {
		grid-gap:5px;
		font-size: 14px;
		line-height: 17.6px;
	}
	#portal .solmenu a i {
		font-size: 24px;
	}
	#portal .profil {
		grid-gap:10px;
		padding:15px;
	}
	#portal .profil .hosgeldiniz {
		font-size: 12px;
		line-height: 16px;
	}
	#portal .profil .sadi {
		font-size: 16px;
		line-height: 19.2px;
	}
	#portal .profil .resim {
		width:100%;
	}
	#portal .profil .adi {
		font-size: 14px;
		line-height: 19.2px;
	}
	#portal .profil .brans {
		font-size: 14px;
		line-height: 19.2px;
	}
	#portal .profil .bilgi b {
		font-size: 14px;
		line-height: 19.2px;
	}
	#portal .profil .bilgi small {
		font-size: 12px;
		line-height: 16px;
	}
	#portal .aidatlist {
		grid-gap:10px;
		padding:15px;
	}
	#portal .aidatlist .bas {
		font-size: 16px;
		line-height: 19.2px;
		margin-bottom:10px;
	}
	#portal .aidatlist .list {
		padding:18px 24px;
	}
	#portal .aidatlist .list .donem {
		font-size: 14px;
		line-height: 17.6px;
	}
	#portal .aidatlist .list .durum .btn {
		height:30px;
		padding:0px 10px;
	}
	#portal .aidatlist .list .durum span {
		font-size: 12px;
		line-height: 16px;
	}

	#portal .portalhaberler {
		grid-gap:10px;
		padding:15px;
	}
	#portal .portalhaberler .sanabaslik {
		font-size: 16px;
		line-height: 19.2px;
		margin-bottom:10px;
	}
	#portal .portalhaberler .sanabaslik {
		font-size: 16px;
		line-height: 19.2px;
		margin-bottom:10px;
	}

	#portal .portalhaberler .item {
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#portal .portalhaberler .item .resim {
		width:100px;
		aspect-ratio:1/1;
	}
	#portal .portalhaberler .item .bil {
		width:calc(100% - 100px);
		padding-left:10px;
	}
	#portal .portalhaberler .item .bil .adi {
		font-size: 16px;
		line-height: 22.4px; /* 140% */
	}
	#portal .portalhaberler .item .bil .tarih {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#portal .portalilanlar {
		grid-gap:10px;
		padding:15px;
	}
	#portal .portalilanlar .liste {
		grid-gap:10px;
		height:calc(100% - 80px);
	}
	#portal .portalilanlar .duyuruitem {
		grid-gap:3px;
		padding:12px 0px;
	}
	#portal .portalilanlar .duyuruitem .tarih {
		font-size: 12px;
		line-height: 18px; /* 150% */
	}
	#portal .portalilanlar .duyuruitem .adi {
		font-size: 16px;
		line-height: 22.4px; /* 140% */
	}
	#portal .bilgilerim {
		grid-gap:10px;
		padding:15px;
	}
	#portal .bilgilerim .bas {
		font-size: 20px;
		line-height: 25.6px;
		margin-bottom:20px;
	}
	#portal .bilgilerim .avatar {
		width:100%;
	}
	#portal .mesajlist {
		grid-gap:10px;
		padding:15px;
	}
	#portal .mesajlist .ust {
		grid-gap:5px;
		margin-bottom:20px;
	}
	#portal .mesajlist .bas {
		font-size: 14px;
		line-height: 20px; /* 128% */
		letter-spacing: 0.147px;
	}
	#portal .mesajlist .filterbuton {
		font-size: 12px;
		line-height: 17.6px;
	}
	#portal .mesajlist .listeler {
		grid-gap:10px;
	}
	#portal .mesajlist .listeler .listitem {
		padding:10px 18px;
	}
	#portal .mesajlist .listeler .listitem .gonderen {
		width:100%;
		font-size: 14px;
		line-height: 17.6px;
	}
	#portal .mesajlist .listeler .listitem .desc {
		width:90%;
		font-size: 14px;
		line-height: 17.6px;
		opacity: 0.5;
		padding:0px 10px 0px 0px;
	}
	#portal .mesajlist .listeler .listitem .sil {
		width:10%;
		font-size: 24px;
	}
	#portal .mesajlist .alt {
		margin-top:20px;
	}		
	.fc .fc-toolbar-title {
			font-size: 0.9rem;
	}
	.fc .fc-button {
		padding: 4px 6px;
		font-size: 0.7rem;
	}
}