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

	/*------------------siziarayalim----------------------*/

	#siziarayalim {
		position:fixed;
		top:0px;
		right:-100vw;
		width:100vw;
		height:100vh;
		padding:20px;
		display:flex;
		flex-direction:column;
		align-items:center;
		background: #959599;
		z-index:1000;
		transition:all 0.3s ease;
	}
	/*------------------slider----------------------*/

	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		height: 600px;
	}
	#slider .item .bilgi {
		align-items:flex-end;
		padding-bottom:20px;
	}
	#slider .item .bilgi .yazi1 {
		font-size: 42px;
	}
	#slider .item .bilgi .yazi2 {
		font-size: 42px;
		margin-bottom:20px;
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}
	
	
	
	/*------------------cerez-politikasi----------------------*/
		.cerezpolitikasi {
        position: fixed;
        bottom: 20px;
        left: 5px;
        right: 5px;
        max-width: calc(100% - 20px);
        padding: 10px;
        border-radius: 20px;
        background: #fff;
        font-size: 13px;
        line-height: 17px;
        color: #000;
        z-index: 100000;
        display: flex;
        font-weight: 400;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        margin: auto;
		height:50px;
		transform: translateX(0);
    }
	

	/*------------------hakkimizda----------------------*/

	#hakkimizda {
	background-size: 120%;
    background-position: bottom right;
    padding: 25px 0 0 0;
	}
	#hakkimizda .btn {
    margin: 25px 0 135px 0;
	}
	#hakkimizda .yazi1 {
		font-size: 16px;
		line-height: 120%; /* 28.48px */
		margin-bottom:10px;
	}
	#hakkimizda .yazi2 {
		font-size: 32px;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	#hakkimizda .yazi3 {
		color: #000;
		font-size: 16px;
		font-weight: 500;
		line-height: 178%;
		margin-bottom: 60px;
	}	
		
	/*------------------proje----------------------*/

	#proje {
		padding: 0 0 25px 0px
	}
	#proje .ust {
		margin-bottom:25px;
	}
	#proje .ust .container ,
	#proje .ust .row ,
	#proje .ust .col 
	{
		height:100%;
	}
	#proje .ust .item .resim {
		aspect-ratio:1832/1812;
		border-radius:16px;
	}
	#proje .ust .item .bilgi .kutu {
		padding:10px;
		border-radius: 8px;
		margin-top:20px;
		margin-bottom:20px;
	}
	#proje .ust .item .bilgi .kutu .yazi1 {
		font-size: 30px;
		margin-bottom:15px;
	}
	#proje .ust .item .bilgi .kutu .logo {
		width:100%;
	}
	#proje .ust .item .bilgi .buton {
		margin-top:auto;
		margin-bottom:20px;
	}
	#proje .ust .item .bilgi .yazi2 {
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
	}
	#proje .projeitem {
		margin-bottom:30px;
	}
	#proje .projeitem .resim {
		border-radius:16px;
		margin-bottom:16px;
	}
	#proje .alt .baslik {
		font-size: 35px;
	}

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

	#avantajlar {
		position:relative;
		padding:40px 0px;
	}
	#avantajlar .yazi1 {
		text-align:center;
		font-size: 45px;
		margin-bottom:22px;
	}
	#avantajlar .yazi2 {
		text-align:center;
	}
	#avantajlar .bgtree {
    left: -400px;
    width: 600px;
    bottom: 300px;
	}
	#avantajlar .kutular .kutu .logo img {
    transform: rotate(-45deg);
	}
	#avantajlar .kutular {
		rotate: 0deg;
		margin:20px 0px;
	}
	#avantajlar .kutular .kutu .ic {
		justify-content:flex-start;
		padding:10px 0px;
		rotate: 0deg;
	}
	#avantajlar .kutular .kutu .icon {
		width:70px;
		height:70px;
		margin-bottom:10px;
		
	}
	#avantajlar .kutular .kutu .adi {
		font-size: 16px;
		line-height: 128%; /* 28.48px */
		margin-bottom:10px;
	}
	#avantajlar .kutular .kutu .desc {
		width:90%;
		font-size: 13px;
		line-height: 19.5px; /* 130% */
	}
	/*------------------resimler----------------------*/

	#resimler {
		position:relative;
		padding:20px 0px;
	}
	#resimler .baslik {
		font-size: 30px;
	}
	#resimler .alan {
    gap: 10px;
	}
	#resimler .alan .resim_alan {
    width: calc(33.3% - 10px);
	}
	
		
	/*------------------arayalim----------------------*/

	#arayalim {
		padding:20px 0px;
	}
	#arayalim .alan {
		border-radius: 15px;
	}
    #arayalim .alan .ust {
        border-radius: 15px;
        padding: 0;
        height: 250px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
	#arayalim .alan .ust .yazi1 {
        font-size: 20px;
        letter-spacing: 5.5px;
        margin-bottom: 0;
	}
	#arayalim .alan .ust .yazi2 {
		font-size: 34px;
	}
	#arayalim .alan .alt {
		display:flex;
		flex-wrap:wrap;
	}
	#arayalim .alan .alt .yazi3 {
		width:50%;
		padding:30px 5px;
		font-size: 18px;
	}
	#arayalim .alan .alt .sosyal {
		width:50%;
		grid-column-gap:5px;
	}
	#arayalim .sosyal a {
		width: 40px;
		height: 40px;
		border-radius:30px;
		font-size:22px;
	}

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

	#footer .ust {
		padding:20px 0px;
		border-bottom:10px solid #D9D9D9;
	}
	#footer .ust .logo {
		height:auto;
		margin-bottom:25px;
		
	}
	#footer .ust .logo img {
		height:65px;
	}


	#footer .menubas {
		position:relative;
		font-size: 20px;
		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:#fff;
		font-family: 'Line Awesome Free';
		font-weight: 900;
	}
	#footer .menualan {
		display:none;
		padding-bottom:20px;
	}
	#footer .menulink {
        font-size: 18px;
        text-align: left;
        line-height: 25px;
	}

	#footer .orta {
		padding:20px 0px;
	}
	#footer .bilgi {
		display:flex;
		align-items:center;
	}
	#footer .bilgi .icon {
        width: 30px;
        height: 30px;
        font-size: 23px;
	}
	#footer .bilgi .yazi {
		width:calc(100% - 40px);
		padding-left:10px;
        font-size: 17px;
        line-height: 25px;
	}
	#footer .bilgi .yazi b {
		font-size: 18px;
		line-height: 20px;
	}
	#footer .alt {
		padding:20px 0px;
		flex-direction:column;
	}
	#footer .alt .copy {
		margin-right:0;
		margin-bottom:10px;
		text-align:center;
	}
	
	
	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:20px 0px 0px 0px;
	}
	#kurumsal .yazi1 {
		font-size: 20px;
		line-height: 86.4px; /* 432% */
		margin-bottom:14px;
	}
	#kurumsal .yazi2 {
		font-size: 34.4px;
		line-height: 36.4px; /* 102.37% */
		margin-bottom:20px;
	}
	#kurumsal .yazi3 {
		font-size: 14px;
		line-height: 20px; /* 193.125% */
		padding-bottom:20px;
	}
	#kurumsal .resim {
		width:100%;
		border-radius:16px;
	}
	#kurumsal .bolum3 {
		position:relative;
		z-index:20;
		margin-top:20px;
	}
	#kurumsal .yazi4 {
		font-size: 16px;
		line-height: 30.9px; /* 193.125% */
		border-radius: 16px;
		padding:16px;
		padding-bottom:16px;
	}
	#kurumsal .bolum4 {
		margin-top:20px;
	}
	#kurumsal .yazi5 {
		font-size: 36px;
		border-radius:16px;
		padding:16px;
		padding-bottom:100px;
	}
	#kurumsal .bolum5 {
		position:relative;
		z-index:40;
		margin-top:-90px;
	}
		
	/*------------------projelerpage----------------------*/

	#projelerpage {
		padding:20px 0px 0 0px;
	}
	#projelerpage .ust {
		margin-bottom:30px;
	}
	#projelerpage .ust .baslik {
        font-size: 30px;
        line-height: 30px;
	}
	#projelerpage .ust .butonlar {
		height:50px;
	}
	#projelerpage .ust .butonlar a {
		font-size: 14px;
		font-weight: 400;
		line-height: 30px; /* 159.5% */
		height:50px;
		padding:0px 10px;
	}
	#projelerpage .banner {
		margin-bottom:20px;
	}
    #projelerpage .banner .sol {
        width: 100%;
        font-size: 26px;
        line-height: 35px;
        padding: 35px 50px;
    }
	#projelerpage .banner .sag {
		width:100%;
	}
	#projelerpage .banner .sag img {
		width:100%;
		height:180px;
		object-fit:cover;
	}
	#projelerpage .item {
		position:relative;
		margin-bottom:20px;
	}
	#projelerpage .item .resim {
		width:100%;
		aspect-ratio:840/521;
		max-height:600px;
		object-fit:cover;
		border-radius:15px;
	}
	#projelerpage .item .bilgi {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		padding:20px;
		display:flex;
		align-items:flex-end;
		border-radius: 15px;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0.00) 100%);
	}
	#projelerpage .item .bilgi .logo {
		margin-right:auto;
	}
	#projelerpage .item .bilgi .logo img {
		height:50px;
	}
	/*------------------projedetay----------------------*/

	#projedetay {
		padding:20px 0px 0px 0px;
	}
	#projedetay .bolum1 .kutu {
		padding: 15px;
        border-radius: 16px;
        width: 50%;
        font-size: 30px;
        margin-left: auto;
        margin-right: auto;
	}
	#projedetay .bolum1 .kutu .logo {
		max-width:90%;
		margin-bottom:20px;
	}
	#projedetay .bolum1 .kutu .ok {
		max-width:40px;
	}
	#projedetay .bolum1 .yazi1 {
		text-align:center;
		font-size: 40px;
		line-height: 56.4px; /* 123.429% */
		margin-bottom:17px;
	}
	#projedetay .bolum1 .yazi2 {
        text-align: center;
        font-size: 18px;
        line-height: 26.4px;
        margin-bottom: 20px;
	}
	#projedetay .bolum2 {
		margin-top:0px;
		margin-bottom:20px;
	}
	#projedetay .bolum2 .resim {
		width:100%;
        height: 180px;
		object-fit:cover;
		border-radius:16px;
	}
	#projedetay .bolum3 {
		margin-top:20px;
		margin-bottom:20px;
	}
	#projedetay .bolum3 .yazi1{
		text-align: center;
		font-size: 20px;
		line-height: 129%; /* 59.6px */
		margin-bottom:20px;
	}
	#projedetay .bolum4 {
		border-radius: 16px;
		padding:20px;
	}
	#projedetay .bolum4 .resim {
		width:100%;
		margin-bottom:20px;
	}
	#projedetay .bolum4 .yazi1 {
		font-size: 30px;
		line-height: 52.9px; /* 171.5% */
		margin-bottom:25px;
	}
	#projedetay .bolum4 table {
		width:100%;
	}
	#projedetay .bolum4 table tr {
		border-bottom:1px solid #fff;
	}
	#projedetay .bolum4 table td {
		padding:15px 10px;
		color: #FFF;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 120%; /* 47.04px */
	}
	

	/*------------------iletisimpage----------------------*/

	#iletisimpage {
		padding:20px 0px 30px 0px;
	}
	#iletisimpage .ust {
		margin-bottom:10px;
	}
	#iletisimpage .ust .baslik {
		font-size: 26px;
		line-height: 30px; /* 257% */
	}
	#iletisimpage .ust .butonlar {
		height:40px;
	}
	#iletisimpage .ust .butonlar a {
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
        height: 50px;
        padding: 0px 20px;
	}
	#iletisimpage iframe{
		width:100%;
		height:376px;
		border-radius:15px;
	}
	#iletisimpage .alt {
		position:relative;
		margin-top:20px;
		z-index:10;
	}
	#iletisimpage .alt .alan {
		position:relative;
		padding:20px;
		border-radius: 25px;
		background: #ECECEC;
	}
	#iletisimpage .alt .form-control {
		height: 50px;
		border-radius: 20px;
	}
	#iletisimpage .alt textarea.form-control {
		height: 120px;
		padding:30px 30px;
	}
	#iletisimpage .bilgi {
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	#iletisimpage .bilgi .icon {
		display:flex;
		align-items:center;
		justify-content:center;
		width: 50px;
		height: 50px;
		font-size:40px;
	}
	#iletisimpage .bilgi .yazi {
		width: calc(100% - 0px);
        padding-left: 0px;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
	}
	#iletisimpage .bilgi .yazi b {
		font-weight: 700;
		font-size: 20px;
		line-height: 22px;
	}
	#iletisimpage form {
		margin-top:30px;
	}	
	
	 #proje .ust::before {
        background-attachment: scroll;
        background-position: center;
    }

	
}