@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 {
		height:40px;
		padding:0px 15px;
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

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

	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		object-fit:cover;
	}
	#slider .item .bilgi .yazi1 {
		font-size: 42px;
		line-height: 50px; /* 121.875% */
		letter-spacing: 1.5px;
	}
	#slider .item .bilgi .yazi1 b {
		font-size: 36px;
		line-height: 50px; /* 121.875% */
		letter-spacing: 1.5px;
	}
	#slider .slider-pagination {
		display:none;
	}
	#slider .alt {
		padding:20px 0px;
	}
	#slider .alt .kesfet {
		grid-column-gap:10px;
		font-size: 13px;
		line-height: 36px; /* 121.875% */
	}
	#slider .alt .kesfet i {
		font-size: 17px;
	}
	#slider .alt .wpp {
		display:flex;
		align-items:center;
		flex-wrap:wrap;
	}
	#slider .alt .wpp span {
		width: 36px;
		height: 36px;
		font-size:20px;
	}
	#slider .alt .wpp div {
		width: calc(100% - 36px);
		padding-left:5px;
		font-size: 12px;
		line-height: 18px; /* 121.875% */
	}	

	/*------------------rakamlar----------------------*/

	#rakamlar {
		padding:0px 0px;
	}
	#rakamlar .sol {
		padding:16px;
	}
	#rakamlar .sol .resim {
		max-width:50%;
	}
	#rakamlar .sol .yazi {
		bottom:16px;
		right:16px;
		width:50%;
		font-size: 30px;
		line-height: 34px; /* 121.875% */
		text-align: right;
	}
	#rakamlar .sol .yazi b {
		font-size: 30px;
		line-height: 34px; /* 121.875% */
		margin-left:0px;
	}
	#rakamlar .rakam {
		padding:40px 10px 20px 10px;
	}
	#rakamlar .rakam:hover:before {
		height:30px;
	}
	#rakamlar .rakam .adi {
		font-size: 20px;
		line-height: 23px; /* 106.25% */
		height:46px;
		margin-bottom:20px;
	}
	#rakamlar .rakam:hover .adi {
		color: #fff;
	}
	#rakamlar .rakam .sayi {
		font-size: 16px;
		line-height: 20px; /* 265% */
		margin-bottom:20px;
	}
	#rakamlar .rakam:hover .sayi {
		color: #fff;
	}
	#rakamlar .rakam .icon {
		max-width:50%;
		filter: brightness(0);
	}	
	#rakamlar .rakam:hover .icon {
		filter: brightness(100);
	}


	/*------------------hizmetler----------------------*/

	#hizmetler {
		position:relative;
		padding:30px 0px 0px 0px;
	}
	#hizmetler .baslik {
		font-size: 16px;
		line-height: 22px; /* 120.313% */
		letter-spacing: 1.44px;
		margin-bottom:22px;
	}
	#hizmetler .buton {
		margin-bottom:12px;
	}
	#hizmetler .alan {
		border: 1px solid #ECECEC;
	}
	#hizmetler .item .resim {
		width:100%;
		aspect-ratio:450/250;
	}
	#hizmetler .item .bilgiler {
		width:80%;
		padding:25px 0px 25px 20px;
	}
	#hizmetler .item .bilgiler .adi {
		font-size: 20px;
		line-height: 22px; /* 80% */
		margin-bottom:10px;
	}
	#hizmetler .item .bilgiler .desc {
		font-size: 13px;
		line-height: 20px; /* 150% */
	}
	#hizmetler .item .butonlar .btn i {
		font-size:24px;
	}

	/*------------------avantajlar----------------------*/

	#avantajlar .alan {
		padding:15px 15px 15px 15px;
	}
	#avantajlar .item .resim {
		width:100%;
		aspect-ratio:645/680;
		max-height:700px;
		object-fit:cover;
	}
	#avantajlar .item .bilgi {
		padding:15px;
	}
	#avantajlar .item .bilgi .yazi1 {
		font-size: 22px;
		line-height: 26px; /* 96.97% */
		letter-spacing: 1px;
		margin-bottom:10px;
	}
	#avantajlar .item .bilgi .yazi2 {
		display:none;
		font-size: 13px;
		line-height: 18px; /* 150% */
		margin-bottom:10px;
	}	
	

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

	#footer .logo {
		height:auto;
		padding:20px 0px;
	}
	#footer .logo img {
		height:50px;
	}
	#footer .menu {
		grid-column-gap:12px;
		justify-content:center;
		padding:12px 0px;
	}
	#footer .menu a {
		font-size: 13px;
		line-height: 18px; /* 121.875% */
	}
	#footer .bilgiler {
		padding:8px 0px;
	}

	#footer .bilgi {
		margin:8px 0px;
	}
	#footer .alt {
		flex-direction:column;
		grid-row-gap:15px;
	}
	#footer .alt .copy {
		margin-right:0px;
		text-align:center;
	}	

	/*------------------bread----------------------*/

	#bread {
		position:relative;
		background-size:cover !important;
		padding:60px 0px;
	}
	#bread .yazi1 {
		font-size: 24px;
		line-height: 40px; /* 121.875% */
		letter-spacing: 5px;
	}
	#bread .yazi2 {
		font-size: 18px;
		line-height: 24px; /* 161.111% */
		margin-top:30px;
	}
	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:15px 0px;
	}
	#kurumsal .bolum1 {
		margin:15px 0px;
	}
	#kurumsal .bolum1 .yazi h1 ,
	#kurumsal .bolum1 .yazi h2 ,
	#kurumsal .bolum1 .yazi h3 ,
	#kurumsal .bolum1 .yazi h4 ,
	#kurumsal .bolum1 .yazi h5
	{
		font-size: 22px;
		line-height: 28px; /* 120.313% */
		letter-spacing: 1px;
		margin-bottom:15px;
	}
	#kurumsal .bolum1 .yazi p
	{
		font-size: 14px;
		line-height: 22px; /* 203.125% */
	}
	#kurumsal .bolum2 {
		margin:15px 0px;
		padding:15px 15px;
	}
	#kurumsal .bolum2 .resim {
		margin-bottom:20px;
	}
	#kurumsal .bolum2 .yazi h1 ,
	#kurumsal .bolum2 .yazi h2 ,
	#kurumsal .bolum2 .yazi h3 ,
	#kurumsal .bolum2 .yazi h4 ,
	#kurumsal .bolum2 .yazi h5
	{
		font-size: 22px;
		line-height: 28px; /* 120.313% */
		letter-spacing: 1px;
		margin-bottom:15px;
	}
	#kurumsal .bolum2 .yazi p
	{
		font-size: 14px;
		line-height: 22px; /* 203.125% */
	}


	/*------------------hizmetliste----------------------*/

	#hizmetliste {
		padding:15px 0px;
	}
	#hizmetliste .item {
		position:relative;
		padding:0px 0px;
		text-align:right;
	}
	#hizmetliste .item:before {
		width:30px;
	}
	#hizmetliste .item:after {
		width:30px;
	}
	#hizmetliste .item .resim {
		width:100%;
	}
	#hizmetliste .item .bilgi {
		left:0px;
		width:calc(100% - 0px);
		z-index:10;
	}
	#hizmetliste .item .bilgi .yazi1 {
		display:block;
		padding:20px 20px;
		font-size: 24px;
		line-height: 30px; 
	}

	/*------------------referanslar----------------------*/

	#referanslar {
		position:relative;
		padding:20px 0px;
	}
	#referanslar .item {
		margin-bottom:4px;
	}
	#referanslar .item:before {
		position:absolute;
		content:"";
		bottom:0px;
		left:25%;
		width:50%;
		height:0px;
		background:var(--anarenk);
		transition:all 0.3s ease;
	}
	#referanslar .item:hover:before {
		height:3px;
	}
	#referanslar .item img {
		max-width:60%;
		max-height:60%;
	}	
		
		
	/*------------------iletisimpage----------------------*/

	#iletisimpage {
		padding:16px 0px;
	}
	#iletisimpage .bilgi {
		margin:8px 0px;
	}
	#iletisimpage .form {
		padding:16px;
	}
	#iletisimpage .form .baslik {
		margin-bottom:16px;
	}

	#iletisimpage iframe {	
		width:100%;
		height:450px;
		margin-top:20px;
	}

	
}