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: 'Open Sans', sans-serif;
font-size:14px;
}
.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);}
/**********/


#top{width:80%; height:32px; padding:0px 10% 0px 10%; float:left;  background:rgba(204,207,210,1); color:#000;}

#top ul{width:auto; height:32px; float:left; line-height:32px;}
#top ul li{width:auto; height:32px; float:left; margin-right:3px;}
#top ul li a{color:rgba(0,0,0,0.5); padding:0px 8px; text-align:center; font-size:17px; display:block; line-height:32px;}
#top ul li a:Hover{color:rgba(0,0,0,1);}
#top ul li i{line-height:32px; text-align:center;}



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


header{width:80%; height:90px; padding:3px 10% 0px 10%; float:left; color:#000;}
header .logo{width:auto; height:60px; float:left; padding:10px 0px; cursor:pointer; }
header .logo h1{width:auto; height:40px; display:block; font-size:32px; line-height:40px; color:rgba(0,0,0,1); font-family:Arial, Helvetica, sans-serif;}
header .logo p{width:auto; height:20px; display:block; line-height:20px; color:rgba(0,0,0,0.5);}

header ul.headersag{width:auto; height:38px; float:right; margin:24px 0px;}
header ul.headersag li{width:auto; height:auto; float:left; line-height:38px; font-size:16px; font-weight:600; padding:0px 9px; background:rgba(7,86,141,1); color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-left:8px;}




.yanarsoner {
animation:yanson 1s infinite;
-webkit-animation:yanson 1s infinite;
-moz-animation:yanson 1s infinite;
-o-animation:yanson 1s infinite;
animation: yanson 1s infinite; 
}
@-webkit-keyframes yanson {
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes yanson{
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes yanson {
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes yanson {
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}




/************/
.Toogle{display:none;}
#hmenu{display:none;}
nav {width:80%; height:60px; float:left; background:rgba(7,86,141,1); 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 8px;}
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:#fff; font-size:14px; font-weight:600;}
nav ul.primary:after{clear: both;}
nav ul.primary li.primaryli:Hover a{color:#fff; background:rgba(255,255,255,0.1);}
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:450px; float:left; position:relative; margin-top:-60px; z-index:10;} 
.introresim{width:100%; height:450px; float:left; }
.introresim section{width:40%; height:100%; float:left; display:table; margin:0px 50% 0px 10%; padding:0; z-index:1; position:relative; color:#000; text-shadow:2px 2px 9px #fff;}
.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; }
.introresim section article p{width:100%; height:auto; font-weight:400; font-size:16px; display:block; margin:10px 0px;}
#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.2); color:#fff; font-size:24px;}
#intro .introsol:Hover{background: rgba(0,0,0,0.5);}
#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.2); color:#fff; font-size:24px;}
#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:10px; 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: #FFCC00; 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:#FFCC00;}
#intro ul.intronumber li.manset2{color:#fff; background:#fff; width:24px; 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;}

#whatsapp{width:70%; height:auto; float:left; padding:20px 5%; margin:30px 10%; background:rgba(7,86,141,1); color:#FFFFFF;}
#whatsapp a{color:rgba(255,255,255,0.8);}
#whatsapp .solwhatsapp{width:70%; height:100px; float:left; color:rgba(255,255,255,0.8); font-size:12px; display: table;}
#whatsapp .solwhatsapp p{width:100%; height:auto; display: table-cell; vertical-align: middle;}
#whatsapp .sagwhatsapp{width:25%; height:60px; float:left; font-size:24px; display:table; margin:20px 0 20px 5%; text-align:center;}
#whatsapp .sagwhatsapp p{width:auto; height:auto; border:1px solid #FFFFFF; background:rgba(0,0,0,0.2); cursor:pointer; display:table-cell;vertical-align:middle;}


/***************  / Petek Tasarim/  ***************/
#about{width:80%; height:auto; padding:100px 10% 100px 10%; float:left; display:table;
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;}
.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:600; margin-bottom:30px;}
.aboutalt section p{width:100%; height:auto; font-size:16px; font-weight:400; font-style:italic;}



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;
-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);
}
ul#hizmetler 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#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:1.05em; display:block; margin:10px 0px;}
ul#hizmetler li p{width:100%; height:auto; float:left; font-size:14px; display:block; color:#909090;}
ul#hizmetler li.hizmetkutu1{margin-right:2%; margin-bottom:2%;}
ul#hizmetler li.hizmetkutu2{margin-right:0%; margin-bottom:2%;}


