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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}
html{height:100%;}
body{height:100%; background:#fff; color:#1a1a1a; font-family: 'Roboto', sans-serif; font-size:13px;}
.radius1{-webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}
.radius3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.radius5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.circle{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.transition{-webkit-transition:all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.shadow{-moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21);  box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21);}
.borderbox{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cover{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}
.background{background: rgba(0,43,94,0.9);}
.height10{height:10px; width:100%; float:left;}
.height20{height:20px; width:100%; float:left;}
.height30{height:30px; width:100%; float:left;}
.height40{height:40px; width:100%; float:left;}
.height50{height:50px; width:100%; float:left;}
.italic{font-style:italic; font-size:16px;}
.temizle{ clear:both;}
.temizlesol{clear:left;}
.temizlesag{clear:right;}
a{color:#333333; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
#row{width:100%; height:auto; float:left;}
#container{width:80%; height:auto; margin:0px 10%;}

/**********/
#search{width:80%; height:40px; display:none; float:left; padding:5px 10%; background:#ebebeb; z-index:999999;}
#search input{width:80%; height:40px; float:left; border:0; outline:0; text-align:center; font-size:17px;}
#search button{width:20%; height:40px; float:left; border:0; outline:0; cursor:pointer; font-weight:600; background:#3a7cd1; color:#FFFFFF;}
#search ::-webkit-input-placeholder {color:#8e9dad;}
#search ::-moz-placeholder {color:#8e9dad;}
#search :-ms-input-placeholder {color:#8e9dad;}
#search :-moz-placeholder {color:#8e9dad;}

#top{width:80%; height:40px; float:left; padding:0px 10%; line-height:40px; background:#f5f8fb;}
#top ul:first-child{width:auto; height:40px; float:left;}
#top ul:first-child li{width:auto; height:auto; float:left; margin-right:10px;}
#top ul:first-child li:last-child{margin-right:0px;}
#top ul:first-child li a{color:#8e9dad; text-align:center; display:block;}
#top ul:first-child li a:Hover{color:#333;}
#top ul:first-child li i{width:30px; height:30px; line-height:30px; margin:5px 5px 5px 5px; text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#f7941d;color:#FFFFFF;}

#top ul:last-child{width:auto; height:40px; float:right; font-size:12px;}
#top ul:last-child li{width:auto; height:40px; float:left; color:#000; margin-left:12px; cursor:pointer;}
#top ul:last-child li:last-child{margin-left:12px;}
#top ul:last-child li i{width:30px; height:30px; line-height:30px; margin:5px 5px 5px 5px; text-align:center;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#f7941d; color:#FFFFFF;}

header{width:80%; height:80px; padding:5px 10% 5px 10%; float:left; position:relative;}
header .logo{width:auto; height:70px; float:left; cursor:pointer; margin:5px 0;}
header .logo img{width:auto; height:100%; float:left;}
header ul.headersag{width:auto; height:32px; float:right; margin:24px 0px;}
header ul.headersag li{width:auto; height:32px; float:left; line-height:32px; margin-left:3px;}
header ul.headersag li img{width:23px; height:16px; margin:8px 0px; padding:1px; border:1px solid #f4f4f4;}
header ul.headersag li i{width:23px; height:16px; color:#8e9dad; text-align:center; font-size:15px; display:block; line-height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
header ul.headersag li i:Hover{color:#bfc8d2;}


/************/
.Toogle{display:none;}
nav {width:auto; height:60px; float:right; z-index:11; margin:10px 0;}
nav ul.primary{width:auto; height:60px; margin:0px 0px; float:left; text-align:center;}
nav ul.primary li.primaryli{width:auto; height:60px; float:left;}
nav ul.primary li.primaryli:last-child{border-right:0px solid #666;}
nav ul.primary li.primaryli a{display:block; padding:0px 9px; line-height:60px; color:#000; font-size:1em; font-weight:500;}
nav ul.primary:after{clear: both;}
nav ul.primary li.primaryli:Hover a{color:#3a7cd1;}
ul.primary li:hover ul.sub{display:block; background:#fff; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.21); -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.21); box-shadow:0px 1px 3px 0px rgba(0,0,0,0.21);}
ul.sub{width:200px; height:auto; position:absolute; padding:1%; z-index:200; display:none; font-size:14px; font-weight:400;}
ul.sub li.subli{width:100%!important; height:30px;float:left; text-align:left; border-bottom:1px solid #f4f4f4;}
ul.sub li.subli:Hover{background:none!important; -moz-box-shadow:inset 0 0 0px #3333338c; -webkit-box-shadow: inset 0 0 0px #3333338c; box-shadow:inset 0px 0px 0px #3333338c;}
ul.sub li.subli:last-child{border-bottom:0px solid #d1d1d1;}
ul.sub li.subli a{display:block; padding:0px 0px!important; line-height:30px!important; color:#666!important;background:none!important; text-transform:none!important; font-weight:400!important;}
ul.sub li.subli a:Hover{color:#000!important; background:none!important;}

#hlogo{width:60px; height:60px; float:right; margin:0px 0;}
#hlogo img{width:auto; height:auto; float:right;}



#intro{width:100%; height:470px; float:left; position:relative; background:#f9f9f9;}
.introresim{width:100%; height:auto; float:left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center;}
.introresim section{width:40%; height:100%; float:left; display:table; margin:0px 50% 0px 10%; padding:0 0% 0 0%; z-index:1; position:relative; }
.introresim section article{width:100%; height:auto; display: table-cell; vertical-align: middle;}
.introresim section article h1{width:100%; height:auto; color:#fff; font-size:32px; font-weight:400; display:block;text-shadow: 0px 1px 3px #000;}
.introresim section article p{width:100%; height:auto; color:#fff; font-size:16px; font-weight:300; display:block; margin:10px 0px;text-shadow: 0px 1px 3px #000;}
.introresim section article a{color:#fff; line-height:40px; background-color: #007bff; vertical-align: middle; border-color: #007bff; padding:14px 23px;}
.intro1{width:350px; height:470px; position:absolute; left:-100px; top:0%; z-index:1;}
.intro2{width:200px; height:470px;  position:absolute; right:0%; top:0%; z-index:1;}
#intro .introsol{width:50px; height:50px; line-height:50px; position:absolute; left:0px; top:50%; margin-top:-25px; z-index:2; cursor:pointer; text-align:center; background:rgba(0,0,0,0.4); color:#fff; font-size:15px;}
#intro .introsol:Hover{color:#ccc;background: rgba(0,0,0,0.9);}
#intro .introsag{width:50px; height:50px; line-height:50px; position:absolute; right:0px; top:50%; margin-top:-25px; z-index:2; cursor:pointer;  text-align:center; background: rgba(0,0,0,0.4); color:#fff; font-size:15px;}
#intro .introsag:Hover{color:#ccc;background: rgba(0,0,0,0.9);}
#intro ul.introresim{width:100%; height:100%; float:left;}
#intro ul.introresim li{width:100%; height:100%; float:left;}

#intro ul.intronumber{width:100%; height:10px; line-height:10px; font-size:10px; position:absolute; bottom:20px; left:0px!important; border:0px; text-align:center; list-style:none; z-index:2;}
#intro ul.intronumber li{display:inline-block; padding:0; text-align:center; list-style:none; cursor:pointer; margin:1px 0px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center;}
#intro ul.intronumber li.manset1{color:#fff; background:#f7941d; width:10px; height:10px; -webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -moz-box-shadow:0px 0px 20px #d8d8d9; -webkit-box-shadow:0px 0px 20px #d8d8d9;  box-shadow:0px 0px 20px #d8d8d9;}
#intro ul.intronumber li.manset1:Hover{color:#ebebeb; background:#f7941d;}
#intro ul.intronumber li.manset2{color:#fff; background:#fff; width:30px; height:10px; -webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;-moz-box-shadow:0px 0px 20px #d8d8d9; -webkit-box-shadow:0px 0px 20px #d8d8d9;  box-shadow:0px 0px 20px #d8d8d9;}

/***************  / Petek Tasarim/  ***************/
ul#ozellikler{width:100%; height:auto; float:left; margin:30px 0;}
ul#ozellikler li{width:32%; padding:1%; height:auto; float:left; background:#f4f4f4; border:5px solid #404042; color:#3c3c3c;}
ul#ozellikler li:Hover{background:#3c3c3c; color:#ccc;}
ul#ozellikler li article{width:80%; height:100px; float:left;}
ul#ozellikler li article h3{width:100%; height:30px; float:left;}
ul#ozellikler li article p{width:100%; height:70px; float:left;color:#999999;}
ul#ozellikler li figure{width:20%; height:100px; float:left; text-align:center; line-height:100px;}
ul#ozellikler li figure i{width:auto; height:auto; font-size:36px; line-height:100px; text-align:center; color:#3c3c3c;}
ul#ozellikler li:hover figure i{color:#ccc;}

ul#ozellikler li.ozellikkutu1{margin-right:2%; margin-bottom:2%;}
ul#ozellikler li.ozellikkutu2{margin-right:0%; margin-bottom:2%;}



#pagetitle{width:80%; height:80px; float:left; padding:100px 10%; color:#fff; background:#3a7cd1; position:relative;}
#pagetitle h1{width:auto; height:80px; float:left; line-height:80px; font-weight:500; font-size:28px;}
#pagetitle ul{width:auto; height:80px; float:right; line-height:80px; font-size:13px; padding:0px 8px;}
#pagetitle ul li{width:auto; height:auto; float:left;}
#pagetitle ul li:after{font-family: "FontAwesome"; content: "\f105"; padding:0px 5px;}
#pagetitle ul li:last-child:after{display:none;}
#pagetitle ul li a{color:#fff;}
#pagetitle ul li a:Hover{color:#fff;}

#sol{width:40%; height:auto; float:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21);  box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); background:#FFFFFF;}
#sol figure,#sol figure img{width:100%; height:auto; float:left;}

#sag{width:55%; height:auto; min-height:500px; float:left; font-size:18px; font-weight:300; margin-left:5%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sag h3{display:block; margin-bottom:20px; font-size:36px; font-weight:500; position:relative;}
#sag h3:before{
    background: #ff0000;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    margin: 0 0 -3px;
    position: absolute;
    width: 40px;
}
#sag p{display:block; margin-bottom:20px;}

#urunsol{width:30%; height:auto; float:left;}
#urunsol img{width:100%; height:auto; float:left;}
#urunsag{width:65%; height:auto; float:left; margin-left:5%;}
#urunsag h3{width:100%; height:auto; float:left; margin-bottom:20px; color:#d50000; font-weight:500;}
#urunsag p{width:100%; height:auto; float:left; margin-bottom:20px;}


ul#resimler{width:100%; height:auto; float:left; padding:0px 0%;}
ul#resimler li{width:21.5%; height:auto; float:left; text-align:center; cursor:pointer; padding:1%; transition: all 0.3s ease 0s;
-moz-box-shadow:0px 0px 20px #d8d8d9; -webkit-box-shadow:0px 0px 20px #d8d8d9;  box-shadow:0px 0px 20px #d8d8d9;}
ul#resimler li:hover figure img,ul#resimler li:focus figure img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
ul#resimler li h3{width:100%; height:auto; float:left; margin:30px 0px; font-weight:500;}
ul#resimler li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#resimler li figure img{width:100%; height:auto; float:left;}
ul#resimler li.resimkutu1{margin-right:2%; margin-bottom:3%;}
ul#resimler li.resimkutu2{margin-right:0%; margin-bottom:3%;}


ul#urunler{width:100%; height:auto; float:left; padding:0px 0%;}
ul#urunler li{width:23.5%; height:auto; float:left; text-align:center; cursor:pointer; padding:1%; transition: all 0.3s ease 0s; border:1px solid #f4f4f4;}
ul#urunler li:Hover{-moz-box-shadow:0 10px 50px rgba(0,0,0,0.08); -webkit-box-shadow:0 10px 50px rgba(0,0,0,0.08);  box-shadow:0 10px 50px rgba(0,0,0,0.08);}
ul#urunler li h3{width:100%; height:50px;; float:left; margin:30px 0px 10px 0px; font-weight:500;}
ul#urunler li h5{width:100%; height:20px; float:left; line-height:20px; margin:5px 0px 20px 0px; font-weight:500; font-size:14px;}
ul#urunler li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#urunler li figure img{width:100%; height:auto; float:left;}
ul#urunler li.urunkutu1{margin-right:2%; margin-bottom:3%;}
ul#urunler li.urunkutu2{margin-right:0%; margin-bottom:3%;}


ul#haberler{width:100%; height:auto; float:left; padding:0px 0%;}
ul#haberler li{width:21.5%; height:auto; float:left; text-align:center; cursor:pointer; padding:1%; transition: all 0.3s ease 0s;
-moz-box-shadow:0px 0px 20px #d8d8d9; -webkit-box-shadow:0px 0px 20px #d8d8d9;  box-shadow:0px 0px 20px #d8d8d9;}
ul#haberler li:hover figure img,ul#urunler li:focus figure img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
ul#haberler li h3{width:100%; height:auto; float:left; margin:30px 0px; font-weight:500;}
ul#haberler li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#haberler li figure img{width:100%; height:auto; float:left;}
ul#haberler li.haberkutu1{margin-right:2%; margin-bottom:3%;}
ul#haberler li.haberkutu2{margin-right:0%; margin-bottom:3%;}


ul#belgeler{width:100%; height:auto; float:left; padding:0px 0%;}
ul#belgeler li{width:21.5%; height:auto; float:left; text-align:center; cursor:pointer; padding:1%; transition: all 0.3s ease 0s;
-moz-box-shadow:0px 0px 20px #d8d8d9; -webkit-box-shadow:0px 0px 20px #d8d8d9;  box-shadow:0px 0px 20px #d8d8d9;}
ul#belgeler li:hover figure img,ul#urunler li:focus figure img{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
ul#belgeler li h3{width:100%; height:auto; float:left; margin:30px 0px; font-weight:500;}
ul#belgeler li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#belgeler li figure img{width:100%; height:auto; float:left;}
ul#belgeler li.belgekutu1{margin-right:2%; margin-bottom:3%;}
ul#belgeler li.belgekutu2{margin-right:0%; margin-bottom:3%;}

ul#arama{width:100%; height:auto; float:left;}
ul#arama li{width:100%; height:auto; float:left; line-height:24px; border-bottom:1px solid #ddd;}
ul#arama li:last-child{border-bottom:0px solid #ddd;}

#kariyer{width:100%; height:auto; list-style:none; float:left;  padding:2% 0;}
#kariyer h3{ width:100%; height:auto; float:left; line-height:30px; margin-bottom:20px;}
#kariyer ul{width:100%; height:auto; list-style:none; float:left;}
#kariyer ul li{width:23.5%; height:auto; list-style:none; float:left; margin-right:2%; margin-bottom:2%;}
#kariyer ul li:last-child{margin-right:0%!important;}
#kariyer .textarea{width:100%; height:auto; float:left;}
#kariyer .textarea textarea{width:100%!important; height:100px; float:left;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; border: 1px solid #d1d1d1;outline:0;}
#kariyer label{width:100%; height:18px; line-height:18px; float:left; font-size:13px; color:#ccc;}
#kariyer ul li:hover label{color:#333;}
#kariyer ul li input{width:100%; height:34px; line-height:34px; float:left;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; border: 1px solid #d1d1d1; text-align:center;}
#kariyer ul li select{width:100%; height:34px; line-height:34px; float:left;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; border: 1px solid #d1d1d1; text-align:center;}
#kariyer button{width:50%; height:40px; float:left; margin:10px 25%;}

#about{width:100%; height:auto; float:left; padding:200px 0%; background-image:url(../images/aboutbg.jpg);}




#iletisimsol{width:35%; height:auto; float:left;}
#iletisimsol ul{width:90%; height:auto; float:left; padding:5%; background:#f9f9f9;}
#iletisimsol ul li{width:100%; height:auto; float:left;  line-height:40px; border-bottom:1px solid #f1f1f1; font-size:15px; font-weight:500;}
#iletisimsol ul li:last-child{border-bottom:0px solid #d1d1d1;}
#iletisimsol ul li i{font-size:24px; color:#000; margin-right:10px;line-height:40px;}
#iletisimsag{width:60%; height:auto; float:left; margin-left:5%;}


footer{width:70%; height:auto; padding:40px 15%; float:left; font-size:13px; background:#474747;  color:#cccccc; border-bottom:1px solid #2a2929;}
footer ul li{height:40px; float:left; line-height:40px;}
footer ul li img{width:auto; height:40px; display:inline-block;}
footer ul li:first-child{width:30%; text-align:left;}
footer ul li:first-child a{color:#cccccc; font-size:18px; margin-right:10px;}
footer ul li:nth-child(2){width:40%; text-align:center;}
footer ul li:last-child{width:30%; text-align:right;}
footer ul li:last-child a{color:#cccccc; font-size:18px; margin-right:10px;}


#footeralt{width:70%; height:40px; float:left; padding:0px 15%; line-height:40px; background:#0091d0; text-align:center;}
#footeralt a{color:#fff;}
#footeralt a:Hover{color:#fff; text-decoration:underline;}

@media only screen and (min-width: 960px){ ul#hmenu{display:none!important;}}
@media only screen and (max-width: 959px){ nav ul.primary{display:none!important;}}
@media only screen and (max-width: 959px){
#container{width:100%; height:auto; float:left; margin:0px 0%;}

#top{width:100%; height:auto; float:left; padding:0px 0%; line-height:34px; background:#f0f4f7; border-bottom:1px solid #FFFFFF;}
#top ul:first-child{display:none;}
#top ul:last-child{width:100%; height:auto; float:left; font-size:12px;}
#top ul:last-child li{ height:38px; float:left; color:#8e9dad; margin-left:0px; cursor:pointer; text-align:center;}
#top ul:last-child li:last-child{margin-left:0px;}
#top ul:last-child li:nth-child(1){width:33.333333%;}
#top ul:last-child li:nth-child(2){width:33.333333%;}
#top ul:last-child li:nth-child(3){width:33.333333%;}
#top ul:last-child li:nth-child(4){ display:none;}

header{width:100%; height:auto; padding:5px 0% 5px 0%; float:left; position:relative;}
header .logo{width:100%; height:70px; float:left; cursor:pointer; text-align:center;}
header .logo img{width:auto; height:100%; float:none; margin:0px auto;}


/************/

.Toogle{width:40px; height:40px; line-height:40px; color:#ccc; background:#333; font-size:22px; text-align:center; position:absolute; right:10px; top:20px; display:block;}
#search{display:none;}
header{width:100%; height:auto; padding:3px 0% 0px 0%;}
header .logo{width:100%; height:80px; float:left; text-align:center;}
header .logo img{width:auto; height:70px; float:none; margin:5px auto;}
header ul.headersag{ display:none;}

nav {width:90%; height:auto; float:left; background:#fff!important; position: relative; z-index:11; padding:0px 5%; margin:0px 0px;}
.primary{display:none;}
ul#hmenu{width:100%; height:auto; float:left; margin:0px 0%; display:none;}
ul#hmenu li{height:auto; float:left;}
ul#hmenu li.hmenuust{width:100%; border-bottom:1px dotted #d1d1d1; font-weight:700; font-size:14px;}
ul#hmenu li.hmenuust a{padding:0px 0% 0px 2%!important; line-height:40px;}
ul#hmenu li.hmenualt{width:100%; border-bottom:1px dotted #d1d1d1; font-weight:400; font-size:14px;}
ul#hmenu li.hmenualt a{padding:0px 0% 0px 5%!important; line-height:40px;}
#hlogo{display:none;}

#intro{ width:100%; height:320px; float:left; margin:0px 0px; position:relative; background:#fff;}
.introresim{width:100%; height:auto; float:left; }
.introresim section{ display:none;}

/***************  / Petek Tasarim/  ***************/
ul#ozellikler li{width:90%; margin:0px 5%;}
ul#ozellikler li.ozellikkutu1{margin-right:0%;}


#sol{width:100%; height:auto; float:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21);  box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.21); background:#FFFFFF;}
#sol figure,#sol figure img{width:90%; height:auto; float:left; margin:5%;}
#sag{width:90%; height:auto; min-height:auto; margin-left:0%; padding:5%;}


ul#alturunler{width:100%; height:auto; float:left; padding:0px 0%;}
ul#alturunler li{width:100%; padding:1%;}
ul#alturunler li.alturunkutu1{margin-right:0%;}


ul#haberler{width:90%; height:auto; float:left; padding:0px 5%;}
ul#haberler li{width:100%;}
ul#haberler li.haberkutu1{margin-right:0%;}


ul#belgeler{width:90%; height:auto; float:left; padding:0px 5%;}
ul#belgeler li{width:46%; margin:0px 1%;}
ul#belgeler li.belgekutu1{margin-right:0%;}

ul#resimler{width:90%; height:auto; float:left; margin:0px 5%;}
ul#resimler li{width:100%;}

ul#resimler li.resimkutu1{margin-right:0%;}

#pagetitle{width:80%; height:80px; float:left; padding:30px 10%; color:#000; position:relative;}
#pagetitle h1{width:100%; height:80px; float:left; line-height:80px; text-align:center; font-weight:500;}
#pagetitle ul{ display:none;}

ul#urunler{width:100%;  padding:0px 0%;}
ul#urunler li{width:94%; margin:3%; padding:3%;}
ul#urunler li.urunkutu1{margin-right:0%;}

#urunsol{width:90%; padding:0px 5%;}
#urunsag{width:90%; margin-left:0%; padding:30px 5%;}

ul#hizmetler{width:96%; padding:0px 2%;}
ul#hizmetler li{width:98%; padding:1%;}
ul#hizmetler li.hizmetkutu1{margin-right:0%;}

ul#hizmetler {width:90%; padding:5%;}
ul#hizmetler li{width:98%; padding:1%;}
ul#hizmetler li.hizmetkutu1{margin-right:0%;}

#kariyer{width:96%; padding:2%;}
#kariyer ul li{width:100%; margin-right:0%;}


ul#referanslar{width:100%; height:auto; float:left; padding:0px 0%;}
ul#referanslar li{width:96%; padding:2%;}
ul#referanslar li.urunkutu1{margin-right:0%;}
ul#referanslar li h3{background:rgba(0,0,0,1); color:rgba(255,255,255,1);}

#referansdetaysol{width:96%; padding:0px 2%;}
#referansdetaysol figure span{ display:none;}
#referansdetaysag{width:96%; margin-left:0%; padding:2%;}

#iletisimsol{width:96%; height:auto; float:left; padding:2%;}
#iletisimsag{width:96%; margin-left:0%; padding:2%;}



ul#footerust{width:100%; height:75px; float:left; background:#000; padding:10px 0%; border-top:5px solid #d2ac66; border-bottom:1px solid #2a2929;}
ul#footerust li{height:75px; float:left;}
ul#footerust li img{max-width:100%; display:inline-block;}
ul#footerust li:first-child{display:none;}
ul#footerust li:nth-child(2){width:100%; text-align:center;}
ul#footerust li:last-child{display:none;}


footer{width:100%; height:auto; padding:30px 0%; float:left; font-size:13px; background:#000;  color:rgba(255,255,255,0.5); border-bottom:1px solid #2a2929;}
footer ul{width:100%; height:auto; float:left; font-size:14px; text-align:center;}
footer ul li{max-width:100%; display:block;}

#footeralt{width:100%; height:auto; padding:0px 0%;}
#footeralt .footeraltsol{width:100%;text-align:center;}
#footeralt .footeraltsag{width:100%;text-align:center;}

}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}