@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,100,200,500,600,700);


@media only screen and (max-width: 2000px) {
.logolar a{ height:100px
}}
@media only screen and (max-width: 1400px) { /*---------- CONTENT ----------*/

.logolar a{ height:90px
}

.team_087_content{
    bottom: -65%;
}
.neleryapariz{width:96%;
margin-top:25px}
.content{
	width:96%}.megamenu_container {
    width: auto;
    float: right; margin-right:50px
}
}
@media only screen and (max-width: 1250px) { 

.logolar a{ height:80px
}

.team_087_content{
    bottom: -60% ;
}
	.content {
	width:96%;
	height:auto;
	margin:0 auto;
}
.neleryapariz{width:96%;margin-top:25px}



.ovaller{
	width:280px;
	height:280px;
	margin:10px;
}
.neleryapariz2 .content{
	width:900px;}
.iconlar{
	margin:30px auto 15px auto;
	}	
.detaylibilgi2{
	font-size:13px
	}
	.logo{
	width:270px;
}.homeboxs .content{
	width:90%;}	
}


@media only screen and (max-width: 1163px) {
	
	
	.box1-text{ 
	width:50%;
	height:250px;
	padding:4%;
}
.box1-2image{
	width:50%;
	height:250px; } 
	

.box1-bosluk{ display:none}  
.box2-2image {
	
	width:50%;
	height:250px; }
.box3-2image {
	

	width:50%;
	height:250px;  }
.box3-2text {
	
	width:50%;
	height:250px;  
	padding:4%;}
	
	
	
	
	
.box4-2image {
	width:50%;
	height:250px; }	


.box4-2text {
	
	width:50%;
	height:250px;
	padding:4%; }
	


.box5-2image {
	
	width:50%;
	height:250px; }	


.box5-2text {
	
	width:50%;
	height:250px; 
	padding:4%;}
	
	
.box6-2image {
	
	width:50%;
	height:250px;  }	


.box6-2text {
	
	width:50%;
	height:250px;
	padding:4%;}


	.box7-2image{
	width:50%;
	height:250px; } 
	
	
	.box7-text{ 
	width:50%;
	height:250px;
	padding:4%;
}

.box8-2image {
	width:50%;
	height:250px;}	




	
	
	 
.basliklar{
	display:none}

.anamenu{
	display:none}
.header-right{
	width:60%;}
.neleryapariz h1 {
	line-height:25px;
	font-weight:500}
.material-button{
	display: none}
.ustmenu{
	margin-top:12px}
.urunarama{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	}
.urunara{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px
}
	
.siziarayalim{
	margin-top:40% !important}

.ustmenu2{
	margin-top:6px}
.ustmenu2 input{
	display:none}
.header{
	height:auto;
	padding:10px 0
	}

	.aramabg{
	float:right;
	color:#ccc;
	z-index:9;
	padding-left:30px;	margin-top:-16px
}.logo{
	z-index:2 !important;
}
.bugun li h1{
	font-size:14px;
	color:#575151;
	margin-top:5px;
	margin-bottom:5px

}	
.ustright{
	width:30%;}

	
.cizgi{
	display:none}	
	.fixed{
	height:55px;
	}
	.ustheader{
	display:none}

.category-navbar{
  width: 70% !important;  



}

.category-navbar li a{
  font-size: 11px !important;
  margin: 0  !important;
  padding: 0 5px !important;



}
.f2{
	float:left;
	width:100%;
	height:auto;
	color:#fff;
	font-size:12px;
	font-weight:300;
	margin-right:0;
	margin-bottom:30px
}
	}
	
	
@media only screen and (max-width: 1023px) { 
.material-button{
	display:inline-block}	}
