#temizle {clear:both; } 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;} 
body{margin:0px;text-align: left;padding:0;overflow-x: hidden;font-family: 'Montserrat', sans-serif;font-weight:300; font-size:15px; color:#959595; line-height:25px;}
#wrapper{ position:relative; width: 1200px; margin: 0 auto; }
header{ position:fixed; width: 100%; height: auto; height: 120px; padding: 10px 0px; box-sizing: border-box; background:url(../img/header-bg.png) center no-repeat; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in; margin-top:-11px;}

header > #wrapper > .logo { position: relative; width:15%; float: left; display: block; margin-top:10px; }
header > #wrapper > .logo img{  width: 100%; }
header > #wrapper > .menu > .line{ position: absolute;  width: 100%; height: 1px; background:rgba(229,228,239,1.00); bottom: 50%; z-index: 1;  }
header > #wrapper > .menu{ position: relative; width: 66%; height: 100px; float:right; display: block; text-align: center; margin-top:-5px;}
header > #wrapper > .menu ul{ list-style: none; margin: 25px auto;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 8px; z-index: 2;} 
header > #wrapper > .menu ul li a{ position: relative; width: 100%; height: 50px; line-height: 50px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; color: rgba(0,0,0,1.00); text-decoration: none; padding: 0px 5px; background:rgba(255,255,255,1.00); display: block; } 
header > #wrapper > .menu ul li a:hover{ background:#ed1c24; color:aliceblue; }
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background:rgba(86,170,207,1.00); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; transition:all 0.2s ease-in; }
header > #wrapper > .menu ul li ul li{ position: relative; width: 100%; height: auto; display: block; margin: 0; text-align: left;}
header > #wrapper > .menu ul li ul li a{ width: 100%; height: auto; font-size: 14px; font-weight: 400; line-height:20px; padding: 5px; box-sizing: border-box; text-align: left;  background: none; display: block; color: aliceblue; } 
header > #wrapper > .menu ul li ul li a:hover{ background: rgba(255,255,255,1.00); color: rgba(0,0,0,1.00); }
header > #wrapper > .menu li:hover > ul{ top: 27px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{ background:rgba(86,170,207,1.00); color:aliceblue;  }

header > #wrapper > .contact{ position: relative; width: 15%; height: 100px; margin-top: 28px; float:right; display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; color: rgba(255,255,255,1.00); text-decoration: none; text-align: right; }

header > #wrapper > .contact a{ width: 100%; font-size:12px; line-height: 13px; color: rgba(255,255,255,1.00); display: block; text-decoration: none;}


#ana-referans{ position:relative; display:block; width:100%; padding-top:60px; text-align:center;}
#referans-cizgi{position:absolute; display: block; box-sizing: border-box; width: 100%; border:1px dotted #005aab; height: 275px; top: -80px; z-index:-1;}
#referans-cizgi-tittle{font-family: 'Montserrat', sans-serif;font-weight:600; font-size:24px; color:#fff; line-height:28px; margin-top:25px; width: 450px;  background: #FFFFFF;  position: relative; display: inline-block; box-sizing: border-box; background:#005aab; padding:15px 20px;}

#ana-urun{ position:relative; display:block; width:100%; overflow:hidden;  }
#ana-urun > img{ position:absolute; display:inline-block; text-align:center; top:238px; margin-left:-58px;  }
#ana-urun-sol{ position:relative; display:block; width:50%; float:left; }
#ana-urun-sag{ position:relative; display:block; width:50%; float:right;overflow:hidden;}

#ana-urun-sol > img{

 transition:all 0.2s ease-in;
}

#ana-urun-sol:hover > img{
  -webkit-transform: scale(2.20); transform: scale(1.20);
}
#ana-urun-sag > img{

 transition:all 0.2s ease-in;
}

#ana-urun-sag:hover > img{
  -webkit-transform: scale(1.20); transform: scale(1.20);
}


#title{ position:absolute; display:block; color:#fff; font-size:48px; font-weight:700; line-height:60px; z-index:99; right:100px; top:40%;padding:10px;}
#title2{ position:absolute; display:block; color:#fff; font-size:48px; font-weight:700; line-height:60px; z-index:99;left:100px; top:40%; padding:10px;}

#title:hover{ color:#fff;}
#title::after{ position: absolute;  content: '';  top:0;	left: 0;  width: 0%;  height: 100%;    transform-origin:left;  transition:width 0.35s ease;  z-index:-1; background: #d43137; }
#title:hover::after{ width: 100%; }

