#takip{position: relative; display: block; box-sizing: border-box; width: 100%; background: #e2e3e5; }
#takip > #wrapper > .takip { position: relative; display: block; box-sizing: border-box; width: 65%; float: right; text-align: left; padding: 25px;}
#takip > #wrapper > .takip a{ padding-right: 15px; float: left; color: #000080; font-size: 15px; font-weight: 600; transition:all 0.2s ease-in;}
#takip > #wrapper > .takip a:hover{  color: #fd3030; }
#takip > #wrapper > .takip i{  color: #a9aab3; padding-right: 15px; float: left;  font-size: 12px; font-weight: 600; transition:all 0.2s ease-in; padding-top: 5px;}

#takip > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 15%; float: right; text-align: right; padding: 25px 0px; }
#takip > #wrapper > .back a{ border:1px solid #acacac; width: auto; padding: 15px; text-align: center; color: #acacac; transition:all 0.2s ease-in; }
#takip > #wrapper > .back a:hover{ border:1px solid #fd3030; width: auto; padding: 15px; text-align: center; background: #fd3030; color: #FFFFFF; transition:all 0.2s ease-in; }
#gri{ position:relative; width: 100%;  background: #f9f9f9; }

#orta-bslk{width:auto;min-height:40px;line-height:40px;padding-bottom:20px; font-weight:600; font-size:24px; color:#000; text-decoration:none; text-align: center; }
#orta-bslk2{width:auto;min-height:40px;line-height:40px; font-weight:600; font-size:24px; color:#FFF; padding: 15px 30px; text-decoration:none; text-align: left; margin-bottom: 10px; }

#page-left{ position: relative; display: block; box-sizing: border-box; width: 20%; float: left; background:rgba(169,170,174,0.25); top: -71px;}
#page-left ul{list-style: none; margin: 0 auto; }
#page-left ul li{ position: relative; display: block; z-index: 2;  padding: 10px 25px; border-bottom:solid 1px; border-bottom-color:#abacac;} 
#page-left ul li  a{ position: relative; width: 100%;  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color:#000080; text-decoration: none;  display: block;  transition:color 0.25s ease; padding: 10px;} 
#page-left ul li  a:hover{ color: #FFFFFF;} 
#page-left ul li  a::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 0;
  height: 100%;
	background: #142b54;
  transform-origin:left;
  transition: 0.25s ease;
  z-index:-1;
}

#page-left ul li  a:hover::after {
  width: 100%;
}


.team_088_content > h5:after{
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 2px;
  width: 30px;
  margin: auto;
  position: absolute;
  background: #353d4a;
}

#page-right{ position: relative; display: block; box-sizing: border-box; width: 80%;  float: right; padding: 20px; background: #FFFFFF; text-align: left;}
.gri{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:24px; color:#000080; line-height:35px; padding-bottom: 15px; width: 100%; margin-bottom: 20px; border-bottom:1px solid #EEEFF1;}

#ikili{position: relative; display: block; box-sizing: border-box; float: left; width: 49%; margin: 0.5%;}
#uclu{position: relative; display: block; box-sizing: border-box; width: 32.3%; margin: 0.5%; float: left; color: #000000;}
#about-box-1{ position:relative; width:40%; min-height:360px; float:left; box-sizing: border-box;  box-shadow: 0px 3px 3px rgba(0,0,0,0.1); }
#about-box-2{ position:relative; width:60%; min-height:360px; float:left; padding:25px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); }
#about-date{ position:absolute; top:0; left:0; padding:30px; background:#ea0b1a; color:#FFF; border-bottom-right-radius:10px; }
#news-box{ position:relative; width:100%; height:auto; float:left; padding:0px; margin-bottom:15px; background:#FFF; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); font-family: 'Montserrat', sans-serif; font-size:18px; color:#000; text-decoration:none; border-left:3px solid #ea0b1a; line-height:100px;  }
#news-box img{ height:100px; width:auto; }
#product-box{ position:relative; width:24%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box img{ width:100%; max-width:100%; }
#product-box:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-box-2{ position:relative; width:32.3%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
#product-box-2 img{ width:100%; max-width:100%; }
#product-box-2:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }

@media only screen and (max-width: 1000px) { 
	#takip{position: relative; display: block; box-sizing: border-box; width: 100%; background: #e2e3e5; }
	#takip > #wrapper > .takip { position: relative; display: block; box-sizing: border-box; width: 75%; float: right; text-align: left; padding: 25px 0px;}

	#takip > #wrapper > .back { position: relative; display: block; box-sizing: border-box; width: 25%; float: right; text-align: right;  }
	
	
	#page-left{ position: relative; display: block; box-sizing: border-box; width: 100%; float: left; top: 0; }


	#page-right{ position: relative; display: block; box-sizing: border-box; width: 100%; float: right; background: #FFFFFF;  }
	
	#product-box{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }
	#product-box-2{ position:relative; width:100%; margin:0.5%; float:left; padding:15px; background:#fff; transition:all 0.2s ease-in;  box-shadow: 0px 1px 2px rgba(0,0,0,0.1); box-sizing:border-box; border-radius:5px; }

	
	#home-information > #wrapper > #box {  width: 100%; }
	
	#uclu{position: relative; display: block; box-sizing: border-box; width: 100%; margin: 0.5%; float: left; color: #000000;}
	#about-box-1{  width:100%; }
	#about-box-2{  width:100%;  }
	
	
}