@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,200,500,600,700);
@media only screen and (max-width: 1366px) { 
.content2{
	width:95%;}

.content{
	width:95%;}
	
	}
@media only screen and (max-width: 1200px) { 
.content{
	width:95%;}
.content-detail{
	width:95%;}
.ref{
	height:215px;

	}
}


@media only screen and (max-width: 950px) { 
.logo{
	width:160px;
	height:auto
	}
.anamenu a{
	padding:5px 15px; 

	}
.fixed{
	height:100px
	}
 
 .carousel-caption{
	 bottom:35%;
	 left:19%;
	 width:60% !important;
	 color:#fff;text-align:left;
 }
  .carousel-caption h3{
	  font-size:35px;
	  color:#323232;
	  margin-bottom:5px
 }
	 
 .carousel-caption p{
	  font-size:15px;
	  color:#323232
 }
 .footer .content{
	 width:80%;}	
.f1{
	margin-bottom:15px;
	width:100%;
	border-bottom:1px dashed #666;
	padding-bottom:15px
}.f2{
	width:auto;
	height:auto;
	float:left;}
.f3{
	width:70%;
	height:auto;
	float:left;}
.basin img{
	height:250px;
	
}	}
	
	
	
@media only screen and (max-width:860px) { 
.masaustu{
	display:none !important}
.mobil{
		display:inline !important}
.r3{width:100%; height:auto; margin-top:10px; margin-right:0}

.fixed{
	height:80px
	}
.ustheader{
	float:right;
	height:auto;
	margin-top:30px; margin-right:50px	}
.c-button{
		display:inline-block !important
}

.hakkimizda{
	width:50%;
	height:auto}
.logo{
	width:120px;
	height:auto
	}
.anamenu{
	display:none}
.usttel{
	display:none}
.usticonlar{
	width:30px;
	height:auto;
	padding:7px 0;
	border:1px solid #f2f2f2;
	border-radius:150px; float:left;
	text-align:center; margin-left:5px; font-size:13px;
	font-weight:600; color:#5f5f5f; box-sizing: content-box;}
.cizgi1{
	width:1px;
	height:35px;
	margin:0 5px;
	background:#fff; float:left}
.hizmet4{
	width:90%;
	background:#0f0f0f;
	text-align:center;
	padding:5% 5%;
}.hizmet4-4{
	background:#303030;
	text-align:center
}
	 .carousel-caption{
	 bottom:5%;
	 left:15% !important;
	 width:70% !important;
	 color:#fff;text-align:center !important;
 }
 	.detailimage{
	width:300px;
	height:auto;
	margin-bottom:15px}
	
	.ref{
	width:48%;
	height:320px;
	float:left;
	margin-right:2%;;
	font-weight:600;
	color:#666;
	text-align:center
	}
.iletisim1{
	width:100%;
	height:auto;
	margin-right:0;
	padding:3%;
	margin-bottom:15px}	
.form5{	

	width:100%;
}	
.basin{
	width:48%;
	height:280px;
	float:left;
	margin-right:2%;;
	font-weight:600;
	color:#666;
	text-align:center
	}

.basin img{
	width:100%;
	height:180px;
	border:1px solid rgb(204,204,204);
	margin-bottom:5px
}	}
	@media only screen and (max-width:600px) { 
.box1{
	width:98%;
	height:auto;
	float:left;
	margin:1%;
	border:1px solid rgb(204,204,204);
	color:rgb(0,0,0);
	padding:5px 1%}

.gonder{
	padding:5px 35px;
background: rgb(0,148,217); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,148,217,1) 0%, rgba(73,180,38,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,148,217,1) 0%,rgba(73,180,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094d9', endColorstr='#49b426',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:rgb(255,255,255); border:0;
float:right; margin-right:4px;
font-weight:600;
cursor:pointer}
		.ref{
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	font-weight:600;
	color:#666;
	text-align:center;
	float:none;
	background:#f8f8f8;
	margin-bottom:15px;
	padding:4% 0
	}
		.ref img{
	width:50%;
	border:0
	}
	.detailimage{
	margin-left:0;
	width:100%;
	height:auto;
	margin-bottom:15px}
	.baslik2 {
		margin-top:30px;
		margin-bottom:20px}
		 .bg .baslik2 {
		margin-top:30px;
		margin-bottom:0px !important}
	.hakkimizda{
	width:100%;
	height:auto;
	margin-bottom:15px;
	margin-left:0}
	.team_090_control_button .carousel-control{
  top: 70px !important;
}
}
@media only screen and (max-width:500px) { .icon2{
	display:none}
}