@media (max-width: 1585px) {


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

#hakkimda-4 .yazi1 {
	font-size: 35px;
    line-height: 60px;
    margin-top: -5px;
}

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

	#slider2 .yazi1 p {
		 -webkit-mask-image: linear-gradient(to top, white, transparent);
		}
	#iletisimpage .first_row {
		padding: 0 25px;
	}

	.scrolltop {
		color: #fff !important;
		background-color: #9a8479bf !important;
		font-size: 20px;
		width: 40px;
		height: 40px;
	}
	#mobilmenu .ust .logo {
		max-width: 100%;
		width: 135px;
		top: 15px;
		left: 0;
	}

	#mobilmenu .menu .link-li:last-child {
	    padding-top: 15px;
	}

	.btn-molu {
    	background: #9a8478;
    	border: 1px solid #9a8478;
    	color: #fff;
	}

	#slider2 {
		padding-right: 25px;
		padding-left: 25px;
	}

	.text-end {
		text-align: center !important;
	}

	#mobilmenu .ust {
		justify-content: right;
	}
	#mobilmenu .menu .link-li {
		align-items:center;
		padding-right: 5px;
	}

	#slider2 .item .bilgi .yazi1 {
		font-size: 30px;
		line-height: 45px;
	}

	#footer .logo {
		position: relative;
		left: 0;
		text-align: center; 
	}

	.copyright {
		text-align: center;
		float: none;
	}

	main {
		width:100vw;
	}
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}
	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

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

	#slider .item {
		margin-top:4vh;
	}
	#slider .item .bilgi {
		padding:20px 5px;
	}
	#slider .item .bilgi .yazi1 {
		font-size:14px;
		font-weight:400;
		line-height:20px;
	}
	.swiper-wrapper2 {
		position:relative;
		overflow:hidden;
		flex-direction: column;
		align-items: center;
		column-count: 1;
		column-gap: 30px;
	}

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

	#hakkimizda {
		padding:30px 0px;
	}
	.mobile_set {
		padding-left: 0;
	}
	#hakkimizda .tanitimfilmi {
		padding-top: 10px;
	}
	#hakkimda-2 .yazi2, #hakkimizda .yazi1, #hakkimda-3 .yazi1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    margin: 30px 0px;
    text-align: center;
	}
	#hakkimda-2 .yazi2 {
		margin-top: 0;
		color:#636363;
		padding: 15px 0px 5px 0px;
		text-align: left !important;
	}

	#hakkimda-3 .yazi1,#hakkimda-5 .yazi1 {
		margin-top: 0;
		color:#636363;
		line-height: 33px;
		font-size: 20px;
	}

	#hakkimizda .linkler {
		display:flex;
		font-size: 20px;
    font-weight: 600;
		flex-wrap:wrap;
		justify-content:center;
		grid-gap:20px;
		    flex-direction: column;
		margin-bottom:15px;
	}
	#hakkimizda .linkler a {
		display:inline-block;
		text-align:center;
		font-size:22px;
		font-weight:500;
		line-height:25px;
		margin-bottom:0px;
	}
	#hakkimizda .tanitimfilmi .adi  {
		top:10px;
		right:10px;
		font-size:16px;
	}

	/*------------------hakkkataloglar----------------------*/

	#hakkkataloglar {
		position:relative;
		z-index:10;
		padding:30px 0px 30px 0px;
		background:#11100e;
	}
	#hakkkataloglar .alan {
		display:flex;
		justify-content: center;
		align-items:center;
		flex-wrap:wrap;
		grid-column-gap:10px;
	}
	#hakkkataloglar .alan .item {
		position:relative;
		display:block;
		margin: 10px 0;
		overflow:hidden;
		text-align:center;
	}

	#hakkkataloglar .alan .item.active {
		width:calc(45% - 7.5px);
	}
	#hakkkataloglar .alan .item.notactive {
		width:calc(5% - 7.5px);
	}
	#hakkkataloglar .alan .item img {
		height:100%;
		max-height:418px;
	}

	/*------------------surecler----------------------*/

	#surecler {
		padding:20px 0px;
	}
	#surecler .baslik {
		font-size:30px;
		line-height:50px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 5px;
		margin: 30px 0px 30px 0px;
	}
	#surecler .item {
		padding:10px 0px;
	}
	#surecler .item .yazi1 {
		font-size:64px;
		line-height:77px;
		margin-bottom:10px;
	}
	#surecler .item .yazi2 {
		font-size:22px;
		line-height:24px;
		margin-bottom:10px;
	}
	#surecler .item .yazi3 {
		font-size:20px;
		line-height:35px;
		padding-top:5px;
	}


	/*------------------projeler----------------------*/

	#projeler {
		padding:20px 0px;
	}
	#projeler .link {
		justify-content:right;
		font-size:20px;
		line-height:30px;
		margin-bottom: 25px;
	}
	#projeler .flex-container {
 		 column-count: 1;
 		 column-gap: 30px;
	}
	#projeler .Projelerbaslik {
		font-size: 30px;
		font-weight: 500;
		line-height: 50px;
		text-align: center;
		letter-spacing: 5px;
		margin: 20px 0px 30px 0px;
	}
	/*------------------referanslar----------------------*/

	#referanslar {
		padding:20px 0px;
	}
	#referanslar .baslik {
		font-size:30px;
		line-height:50px;
		text-align: center;
		letter-spacing:5px;
		margin: 10px 0px 30px 0px;
	}

	#referanslar .resim  {
		width:100%;
		height:60px;
		padding:0px;
		margin-left:-8px;
		
	}

	


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

	.connect_btn:hover .social_links {
		margin-bottom: 0;
	}

	.social_links_buttons {
	    transition: 0.5s all;
	    text-align: center;
	    width: 100px;
	    height: auto;
	    position: absolute;
	    left: -5px;
	    margin: 0 auto;
	    padding: 10px 0 10px 0px;
	    right: 0%;
	}

	#mobilheader .logo {
		width: 135px;
		left: 12px;
		top: 10px;
	}

	#mobilheader .btn {
		padding-right: 7px;
	}

	.order-molu-1 {
	    order: 1!important;
	}

	.order-molu-2 {
	    order: 2!important;
	}

	.order-molu-3 {
	    order: 3!important;
	}


	.connect_btn {
		text-align: center;
		padding-bottom: 15px;
	}

	#footer .copy {
    font-size: 10px;
    font-weight: 300;
    line-height: 24px;
    color: #000;
    padding-top: 35px;
    text-align:center;
	}
	#footer {
		text-align:center;
	}

	#footer .logo img {
		max-width:100%;
		max-height:43px;
		padding: 0px 0px;
	}
	#footer .sosyal {
		justify-content:center;
		align-items:center;
		margin-bottom:20px;
	}
	#footer .bilgi {
		margin-bottom:20px;
		text-align:left;
	}
	#footer .menulink {
		margin-bottom:10px;
	}
	
	/*------------------hakkimda-1----------------------*/

	#hakkimda-1 .anaresim {
		width:100%;
		min-height:40vh;
		object-fit:cover;
		object-position:center;
	}
	#hakkimda-1 .bilgi {
		padding:100px 0px;
	}
	#hakkimda-5 .yazi1 p {
		font-size: 22px;
		color: #636363;
		line-height: 35px;
		margin: 0px;
		padding: 0px 0px 35px 0px;
	}
	#hakkimda-1 .bilgi .yazi1 {
		font-size:17px;
		line-height:30px;
		position: absolute;
	    right: 18px;
	    top: 55px;
	    text-align: left;	
	}
	#hakkimda-1 {
		margin-top: 55px;
	}

	/*------------------hakkimda-2----------------------*/

	#hakkkataloglar .alan .item.active .yazi {
	    display: block;
		background:linear-gradient(to top,rgb(53, 40, 32),rgba(0,0,0,0));

	    height: 125px;
	    color: #f5f5f5;
	    bottom: 0;
	    padding: 70px 0px 0px 0px;
	}

	#hakkimda-2 .yazi1 h3 {
		font-size: 35px;
		margin-top: 20px;
		line-height: 50px;
		font-weight: 700;
		color: #9a8478;
	}

	#hakkimda-2 .yazilar {
		align-items:center;
	}
	#hakkimda-2 .yazilar .yazi1 {
		font-size:20px;
		line-height:26px;
	}
	#hakkimda-2 .yazilar .yazi2 {
		font-size:14px;
		line-height:20px;
	}
	/*------------------hakkimda-3----------------------*/

	#hakkimda-3 {
		padding:0px 0px 0px 0px;
	}
	#hakkimda-3 .yazi1 {
		font-size:22px;
		line-height:35px;
		font-weight: 400;
		text-align: left;
		padding: 40px 0px 0px 0px;
	}
	/*------------------hakkimda-4----------------------*/

	#hakkkataloglar .alan .item .yazi {
		padding: 5px;
		font-size: 15px;
		bottom: 20px;
	}

	#hakkimda-4 {
		padding:10px 0px;
	}
	#hakkimda-4 .yazi1 {
		font-size:28px;
		line-height:37px;
		padding: 20px 0px 0px 0px;
	}
	#hakkimda-4 .yazi1 p {
		margin-bottom: 0;
	}
	#hakkimda-4 .yazi2 {
		font-size:18px;
		font-weight:500;
		line-height:22px;
	}
	/*------------------hakkimda-3----------------------*/

	#hakkimda-5 {
		padding:1px 0px;
	}
	#hakkimda-5 .resim {
		width:100%;
		margin-bottom:20px;
	}
	#hakkimda-5 .yazi1 {
		font-size:20px;
	}

	/*------------------projelerpage----------------------*/

	#projelerpage {
		padding:65px 0px 0px 0px;
		column-count: 1;
	}
	#projelerpage .item {
		position:relative;
		display:block;
		z-index:10;
		margin: 0;
		grid-template-rows: 1fr auto;
		break-inside: avoid;
		text-align:center;
		padding:30px 25px;
	}
	#iletisimpage .bilgi {
		font-weight: 300;
	}
	#projelerpage .item:before {
		position:absolute;
		content:"";
		top:65px;
		left:calc(50% - 1px);
		width:2px;
		height:100%;
		opacity: 0;
		background:rgba(0,0,0,0.1);
		z-index:-1;
	}

	#projelerpage .item img {
		max-width:calc(100% - 15px);
		margin-bottom:20px;
	}
	#projelerpage .item .adi {
		font-size:22px;
		line-height:26px;
		margin-bottom:5px;
	}
	#projelerpage .item .marka {
		font-size:18px;
		line-height:22px;
		margin-bottom:5px;
	}

	#projelerpage .itemilk {
	}
	#projelerpage .itemilk .baslik {
		width:calc(100% - 15px);
	}
	#projelerpage .itemilk .baslik b {
		font-size:45px;
		line-height:70px;
		width: 100%;
		text-align: left;
	}
	#projelerpage .itemilk .baslik span {
		font-size:14px;
		line-height:20px;
		width: 100%;
		margin-top: 25px;
	}	
	

	/*------------------proje-1----------------------*/

	.proje_3_2 .yazi1 {
		padding-top: 0 	!important;
	}
	
	#proje-slogan {
		padding: 30px 0 15px;
	}

	.proje_3_4 {
    	padding: 30px 0 10px !important;
	}

	#proje-3 .yazi1 {
		padding-top: 20px;
	}

	
	#proje-1 {
		padding-top:50px;
	}
	#proje-slogan .yazi1{
		margin-top:-50px;
		font-weight:600;
		line-height: 40px;
		padding: 10px 0;
		font-size:30px;
	}
	/*------------------proje-2----------------------*/

	#proje-2 {
		padding:20px 0px;
	}
	#proje-2 .yazi1 {
		font-size:40px;
		line-height:50px;
	}
	#proje-2 .yazi2 {
		font-size:20px;
		line-height:35px;
		margin-bottom:10px;
	}
	#proje-2 .yazi3 {
		font-size:15px;
		line-height:30px;
		margin-bottom:20px;
	}
	#proje-2 .resim {
		width:30%;
	}
	
	#proje-2 .resimler {
		padding: 0px;
	}

	/*------------------proje-3----------------------*/

	#proje-3 .yazilar {
		display:flex;
		flex-direction:column;
		justify-content:center;
		height:100%;
	}
	#proje-3 .yazi1 {
		font-size:15px;
		line-height:30px;
		padding-left: 0px;
	}
	/*------------------proje-4----------------------*/

	#proje-4 .item .resim {
		height:200px;
	}
	#proje-4 .projegaleri-button-prev, #proje-4 .projegaleri-button-next {
		position: absolute;
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		border-radius: 50px;
		background-color: #9a8479bf;
		border: 0px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		color: #fff;
		z-index: 10;
		transition: all 0.3s ease;
	}
	#proje-4 .projegaleri-button-next {
		right: 50px;
	}
	#proje-4 .projegaleri-button-prev {
		left: 50px;
	}
	/*------------------iletisimpage----------------------*/

	#iletisimpage .sol a {
		padding-top: 0 !important;
	}

	#iletisimpage {
		padding-top:15px;
	}
	#iletisimpage .bilgi {
		margin-bottom: 20px !important;
	}
	#iletisimpage iframe {
		margin-bottom: 45px;
	}
	#iletisimpage .ust {
		grid-column-gap:10px;
		padding:10px 0px;
	}
	#iletisimpage .ust a {
		font-size:16px;
		line-height:22px;
	}
	#iletisimpage .sol {
		border: none;
		text-align: center;
		padding:80px 0px 0;
	}
	#iletisimpage .sag {
		padding:30px 0px;
	}
	
}