@media (max-width: 1585px) {


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


	.container-fluid {
		max-width:calc(100vw - 0px);	
	}


	#acilanmenu .ic {
		display:flex;
		align-items:center;
		justify-content:flex-start;
		height:100%;
		padding: 100px 50px 100px 20px;
	}
	
	#kurumsal .yazi5 span {
		font-size: 50px;
		line-height: 70px;
	}
}
@media (max-width: 960px) {

	.btnlight ,
	.btndark
	{
		padding: 0px 15px;
		height: 40px;
	}
	

	main {
		width:100vw;
	}
	
	#header {
		display:none;
	}
	
	#acilanmenu {
		display:none;
	}

	.acilanmenu2 {
		display:none;
	}


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

	#slider .item .anaresim {
		width:100%;
		object-fit:cover;
		object-position:center;
	}
	#slider .item .video {
		width:100%;
		object-fit:cover;
		object-position:center;
	}

	#slider .kaydir {
		font-size: 14px;
		padding:10px 0px;
	}
	#slider .kaydir img {
		height:20px;
		margin-top:5px;
	}

	#slider .maseffe {
		width:70px;
		padding:10px 0px;
	}
	#slider .maseffe img {
		width:90px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 20px;
		right: 0px;
		left:auto;
		width: 100%;
		height:40px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0px 20px;
		position: absolute;
		z-index: 2;
	}

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

	#hizmetler {
		padding:12px 0px;
	}
	#hizmetler .item {
		margin-bottom:5px;
	}
	#hizmetler .item .bilgi {
		bottom:10px;
		left:10px;
		width:auto;
		display:inline-block;
		padding:10px;
		border-radius: 10px;
	}
	#hizmetler .item .bilgi .adi {
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
		color: #FFFFFF;
	}
	#hizmetler .item:hover .bilgi .icon {
		display:none;
		
	}

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

	#hakkimizda {
		padding:12px 0px;
	}
	#hakkimizda .resim {
		width:100%;
		margin-bottom:0px;
	}
	#hakkimizda .resim2 {
		display:none;
	}
	#hakkimizda .yazi1 {
		font-size: 35px;
		line-height: 46px;
		margin-bottom:15px;
	}
	#hakkimizda .yazi2 {
		font-size: 14px;
		line-height: 24px;
		margin-bottom:15px;
	}
	#hakkimizda .btnlight {
		margin-bottom:15px;
	}

	/*------------------nedentusena----------------------*/

	#nedentusena {
		padding:15px 0px;
	}

	#nedentusena .baslik {
		font-size: 35px;
		line-height: 46px;
		margin-bottom:15px;
	}
	#nedentusena .altbaslik {
		font-size: 14px;
		line-height: 24px;
		margin-bottom:15px;
	}
	#nedentusena .adim {
		margin-bottom:15px;
	}
	#nedentusena .adim .rakam {
		display:inline-flex;
		align-items:center;
		height: 24px;
		background: #000000;
		border-radius: 12px;
		padding:0px 19px;
		font-weight: 700;
		font-size: 15px;
		line-height: 24px;
		color: #FFFFFF;
		margin-bottom:9px;
		transition:all 0.3s ease;
	}
	#nedentusena .adim:hover .rakam {
		background: var(--anarenk);
	}
	#nedentusena .adim .rakam img {
		display:none;
		margin-left:45px;
		height:18px;
	}
	#nedentusena .adim:hover .rakam img {
		display:block;
	}
	#nedentusena .adim .yazi1 {
		display:block;
		font-weight: 700;
		font-size: 25px;
		line-height: 37px;
		color: #000000;
		margin-bottom:9px;
	}
	#nedentusena .adim .yazi2 {
		display:block;
		font-weight: 400;
		font-size: 15px;
		line-height: 24px;
		color: #494949;
	}

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

	#projeler {
		padding:12px 0px;
	}
	#projeler .baslik {
		font-size: 35px;
		line-height: 46px;
		margin-bottom:15px;
	}
	#projeler .altbaslik {
		font-size: 14px;
		line-height: 24px;
		margin-bottom:15px;
	}
	#projeler .swiper {
		padding:0px 0px 20px 0px;
		margin:0px 15px;
	}
	#projeler .item .resim {
		margin-bottom:10px;
	}
	#projeler .swiper-slide:nth-child(odd) .item .resim {
		aspect-ratio:1/1;
		margin-bottom:10px;
	}
	#projeler .item .adi {
		font-size: 14px;
		line-height: 22px;
		margin-bottom:10px;
	}
	#projeler .item .ozet {
		font-size: 13px;
		line-height: 18px;
	}
	#projeler .projeler-button-next, #projeler .projeler-button-prev {
		display:none;
	}		
	/*------------------teklifal----------------------*/

	#teklifal {
		padding:12px 0px;
	}
	#teklifal .alan .yazi1 {
		width:60%;
		font-size: 14px;
		line-height: 20px;
	}


	/*------------------slogan----------------------*/

	#slogan {
		position:relative;
		background: #4D4D4D;
		padding-bottom:15px;
	}
	#slogan .resim {
		width:100%;
		margin-bottom:15px;
	}
	#slogan .yazi1 {
		font-size: 16px;
		line-height: 20px;
		margin-bottom:15px;
	}
	#slogan .yazi2 {
		font-size: 18px;
		line-height: 22px;
	}

	/*------------------youtubeiframe----------------------*/

	#youtubeiframe {
		width:100%;
		height:300px;
	}
	/*------------------footer----------------------*/

	#footer .yazilar  {
		padding-top:20px;
	}

	#footer .sag {
		padding-right:0px;
	}
	#footer .sosyal  {
		justify-content:center;
		margin-bottom:15px;
	}
	#footer .sosyal a {
		margin-right:5px;
		margin-left:5px;
	}
	#footer .sosyal a:hover {
		background:#fff;
		color:#4D4D4D;
	}
	#footer .maseffe {
		justify-content:center;
		margin-bottom:15px;
		font-size: 12px;
	}
	#footer .maseffe img {
		height:29px;
		margin:0px 10px;
	}

	#footer .copy {
		display:none;
		font-weight: 400;
		font-size: 16px;
		line-height: 25px;
		color: #FFFFFF;
		margin-bottom:13px;
		text-align:center;
	}
	#footer .linkler {
		font-weight: 400;
		font-size: 10px;
		line-height: 16px;
		color: #FFFFFF;
		margin-bottom:18px;
		text-align:center;
	}
	#footer .linkler a {
		font-weight: 400;
		font-size: 10px;
		line-height: 16px;
		color: #FFFFFF;
		margin-bottom:18px;
		padding:0px 10px;
	}
	#footer .linkler a:first-child {
		padding-left:0px;
	}


	#footer .sol {
		border-left: 0px solid #656565;
		border-bottom: 1px solid #656565;
		padding-left:0px;
	}


	#footer .iletisimegecin {
		font-size: 20px;
		line-height: 31px;
		margin-bottom:15px;
		text-align:center;
	}

	#footer .bilgi {
		display:flex;
		flex-wrap:wrap;
		margin-bottom:10px;
	}
	#footer .bilgi .icon {
		width:30px;
		flex:0 0 auto;
		display:flex;
		align-items:center;
		justify-content:center;
		font-size: 20px;
		color: #FFFFFF;
	}
	#footer .bilgi .yazi {
		font-size: 14px;
		line-height: 21px;
	}
	#footer .buton {
		margin:8px 0px;
		text-align:center;
	}
	#footer .anatolfav {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #FFFFFF;
		margin-bottom:38px;
		margin-top:auto;
		text-align:center;
	}


	/*------------------kurumsal----------------------*/

	#kurumsal {
		padding:75px 0px 15px 0px;
	}
	#kurumsal .yazi1 {
		margin-bottom:15px;
	}
	#kurumsal .yazi2 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom:10px;
	}
	#kurumsal .yazi3 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom:15px;
	}
	#kurumsal .resim {
		width:100%;
	}
	#kurumsal .yazi4 {
		font-size: 14px;
		line-height: 22px;
		padding:15px 0px;
		text-align:center;
	}
	#kurumsal .yazi5 {
		margin-bottom:20px;
	}
	#kurumsal .yazi5 span {
		font-size: 30px;
		line-height: 50px;
	}
	#kurumsal .yazi5 span small {
		font-size: 14px;
		line-height: 22px;
	}
	#kurumsal .yazilar {
		padding:0px 0px 20px 0px;
	}
	#kurumsal .yazi6 {
		text-align:center;
	}



	/*------------------hizmetust----------------------*/

	#hizmetust .resim {
		min-height: 300px;
		object-fit: cover;
	}
	#hizmetust .bilgi {
		padding:70px 0px 20px 0px;
	}
	#hizmetust .bilgi .linkler {
		font-size: 14px;
		line-height: 20px;
	}
	#hizmetust .bilgi .linkler a {
		font-size: 14px;
		line-height: 20px;
		padding:0px 5px;
	}
	#hizmetust .bilgi .adi {
		width:100%;
		padding:10px;
		border-radius: 10px;
		font-size: 18px;
		line-height: 24px;
	}

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

	#hizmetler {
		position:relative;
		padding:15px 0px;
		background: #ECECEC;
	}

	#hizmetler .item {
		margin-bottom:10px;
	}
	#hizmetler .item .bilgi {
		padding: 5px 10px;
	}
	#hizmetler .item .bilgi .adi {
		font-size: 16px;
		line-height: 24px;
	}
	#hizmetler .ara {
		padding:30px 0px;
	}
	#hizmetler .ara .sol {
		display:flex;
		align-items:center;
		justify-content:center;
		padding:30px 0px;
	}
	#hizmetler .ara .sol .yazi1 {
		height:200px;
		width:100%;
		font-size: 50px;
		line-height: 60px;
	}
	#hizmetler .ara .yazi2 {
		font-size: 14px;
		line-height: 22px;
		text-align:center;
	}	
	#hizmetlerpage {
		position: relative;
		padding: 10px 0px;
		background: #ECECEC;
	}
	#hizmetlerpage .ara {
		padding: 20px 0px;
	}	
	#hizmetlerpage .ara .sol .yazi1 {
		height: 160px;
		width: 100%;
	}
	#hizmetlerpage .item {
		display: block;
		position: relative;
		margin-bottom: 10px;
	}
	#hizmetust .bilgi .adi img {
		height: 26px;
		border-radius: 4px;
	}
	/*------------------hizmetdetay----------------------*/

	#hizmetdetay {
		padding:20px 0px;
	}
	#hizmetdetay .yazi1 {
		font-size: 16px;
		line-height: 23px;
	}

	#hizmetdetay .orta {
		padding:20px 0px;
	}
	#hizmetdetay .orta .sol {
		align-items:center;
		justify-content:center;
	}
	#hizmetdetay .orta .sol .circle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 200px;
		height: 200px;
		background: #FFFFFF;
		border: 1px solid #494949;
		padding: 36px;
		border-radius: 50%;
		margin-right: 0px;
		margin-bottom: -50px;
	}
	#hizmetdetay .orta .sol .circle span {
		position: relative;
		display: block;
		font-weight: 400;
		font-size: 25px;
		line-height: 27px;
		color: #494949;
		text-align: center;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #494949;
	}
	#hizmetdetay .orta .sol .circle span:before {
		position:absolute;
		content:"";
		top:calc(100% - 1px);
		left:25%;
		width:50%;
		height:3px;
		background:#ED8121;
	}
	#hizmetdetay .orta .sol .circle small {
		font-weight: 400;
		font-size: 30px;
		line-height: 54px;
		color: #494949;
		text-align:center;
	}
	#hizmetdetay .resim1 {
		width:100%;
	}
	#hizmetdetay .resim2 {
		width:100%;
	}


	/*------------------kurumsal----------------------*/

	#iletisimpage {
		padding:75px 0px 15px 0px;
	}
	#iletisimpage .yazi1 {
		margin-bottom:15px;
	}
	#iletisimpage .yazi2 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom:20px;
	}
	#iletisimpage .yazi3 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom:15px;
	}
	#iletisimpage iframe {
		height:250px;
		margin-bottom:20px;
	}
	#iletisimpage .bilgiler {
		padding:20px 0px;
		margin-bottom:20px;
	}
	#iletisimpage .buton {
		margin-bottom:20px;
	}
	#iletisimpage .baslik {
		font-size: 25px;
		line-height: 30px;
		text-align:center;
		margin-bottom:20px;
	}
	#iletisimpage .alan {
		padding:20px 10px;
	}
		
	.bounce {
		padding:20px 0px;
		height:80px;
		overflow: hidden;
		position: relative;
	}

	.bounce p {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0;
		text-align: center;
		-moz-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		-moz-animation: bouncing-text 5s linear infinite alternate;
		-webkit-animation: bouncing-text 5s linear infinite alternate;
		animation: bouncing-text 5s linear infinite alternate;			
		color: #f6f6f6;
		font-size: 14px;
		line-height: 40px;
		font-stretch: semi-expanded;
		font-weight: 700;

	}

	@-moz-keyframes bouncing-text {
		0% {
			-moz-transform: translateX(50%);
		}
		100% {
			-moz-transform: translateX(-50%);
		}
	}

	@-webkit-keyframes bouncing-text {
		0% {
			-webkit-transform: translateX(50%);
		}
		100% {
			-webkit-transform: translateX(-50%);
		}
	}

	@keyframes bouncing-text {
		0% {
			-moz-transform: translateX(50%);
			-webkit-transform: translateX(50%);
			transform: translateX(50%);
		}
		100% {
			-moz-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	}
}