@media (max-width: 1585px) {


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


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

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}

	.btn {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		grid-gap:15px;
		padding:0px 20px;
		height:40px;
		border-radius:8px;
		font-weight: 600;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
	}	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}


	/*------------------ozellikler----------------------*/


	#ozellikler {
		position:relative;
		padding:30px 0px;
	}
	#ozellikler .yazi1 {
		font-size:16px;
		line-height:24px;
		margin-bottom:20px;
	}
	#ozellikler .item {
		grid-gap:20px;
		padding:20px 15px;
	}
	#ozellikler .item:after {
		bottom:-40%;
	}
	#ozellikler .item .icon {
		width:100px;
		height:100px;
		margin-bottom:20px;
		font-size:50px;
	}
	#ozellikler .item .adi {
		font-size:14px;
	}

	/*------------------calisitem----------------------*/

	.calisitem {
		grid-gap:10px;
		padding:26px 25px;
	}
	.calisitem .adi {
		font-size: 12px;
		line-height: 18px; /* 145.455% */
	}
	.calisitem .desc {
		font-size: 16px;
		line-height: 24px; /* 150% */
	}

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


	#bloglar {
		padding:30px 0px;
	}
	#bloglar .ust {
		margin-bottom:30px;
	}
	#bloglar .yazi1 {
		font-size:20px;
		line-height:30px;
	}
	#bloglar .swiper {
		padding:0px 40px;
	}

	/*------------------blogitem----------------------*/

	.blogitem {
		grid-gap:8px;
		padding:5px 5px 20px 5px;
		border-radius: 22px;
	}
	.blogitem .resim {
		width:100%;
		aspect-ratio:420/250;
		border-radius:20px;
	}
	.blogitem .adi {
		font-size: 16px;
		line-height: 24px; /* 145.455% */
		padding:0px 20px;
	}
	.blogitem .desc {
		font-size: 14px;
		line-height: 22px;
		padding:0px 20px;
	}
	.blogitem .git {
		grid-gap:10px;
		font-size: 16px;
		padding:0px 20px;
	}	


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


	#footer {
		position:relative;
	}

	#footer .logo {
		display:block;
		margin-bottom:0px;
	}

	#footer .logo img {
		height:46px;
	}
	#footer .alt {
		display:flex;
		align-items:center;
		flex-direction:column;
		grid-gap:15px;
		padding:30px 0px;
	}
	#footer .copy {
		margin:0px auto;
		font-size:14px;
		color:rgba(255,255,255,0.7);
	}
	#footer .menu {
		display:flex;
		align-items:center;
		grid-gap:10px;
	}
	#footer .menu a {
		font-size:14px;
		color:rgba(255,255,255,1);
	}

}