#title2:hover{ color:#fff;}
#title2::after{ position: absolute;  content: '';  top:0;	right: 0;  width: 0%;  height: 100%;    transform-origin:left;  transition:width 0.35s ease;  z-index:-1; background: #054c8a; }
#title2:hover::after{ width: 100%; }



.baslik{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Montserrat', sans-serif;   font-size:22px; color:#000; font-weight:700; line-height:22px;  }







#buton{position:absolute; display:block; color:#FFF; background: #00a1e0; padding:20px; margin:-285px 150px; z-index:999;}

#uclu{position: relative; display: block; box-sizing: border-box; float: left; width: 32.3%; margin: 0.5%; }



#banner{ position: relative; width: 100%;  display: block; }

#product{position:relative; display:block; box-sizing:border-box;  width:100%; background-color:#000;}
#ana-baslik{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000;  line-height:40px; display:block; position:relative;  float:left; width:100%; border-left:10px solid #000; padding:0px 12px; margin:30px 0px; }
.product-item{position:relative; display:block; width:30.3%; min-height:380px; margin:1.5%; box-sizing:border-box; text-align:center; padding:20px; float:left; background:#fff;box-shadow:0 21px 120px #ccc; transition:all 0.2s ease-in; }
.product-item > #baslik1 {font-family: 'Montserrat', sans-serif; font-weight:550; font-size:19px; color:#000 !important;  line-height:20px; display:block; position:relative; float:left; width:100%; margin:20px 0px; }
#baslik2{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#00a1e0;  line-height:40px; display:block; position:relative;  float:left; width:100%; margin:-5px 0px;}
.product-item > img{

 transition:all 0.2s ease-in;
}
.product-item:hover > img{
  -webkit-transform: scale(0.85); transform: scale(0.85); transition:all 0.2s ease-in;
}


#home-blog-content{ position:relative; width: 33.3%; height: 400px; float: left; background: rgba(255,255,255,1.00); border: 1px solid rgba(86,170,207,1.00); border-radius: 50px; transform: rotate(45deg); z-index: 1; }
#home-blog-content-wrapper{ position: relative; width: 100%; height: 400px; padding-top: 30px; transform: rotate(-45deg); text-align: center;}

#home-about-content{ position:relative; width: 33.3%; height: 400px; float: left;background: url(../img/home-about.png) #4ea0c6 no-repeat center; border: 10px solid rgba(255,255,255,1.00); border-radius: 50px; transform: rotate(45deg); margin-top: -50px; z-index: 3; overflow: hidden;}
#home-about-content-wrapper{ position: relative; width: 100%; height: 400px;  background-size: 100% 100%; padding:  70px 30px 30px 30px; transform: rotate(-45deg); text-align: center;}
#home-about-content-wrapper a{ font-size: 18px; font-weight: 500; border:1px solid #FFFFFF; border-radius: 30px; padding: 10px; display: inline-block; color: aliceblue; } 
#home-about-content-wrapper a:hover{ background: #FFFFFF; color:#000000;}

#home-contact-content{ position:relative; width: 33.3%; height: 400px; float: right; background: rgba(255,255,255,1.00); border: 1px solid rgba(86,170,207,1.00); border-radius: 50px; transform: rotate(45deg); z-index: 2; }
#home-contact-content-wrapper{ position: relative; width: 100%; height: 400px; padding: 50px; transform: rotate(-45deg); text-align: center;}
#home-contact-content-wrapper > form > input{ width: 70%; height: 70px; float: left; border-top-left-radius: 30px; border-bottom-left-radius: 30px; background:rgba(86,170,207,1.00); padding-left: 15px; box-sizing: border-box; color: aliceblue; border: 0px; outline: 0; }
#home-contact-content-wrapper > form > input::placeholder{ color: aliceblue; }
#home-contact-content-wrapper > form > button{ width: 30%; height: 70px; float: left; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background:rgba(86,170,207,1.00); box-sizing: border-box; color: aliceblue; border: 0px; outline: 0; font-size: 40px; }
#home-contact-content-wrapper > form > button:hover{ background:rgba(55,50,128,1.00);}
#home-contact-content-wrapper > .line{ width: 100%; height: 1px; background:rgba(86,170,207,0.20); margin: 10px auto; }
#home-contact-content-wrapper > .customer{ width: 100%; height: auto; padding: 10px; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; color:#000; line-height:24px; display: block;  transition:all 0.2s ease-in;  } 
#home-contact-content-wrapper > .customer > span{ font-weight: 900; }
#home-contact-content-wrapper > .customer:hover{color: #4ea0c6; transform: rotate(360deg);  }

#home-product-box{ position: relative; width: 100%; height:auto; margin-top: 120px; padding: 30px; border: 1px solid #f0f0f0; border-top-left-radius: 30px; border-top-right-radius: 30px; }
#home-product-box-title{ position: relative; width: 100%; height:auto; margin-top:0px; padding: 30px; border: 1px solid #f0f0f0; border-top: 0px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center;}

.ana-takip{ position:absolute; display:block; width:100%; margin-top:-10%; text-align:center;}
#takip{ position:relative; float:none;  font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#fff; }
#takip a{ font-family: 'Montserrat', sans-serif; font-size:18px; font-weight:600; color:#fff; }
#takip a:hover{ color:#333; }
#page-title{ position:relative; width:100%; height:auto;  padding:30px 0; }
#page-title{ position:relative; width:100%; height:auto; background:url(../img/title-bg.png) no-repeat center; padding:30px 0; }
#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%; min-height:345px; 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; }
#product-menu{ position:relative; width:23%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF;  transition:all 0.2s ease-in; }
#product-menu ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0;  transition:all 0.2s ease-in;}
#product-menu ul li a{ position:relative;   color:#000; font-size:15px; line-height:30px; padding:20px; font-weight:600; display:block;  transition:all 0.2s ease-in; }
#product-menu ul li a > .hover-arrow{ position:absolute; right:0px; top:30%; color:#56aacf; display:none; font-size:28px; }
#product-menu ul li a:hover > .hover-arrow{ display:block; }
#product-menu ul li{ border-bottom:1px solid #f7f7f7; box-sizing:border-box; transition:all 0.2s ease-in;  }
#product-menu ul li:hover{ border-left:25px solid #005aab; transition:all 0.2s ease-in;  }
#product-menu ul li a:hover span{ display:block; }
#product-menu ul li.active{ background:#56aacf; transition:all 0.2s ease-in; border:0px; border-radius:5px;  }
#product-menu ul li.active a{ color:#FFF; }
#product-menu ul li.active a > .hover-arrow{ color:#f7f7f7; display:block; right:-2px; }
#product-menu ul li:last-child{ border-bottom:0px;}
#product-menu ul li ul li{ border:0px solid #CCC; }
#product-menu ul li ul li a{ font-size:13px; font-weight:600; padding:10px; padding-left:50px; transition:all 0.2s ease-in;   }
#product-menu ul li ul li a:hover{ background:#56aacf; border-radius:3px;transition:all 0.2s ease-in;  }
#product-menu ul li ul li:hover{ border:0px; }
#product-content{ position:relative; float:right; width:73%; min-height:500px; padding:3%; background:#FFF; border-radius:5px; box-sizing:border-box; }
#product-content2{ position:relative; float:left; width:100%; min-height:500px; padding:3%; background:#FFF; border-radius:5px; box-sizing:border-box; }
#product-content img{ max-width: 100%; }

#yarim1{ position:relative; width:49%; float:left; margin-bottom:2%; box-sizing: border-box;}
#yarim2{ position:relative; width:49%; float:right; margin-bottom:2%; box-sizing: border-box;}



#alan-baslik{overflow: hidden;  text-align:center; margin:20px auto;  }
#alan-baslik h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000; min-height:40px; line-height:40px;display: inline-block;padding: 0 15px 0px 15px;position: relative;  color: #444444;}
#alan-baslik h2:before,
#alan-baslik h2:after {background: #444444;content: "";display: block;height: 4px;position: absolute;top: 50%;width: 600%; border-radius: 4px;}
#alan-baslik h2:before { right: 100%; }
#alan-baslik h2:after { left: 100%; }

#home-blog-box{ position: relative; width: 100%;  margin-top: 0px; padding: 30px;  background:url(../img/blog-bg.png) no-repeat center #EEEEEE}
#home-blog-box-title{ font-family: 'Montserrat', sans-serif; font-weight:700; font-size:30px; color:#000;  line-height:40px; display:block; position:relative;  float:left; width:100%; border-left:10px solid #000; padding:0px 12px; margin:30px 0px; }
#home-blog-box-title span{  color:#000; font-size: 18px;}

footer{ height:auto; width:100%; margin:0px auto; background:#dcdcdc; padding:80px 0px 80px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:35%;  height:auto; display:block; }
footer .iki{ position:relative; float:left; width:26%; height:auto; display:block; text-align:center; }
footer .uc{ position:relative; float:right; width:30%; height:auto; display:block; }

footer .bes{ position:relative; float:left; width:100%; height:auto; line-height:50px; display:block; text-align:center;  }
footer .alti{ position:relative; float:left; width:25%; height:auto; display:block; text-align:right;  }
footer .link{ position:relative; float:left; width:100%; height:auto; display:block; font-family:  'Montserrat', sans-serif;  color:#000; font-size:15px; line-height:30px; font-weight:500; transition:all 0.2s ease-in;  }
footer .link:hover{ border-left:2px solid #f66000; color:#fff; padding-left:10px; border-radius:5px; }
footer .baslik1{ position:relative; width:auto; height:auto; display:inline-block; font-family: 'Montserrat', sans-serif;   font-size:19px; color:#000; font-weight:700; line-height:40px; padding-bottom:10px; margin-bottom:20px; text-align:right; }
footer .sosyal{ width:auto; height:auto; margin-left:5px; display:inline-block; transition:all 1s ease-in; }
footer .sosyal:hover{ transform: rotate(-360deg);  }
footer .copy{ position:relative; margin:0 auto; width:60%; height:auto; display:block; font-family: 'Montserrat', sans-serif;   font-size:14px; color:#dedede; line-height:20px; text-align:center; }
.footer-yazi{ font-family:  'Montserrat', sans-serif;  color:#000; font-size:14px; line-height:24px; font-weight:500; }
footer .line{ width:100%; height:1px; background:#666; position:relative; display:block; margin:20px auto;}#ebultentxt{width:75%; height:60px; background:#464646; line-height:60px; padding-left:10px; box-sizing:border-box; border:0px; border-top-left-radius:5px;border-bottom-left-radius:5px; }
#ebultengonder{border:0px; background:#464646; width:25%; float:right; box-sizing:border-box; text-align:center;  line-height:58px; font-family: 'Montserrat', sans-serif;  font-size:24px; color:#fff; font-weight:700; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
#ebultengonder:hover{ background:#f66000; }

.vticker { font-family: 'Montserrat', sans-serif; width: 300px; margin: 30px auto;}
.vticker ul { padding: 0; }
.vticker li { list-style: none; width:100%; display:block; position:relative; border:none !important; min-height:60px !important; padding:20.5px 0px !important; }
.vticker li .vticker-date { width:60px; height:60px; float:left; display:block; position:relative; background-color:#353080; color:#fff; font-size:20px; font-weight:700; line-height:20px; text-align:center; padding-top:6px; border-radius: 50px; }
.vticker li .vticker-date span {  font-size:24px; font-weight:500; }
.vticker li a {	text-decoration: none; color: #333 !important; float: right;text-align:left; font-size:14px; width:235px; padding-left:15px; line-height:22px; }
.up, .down{ background:none; border:0px; height:30px; width:30px; line-height:30px; text-align:center; color:#353080 !important; border:1px solid #353080; border-radius: 50px; }
.up:hover, .down:hover{ background:#353080; color:#fff !important; cursor:pointer; }

.title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:32px; color:#fff; line-height:35px;   }
.white-title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:32px; color:#fff; line-height:35px;  }
.white-title2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:18px; color:#fff; line-height:35px;  }
.text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#000; line-height:24px; }
.white-text{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; }
.white-text2{font-family: 'Montserrat', sans-serif;font-weight:400; font-size:15px; color:#fff; line-height:24px; text-align: left; }
.title2{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:32px; color:#000; line-height:35px;   }
.title2 span{ font-weight: 900; }
.title3{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; line-height:35px;  text-align: center;  }
.title3 span{ font-weight: 900; }
.title4{font-family: 'Montserrat', sans-serif;font-weight:500; font-size:36px; color:#fff; line-height:52px;  text-align: center;  }
.title4 span{ font-weight: 900; }

.style1{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000; background:#fff; width:100%; height:70px; line-height:70px; padding-left:15px; margin-bottom:5px; border:0px; box-sizing:border-box; border:1px solid #f0f0f0; outline:none; }
.style2{font-family: 'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#000;background:#fff;width:100%;height:152px;line-height:25px;padding-left:15px;margin-bottom:1px;border:0px; box-sizing:border-box; border:1px solid #f0f0f0;outline:none; }
.buton-form{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:20px; color:#fff;background:#56aacf;width:auto;height:50px;line-height:50px;padding:0px 30px;border:0px;box-sizing:border-box;cursor:pointer; display:inline-block;}
.buton-form:hover{ background:#000; }


#gri{ position:relative; width: 100%; padding: 30px 0px; background: #f9f9f9; }

.kapa{ display:block; }
.acil{ display:none; }
@media only screen and (max-width: 1000px) { 
	#wrapper{ width: 100%; padding: 0 15px; box-sizing: border-box; }
	header{ position:relative; width: 100%; height: auto; height: 100px; padding: 10px 0px; }
	header > #wrapper > .logo { max-width:40%; }
	header > #wrapper > .logo img{ width: auto; height: 70px; }
	header > #wrapper > .menu{ display: none; }
	header > #wrapper > .contact{ display:none;}
	#banner{ padding-top: 0px; }
	
	#ana-referans{ position:relative; display:block; width:100%; padding:0px; text-align:center; margin-top:0px;}
#referans-cizgi{ display:none;}
#referans-cizgi-tittle{font-family: 'Montserrat', sans-serif;font-weight:600; font-size:16px; color:#fff; line-height:28px; top: 0px; width: 240px;  background: #FFFFFF;  position: relative; display: inline-block; box-sizing: border-box; background:#005aab; padding:15px 20px; }
	
	
	#ana-urun{ position:relative; display:block; width:100%;  }
#ana-urun-sol{ position:relative; display:block; width:100%; float:left; }
#ana-urun-sag{ position:relative; display:block; width:100%; float:left;}
	
	#title{ position:absolute; display:block; color:#fff; font-size:48px; font-weight:700; line-height:60px; z-index:99; left:50px; top:40%;padding:10px;}
#title2{ position:absolute; display:block; color:#fff; font-size:48px; font-weight:700; line-height:60px; z-index:99;	left:50px; top:40%; padding:10px;}
	#ana-urun > img{ display:none;  }
	
	.product-item{ width:100%;  }
	
	
	
	
	
	#home-blog-content{ width: 100%; height:auto; transform: rotate(0deg); }
	#home-blog-content-wrapper{ height: auto; padding-bottom: 30px; transform: rotate(0deg); }

	#home-about-content{ width: 100%; height:auto;background:#4ea0c6; border: 1px solid rgba(255,255,255,1.00); transform: rotate(0deg); margin: 20px auto;  }
	#home-about-content-wrapper{  height:auto; padding:  20px; transform: rotate(0deg); }
	
	#home-contact-content{ width: 100%; height:auto;  transform: rotate(0deg); }
	#home-contact-content-wrapper{ height:auto; padding: 20px; transform: rotate(0deg); }
	
	#home-product-box{ margin-top: 20px; padding: 20px; }
	#lazer{position: relative; display: block; box-sizing: border-box; float: left; width:100%; margin: 0.5%; }
	#takip{ float:left; }
	#takip a:hover{ color:#333; }
	#page-title{ padding:30px 0; }
	#about-box-1{ width:100%; min-height: 200px;  }
	#about-box-2{ width:100%;  }
	#product-box{ width:99%; margin:0.5%; }
	#product-box-2{ width:100%; margin:0.5%; }
	#product-menu{ width:100%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; }
	#product-content{ width:100%; }
	
	#yarim1{ width:100%; float:left; margin-bottom:2%; box-sizing: border-box;}
	#yarim2{ width:100%; float:right; margin-bottom:2%; box-sizing: border-box;}
	#uclu{position: relative; display: block; box-sizing: border-box; float: left; width: 100%;  }

	
	
	
	
	footer{ height:auto; width:100%; margin:0px auto; background:#dcdcdc; padding:80px 0px 80px 0px; z-index:2;}
	footer .bir{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center; border-bottom:1px solid #666; margin-bottom:30px; }
	footer .iki{ display: none;}
	footer .uc{ display: none; }
	footer .dort{ position:relative; float:left; width:100%; height:auto; display:block; text-align: center;  }
	footer .bes{ position:relative; float:left; width:100%; height:auto; line-height:50px; display:block; text-align:center;  }
	footer .alti{ position:relative; float:left; width:100%; height:auto; display:block; text-align:center;  }
	footer .sosyal{ width:auto; height:auto; margin-left:5px;display:inline-block; transition:all 1s ease-in; }
	.kapa{ display:none; }
	.acil{ display:block; }
}
@media only screen and (min-width: 0px) and (max-width: 759px) {}