#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: rgba(255,255,255,0.00); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.0); z-index: 9999999 !important;  transition:all 0.5s ease-in;}
header.kaydir{ background: rgba(255,255,255,1.00); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);  transition:all 0.2s ease-in; }
header.nav-up{ margin-top:-120px; transition:all 0.2s ease-in; }
header > #wrapper > .logo { position: relative; width:34%; float: left; display: block; top:-12px; }
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: 50%; height: 100px; float:right; display: block; text-align: center; right:50px; }
header > #wrapper > .menu ul{ list-style: none; margin: 30px auto;}
header > #wrapper > .menu ul li{ position: relative; display: inline-block; margin: 0 15px; 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: 18px; font-weight: 600; color:#2c3552; text-decoration: none; padding: 0px 5px; background:rgba(255,255,255,1.00); display: block; } 
header > #wrapper > .menu ul li a:hover{ background:#2c3552; color:#fff; border-radius: 5px;  }
header > #wrapper > .menu ul li ul{ position: absolute; visibility: hidden; width: 350px; left: 0; top: 100px; background: #2c3552; box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; border-radius: 5px; 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: #2c3552; display: block; color:#fff; border-radius: 5px; } 
header > #wrapper > .menu ul li ul li a:hover{ background:aliceblue; color:#2c3552;; }
header > #wrapper > .menu li:hover > ul{ top: 27px; visibility: visible; transition:all 0.2s ease-in; }
header > #wrapper > .menu li:hover > a{ background:#fff; color:#2c3552; border-radius: 5px; }

header > #wrapper > .contact{ position: relative; width: 14%; height: 100px; margin-top: 20px; float:right; display: block; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600; color: rgba(0,0,0,1.00); text-decoration: none; text-align: right;  }
header > #wrapper > .contact i{ color: #2c3552;font-size:18px; padding-right:4px;}
header > #wrapper > .contact a{ width: 100%; margin-top:7px;font-size: 15px; line-height: 30px; color: #2c3552; display: block; text-decoration: none; border: 2px solid #2c3552; border-radius:7px; padding:10px 5px; }
header > #wrapper > .contact a:hover {color:#fff; background-color:#2c3552;}
header > #wrapper > .contact a:hover i{color:#fff; background-color:#2c3552;}


#banner{position:relative; display:block; top:75px; width:100%;}


#ana-orta{position:relative; display:block; width:100%;  background:#f2f2f2; top:26px; text-align:center;}
#about{position:relative; display:block; width:100%;   }
#baslikk {font-family: 'Montserrat', sans-serif; font-weight:600; font-size:32px;  min-height:40px; line-height:40px;display: inline-block;position: relative;  color: #343432;  padding:35px;}
#baslik span{font-weight:800;}
#text{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:15px; color:#343432; line-height:32px;  width:100%; box-sizing:border-box; text-align:center; padding-bottom:20px;}
#about-box-ic-detail{font-family: 'Montserrat', sans-serif; font-weight:800; font-size:15px; color:#343432; line-height:22px; box-sizing:border-box; cursor:pointer;}
#text > a{width: 25%; margin:0px auto;font-size: 15px; line-height: 30px; color: #fff; display: block; text-decoration: none;background:#2c3552;  border-radius:7px; padding:10px 5px; }
#text > a:hover{background:#5b001e; color:#fff;}