ul#blog{width:100%; height:auto; float:left; position:relative;}
ul#blog li{width:23.5%; height:auto; float:left; text-align:center; padding:2%; background:#FFFFFF; cursor:pointer;
-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);
}
ul#blog 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#blog li figure{width:100%; height:auto; float:left;}
ul#blog li figure img{width:100%; height:auto; float:left;}
ul#blog li h3{width:100%; height:40px; float:left; font-size:1.05em; display:block; margin:10px 0px;}
ul#blog li p{width:100%; height:auto; float:left; font-size:14px; display:block; color:#909090;}
ul#blog li.blogkutu1{margin-right:2%; margin-bottom:2%;}
ul#blog li.blogkutu2{margin-right:0%; margin-bottom:2%;}

ul#kelimeler{width:100%; height:auto; float:left; position:relative; font-family:"Times New Roman", Times, serif; font-size:13px;}
ul#kelimeler li{width:100%; height:auto; float:left; line-height:32px; border-bottom:1px dotted #d1d1d1;}
ul#kelimeler li.iller{width:100%;}
ul#kelimeler li a{color:#666666;}
ul#kelimeler li a:Hover{color:#000; text-decoration:underline;}
ul#kelimeler li.ilceler{width:95%; padding-left:5%;}


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;
-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);
}
ul#urunler 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#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:1.05em; display:block; margin:10px 0px;}
ul#urunler li p{width:100%; height:auto; float:left; font-size:14px; display:block; color:#909090;}
ul#urunler li.urunkutu1{margin-right:2%; margin-bottom:2%;}
ul#urunler li.urunkutu2{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;}




/***************  / 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:600;}
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-weight:300; font-size:12px; border-bottom:1px dotted #ecdded;}
.bread h3{width:100%; height:auto; float:left; font-size:26px; margin-bottom:10px;}
.bread p{width:100%; height:auto; float:left; font-size:13px;}
.bread a:hover{color:rgba(7,177,7,1);}

#govde{ width:80%; height:auto; float:left; margin:0px 10%;}

/***************  / Petek Tasarim/  ***************/
ul#resimler{width:100%; height:auto; float:left;}
ul#resimler li{width:32%; height:auto; float:left;}
ul#resimler li:Hover{-webkit-box-shadow: 0px 0px 12px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 12px 0px rgba(204,204,204,1); box-shadow: 0px 0px 12px 0px rgba(204,204,204,1);}
ul#resimler li figure{width:100%; height:auto; float:left;}
ul#resimler li img{width:100%; height:auto; float:left;}
ul#resimler li.resimkutu1{margin-right:2%; margin-bottom:2%;}
ul#resimler li.resimkutu2{margin-right:0%; margin-bottom:2%;}

#hizmetdetay{width:80%; height:auto; margin:0px 10%; float:left;  font-size:14px; 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;}
#hizmetdetaysol{width:25%; height:auto; float:left;}
#hizmetdetaysol ul{width:100%; height:auto; float:left;}
#hizmetdetaysol ul li{width:100%; height:32px; line-height:32px; float:left; border-bottom:1px dotted #d1d1d1; font-size:14px;}
#hizmetdetaysol ul li:Hover{background:rgba(7,177,7,0.2);}
#hizmetdetaysol ul li.aktifhizmet{background:rgba(7,177,7,1);}
#hizmetdetaysol ul li.aktifhizmet a{color:#FFFFFF;}
#hizmetdetaysol ul li a{display:block; padding-left:5%; font-weight:600;}
#hizmetdetaysol ul li a.pasifhizmet{color:#aaaaaa;}

