@media(min-width:1680px){
	#page-content-header h1{font-size: 50px;right: 50px; }
	.page-banner #content-menu{bottom: 36px; height: 80px;} 
	#page-content-header{bottom: 36px; padding-right:40px; padding-left: 20px; height: 80px; }
	#content-menu ul li a{ padding: 0 33px; font-size: 20px; }


}
@media(max-width:1680px){
.content .left-bar{width: 25%;}
.content .right-bar{width: 75%;}
}

@media(min-width:1653px){
.page-banner{height: 300px; overflow: hidden; position: relative} 
.page-banner img{} 

}

@media(max-width:1420px){
	#social-items a{width:30px; height: 30px; margin-right: 5px; background-size: contain}
	a#map-link{background: url(../img/footer/konum.png) no-repeat 20px center; padding-left: 57px;  height: 45px; display: flex; align-items: center; background-color: #38362c; padding-right: 20px;}

}

@media(max-width:1325px){
#home-quick-links ul li{ padding:1.46vw 3.87vw 0 1.79vw; box-sizing: border-box; max-width: none; width:calc(25% - 10px);  font-size: 1.79vw;  }

#home-quick-links ul li:nth-child(1){ height: 11.07vw; }
#home-quick-links ul li:nth-child(2){ height: 10.54vw;}
#home-quick-links ul li:nth-child(3){height: 14.58vw;}
#home-quick-links ul li:nth-child(4){ height: 11.07vw; width:25%;}

	
	
}

@media(max-width:1300px){
.footer-item{width:25%;}	


}


@media(max-width:1220px){

.vizyon-misyon-cell:last-child{padding-right: 55px}
}
@media(max-width:1200px){
	#uzmanlik-alanlarimiz-wrapper{flex-direction: column;}
	.uzmanlik-alanlarimiz-item{ width:100%; }


}

@media(max-width:1100px){
	#person-bio-header{flex-direction: column; justify-content: flex-start; width:100%; display: block; padding: 15px; box-sizing: border-box}
	#person-bio-header h2{display: inline-block;}
	#person-bio-spot{margin-left:0; border-width: 5px;}


}

@media(min-width:1070px) and (max-width:1200px){
	.footer-item{width:auto}
	.footer-item:first-child{max-width: 260px;}
}

