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%;}
:root {
    --koyurenk:#1a3751;
    --koyurenkhover:#122a3f;
    --acikrenk:#e08a26;
    --acikrenkhover:#e5e3c6;
  }

body{height:100%; background:#f4f4f4; color:#8a8a8a; font-family: 'Poppins', 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.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.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;}
.gecis{background: #b00002; background: -webkit-linear-gradient(to right, #b00002, #dc0002); background: linear-gradient(to right, #b00002, #dc0002);}
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; float:left; margin:0px 10%;}


@-webkit-keyframes pdf {
  0%   { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes pdf {
  0%   { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes pdf {
  0%   { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes pdf {
  0%   { opacity: 0; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}
.yanarsoner{
    -webkit-animation: pdf 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: 10; /* Safari 4.0 - 8.0 */
    animation: pdf 2s;
    animation-iteration-count:10;
}
.topradius{-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}



#top{width:80%; height:38px; padding:0px 10%; float:left; background:var(--acikrenk); z-index:999999; color:#fff; font-size:13px;}
#top ul.topsol{width:auto; height:38px; line-height:38px; float:left; position:relative;}
#top ul.topsol li{width:auto; height:38px; float:left; margin-right:10px;}
#top ul.topsol a{width:auto; height:38px; line-height:38px; float:left; font-weight:500; color:var(--koyurenk);}
#top ul.topsol a:Hover{color:var(--koyurenk);
}
#top ul#topsag{width:auto; height:38px; float:right; font-weight:500; }
#top ul#topsag li{width:auto; height:38px; float:right; line-height:38px;}


header{width:80%; height:75px; padding:5px 10%; float:left; background:#fff; border-top:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; color:#CCCCCC!important}
header .hlogo{width:30%; height:75px; float:left;}
header .hlogo img{max-width:auto; max-height:100%; float:left;}
header form{width:40%; height:45px; float:left; margin:15px 0px; background:transparent; font-size:14px; position:relative;}
header form:Hover{box-shadow:0px 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.20s ease-in-out;}
header form input{width:100%; height:45px; float:left; border:1px solid #ebebeb; outline:0; color:#a2a2a2;}
header form:Hover input{width:100%;}
header form button{width:30%; height:43px; position:absolute; right:1px; top:1px; outline:0; cursor:pointer; border:0px; background:var(--beyaz); color:var(--koyurenk); overflow:hidden; transition: all 0.20s ease-in-out;}
header form:Hover button{width:30%; background:var(--koyurenk); color:var(--beyaz);}
header form ::-webkit-input-placeholder {color:#a2a2a2;}
header form ::-moz-placeholder {color:#a2a2a2;}
header form :-ms-input-placeholder {color:#a2a2a2;}
header form :-moz-placeholder {color:#a2a2a2;}
header .telefon{width:30%; height:75px; float:right;}
header .telefon a{width:auto; height:37px; line-height:37px; float:right; background:var(--acikrenk); color:#fff; margin:19px 0px; padding:0px 9px;}
header .telefon a:Hover{background:var(--koyurenk); color:#fff;}


.Toogle{display:none;}
nav {width:96%; height:49px; float:left; color:#333; padding:0px 2%; font-family: 'Poppins', sans-serif; font-size:13px; font-weight:500; background:var(--koyurenk); border-top:1px solid var(--koyurenk); border-bottom:1px solid var(--acikrenk);} 
nav ul.primary{width:auto; height:49px; position:relative; text-align:center;}
nav ul.primary li{width:auto; height:49px; display:inline-block; margin-left:-4px; border-right:1px solid var(--koyurenkhover); transition: all 0.30s ease-in-out;}
nav ul.primary li:Hover{ background:var(--koyurenk);}
nav ul.primary li:last-child{border-right:0px;}
nav ul.primary li a{display:block; line-height:49px; padding:0px 9px; color:#fff; transition: all 0.30s ease-in-out;}
nav ul.primary li a:Hover{color:#fff; background:var(--acikrenk);}

.hometitle{width:100%; height:auto; float:left; text-align:center; font-size:28px; font-weight:300; margin:30px 0; position:relative;}
.hometitle:before {
    background:var(--koyurenk);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left:50%;
    margin:0 0 0 -150px;
    position: absolute;
    width:300px;
}
#pagetitle{width:80%; height:auto; float:left; padding:30px 10%; color:var(--koyurenk); background:rgba(255,255,255,1);}
#pagetitle h1{width:100%; height:auto; float:left; line-height:60px; text-align:center; font-weight:500;}
#pagetitle ul{width:100%; height:auto; float:left; text-align:center; line-height:32px;}
#pagetitle ul li{width:auto; height:auto; display:inline-block; margin-left:-3px;}
#pagetitle ul li span{width:auto; height:auto; padding:0px 8px;}
#pagetitle ul li a{color:var(--koyurenk);}
#pagetitle ul li a:Hover{color:var(--koyurenk);}

ul#hizmetler{width:100%; height:auto; float:left;}
ul#hizmetler li{width:21.5%; height:auto; float:left; text-align:center; position:relative; overflow:hidden; cursor:pointer; padding:1%; transition: all 0.3s ease 0s; background:#FFFFFF; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);  -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.10);}
ul#hizmetler li:Hover{box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -moz-box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -webkit-box-shadow:0px 5px 15px rgba(0 0 0 / 20%);}
ul#hizmetler li .hizmetrenk{width:100px; height:100px; position:absolute; bottom:-100px; right:-100px; transform: rotate(45deg); background:var(--koyurenk);transition: all 0.20s ease-in-out;}
ul#hizmetler li:Hover .hizmetrenk{bottom:-70px; right:-70px;}
ul#hizmetler li h3{width:100%; height:auto; float:left; margin:10px 0px; font-weight:500; color:#999898; transition: all 0.3s ease 0s;}
ul#hizmetler li:Hover h3{color:#000;}
ul#hizmetler li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#hizmetler li figure img{width:100%; height:auto; float:left;}
ul#hizmetler li.hizmetkutu1{margin-right:2%; margin-bottom:3%;}
ul#hizmetler li.hizmetkutu2{margin-right:0%; margin-bottom:3%;}

ul#urunkategorileri{width:100%; height:auto; float:left;}
ul#urunkategorileri li{width:21.5%; height:auto; float:left; text-align:center; position:relative; overflow:hidden; cursor:pointer; padding:1%; transition: all 0.3s ease 0s; background:#FFFFFF; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);  -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.10);}
ul#urunkategorileri li:Hover{box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -moz-box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -webkit-box-shadow:0px 5px 15px rgba(0 0 0 / 20%);}
ul#urunkategorileri li .urunkategorirenk{width:100px; height:100px; position:absolute; bottom:-100px; right:-100px; transform: rotate(45deg); background:var(--koyurenk);transition: all 0.20s ease-in-out;}
ul#urunkategorileri li:Hover .urunkategorirenk{bottom:-70px; right:-70px;}
ul#urunkategorileri li h3{width:100%; height:auto; float:left; margin:10px 0px; font-weight:500; color:#999898; transition: all 0.3s ease 0s;}
ul#urunkategorileri li:Hover h3{color:#000;}
ul#urunkategorileri li figure{width:100%; height:auto; float:left; overflow:hidden;}
ul#urunkategorileri li figure img{width:100%; height:auto; float:left;}
ul#urunkategorileri li.urunkategorikutu1{margin-right:2%; margin-bottom:3%;}
ul#urunkategorileri li.urunkategorikutu2{margin-right:0%; margin-bottom:3%;}

ul#urunler{width:100%; height:auto; float:left;}
ul#urunler li{width:21.5%; height:auto; float:left; text-align:center; position:relative; overflow:hidden; cursor:pointer; padding:1%; transition: all 0.3s ease 0s; background:#FFFFFF; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);  -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.10);}
ul#urunler li:Hover{box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -moz-box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -webkit-box-shadow:0px 5px 15px rgba(0 0 0 / 20%);}
ul#urunler li .urunrenk{width:100px; height:100px; position:absolute; bottom:-100px; right:-100px; transform: rotate(45deg); background:var(--koyurenk);transition: all 0.20s ease-in-out;}
ul#urunler li:Hover .urunrenk{bottom:-70px; right:-70px;}
ul#urunler li h3{width:100%; height:auto; float:left; margin:10px 0px; font-weight:500; color:#999898; transition: all 0.3s ease 0s;}
ul#urunler li:Hover h3{color:#000;}
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#resimler{width:100%; height:auto; float:left;}
ul#resimler li{width:21.5%; height:auto; float:left; text-align:center; position:relative; overflow:hidden; cursor:pointer; padding:1%; transition: all 0.3s ease 0s; background:#FFFFFF; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);  -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.35); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.10);}
ul#resimler li:Hover{box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -moz-box-shadow:0px 5px 15px rgba(0 0 0 / 20%); -webkit-box-shadow:0px 5px 15px rgba(0 0 0 / 20%);}
ul#resimler li .hizmetrenk{width:100px; height:100px; position:absolute; bottom:-100px; right:-100px; transform: rotate(45deg); background:var(--koyurenk);transition: all 0.20s ease-in-out;}
ul#resimler li:Hover .resimrenk{bottom:-70px; right:-70px;}
ul#resimler li h3{width:100%; height:auto; float:left; margin:10px 0px; font-weight:500; color:#999898; transition: all 0.3s ease 0s;}
ul#resimler li:Hover h3{color:#000;}
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%;}



#homeabout{width:80%; height:auto; float:left; padding:0px 10%; margin:20px 0%; background:#fff;}
#homeabout div:nth-child(1){width:35%; height:355px; font-size:15px; font-weight:300; float:left; display:table; padding:0px 2%; }
#homeabout div:nth-child(1) section{display: table-cell; vertical-align: middle;}
#homeabout div:nth-child(1) section h3{font-size:29px; font-weight:300;}
#homeabout div:nth-child(2){width:56%; height:auto; float:left; margin:2%;}
#homeabout div:nth-child(2) img{width:100%; height:auto; margin-bottom:10px; float:left; background-image:url(../images/homeabout.jpg); -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

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



#subscript{width:80%; height:auto; float:left; padding:200px 10%; margin:30px 0% 0px 0%; color:#FFFFFF; background-image:url(../images/subscript.jpg); display:table; overflow:hidden;}
#subscript section{width:80%; height:auto; padding:0px 10% 0px 10%; display:table-cell; vertical-align:middle;}
#subscript section h3{width:100%; height:auto; float:left; font-size:38px; font-weight:500; margin-bottom:10px;}
#subscript section p{width:100%; height:auto; float:left; font-size:15px; margin-bottom:30px;}
#subscript section form{width:100%; height:auto; float:left;}
#subscript section form input{width:40%; height:40px; float:left; background:#FFFFFF; border:0; outline:0;}
#subscript section form button{width:10%; height:40px; float:left; border:1px solid #fff; background:none; color:#FFFFFF; margin-left:30px;}

#urundetay{width:76%; height:auto; float:left; background:#FFFFFF; padding:2%; margin:0px 10%;}
#urundetaysol{width:35%; height:auto; float:left;}
#urundetaysol figure{width:100%; height:auto; float:left;}
#urundetaysol figure img{width:100%; height:auto; float:left;}
#urundetaysag{width:60%; height:auto; float:left; margin-left:5%;}

#hizmetdetay{width:76%; height:auto; float:left; background:#FFFFFF; padding:2%; margin:0px 10%;}
#hizmetdetay .hizmetdetaytitle{width:100%; height:auto; float:left; line-height:60px; font-size:36px; color:var(--koyurenk); text-align:center;}
#hizmetdetay img{width:100%; height:auto; float:left; margin-bottom:30px;}
#hizmetdetay .hizmetdetaydetay{width:100%; height:auto; float:left; font-size:16px;}


#menudetay{width:76%; height:auto; float:left; background:#FFFFFF; padding:2%; margin:0px 10%;}
#menudetay .menudetaytitle{width:100%; height:auto; float:left; line-height:60px; font-size:36px; color:var(--koyurenk); text-align:center;}
#menudetay img{width:100%; height:auto; float:left; margin-bottom:30px;}
#menudetay .menudetaydetay{width:100%; height:auto; float:left; font-size:16px;}


#iletisim{width:76%; height:auto; float:left; background:#FFFFFF; padding:2%; margin:0px 10%;}

#iletisim ul:nth-child(1){width:100%; height:auto; float:left; margin:10px 0;}

#iletisim ul:nth-child(1) li:nth-child(1){width:32%; height:auto; float:left; margin-right:2%;}
#iletisim ul:nth-child(1) li:nth-child(1) span{display:block; line-height:24px; font-size:16px; color:var(--koyurenk);}
#iletisim ul:nth-child(1) li:nth-child(1) a{display:block; background:#ebebeb; line-height:40px; font-size:16px; color:var(--koyurenk); text-align:center;}

#iletisim ul:nth-child(1) li:nth-child(2){width:32%; height:auto; float:left; margin-right:2%;}
#iletisim ul:nth-child(1) li:nth-child(2) span{display:block; line-height:24px; font-size:16px; color:var(--koyurenk);}
#iletisim ul:nth-child(1) li:nth-child(2) a{display:block; background:#ebebeb; line-height:40px; font-size:16px; color:var(--koyurenk); text-align:center;}

#iletisim ul:nth-child(1) li:nth-child(3){width:32%; height:auto; float:left;}
#iletisim ul:nth-child(1) li:nth-child(3) span{display:block; line-height:24px; font-size:16px; color:var(--koyurenk);}
#iletisim ul:nth-child(1) li:nth-child(3) a{display:block; background:#ebebeb; line-height:40px; font-size:16px; color:var(--koyurenk); text-align:center;}





#iletisim ul:nth-child(2){width:100%; height:auto; float:left; margin:10px 0;}

#iletisim ul:nth-child(2) li:nth-child(1){width:32%; height:auto; float:left; margin-right:2%;}
#iletisim ul:nth-child(2) li:nth-child(1) span{display:block; line-height:24px; font-size:16px; color:#21529c;}
#iletisim ul:nth-child(2) li:nth-child(1) a{display:block; background:#21529c; line-height:40px; color:#FFFFFF; text-align:center;}

#iletisim ul:nth-child(2) li:nth-child(2){width:32%; height:auto; float:left; margin-right:2%;}
#iletisim ul:nth-child(2) li:nth-child(2) span{display:block; line-height:24px; font-size:16px; color:#46c6fa;}
#iletisim ul:nth-child(2) li:nth-child(2) a{display:block; background:#46c6fa; line-height:40px; color:#FFFFFF; text-align:center;}

#iletisim ul:nth-child(2) li:nth-child(3){width:32%; height:auto; float:left;}
#iletisim ul:nth-child(2) li:nth-child(3) span{display:block; line-height:24px; font-size:16px; color:#c825a5;}
#iletisim ul:nth-child(2) li:nth-child(3) a{display:block; background:#c825a5; line-height:40px; color:#FFFFFF; text-align:center;}

#iletisim ul:nth-child(3){width:100%; height:auto; float:left;}


ul#footerust{width:80%; height:60px; float:left; text-align:center; padding:10px 10%; border-top:5px solid var(--koyurenk); background:var(--koyurenk); border-bottom:1px solid #2a2929;}
ul#footerust li{width:60px; height:60px; display:inline-block; margin-left:-4px; margin-right:3px;}
ul#footerust li a{color:var(--koyurenk); background:var(--acikrenk); font-size:18px; line-height:60px; display:block;}
ul#footerust li a:Hover{color:var(--beyaz);}


footer{width:80%; height:auto; padding:60px 10%; float:left; font-size:13px; background:var(--acikrenk); color:var(--koyurenk); border-bottom:1px solid var(--koyurenk);}
footer ul{width:100%; height:auto; float:left; font-size:14px; text-align:center;}
footer ul li{width:auto; min-width:20%; height:auto; display:inline-block; margin-left:-4px;}
footer ul li i{display:block; width:100%; font-size:28px!important;}
footer ul li span{display:block; width:100%; color:#CCCCCC; font-weight:600; margin:10px 0px;}

#footeralt{width:80%; height:40px; float:left; padding:0px 10%; line-height:40px; background:var(--acikrenk);}
#footeralt a{color:var(--koyurenk);}
#footeralt a:Hover{color:var(--beyaz); text-decoration:underline;}
#footeralt .footeraltsol{width:auto; height:40px; float:left; line-height:40px;}
#footeralt .footeraltsag{width:auto; height:40px; float:right; line-height:40px;}

@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:38px; padding:0px 0%; float:left;}
#top ul.topsol{width:auto; height:38px; line-height:38px; float:left; position:relative; margin-left:2%;}
#top ul.topsol li{width:auto; height:38px; float:left; margin-right:10px;}
#top ul.topsol a{width:auto; height:38px; line-height:38px; float:left; font-weight:400; font-size:12px; color:var(--renk2);}
#top ul.topsol a:Hover{color:var(--koyurenk);}
#top ul.topsol li:last-child{ display:none;}
#top ul#topsag{width:auto; height:38px; float:right; margin-right:2%;}
#top ul#topsag li{width:auto; height:38px; float:right;}



header{width:100%; height:auto; padding:5px 0%;}
header .hlogo{width:100%; height:75px; float:left; text-align:center;}
header .hlogo img{float: inherit; margin:0px auto;}
header form{width:96%; height:45px; float:left; margin:15px 2% 15px 2%;}
header .telefon{display:none;}


nav {width:100%; height:auto; float:left; color:#333; position: relative; padding:0px 0;}
.Toogle{display:block; width:100%; height:50px; line-height:50px; text-align:center; font-weight:500; font-size:24px; cursor:pointer; background:#FFFFFF;}
nav ul#hmenu{width:90%; height:auto; float:left; display:none; padding:10px 5%; background:#FFFFFF; font-size:15px;}
nav ul#hmenu li{width:100%; height:32px; float:left; border-bottom:1px solid #f4f4f4;}
nav ul#hmenu li a{display:block; line-height:32px;}-
nav ul#hmenu li.ustli{font-weight:400;}
nav ul#hmenu li.altli{width:95%; height:32px; float:left; font-weight:300; font-size:13px;}
nav ul#hmenu li.altli a{padding-left:2%;}


#pagetitle{padding:10px 10%; display:none;}
#pagetitle h1{line-height:40px; text-align:center; font-weight:500;}
#pagetitle ul{display:none;}

ul#resimler{width:90%; margin:2% 5%; }
ul#resimler li{width:98%; padding:1%;}
ul#resimler li.resimkutu1{margin-right:0%;}


ul#urunkategorileri{width:100%; margin:0px 5%;}
ul#urunkategorileri li{width:100%;}
ul#urunkategorileri li.urunkategorikutu1{margin-right:0%;}

ul#urunler{width:90%; margin:0px 5%;}
ul#urunler li{width:100%;}
ul#urunler li.urunkutu1{margin-right:0%;}


#urundetay{width:90%; margin:0px 5%;}
#urundetaysol{width:100%; }
#urundetaysag{width:100%; margin-left:0%;}


ul#hizmetler{width:90%; margin:0px 5%;}
ul#hizmetler li{width:100%;}
ul#hizmetler li.hizmetkutu1{margin-right:0%;}

#hizmetdetay{width:86%; padding:2%; margin:0px 5%;}

#menudetay{width:86%; padding:2%; margin:0px 5%;}

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

#pagetitle{width:100%; padding:30px 0%;}


#subscript{width:100%; padding:200px 0px;}
#subscript section{width:80%; height:auto; padding:0px 10% 0px 10%; display:table-cell; vertical-align:middle;}


ul#footerust{width:100%; padding:10px 0%; }
footer{width:100%; height:auto; padding:60px 0%;}


#footeralt{width:100%; height:40px; float:left; padding:0px 0%;}

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