@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	body {
		padding-bottom:65px;
	}
	#header {
		display:none;
	}
	#header2 {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}
	
	#footermenu {
		display:flex;
	}

	/*------------------anagiris----------------------*/

	#anagiris {
		height:auto;
		min-height:100vh;
		padding:30px 0px;
	}
	#anagiris:before {
		height:100%;
		background: linear-gradient(120deg, rgb(234 114 140 / 70%), rgb(0 151 178 / 70%));
		backdrop-filter: blur(0px);
	}
	#anagiris .yazi1 {
		font-size: 44px;
		line-height:44px;
		margin-bottom: 10px;
	}
	#anagiris .yazi2 {
		font-size: 14px;
		font-weight: 500;
		color: rgba(255,255,255,0.7);
		margin-bottom: 20px;
	}
	#anagiris .yazi3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#anagiris .yazi4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#anagiris .yazi5 {
		
		font-size: 18px;
		padding-left:19px;
		margin-bottom: 40px;
	}
	#anagiris .yazi5:before {
		top:8px;
		left:0px;
		width:12px;
		height:12px;
	}
	#anagiris .form {
		display:none;
	}
	#anagiris .logo {
		display:block;
	}
	#anagiris .logo img {
		height:100px;
	}
	#anagiris .girisbuton {
		display:flex;
		margin-bottom:20px;
	}
	#anagiris .kayitbuton {
		display:flex;
	}
	/*------------------girisModal----------------------*/

	#girisModal .modal-content {
		background-color: rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(5px);
	}
	#girisModal .logo{
		text-align:center;
		margin-bottom:20px;
	}
	#girisModal .logo img {
		height:100px;
	}
	#girisModal .yazi1 {
		text-align:center;
		font-size: 20px;
		font-weight: 700;
		color: var(--kahve);
		margin-bottom: 30px;
	}	
	.anasayfasol {
		/* display:none; */
	}

	/*------------------solprofil----------------------*/

	#solprofil {
		padding:20px;
		border-radius:16px;
	}
	#solprofil .avatar {
		margin-bottom:10px;
	}
	#solprofil .avatar img {
		width:100px;
		height:100px;
	}
	#solprofil .rumuz {
		margin-bottom:5px;
		font-size:16px;
		letter-spacing:1px;
	}
	#solprofil .bilgi {
		margin-bottom:5px;
		font-size:14px;
		letter-spacing:1px;
	}
	#solprofil .burc {
		margin-bottom:15px;
		font-size:14px;
		letter-spacing:1px;
	}
	#solprofil .link {
		padding:0px 0px;
	}
	#solprofil .link span {
		width:40px;
		height:40px;
		font-size:24px;
	}
	#solprofil .link div {
		width:calc(100% - 40px);
		padding-left:15px;
		font-size:16px;
	}

	/*------------------solpremium----------------------*/

	#solpremium {
		padding:20px;
		border-radius:16px;
		grid-gap:20px;
	}

	#solpremium .link {
		padding:0px 0px;
	}
	#solpremium .link span {
		width:40px;
		height:40px;
		font-size:24px;
	}
	#solpremium .link div {
		width:calc(100% - 40px);
		padding-left:15px;
		font-size:16px;
	}

	/*------------------paylasimyap----------------------*/

	#paylasimyap {
		padding:20px;
		border-radius:16px;
		grid-gap:20px;
		margin-bottom:20px;
	}
	#paylasimyap .ust {
		margin-bottom:10px;
	}
	#paylasimyap .ust .avatar {
		width:50px;
		margin-right:15px;
	}
	#paylasimyap .ust .avatar img {
		width:50px;
		height:50px;
	}
	#paylasimyap .ust .form-control {
		width:calc(100% - 65px);
		height:70px;
	}
	#paylasimyap .alt {
		grid-gap:10px;
	}
	#paylasimyap .resimsec {
		margin-right:auto;
	}
	#paylasimyap .resimsec span {
		grid-gap:4px;
		height:44px;
		padding:10px;
		font-size:12px;
		font-weight:500;
		line-height:20px;
	}
	#paylasimyap .resimsec i {
		font-size:22px;
	}
	#paylasimyap .karakter {
		height:44px;
		padding:10px;
		font-size:10px;
		line-height:20px;
	}

	/*------------------paylasim----------------------*/

	#paylasim {
		padding:20px;
		border-radius:16px;
		grid-gap:8px;
		margin-bottom:20px;
	}
	#paylasim .ust {
		margin-bottom:10px;
	}
	#paylasim .ust .avatar {
		width:50px;
	}
	#paylasim .ust .avatar span {
		left: -4px;
		top: 2px;
		width: 12px;
		height: 12px;
	}
	#paylasim .ust .avatar img {
		width:50px;
		height:50px;
	}
	#paylasim .ust .bilgiler {
		width:calc(100% - 150px);
		padding:0px 15px;
	}
	#paylasim .ust .bilgiler .rumuz {
		font-size:16px;
		letter-spacing:1px;
		margin-bottom:5px;
	}
	#paylasim .ust .bilgiler .bilgi {
		font-size:14px;
		letter-spacing:1px;
	}
	#paylasim .ust .tarih {
		width:100px;
		font-size:12px;
		line-height:20px;
	}
	#paylasim .orta {
		padding-left:65px;
		font-size:16px;
		line-height:24px;
	}
	#paylasim .orta .resimler {
		grid-gap:9px;
	}
	#paylasim .orta .resimler .resim {
		max-width:calc(33.33% - 6px);
	}
	#paylasim .orta .resimler img {
		width:100%;
		aspect-ratio:1/1;
		border-radius:8px;
	}
	#paylasim .alt {
		margin-top:10px;
	}
	#paylasim .alt a {
		width:25%;
		height:30px;
		font-size:20px;
	}

	/*------------------aramaalan----------------------*/

	#aramaalan {
		padding:20px 0px;
	}
	#aramaalan .tablar {
		padding:10px;
		border-radius:16px;
		grid-gap:16px;
		margin-bottom:10px;
	}
	#aramaalan .tablar a {
		font-size:14px;
		line-height:20px;
	}
	#aramaalan .filtre {
		padding:10px;
		border-radius:16px;
		grid-gap:16px;
		margin-bottom:10px;
	}
	#aramaalan .filtre a {
		grid-gap:8px;
		font-size:16px;
		line-height:24px;
	}


	/*------------------profilliste----------------------*/

	.profilliste {
		padding:8px;
		border-radius:16px;
		grid-gap:6px;
	}
	.profilliste .resim img {
		max-height:600px;
		border-radius:8px;
	}
	.profilliste .resim .yeni {
		top:8px;
		right:8px;
	}
	.profilliste .resim .online {
		top:8px;
		left:8px;
	}
	.profilliste .resim .onayli {
		bottom:8px;
		right:8px;
		padding:3px 8px;
		font-size:16px;
	}
	.profilliste .rumuz {
		font-size:14px;
		line-height:20px;
	}
	.profilliste .bilgiler {
		font-size:8px;
		line-height:12px;
	}
	.profilliste .durum {
		font-size:10px;
		line-height:16px;
	}
	.profilliste .proalt {
		margin-top:10px;
	}
	.profilliste .proalt div {
		width:20px;
		height:30px;
		font-size:16px;
	}
		


	/*------------------aramaalan----------------------*/

	#filtrealan {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		z-index: 1000;
		background: #fff;
		overflow-y: scroll;
		display:none;
		padding:20px;
		border-radius:0px;
		box-shadow:0px 0px 0px rgba(0,0,0,0.1);
		grid-gap:16px;
		margin-bottom:0px;
	}

	/*------------------mesajalan----------------------*/

	.mesajsayfa .mesajalan .mesajlar {
		height:50vh;
	}
		
	/*------------------mesajjutusu----------------------*/

	.mesajjutusu {
		height:30vh;
	}
	

	/*------------------bloglar----------------------*/

	#bloglar {
		padding:15px 0px 15px 0px;
	}
	#bloglar .baslik {
		font-size: 20px;
		margin-bottom:15px;
	}
	.blogitem {
		border-radius: 16px;
		padding:16px;
		margin:10px 0px;
	}
	.blogitem .resim {
		border-radius: 8px;
	}
	.blogitem .sag {
		padding:8px 0px 8px 8px;
	}
	.blogitem .sag .adi {
		font-size: 16px;
		margin-bottom:10px;
	}
	.blogitem .sag .tarih {
		font-size: 12px;
		line-height: 22px; /* 270% */
	}
	.blogitem .sag .tarih i {
		font-size: 18px;
	}
	/*------------------genelyazi----------------------*/

	#genelyazi {
		padding:15px 0px;
	}	
		
	/*------------------anasayfa----------------------*/

	#anasayfa {
		position:relative;
		margin-top:0px;
		z-index:100;
	}
	#anasayfa .alan {
		padding:20px;
	}
	/*------------------footer----------------------*/

	#footer {
		padding:20px 0px 50px 0px;
	}
}
