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:#333;
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:400;
}
h1,h2,h3,h4,h5,h6{ font-weight:400;}
.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.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.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);}
.shadow5{-webkit-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); -moz-box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15); box-shadow: 0 18px 42px 0 rgba(28, 30, 35, 0.15);}
.shadow6{box-shadow: 0 5px 25px 0 rgba(41,128,185,.15);}
.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;}
.temizle{ clear:both;}
.temizlesol{clear:left;}
.temizlesag{clear:right;}
a{color:#444444; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}
#row{width:100%; height:auto; float:left;}
#container{width:80%; height:auto; float:left; margin:0px 10%;}
.colorline{ width:100%; height:3px; float:left; background:url(../images/colourfull-line.jpg);}
/**********/


#arama{width:80%; height:32px; padding:0px 10% 0px 10%; float:left;  background:rgba(204,207,210,1); color:#000; display:none;}
#arama form{width:auto; height:32px; float:right; border:0; outline:0; text-align:center; position:relative;}
#arama input{width:160px; height:32px; float:left; border:0; outline:0; padding:0px 15%; text-align:center; background:rgba(255,255,255,0);}
#arama button{width:24px; height:32px; float:left; border:0; outline:0; cursor:pointer; font-weight:400; background:rgba(255,255,255,0); position:absolute; right:0; top:0;}
#arama ::-webkit-input-placeholder {color:#8e9dad;}
#arama ::-moz-placeholder {color:#8e9dad;}
#arama :-ms-input-placeholder {color:#8e9dad;}
#arama :-moz-placeholder {color:#8e9dad;}


header{width:80%; height:80px; padding:0px 10%; float:left; color:#000; position:relative; font-size:12px; font-weight:300;}
header figure{width:auto; height:76px; float:left;}
header figure img{width:auto; height:76px; margin:0px auto;}

header ul{width:auto; height:40px; float:right; margin:20px 0px; position:inherit; z-index:2;}
header ul li{width:auto; height:auto; float:left; line-height:40px; font-size:13px; font-weight:500; background:#fff; color:#666; margin-left:8px;}
header ul li a{line-height:40px; padding:0px 12px; border:1px solid #ebebeb; display:block; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
header ul li a:Hover{background:#347fc2; border:1px solid #347fc2; color:#fff; display:block;}
header ul li i{color:#347fc2;}
header ul li a:Hover i{color:#fff;}




/************/
.Toogle{display:none;}
#hmenu{display:none;}
nav {width:80%; height:60px; float:left; background:#347fc2; position: relative; z-index:11; padding:0px 10%;}
nav ul.primary{width:100%; height:60px; position:relative; margin:0px 0px; float:left; text-align:center;}
nav ul.primary li.primaryli{width:auto; height:60px; display:inline-block; margin:0px 0px;}
nav ul.primary li.primaryli:last-child{border-right:0px solid #666;}
nav ul.primary li.primaryli a{display:block; padding:0px 12px; line-height:60px; color:#fff; font-size:14px; font-weight:500; position:relative;}
nav ul.primary li.primaryli a span{width:0px; height:3px; position:absolute; left:0; top:0; background:#ebebeb;}
nav ul.primary li.primaryli:Hover a span{width:100%; height:3px; position:absolute; left:0; top:0;}
nav ul.primary:after{clear: both;}
nav ul.primary li.primaryli:Hover a{color:#ebebeb;}
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; z-index:200; display:none; padding:10px; }
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;}


/***************  / Petek Tasarim/  ***************/
#intro{ width:100%; height:500px; float:left; position:relative; margin-top:-60px; z-index:10;} 
#intro .introgradient{background: rgba(0, 0, 0, 0.95); background: -webkit-linear-gradient(legacy-direction(transparent), rgba(0, 0, 0, 0.95)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.70)); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.introresim{width:100%; height:500px; float:left;}
.introresim section{width:40%; height:100%; float:left; display:table; margin:0px 50% 0px 10%; padding:0; z-index:2; position:relative; color:#fff; text-shadow:2px 2px 9px #000;}
.introresim section article{width:100%; height:auto; display: table-cell; vertical-align: middle;}
.introresim section article h1{width:100%; height:auto; font-size:40px; font-weight:600; display:block; }
#intro .introsol{width:50px; height:50px; line-height:50px; position:absolute; left:10px; top:50%; margin-top:-25px; z-index:2; cursor:pointer; text-align:center; background:none; color:#fff; border:1px solid #FFFFFF; font-size:24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#intro .introsol:Hover{background: rgba(0,0,0,0.5);}
#intro .introsag{width:50px; height:50px; line-height:50px; position:absolute; right:10px; top:50%; margin-top:-25px; z-index:2; cursor:pointer; text-align:center; background: none; color:#fff; border:1px solid #FFFFFF; font-size:24px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#intro .introsag:Hover{background: rgba(0,0,0,0.5);}
#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:8px; 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; line-height:30px; text-align:center; list-style:none; cursor:pointer; margin:1px 0px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#intro ul.intronumber li.manset1{color:#666666; background:none; border:1px solid #fff; width:12px; height:12px; -webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
#intro ul.intronumber li.manset1:Hover{color:#000; background:#fff;}
#intro ul.intronumber li.manset2{color:#fff; background:#fff; border:1px solid #fff; width:36px; height:12px; -webkit-transition:all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}



#hometitle{width:70%; height:auto; float:left; padding:50px 15% 20px 15%; text-align:center;}
#hometitle h2{width:100%; height:auto; float:left; font-size:30px; font-weight:300; color:#347fc2; margin-bottom:20px;}

/***************  / Petek Tasarim/  ***************/
#about{width:100%; height:auto; padding:0px; float:left; background-image:url(../images/aboutbg.jpg); background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; color:#FFFFFF; text-shadow:1px 1px #000;}
#aboutic{width:100%; height:auto; padding:250px 0%; float:left; }
.aboutalt{width:60%; height:auto; float:left; margin:0px 20%;}
.aboutalt section{width:100%; height:auto; text-align:center;}
.aboutalt section h3{width:100%; height:auto; font-size:28px; font-weight:400; margin-bottom:30px;}
.aboutalt section p{width:100%; height:auto; font-size:16px; font-weight:400; font-style:italic;}


ul#urunler{width:100%; height:auto; float:left; position:relative;}
ul#urunler li{width:23.5%; height:auto; float:left; text-align:center; padding:2%; background:#FFFFFF; cursor:pointer; border:1px solid #ebebeb;}
ul#urunler li:Hover{box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, .3), 0 0 1.5rem .5rem rgba(33, 37, 41, .05)!important;}
ul#urunler li figure{width:100%; height:auto; float:left;}
ul#urunler li figure img{width:100%; height:auto; float:left;}
ul#urunler li h3{width:100%; height:40px; float:left; font-size:15px; font-weight:400; display:block; margin:20px 0px;}
ul#urunler li.urunkutu1{margin-right:2%; margin-bottom:2%;}
ul#urunler li.urunkutu2{margin-right:0%; margin-bottom:2%;}

ul#hizmetler{width:100%; height:auto; float:left; position:relative;}
ul#hizmetler li{width:23.5%; height:auto; float:left; text-align:center; padding:2%; background:#FFFFFF; cursor:pointer; border:1px solid #ebebeb;}
ul#hizmetler li:Hover{box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, .3), 0 0 1.5rem .5rem rgba(33, 37, 41, .05)!important;}
ul#hizmetler li figure{width:100%; height:auto; float:left;}
ul#hizmetler li figure img{width:100%; height:auto; float:left;}
ul#hizmetler li h3{width:100%; height:40px; float:left; font-size:15px; font-weight:400; display:block; margin:20px 0px;}
ul#hizmetler li.hizmetkutu1{margin-right:2%; margin-bottom:2%;}
ul#hizmetler li.hizmetkutu2{margin-right:0%; margin-bottom:2%;}

ul#resimler{width:80%; height:auto; float:left; position:relative; margin:0px 10%;}
ul#resimler li{width:32%; height:auto; float:left; text-align:center; padding:1%; background:#FFFFFF; cursor:pointer; border:1px solid #ebebeb;}
ul#resimler li:Hover{box-shadow: 0 2.25rem 1.5rem -1.5rem rgba(33, 37, 41, .3), 0 0 1.5rem .5rem rgba(33, 37, 41, .05)!important;}
ul#resimler li figure{width:100%; height:auto; float:left;}
ul#resimler li figure img{width:100%; height:auto; float:left;}
ul#resimler li h3{width:100%; height:30px; float:left; font-size:14px; font-weight:400; display:block; margin:10px 0px;}
ul#resimler li.resimkutu1{margin-right:2%; margin-bottom:2%;}
ul#resimler li.resimkutu2{margin-right:0%; margin-bottom:2%;}


/***************  / Petek Tasarim/  ***************/
ul#mevzuatlar{width:100%; height:auto; float:left; position:relative;}
ul#mevzuatlar li{width:100%; height:auto; float:left; padding:10px 0px; background:#FFFFFF; border-bottom:1px solid #ebebeb;}
ul#mevzuatlar li a{width:auto; height:auto; float:left; font-size:15px; font-weight:400;}


/***************  / Petek Tasarim/  ***************/
ul#homekutular{width:100%; height:auto; float:left; margin:0px 0%;}
ul#homekutular li{width:23.5%; height:auto; float:left; text-align:center; padding:2%; background:#FFFFFF; cursor:pointer; border:1px solid #ebebeb; position:relative;}
ul#homekutular li:Hover{box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); box-shadow: 0 0 30px 0 rgba(0,0,0,.05);}
ul#homekutular li figure{width:50px; height:50px; position:absolute; top:-25px; left:50%; margin-left:-25px; background:#88c136; overflow:hidden;}
ul#homekutular li figure i{width:100%; height:100%; text-align:center; line-height:50px; color:#FFFFFF;}
ul#homekutular li article{width:100%; height:80px; float:left; display:table;}
ul#homekutular li article h3{width:100%; height:auto; font-size:15px; font-weight:400; display: table-cell; vertical-align: middle;}
ul#homekutular li.homekutu1{margin-right:2%; margin-bottom:2%;}
ul#homekutular li.homekutu2{margin-right:0%; margin-bottom:2%;}


/***************  / Petek Tasarim/  ***************/
#map{width:60%; height:400px; float:left; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden;}
ul#iletisimbilgileri{width:38%; height:auto; float:left; padding:2%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin-left:2%; overflow:hidden;}
ul#iletisimbilgileri li{width:100%; height:auto; float:left; margin-bottom:20px;}
ul#iletisimbilgileri li a{width:30px; height:30px; float:left; display:block; line-height:30px; text-align:center; margin-right:5px; color:#ebebeb;}
ul#iletisimbilgileri li a i{width:30px; height:30px; float:left; display:block; line-height:30px; text-align:center;}

ul#birimler{width:100%; height:auto; float:left; margin:0px 0%;}
ul#birimler li{width:32%; height:auto; min-height:220px; float:left; text-align:center; padding:2%; background:#FFFFFF; cursor:pointer; border:1px solid #ebebeb; position:relative;}
ul#birimler li:Hover{ border:1px solid #ff0000;}
ul#birimler li h3{width:100%; height:auto; font-size:15px; font-weight:600; float:left; margin-bottom:20px;}
ul#birimler li p{width:100%; height:auto; font-size:12px; font-weight:400; float:left; margin-bottom:10px; line-height:14px;}
ul#birimler li.birimkutu1{margin-right:2%; margin-bottom:2%;}
ul#birimler li.birimkutu2{margin-right:0%; margin-bottom:2%;}



/***************  / Petek Tasarim/  ***************/
ul#aramalar{width:100%; height:auto; float:left;}
ul#aramalar li{width:100%; height:auto; float:left; line-height:36px; border-bottom:1px dotted #d1d1d1; color:#bfc8d2;}
ul#aramalar li:last-child{border-bottom:0px dotted #d1d1d1;}
ul#aramalar li:Hover{background:#f9f9f9; color:#8192a5;}
ul#aramalar li span{width:auto; height:36px; float:left; padding:0px 8px; font-weight:400;}
ul#aramalar li h4{width:auto; height:36px; float:left;}
ul#aramalar li code{width:auto; height:36px; float:right; color:#CCCCCC; padding-right:8px;}



/***************  / Petek Tasarim/  ***************/
.bread{width:80%; height:auto; margin:0px 0% 30px 0%; padding:10px 10%; float:left;  font-size:12px; border-bottom:1px dotted #ecdded; background:#ebebeb;}
.bread h3{width:100%; height:auto; float:left; font-size:26px; margin-bottom:10px; font-weight:500;}
.bread p{width:100%; height:auto; float:left; font-size:14px; font-weight:300;}
.bread a:hover{color:rgba(7,177,7,1);}


/***************  / Petek Tasarim/  ***************/
#detayetiketler{ font-size:12px;}

#detay{width:60%; height:auto; margin:0px 20%; float:left; font-size:16px; font-weight:300; border:1px solid rgba(255,255,255,0.9); background:rgba(255,255,255,1); padding:2% 0%; color:#000000; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#detay figure{width:100%; height:auto; float:left; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
#detay figure img{width:100%; height:auto; float:left;}
#detay section{width:100%; height:auto; float:left;}
#detay section img{max-width:100%; float:left;}
#detay section h3{width:100%; height:auto; float:left; font-size:32px; font-weight:300;}
#detay section p{width:100%; height:auto; float:left; margin-bottom:20px;}
#detay section p iframe,#detaysag p ifframe,#detaysag p table{width:100%; max-width:100%; float:left; margin:20px 0px;}

/***************  / Petek Tasarim/  ***************/
footer{width:80%; height:auto; padding:20px 10%; float:left; background:#232323; color:#fff; font-size:12px; border-top:1px solid #FFFFFF;}
footer a{color:#fff;}
footer a:Hover{color:#fff; text-decoration:underline;}
footer .footersol{width:auto; height:auto; float:left;}
footer .footersol ul{width:100%; height:auto; float:left; text-align:center;}
footer .footersol ul li{width:28px; height:28px; margin:0px auto; line-height:24px; display:inline-block;}
footer .footersol ul li i{ width:24px; height:24px; text-align:center; color:#fff; line-height:24px; background:#232323!important;}
footer .footersag{width:auto; height:auto; float: right;}
footer .footersag ul{width:100%; height:auto; float:left;}
footer .footersag ul li{width:auto; height:auto; float:left; line-height:24px;}
footer .footersag ul li i{ width:32px; height:24px; text-align:center; line-height:24px; font-size:18px;}
#bottom{width:70%; height:auto; float:left; padding:30px 15%;  background:#232323; color:#fff; text-align:center;}
#bottom a{color:#FFFFFF;}
.footermetatag{ font-size:8px; background:#232323;}
.footermetatag a{color:#232323;}
@media (min-width: 992px) {}
@media (min-width: 768px) {}
@media (min-width: 993px) {ul#hmenu{display:none!important;}}
@media (max-width: 992px) {


#row{width:100%; height:auto; float:left;}
#container{width:90%; height:auto; float:left; padding:0px 5%; margin:0px 0%;}
#search{display:none;}

header{width:100%; height:auto; padding:0px 0%;}
header figure{width:100%; height:60px; float:left; margin:10px 0px; text-align:center;}
header figure img{width:auto; height:60px; float:none; margin:0px auto;}

header ul{display:none;}


nav {width:100%; height:auto; float:left; background:#fff!important; position: relative; z-index:11; padding:0px 0%; margin:0px 0px;}
.Toogle{display:block; width:100%; height:40px; line-height:40px; color:#fff; background:#347fc2; font-size:22px; text-align:center; border-bottom:1px dotted #d1d1d1;}
.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;}


/***************  / Petek Tasarim/  ***************/
#intro{ width:100%; height:300px; margin-top:0px;}
.introresim{width:100%; height:300px; float:left; }
.introresim section{width:70%; height:100%; margin:0px 15% 0px 15%; text-align:center;}
.introresim section article{width:100%; height:auto; display:table-cell; vertical-align: middle;}
.introresim section article h1{font-size:32px;}
.introresim section article p{font-size:15px;}

#aboutus{width:90%; height:auto; float:left; padding:50px 5%; text-align:center;}
#aboutus h2{width:100%; height:auto; float:left; font-size:30px; font-weight:300; color:#347fc2; margin-bottom:20px;}
#aboutus p{width:100%; height:auto; float:left; font-size:17px; font-weight:300; margin-bottom:30px;}

/***************  / Petek Tasarim/  ***************/
#about{width:100%; height:auto; padding:0px; float:left; background-image:url(../images/aboutbg.jpg); background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center; color:#FFFFFF; text-shadow:1px 3px #000;}
#aboutic{width:100%; height:auto; padding:50px 0%; float:left; background-color:rgba(0,0,0,0.4);}
.aboutalt{width:60%; height:auto; float:left; margin:0px 20%;}
.aboutalt section{width:100%; height:auto; text-align:center;}
.aboutalt section h3{width:100%; height:auto; font-size:28px; font-weight:400; margin-bottom:30px;}
.aboutalt section p{width:100%; height:auto; font-size:16px; font-weight:400; font-style:italic;}



/***************  / Petek Tasarim/  ***************/
ul#urunler li{width:100%;}
ul#urunler li.urunkutu1{margin-right:2%;}

ul#hizmetler li{width:100%;}
ul#hizmetler li.hizmetkutu1{margin-right:2%;}


/***************  / Petek Tasarim/  ***************/
ul#homekutular li{width:100%; }
ul#homekutular li.homekutu1{margin-right:0%;}



/***************  / Petek Tasarim/  ***************/
ul#videolar li{width:100%;}
ul#videolar li.videokutu1{margin-right:0%;}

/***************  / Petek Tasarim/  ***************/
ul#ulkeler li{width:100%; padding:1%;}
ul#ulkeler li.ulkekutu1{margin-right:0%;}

/***************  / Petek Tasarim/  ***************/
ul#makaleler li h3{width:auto; height:60px; float:left;}
ul#makaleler li span{ display:none;}
ul#makaleler li code{ display:none;}

/***************  / Petek Tasarim/  ***************/
ul#aramalar li h3{width:auto; height:60px; float:left;}
ul#aramalar li span{ display:none;}
ul#aramalar li code{ display:none;}

/***************  / Petek Tasarim/  ***************/
ul#resimler li{width:100%; padding:1%;}
ul#resimler li.resimkutu1{margin-right:0%;}
/***************  / Petek Tasarim/  ***************/


/***************  / Petek Tasarim/  ***************/
#map{width:100%; height:250px; float:left; margin-bottom:10px;}
ul#iletisimbilgileri{width:100%; margin-left:0%;}
ul#iletisimbilgileri li{width:100%; height:auto; float:left; margin-bottom:30px;}


ul#birimler{width:100%; height:auto; float:left; margin:0px 0%;}
ul#birimler li{width:100%; height:auto;}
ul#birimler li.birimkutu1{margin-right:0%;}





#detay{width:98%; height:auto; margin:0px 1%;}




/***************  / Petek Tasarim/  ***************/
footer{width:90%; padding:20px 5%;}
footer .footersol{display:none;}
footer .footerorta{display:none;}

footer .footersag{width:100%; height:auto; float:left;}
footer .footersag ul{width:100%; height:auto; float:left;}
footer .footersag ul li{width:100%; height:auto; float:left; line-height:24px;}
footer .footersag ul li i{ width:32px; height:24px; text-align:center; line-height:24px; font-size:18px;}


#bottom{width:70%; height:auto; float:left; padding:15px 15% 15px 15%;  background:#b0bbc8; color:#fff; 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) {}