#hizmetdetaysag{width:70%; height:auto; float:left; margin-left:5%; font-size:14px;}
#hizmetdetaysag figure{width:100%; height:auto; float:left;}
#hizmetdetaysag figure img{width:100%; height:auto; float:left;}
#hizmetdetaysag img{max-width:100%; float:left;}
#hizmetdetaysag h3{width:100%; height:auto; float:left;  paddmargin-bottom:26px; font-size:25px; font-weight:600;}
#hizmetdetaysag p{width:100%; height:auto; float:left; margin-bottom:20px;}
#hizmetdetaysag p iframe,#detaysag p ifframe,#detaysag p table{width:100%; max-width:100%; float:left; margin:20px 0px;}



#detay{width:80%; height:auto; margin:0px 10%; float:left;  font-size:14px; 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;}
#detaysol{width:25%; height:auto; float:left;}
#detaysol ul{width:100%; height:auto; float:left;}
#detaysol ul li{width:100%; height:32px; line-height:32px; float:left; border-bottom:1px dotted #d1d1d1; font-size:14px;}
#detaysol ul li:Hover{background:rgba(7,177,7,0.2);}
#detaysol ul li a{display:block; padding-left:5%; font-weight:600;}
#detaysol ul li a.pasifhizmet{color:#aaaaaa;}

#detaysag{width:70%; height:auto; float:left; margin-left:5%; font-size:14px;}
#detaysag figure{width:100%; height:auto; float:left;}
#detaysag figure img{width:100%; height:auto; float:left;}
#detaysag img{max-width:100%; float:left;}
#detaysag h3{width:100%; height:auto; float:left;  paddmargin-bottom:26px; font-size:25px; font-weight:600;}
#detaysag p{width:100%; height:auto; float:left; margin-bottom:20px;}
#detaysag 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:#fff; color:#bfc8d2; font-size:12px;}
footer a{color:#bfc8d2;}
footer a:Hover{color:#8e9dad;}
footer .footersol{width:30%; height:auto; float:left;}
footer .footerorta{width:40%; height:auto; float:left;}
footer .footerorta ul{width:100%; height:auto; float:left; text-align:center;}
footer .footerorta ul li{width:28px; height:28px; margin:0px auto; line-height:24px; display:inline-block;}
footer .footerorta ul li i{ width:24px; height:24px; text-align:center; color:#FFFFFF; line-height:24px; background:#bfc8d2!important;}
footer .footersag{width:30%; 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;}
@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: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{width:100%; height:38px; float:right; margin:24px 0px;}
header ul.headersag li{width:46%; height:auto; float:left; line-height:38px; font-size:16px; font-weight:600; padding:0px 0px; background:rgba(33,150,243,1); color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-left:0px; margin:0px 2%; text-align:center;}


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:#333; 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:80%; height:100%; margin:0px 10% 0px 10%; 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;}

/***************  / Petek Tasarim/  ***************/
#whatsapp{width:80%; padding:20px 5%; margin:30px 5%;}
#whatsapp .solwhatsapp{width:100%; height:auto;}
#whatsapp .sagwhatsapp{width:100%; height:60px; margin-left:0;}
#whatsapp .sagwhatsapp p{width:auto; height:auto;}

/***************  / Petek Tasarim/  ***************/
#about{width:90%; padding:0px 5% 0px 5%;}
.aboutust figure{width:100px; height:100px; margin:0px auto; overflow:hidden; background:#f6ecf7; border:1px solid #dcb6de; padding:5px;}
.aboutust figure img{width:100%; height:100%; margin:0px auto; overflow:hidden;}
.aboutalt{width:100%; margin:0px 0%;}


/***************  / Petek Tasarim/  ***************/
#eteklif{width:86%; height:auto; float:left; margin:0px 5%; padding:2%; background:rgba(255,255,255,0.1);}
#eteklif section p{width:99%;}
#eteklif section button{width:100%;margin:0px 0%;}

ul#hizmetler li{width:96%;}
ul#hizmetler li.hizmetkutu1{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;}





/***************  / 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) {}