@media(max-width:1070px){

	#footer{padding-bottom: 0; height: auto}
	#footer-content{margin: 0; align-items: stretch; position: relative}
	.footer-item{width:33.33%; box-sizing: border-box; position: relative; margin: 0; border-right:#2d2b22 1px solid; height: 80px; overflow: hidden }
	.footer-item:nth-child(3){width:33.34%; border: none;}
	.footer-item:nth-child(4){position: absolute;  left: 0; top: 100%; width:100%; background-color: #2d2b22; height: 80px; display: flex; align-items: center; justify-content: space-around; align-self: stretch   }
	.footer-mobile{display: block; z-index: 6; position: absolute; left: 0; top: 0; background-color: #38362c; width:100%; height: 100%;}
	.footer-mobile a{display: block; text-align: center; height: 100%; width:100%; text-decoration: none !important; color: #4c4a42; font-size: 14px; font-weight: 600; }
	.footer-mobile a img{display: inline-block;width:35px; margin-top: 10px; }
	#footer-legal-text{bottom:-118px;}

	
	
}

@media(max-width:1024px){
	#event-media a{width:50%; box-sizing: border-box; margin-right: 0; padding-right: 0;  display: block; float: left; padding: 10px; } 
}
@media(max-width:960px){

#vizyon-misyon{flex-direction: column}
.vizyon-misyon-cell{width:100%; padding-left: 30px; }
.vizyon-misyon-cell:last-child{padding-right: 30px}

}
@media(max-width:900px){
#menu-wrapper{width:85%; }

#menu ul{margin: 0; padding: 0; margin-left: 4.77vw;}
#menu ul li{margin: 4vw 0; padding: 0; list-style: none; font-size: 4vw; font-weight: 300; line-height: 100%; }
#menu ul li a{padding:3px 12px; color: #737374; }
#menu ul li a:hover{background:url(../img/header/menu-hover.png) repeat-x left bottom}

#menu-address{  width:100%; padding-left: calc(5.36vw + 12px); font-size: 2.89vw; color: #4f4f4f; box-sizing: border-box;}
#menu-address h2{font-size: 4vw;}
.address-cell{margin-right: 70px; width:180px;}
.address-cell:last-child{margin-right: 0}
.address-cell strong{font-size: 16px;}
.address-cell a{text-decoration: underline; color: #4f4f4f}

}



@media(max-width:768px){
#header{position: relative}
#mobile-logo{display: block; position: absolute; left: 0; top: 0; height: 100%; box-sizing: border-box; padding: 15px;}
#mobile-logo img{display: block; height: 100%;}

#home-content{ position: relative; height: 100%; }

#home-outer{height: auto; margin-bottom: 0;}
#home-quick-links{margin-top: 0; z-index: 2; position: relative; margin-bottom: 20px;}
#home-quick-links ul{flex-direction: column;} 
#home-quick-links ul li{width:100% !important; height: 20vw !important; margin-top: 0 !important; margin-right: 0;}

#home-image-wrapper{width:100%; height: auto; position: relative; margin-bottom: 10px;}
#home-image-wrapper img{  height: auto}

#home-content{height: auto}
#home-quick-links{position: relative; left: 0; margin-bottom: 0; transform: translateX(-15vw); width:calc(100% + 15vw);}
#home-quick-links ul li{padding: 0; font-size: 4.69vw;}
#home-quick-links ul li:nth-child(1){background-image: url(../img/home/mobile/uzmanlik-alanlarimiz.png);}
#home-quick-links ul li:nth-child(2){background-image: url(../img/home/mobile/degerlerimiz.png);}
#home-quick-links ul li:nth-child(3){background-image: url(../img/home/mobile/ekibimiz.png);}
#home-quick-links ul li:nth-child(4){background-image: url(../img/home/mobile/blog.png);}
#home-quick-links ul li span{position: absolute; top:50%; transform: translateY(-50%); padding-left: 2vw;padding-right: 2vw; }
#home-quick-links ul li span::before{content: ''; position: absolute; left: 0; bottom: 50%; width:100%; background-color: rgba(0,0,0,.4); height: 150%; z-index: -1}


#home-quick-links ul li a{top: 50%; transform: translateY(-50%)}
#home-quick-links ul li a::after{content: ''; position: absolute; width:11px; height: 9px; background: url(../img/home/more-link-arrow.png) no-repeat; right: 30px; top: 50%; transform: translateY(-50%)}



#hero-text {position: absolute; left: 0; transform: translateX(-22%) translateY(-50%); top:50%; background-color: rgba(41,94,164,.8); color: #FFF; max-width: 700px; display: flex; align-items: center; padding:10px; box-sizing: border-box;}
#hero-text h1 {margin: 0; padding: 0; color: #FFF; font-size: 5vw; font-weight: 500; line-height: 120%;}



.content .left-bar{width: 15%;}
.content .right-bar{width: 85%;}

#tarlan-baksi-logo{display: none}
#header #phone{font-size: 3.125vw}
.content#page .left-bar{display: none}
.content#page .right-bar{width:100%}

.content#page-header{flex-direction: column;}
.content#page-header .left-bar{order: 2; width:100%;}
.content#page-header .right-bar{order: 1; width:100%; }

#page-content-header{background-color: #c3c3c3}
#page-content-header.green{background-color: #c3c3c3}
#page-content-header{display: flex; flex-direction: column; width:100%; bottom: auto; position: relative; left: auto; height: auto; }

#page-content-header h1{order: 2; min-width: inherit; display: block; font-size: 7.8vw; background-color: #7ccd2a; transform: none; line-height: 150%; position: relative;}
#page-content-header h1 span{transform: translateY(50%); display: block}

#content-menu{ height: auto;}
#content-menu ul{margin: 0; padding: 0; display: flex; height: 100%; flex-direction: column}
#content-menu ul li{display: none; width:100%; }

#content-menu ul li.active{display: block; position: relative}
#content-menu ul li.active i{position: absolute; left: 0; top: 0; width:100%; height: 100%; z-index: 2; background: url(../img/header/quick-menu-mobile-arrow.png) no-repeat right 20px center; }

#content-menu ul li a{ color: #FFF; display: flex; align-items: center; width:100%; height: 100%; box-sizing: border-box; padding: 4.75vw 10vw; font-size: 3.125vw; font-weight: 600; line-height: 100%;}
#content-menu ul li a br{display: none}
#content-menu ul li{border-bottom: 1px solid #fff}
#content-menu ul li:nth-child(2) a{background-color: #c3c3c3}
#content-menu ul li:nth-child(3) a{background-color: #c3c3c3}
#content-menu ul li:nth-child(4) a{background-color: #c3c3c3}


#content-menu ul li{background-color: #c3c3c3; position: relative;}

.content#page .left-bar.uzmanlik-alanlarimiz{display: block; width:100%;}
.content#page .left-bar.ekibimiz{display: block; width:100%; padding-top:10vw }
.content#page{flex-direction: column;}
#uzmanlik-alanlarimiz-spot{padding: 45px 30px;}
.uzmanlik-alanlarimiz-desc{padding-top: 35px;}

ul#ekibimiz-list{background-color: #eeeeee; padding: 20px; margin: 0}
ul#ekibimiz-list li{display: none; background-color: #FFF; position: relative; border-radius: 5px; margin-bottom: 10px;}
ul#ekibimiz-list li h3{font-size: 3.75vw; line-height: normal}
ul#ekibimiz-list li p{font-size: 2.5vw}
ul#ekibimiz-list li.selected{display: block;}
ul#ekibimiz-list li.selected i{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/content/ekibimiz/arrow.png) no-repeat right 20px center;}

.content#degerlerimiz{flex-direction: column;}
.content#degerlerimiz .left-bar{width:100%;}

#degerlerimiz #page-content-header h1{background-color: #4879bb;}
#degerlerimiz .right-bar{width: 100%;}

}

@media(max-width:640px){
	
	#degerlerimiz-items-wrapper{width:100%;  height: 51.5%; top: 33.2%; background-size: contain}
#degerlerimiz-items{flex-wrap: wrap}
.degerlerimiz-item{width:calc(50% - 1px) ; max-width: none; font-size: 3.175vw}
.degerlerimiz-item:nth-child(2n){border-right: none}

	#degerlerimiz-image img{display: none}
	#degerlerimiz-image img.m640{display: block}

		.degerlerimiz-item h2{font-size: 4.06vw;}
		
	#person-bio-header img{left: 0; width:105px; top: -105px;}
	#person-bio-header h2{margin-left: 0; display: block; padding-left: 11.5px; margin-top: 0; max-height: none; margin-top: 105px;}
	#ekibimiz{padding-top: 0}
	
	.page-content{padding: 30px;}
	
	#hakkimizda-icons img{ height: 40px;}

	#hakkimizda-icons{display: flex; flex-direction: column;}
	
	
}
@media(max-width:590px){
	#header #phone{display: none}
}

@media(max-width:390px){
	#mobile-logo{height: 23vw; position: relative}
}