#blog{position:relative; width:32%; float:right; background-color:#2c3552; height:353px; border-radius:10px;margin:35px auto;}
.white-title3{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:24px; line-height:24px; color:#fff; padding:20px;}
.link a{font-family: 'Montserrat', sans-serif; font-weight:700; float:right; font-size16px; line-height:16px; color:#fff; padding:0px 15px; border-top: 1px solid #fff;  }
.link a:hover{color:#5b001e;}
#gri{ background:#f7f7f7; padding:40px 0px; box-sizing:border-box;}
#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-box2{position:relative; float:left; width:24%; margin:0.5%; background:#FFF; border-radius:5px; box-sizing:border-box;}
#product-box2 img{ width:100%; max-width:100%; }


#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-blog{ position:relative; width:24%; margin:0.5%; height:380px; 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-blog img{ width:100%; max-width:100%; }
#product-blog:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);  transition:all 0.2s ease-in; }
#product-blog h3{font-size:16px;}

#blog-detail{position:relative; display:block; width:100%; background:#FFF; height:300px;}
#blog-detail h3{padding:20px 40px;}
#blog-detail p{padding:0;}
	
	
	
#baslik3{font-family: 'Montserrat', sans-serif; font-weight:600; font-size:16px; line-height:24px; color:#000; padding:20px;}
#baslik4{font-family: 'Montserrat', sans-serif; font-weight:700; font-size:28px; line-height:24px; color:#000; padding:20px;}
#baslik5{position:relative; display:block; font-family: 'Montserrat', sans-serif; font-weight:700; font-size:28px; line-height:24px; color:#000; top:50px;}
	
#product-text{ position:relative; width:76%; float:right; border-radius:5px; padding:0; margin:0;  }
#product-menu{ position:relative; width:23%; float:left; border-radius:5px; padding:0; margin:0; background:#FFF; }
#product-menu ul{ font-family: 'Montserrat', sans-serif; list-style:none; padding:0; margin:0; }
#product-menu ul li a{ position:relative;   color:#000; font-size:15px; line-height:30px; padding:20px; font-weight:600; display:block;  }
#product-menu ul li a > .hover-arrow{ position:absolute; right:0px; top:30%; color:#5b001e; 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:3px solid #5b001e; transition:all 0.2s ease-in;  }
#product-menu ul li a:hover span{ display:block; }
#product-menu ul li.active{ background:#5b001e; 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:#b2b2b2; border-radius:3px;transition:all 0.2s ease-in;  }
#product-menu ul li ul li:hover{ border:0px; }


#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;}

#takip{ position:relative; float:right; text-align:right; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#b2b2b2; }
#takip a{ font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:600; color:#2c3552; }
#takip a:hover{ color:#333; }
#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; }


#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:900; font-size:28px; 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: 30%;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:#0c0c0c; padding:80px 0px 80px 0px; z-index:2;}
footer .bir{ position:relative; float:left; width:25%; margin-right: 2%; height:auto; display:block; }
footer .iki{ position:relative; float:left; width:23%; height:auto; display:block; }
footer .uc{ position:relative; float:left; width:23%; height:auto; display:block; }
footer .dort{ position:relative; float:left; width:27%; height:auto; display:block; text-align:right; }
footer .bes{ position:relative; float:left; width:75%; height:auto; line-height:50px; display:block; text-align:left;  }
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:#a9a9a9; 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:#fff; font-weight:700; line-height:40px; border-bottom:4px solid #fff; 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:#a9a9a9; 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 25px;}
.vticker ul { padding: 0; } 
.vticker li { list-style: none; width:100%; display:block; position:relative; border:none !important; min-height:60px !important; padding:6px 0px !important;  }
.vticker li .vticker-date { width:80px; height:80px; float:left; display:block; position:relative; color:#fff; font-size:22px; font-weight:600; line-height:14px; text-align:center; padding-top:25px; border-radius:100px;  background:#5b001e; }
.vticker li .vticker-date span {  font-size:32px; font-weight:900; }
.vticker li a {	text-decoration: none; color: #fff !important; float: right;text-align:left; font-size:14px; width:217px; padding-left:15px; line-height:22px; }
.up, .down{ background:none; border:0px; height:30px; width:30px; line-height:30px; text-align:center; color:#fff !important; border-radius: 50px; }
.up:hover, .down:hover{ background:#5b001e; color:#fff !important; cursor:pointer; }




.title{font-family: 'Montserrat', sans-serif;font-weight:700; font-size:32px; color:#2c3552; 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: #ededed;
	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: #ededed;
	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:#2c3552;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: 420px) {

	header > #wrapper > .contact  {
		display:none !important
	}
}

	@media only screen and (max-width: 1000px) {

		header > #wrapper > .contact a {
			margin: 0 !important;
		}

		header > #wrapper > .logo{
			top:0 !important;
		}
		.header, .content, .footer {
			top: 20px !important;
		}






		#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: 100%;
			}

				header > #wrapper > .logo img {
					width: auto;
					height: 80px;
				}

			header > #wrapper > .menu {
				display: none;
			}

			header > #wrapper > .contact {
				width: 50px;
				height: 50px;
				border-radius: 5px;
				background: #2c3552;
				cursor: pointer;
				text-align: center;
				margin-left: 0px;
				margin-top: 9px;
				transition: all 0.2s ease-in;
			}

				header > #wrapper > .contact:hover {
					transform: rotate(-360deg);
					background: rgba(0,0,0,1.00);
				}

				header > #wrapper > .contact i {
					color: white;
					font-size: 20px;
				}

				header > #wrapper > .contact a {
					line-height: 28px;
				}

			header > #wrapper > .dil {
				margin: 10px auto;
				margin-left: 5px;
				float: right;
				border-radius: 5px;
				display: block;
			}

				header > #wrapper > .dil ul li a:hover {
					border-radius: 5px;
				}

				header > #wrapper > .dil ul li ul li a {
					border-radius: 5px;
				}

				header > #wrapper > .dil li:hover > a {
					border-radius: 0;
				}

		#banner {
			position: relative;
			display: block;
			top: 12px;
		}

		#ana-orta {
			margin-top: -20px;
			width: 100%;
			background: none;
		}

		#about {
			width: 100%;
			background: none;
			text-align: center;
			height: auto;
		}

		#baslik {
			float: none;
		}

		#text {
			float: none;
			margin: 0 auto;
		}

		#about-box-ic-detail {
			font-family: 'Montserrat', sans-serif;
			font-weight: 800;
			font-size: 15px;
			color: #343432;
			line-height: 22px;
			box-sizing: border-box;
			cursor: pointer;
		}



		#blog {
			width: 100%;
		}

		#product-text {
			width: 100%;
		}

		#product-box2 {
			width: 100%;
		}

		#product-blog {
			width: 100%;
			height: auto;
		}






		#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;
		}

		#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;
		}


		#ana-orta {
			width: 100%;
		}

		#ana-orta2 {
			width: 100%;
		}

		#ana-orta3 {
			width: 100%;
		}

		#ana-orta4 {
			width: 100%;
		}

		#ana-parkur {
			background: none;
			min-height: auto;
			background: #062F51;
		}

			#ana-parkur > #wrapper > .box {
				width: 100%;
			}






		footer {
			height: auto;
			width: 100%;
			margin: 0px auto;
			background: #282828;
			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) {
	}