@media only screen and (max-width:900px) {
	
.megamenu_container{
	display:none}
.urunliste {
	width:48%;}

	.detailright {
		width:100%;}
	.leftf {
	width:100%;
	margin:0;
	height:auto;
	float:left}

.iletisimbox{
	font-size:13px}
	.uretimfoto{
	width:100%;
	height:auto;
	float:left;
	margin-left:0%}
 
.uretimtext{
	width:100%;
	float:left; 
	font-size:14px;
	font-weight:300; } 
	
	
	.category-navbar{
  width: 100% !important;
}
.sektor10{
	width:100%;
	margin-right:0;
	margin-bottom:30px}	
.proses{
	width:100%;
	margin-right:0;
	margin-bottom:20px}
.content{
	width:86%}
	
.homeboxs .content{
	width:100%;}
.homebox{
	width:46%;
	border:2px solid #fff;
	margin:2% 2%;
	
}
.homeboxs{
	width:100%;
	height:auto;
	position:absolute;
	margin-top:-155px;
	z-index:99}
.homebox:hover{
	padding:40px 0;
	margin-top:2%;
	background:rgb(95,91,90, 0.9) !important ;
	font-size:16px !important;
	padding:15px 0;

}


.uygulama{
	margin-top:15px}	

	.gribg h2 {
		text-align:left}

.logo{
	width:220px;
	margin-top:3px}

		.siziarayalim{
	margin-top:50% !important}
.home-i-left{
	width:100%;
	margin:0} 
.home-i-right{
	width:100%;
	margin:35px 0 0 0;
	border-top:1px dashed #CCCCCC
	} 
.header-right{
	width:50%;}
	.urunarama{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	width:200px
	}
.urunara{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px
}


.ayrac {
	width:100%;
	height:615px;
	background:url(../images/ayrac.jpg) center repeat-x;
	margin:50px 0;
	padding-top:0px;}
.mektup {
	width:85%;
	height:615px;
	margin:0px auto 0 auto;
	color:#FFFFFF;
	padding:35px;
	background-color: rgba(51, 45, 43, 0.7);
	font-weight:200;	text-shadow: 1px 1px 1px #000;
	font-size:17px;
	line-height:22px;
	font-family: 'Roboto', sans-serif;


	}
.f1{
	width:48%;	
	margin-left:1%;
	text-align:center}
.f1 span{
	display:none}

.belgeler .image1{
	width:60px;
	height:55px;
	padding-top:5px !important;}
.belgeler a{
	font-size:13px}
.image1 img{
	width:40px;
	height:auto}
.ayrac2 {
	width:100%;
	height:305px;
	background:url(../images/ayrac2m.png) center repeat-x;
	margin:50px 0 10px 0;
	padding-top:20px;}
.masaustubanner{
		display:none !important;}
.mobilbanner{

	display:inline-block !important;}
	
	.hideme
{
    opacity:100;
}	


.ovaller{
	width:350px;
	height:350px;
	margin:0 auto 50px auto;
	float:none;
}
.neleryapariz2 .content{
	width:98%;}
.iconlar{
	margin:60px auto 20px auto;
	}	
.detaylibilgi2{
	font-size:15px
	}
.blackfooter{
	padding:20px 0}	



#search2 input[type="search2"] {
    font-size:20px;
}


.bugun li{
	width:93.8%;
	height:auto;
	background:#FFFFFF;
	float:left;
	margin-bottom:2%;
	margin-right:0;
	list-style-type:none;
	border:1px solid #CCCCCC;
	font-size:12px	;
	text-align:center;
	padding:3%;	box-sizing:content-box !important;

}
.bugun li img{
	height:100px;
	width:100px;
	float:none;
	margin-right:0;
	border-radius:150px;
}
	
	
.image2{

	display:none
	}

.misyontext{
	width:100%;
	height:auto;
	margin-top:15px}
.textright{
	text-align:left}
.misyontext100{
	text-align:left;
	width:96%;
	height:auto;
	padding:0 2%}
.misyonimage{
	width:48%;
	height:auto}
.misyonimage2{
	width:98%}

.leftmenu{
	display:none
}

.rightdetail{
	width:100%;
}
.logolar a{
	width:15.5%;
	height:90px;
	margin-right:1%;
	margin-bottom:25px
	}
.detail-1{
	width:100%;
	margin-right:0;
	margin-bottom:25px}	
.detail-2{
	width:98%;
	margin-right:0;


	}
.detailimage{
	margin:0 0 20px 0}
	
.alt-menu {
 margin-top:-32px; padding-right:30px; padding-left:30px;

}
#acilirmenu2:checked + #menum2 input[type=search] {  width:100%; background:#433d3d; color:#fff; padding:15px; border:0; margin-bottom:10px}


.alt-menu img { z-index:9999999

}
}
	
@media only screen and (max-width:768px) { 


	.box1-text{ 
	width:50%;
	height:370px;
	padding:4%;font-size:11px
}
.box1-2image{
	width:50%;
	height:370px; } 
	

.box1-bosluk{ display:none}  
.box2-2image {
	
	width:50%;
	height:370px; }
.box3-2image {
	

	width:50%;
	height:370px;  }
.box3-2text {
	
	width:50%;
	height:370px;  
	padding:4%;font-size:11px}
	
	
	
	
	
.box4-2image {
	width:50%;
	height:370px; }	


.box4-2text {
	
	width:50%;
	height:370px;
	padding:4%;font-size:11px }
	


.box5-2image {
	
	width:50%;
	height:370px; }	


.box5-2text {
	
	width:50%;
	height:370px; 
	padding:4%;font-size:11px}
	
	
.box6-2image {
	
	width:50%;
	height:370px;  }	


.box6-2text {
	
	width:50%;
	height:370px;
	padding:4%;font-size:11px}


	.box7-2image{
	width:50%;
	height:370px; } 
	
	
	.box7-text{ 
	width:50%;
	height:370px;
	padding:4%;font-size:11px
}

.box8-2image {
	width:50%;
	height:320px;}	
.box8-text {
	width:50%;
	height:320px;
	padding:4%; font-size:11px}	
 
.team_087_content{
    bottom: -65% ;
}

.sertifika1  a   {
	width:48%;
	height:auto;
	float:left; margin:1% 1% 1% 1%;
	border:1px solid #ccc;
	text-align:center; font-size:12px;
	padding:5px;
	color:#000}  
	
	
	
.menu5{
	margin-right:20px;  


}
.alt-menu {
 margin-top:-32px; padding-right:30px; padding-left:30px;

}
#acilirmenu2:checked + #menum2 input[type=search] {  width:100%; background:#433d3d; color:#fff; padding:15px; border:0; margin-bottom:10px}


.alt-menu img { z-index:9999999

}
.fw_al_001_slide > h1{
	font-size:20px !important;
	line-height:25px !important}
.fw_al_001_slide > a, .fw_al_001_slide > a:visited {
	margin-top:0 !important}
.logolar a{
	width:23%;
	height:80px;
	margin-right:1%;
	margin-bottom:1%
	}
.ps_indicators_y > .carousel-indicators {
    height: 90% !important;
  }
.f2 .contact1{
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	margin-right:15px}
.f1{
	width:100%;	
	margin-left:0;}
.f1s{
	float:left;
	width:50px;
	height:auto;
	border-radius:150px;
	border:1px solid #fff;
	margin-left:0;
	margin-right:15px;
	padding:15px;
	margin-top:20px}

.neleryapariz ul li span{

	line-height:18px;
		height:40px;
}

input[type=arama]:focus { 
width:250px; 
background-color: #f6f6f6;
} 

.aramabg{
	padding-right:5%;

}
.header-right{
	width:58%;}
	.siziarayalim{
	margin-top:70% !important}

	.siziarayalim img{
		height:120px; width:auto}
		
	.urunarama{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	width:130px
	}
.ayrac {
	width:100%;
	height:615px;
	background:url(../images/ayrac.jpg) center repeat-x;
	margin:50px 0;
	padding-top:0px;}

.neleryapariz ul li{
	width:100%;
	height:auto;
	float:none;
	margin-right:auto ;
	margin-left:auto ;
	list-style-type:none;}
.neleryapariz ul li:last-child{
	float:none;
	margin-right:auto;}

	.c-menu--slide-right{
		width:100%;
	height:auto;
	overflow-y:none;
	
	margin-top:40% !important}


.ovaller{
	width:250px;
	height:250px;
	margin:0 auto 20px auto;
	float:none;
	
}

.iconlar{
	margin:20px auto 15px auto;
	}	
.ovalbaslik{
	font-size:22px;
	margin-bottom:0	}
.ovalaciklama{
	margin:3px 5% 20px 5%}
.detaylibilgi2{
	font-size:12px
	}
	
.sertifikalar li{
	width:32.6%;
	height:auto;
	background:#FFFFFF;
	float:left;
	margin-bottom:1%;
	margin-right:1%;
	list-style-type:none;
	border:1px solid #CCCCCC;}
.sertifikalar li:nth-child(3n+3){
	margin-right:0;
}	
	
.sertifikalar li:nth-child(6n+6){
	margin-right:0;
}
	
	.rakams{
	width:100%;
margin-right:0;
	padding-bottom:20px;}
.hover-blurb-content a{
	text-align:center;
	color:#fff;
	width:100%;
	height:auto;
	float:left}
.misyontext22{
	width:100%;
	margin:0;
	margin-bottom:20px}
	


.m-toggle-sidebar{margin-right:30px !important;


}
.alt-menu {
 margin-top:-32px; padding-right:30px; padding-left:30px;  

}
#acilirmenu2:checked + #menum2 input[type=search] {  width:100%; background:#433d3d; color:#fff; padding:15px; border:0; margin-bottom:10px}

.detail{
	margin-bottom:20px}
 
.form{
	width:100%; margin-bottom:20px }
	
	.detailimgright{
		width:100%;
		margin-left:0;
		margin-bottom:20px}
}
	
	@media only screen and (max-width:400px) { 

	.header-right{
	width:53% !important;}
	
}
	
	@media only screen and (max-width:320px) { 

	.header-right{
	width:46% !important;}
	.siziarayalim{
	margin-top:70% !important}

	.siziarayalim img{
		height:120px; width:auto}
	.logo{
	width:190px}
			

.menu5{
	 
 
	padding:10px 0 5px 15px !important;





}
	}