@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700&subset=latin-ext');
a,abbr,acronym,address,blockquote,body,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,q,span,ul{margin:0;padding:0;border:0;list-style:none;text-decoration:none;}
li,input[type=submit],input[type=reset],input[type=button]{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
textarea,select,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;border-radius:0;}
a img{border:none;}
label{cursor:pointer;}
input[type=submit],input[type=reset],input[type=button]{cursor:pointer;}

body{background-color:#FFF;font-family:'Open Sans', sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#fff;opacity:0.8;}
::-webkit-scrollbar-thumb{background-color:#a29f9f;border-radius:2px;}
::-webkit-scrollbar-button{background-color:none;}
::-webkit-scrollbar-corner{background-color:#333;}

#header{width:100%;height:125px;margin:10px auto;position:absolute;z-index:9;}
#header .container{width:1200px;height:125px;margin:auto;}

#headeric{width:100%;height:125px;margin:10px auto;position:relative;}
#headeric .container{width:1200px;height:125px;margin:auto;}
#headeric .container .logo{width:90px;height:125px;float:left;}
#headeric .container .logo .mobile{display:none;}
#headeric .container .menu{height:30px;padding:10px 0;float:right;text-align:right;margin-top:37.5px;position:relative;}
#headeric .menu ul{float:right;z-index:999999;}
#headeric .menu li{width:auto;height:30px;float:left;position:relative;}
#headeric .menu li a:hover{background-color:#c0964b;border-radius:15px;color:#fff;}
#headeric .menu a{width:auto;float:left;padding:0 15px;font-size:13px;font-weight:bold;line-height:30px;color:#c0964b;}

#header .container .logo{width:90px;height:125px;float:left;}
#header .container .logo .mobile{display:none;}
#header .container .menu{height:30px;padding:10px 0;float:right;text-align:right;margin-top:37.5px;position:relative;}
#header .menu ul{float:right;z-index:999999;}
#header .menu li{width:auto;height:30px;float:left;position:relative;}
#header .menu li a:hover{background-color:#c0964b;border-radius:15px;}
#header .menu a{width:auto;float:left;padding:0 15px;font-size:13px;font-weight:bold;line-height:30px;color:#fff;}

.mobil-menu{display:none;}
.hamburger-menu{display:none;}
.hamburger-menu{width:30px;height:22px;top:15px;right:20px;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:999999;}
.hamburger-menu span{display:block;position:absolute;height:4px;width:100%;background:#182a46;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.hamburger-menu span:nth-child(1){top:0px;}
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3){top:9px;}
.hamburger-menu span:nth-child(4){top:18px;}
.mobile-menu-active .hamburger-menu{position:fixed;}
.mobile-menu-active .hamburger-menu span:nth-child(1){top:18px;width:0%;left:50%;}
.mobile-menu-active .hamburger-menu span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(4){top:18px;width:0%;left:50%;}
.mobile-menu * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-slider * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-slider div{font-size:0;}
.col {max-width:1200px;width:100%;margin:0 auto;}
.home-slider-holder {position:relative;}
.home-slider .swiper-slide{background-position:center center;min-height:850px;overflow:hidden;}
.home-slider figcaption{position: absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);max-width:600px;}
.home-slider figcaption > * {color:#fff;font-weight:700;display: inline-block;width:100%;}
.home-slider figcaption h2 {font-family:'Roboto Condensed', sans-serif;font-size: 24px;text-shadow:4px 2px 5px #000, 4px 2px 10px #000;margin-bottom: 10px;-webkit-transition: all 750ms;-o-transition: all 750ms;transition: all 750ms;-webkit-transform: translate(0px, -100px);-moz-transform: translate(0px, -100px);-o-transform: translate(0px, -100px);-ms-transform: translate(0px, -100px);transform: translate(0px, -100px);}
.home-slider .swiper-slide-active figcaption h2 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.home-slider figcaption .line3 {font-family:'Roboto Condensed', sans-serif;font-size:18px;font-weight: 400;line-height: 28px;text-shadow:4px 2px 5px #000, 4px 2px 10px #000;-webkit-transition: all 750ms;-o-transition: all 750ms;transition: all 750ms;-webkit-transform: translate(0px, 100px);-moz-transform: translate(0px, 100px);-o-transform: translate(0px, 100px);-ms-transform: translate(0px, 100px);transform: translate(0px, 100px);}
.home-slider .swiper-slide-active figcaption .line3 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.home-slider .swiper-pagination-bullet {width: 16px;height: 16px;background: transparent;border: 1px solid #fff;border-radius: 0;position: relative;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);opacity: 1;}
.home-slider .pagination {right: 0;left: 0;text-align: center;position: absolute;bottom: 30px;z-index: 9999;}
.home-slider .pagination:before {content: '';position: absolute;height: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 0;}
.home-slider .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 20px;}
.home-slider .swiper-pagination-bullet-active:before {display: none;}
.home-slider .swiper-pagination-bullet-active { -webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.home-slider .pagination:after {width: 10px;height: 10px;content: '';left: calc(-20% - 10px);position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}

#spotcontainer{width:100%;overflow:hidden;margin:2px auto;padding:50px 0;background:url(../images/vitrin-bg.jpg);background-repeat:no-repeat;-webkit-background-size:cover;background-position:50%;}
#spotcontainer .spot{width:100%;max-width:1200px;overflow:hidden;margin:0 auto;text-align:center;}
#spotcontainer .spot p{width:100%;overflow:hidden;display:block;margin:auto;font-size:18px;font-weight:bold;color:#8f9a36;text-shadow:4px 2px 5px #1C466F;}
#spotcontainer .spot h1{width:100%;overflow:hidden;display:block;margin:auto;margin-bottom:50px;font-size:14px;color:#8f9a36;text-shadow: 4px 2px 5px #1C466F;}
#spotcontainer .spot span{width:100%;overflow:hidden;display:block;vertical-align:middle;display:table-cell;font-size:12px;font-weight:bold;color:#ccc;text-align:justify;}
#spotcontainer .devami{width:150px;height:35px;margin:auto;margin-top:40px;text-align:center;border:2px solid #8f9a36;border-radius:19.5px;}
#spotcontainer .devami span{width:100%;height:35px;line-height:35px;font-size:12px;color:#8f9a36;font-weight:bold;text-align:center;}
#spotcontainer .devami:hover{background-color:#fff;border:2px solid #fff;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}

#icerik{overflow:hidden;width:100%;}

#footer{height:500px;width:100%;background:url(../images/footer.jpg);background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:50%;}
#footer .footerk{width:100%;max-width:1200px;overflow:hidden;margin:auto;}
.footerk .adres{width:100%;max-width:1200px;height:200px;margin-top:150px;display:block;}
.adres .social{width:100%;height:40px;text-align:center;margin:auto;}
.adres .social a{width:40px;height:40px;margin:6px;display:inline-block;}
.footerk .satir{width:100%;height:100px;margin-top:10px;text-align:center;font-size:12px;font-weight:bold;color:#182a46;}
.footerk .tasarim{width:100%;max-width:1200px;height:65px;margin-top:50px;text-align:center;}
.footerk .tasarim a{color:#182a46;text-decoration:none;font-size:12px;font-weight:bold;}
.footerk .tasarim a:hover{color:#000;}

.footerk .linkler{width:100%;max-width:1200px;height:30px;text-align:center;}
.footerk .linkler a{color:#666666;text-decoration:none;font-size:12px;font-weight:bold;padding:10px;}
.footerk .linkler a:hover{color:#000;}


#contact{width:100%;max-width:1200px;overflow:hidden;margin:auto;}
#contact h1{width:100%;max-width:1200px;height:20px;line-height:30px;margin-top:40px;font-size:12pt;color:#1c466f;display:block;text-align:center;}
#contact .subekapsa{width:100%;overflow:hidden;margin:auto;display:block;}
#contact .subekapsa .sube{width:50%;height:150px;float:left;margin:20px 0;text-align:left;}
#contact .subekapsa .sube:nth-child(even){text-align:right;}
#contact .subekapsa .sube .baslik{width:100%;height:25px;font-size:11pt;font-weight:bold;color:#8f9a36;display:block;}
#contact .subekapsa .sube .adres{width:100%;overflow:hidden;line-height:20px;margin-bottom:5px;font-size:10.5pt;display:block;}
#contact .subekapsa .sube .telefon{width:100%;height:65px;line-height:20px;font-size:10.5pt;display:block;}

#contact .form{width:100%;max-width:1200px;overflow:hidden;display:block;margin:60px auto;}
.form h2{width:100%;height:30px;display:block;font-size:12pt;color:#1c466f;font-weight:bold;line-height:30px;text-align:center;}
.form .inputkapsa{width:100%;height:40px;margin-bottom:10px;display:block;}
.inputkapsa img{width:60px;height:40px;float:left;}
.inputkapsa .input{width:1118px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;float:left;font-family:'Open Sans', sans-serif;}
.form .formmesaj{width:1200px;height:150px;margin-bottom:20px;display:block;}
.formmesaj img{width:60px;height:150px;float:left;}
.formmesaj textarea{width:1117px;height:138px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;padding-top:10px;float:left;font-family:'Open Sans', sans-serif;}
.form .formguvenlik{width:1200px;height:40px;margin-bottom:20px;display:block;}
.formguvenlik .img{width:60px;height:40px;float:left;}
.formguvenlik .guvenlik{width:110px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;float:left;font-family:'Open Sans', sans-serif;}
.formguvenlik .securty{width:75px;height:40px;margin-left:10px;float:left;}
.formguvenlik .yenile{width:23px;height:40px;margin-left:10px;float:left;}
.formguvenlik .gonder{width:100px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#666;font-weight:bold;cursor:pointer;float:right;font-family:'Open Sans', sans-serif;}
.durum{height:30px;width:1200px;margin:auto;font-size:12px;text-align:center;}
.tamam{color:#393;}
.hata{color:#C03;}
#harita{position:relative;width:100%;height:500px;margin-top:25px;border-top:6px solid #1c466f;border-bottom:6px solid #1c466f;}


#icerik .hizmetler{width:100%;max-width:1200px;overflow:hidden;margin:auto;margin-top:70px;text-align:center;}
.hizmetler .infotitle{width:100%;height:30px;margin:auto;text-align:center;margin-bottom:15px;}
.hizmetler .infotitle > span{position:relative;display:inline-block;line-height:35px;color:#0F385B;font-size:18px;font-weight:bold;}
.hizmetler .infotitle > span:before{width:35px;content:"";position:absolute;left:-100px;top:13px;height:10px;background:#d60005;border-radius:0;opacity:1;-webkit-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-moz-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-o-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-ms-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);}
.hizmetler .infotitle > span:after{width:35px;content:"";position:absolute;right:-100px;top:13px;height:10px;background:#d60005;border-radius:0;opacity:1;-webkit-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-moz-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-o-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-ms-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);}
.hizmetler .hizmet{width:380px;overflow:hidden;float:left;margin:15px 10px;}
.hizmet img{width:380px;height:190px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;opacity:1.0;}
.hizmet img:hover{opacity:0.5;}
.hizmet h3{width:380px;height:40px;margin-top:5px;line-height:20px;font-size:14px;font-weight:bold;color:#666;text-align:center;display:block;}


.hizmettepe{width:100%;height:550px;margin:auto;text-align:center;position:relative;z-index:6;}
.hizmettepe img{width:100%;height:550px;margin:auto;position:relative;z-index:7;}
.hizmettepe .baslikspot{width:100%;overflow:hidden;margin:auto;position:absolute;z-index:8;bottom:50px;}
.hizmettepe .baslikspot h1{width:100%;max-width:1200px;overflow:hidden;margin:5px auto;line-height:30px;font-size:16pt;color:#FFCC66;text-shadow:3px 2px 2px #000;display:block;}
.hizmettepe .baslikspot span{width:100%;max-width:1200px;overflow:hidden;margin:auto;line-height:18px;font-size:10pt;color:#F5F5F5;text-shadow:2px 2px 2px #000;font-weight:bold;text-align:justify;display:block;}
#icerik .hizmetmetin{width:100%;max-width:1200px;margin:40px auto;overflow:hidden;font-size:11pt;color:#666;text-align:justify;}


#icerik .kurumsal{width:100%;max-width:1200px;margin:30px auto;overflow:hidden;}
.kurumsal h1{width:100%;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:16px;text-align:left;color:#666;}
.kurumsal p{width:100%;margin:auto;overflow:hidden;font-size:10pt;color:#666;text-align:justify;}

#icerik .title{width:100%;max-width:1200px;overflow:hidden;margin:30px auto;}
#icerik .title h1{width:100%;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:16px;text-align:left;color:#666;}
#icerik .title p{width:100%;margin:auto;margin-bottom:20px;overflow:hidden;font-size:12px;font-weight:bold;color:#666;text-align:justify;}
#icerik .galerik{width:100%;max-width:1200px;overflow:hidden;margin:auto;text-align:center;}
.galeri img{width:238px;height:238px;float:left;margin:1px;;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;opacity:1.0;}
.galeri img:hover{opacity:0.5;}

#icerik .menuk{width:100%;max-width:1000px;overflow:hidden;margin:auto;text-align:center;}
.menuk .menu{width:230px;height:330px;float:left;margin:30px 10px 30px 10px;}
.menu img{width:230px;height:305px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;opacity:1.0;}
.menu img:hover{opacity:0.5;}
.menu span{width:230px;height:25px;line-height:25px;font-size:13px;font-weight:bold;color:#666;text-align:center;display:block;}

#icerik .urunk{width:100%;max-width:1200px;overflow:hidden;min-height:600px;margin:30px auto;text-align:center;}
.urunk h1{width:100%;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:16px;text-align:left;color:#666;}
.urunk p{width:100%;margin:auto;margin-bottom:20px;overflow:hidden;font-size:12px;font-weight:bold;color:#666;text-align:justify;}
.urunk .urun{width:380px;overflow:hidden;float:left;margin:10px;margin-top:30px;}
.urun img{width:380px;height:190px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;opacity:1.0;}
.urun img:hover{opacity:0.5;}
.urun h2{width:380px;height:40px;margin-top:5px;line-height:20px;font-size:14px;font-weight:bold;color:#666;text-align:center;display:block;}


#icerik .fiyatust{width:100%;max-width:1200px;margin:30px auto;overflow:hidden;}
.fiyatust h1{width:100%;max-width:1200px;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:16px;text-align:left;color:#666;}
.fiyatust p{width:100%;max-width:1200px;margin:auto;margin-bottom:20px;overflow:hidden;font-size:12px;font-weight:bold;color:#666;text-align:justify;}
#icerik .fiyatlistesi{width:100%;max-width:1200px;margin:auto;overflow:hidden;}
.fiyatlistesi .liste{width:100%;max-width:1188px;height:60px;margin:5px auto;padding:5px;border:1px solid #E4E4E4;font-size:13px;font-weight:bold;color:#333;background-color:#FFF;}
.liste:hover{background-color:#F0F3F4;}
.liste .resim{width:135px;height:60px;float:left;}
.liste .baslik{width:913px;height:60px;float:left;padding:0 40px;display:table;text-align:left;}
.liste .dosya{width:60px;height:60px;float:left;display:table;}
.liste span{display:table-cell;vertical-align:middle;}

#icerik .markaust{width:100%;max-width:1200px;margin:30px auto;overflow:hidden;}
.markaust h1{width:100%;max-width:1200px;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:16px;text-align:left;color:#666;}
.markaust p{width:100%;max-width:1200px;margin:auto;margin-bottom:20px;overflow:hidden;font-size:12px;font-weight:bold;color:#666;text-align:justify;}
#icerik .marka{width:100%;max-width:1200px;margin:auto;overflow:hidden;}
.marka img{width:226px;height:100px;float:left;margin:6px;border:1px solid #F7F7F7;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;opacity:1.0;}
.marka img:hover{opacity:0.5;}

.wp-i{width:51px;height:51px;position:fixed;bottom:20px;left:20px;background:url(../images/wp-bg.png);z-index:9999;}


@media screen and (max-width:1199px){
#header .container{width:100%;}
#headeric .container{width:100%;}
.container .logo{padding-left:15px;width:90px;height:125px;float:left;}

.home-slider figcaption {max-width:100%;padding:0 20px;}
#spotcontainer .spot{width:96%;}

.hizmetler .hizmet{width:31.3%;margin:2% 1%;}
.hizmet img{width:100%;height:auto;}
.hizmet h3{width:100%;}

#icerik .urunk{width:96%;}
.urunk .urun{width:31.3%;margin:2% 1%;}
.urun img{width:100%;height:auto;}
.urun h2{width:100%;}

#icerik .title{width:96%;}
#icerik .galerik{width:96%;}
.galeri img{width:19.8%;height:auto;margin:0.1% 0.1%;}

#icerik .kurumsal{width:96%;}
#icerik .markaust{width:96%;}
#icerik .marka{width:96%;}
.marka img{width:18.8%;height:auto;margin:0.5%;}

#icerik .fiyatust{width:96%;}
#icerik .fiyatlistesi{width:96%;}
.fiyatlistesi .liste{width:98.8%;padding:0.5%;}
.liste .resim{width:135px;}
.liste .baslik{width:70%;}
.liste .dosya{float:right;}

#contact h1{width:96%;}
#contact .subekapsa{width:96%;}
#contact .subekapsa .sube:nth-child(even){text-align:center;}
#contact .form{width:96%;margin:auto;}
.form .inputkapsa{width:100%;margin:10px auto;}
.inputkapsa img{display:none;}
.inputkapsa .input{width:98%;float:none;padding-left:2%;}
.form .formmesaj{width:100%;margin-bottom:20px;}
.formmesaj img{display:none;}
.formmesaj textarea{width:98%;padding-left:2%;}
.form .formguvenlik{width:100%;}
.formguvenlik .img{display:none;}
.formguvenlik .guvenlik{width:90px;padding-left:0;text-align:center;}
.formguvenlik .gonder{width:85px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#666;font-weight:bold;cursor:pointer;float:right;font-family:'Open Sans', sans-serif;}
.durum{width:100%;}
}

@media screen and (max-width:999px){
body{min-height:600px;right:0;margin:0;position:relative;}
#header{height:55px;}
#headeric{height:55px;}
#header .container{width:100%;height:55px;margin:auto;}
#headeric .container{width:100%;height:55px;margin:auto;}
#header .container .logo{width:180px;height:35px;padding-left:none;padding:10px 0 10px 20px;float:left;}
#headeric .container .logo{width:180px;height:35px;padding-left:none;padding:10px 0 10px 20px;float:left;}
#header .container .logo img{width:180px;height:35px;}
#headeric .container .logo img{width:180px;height:35px;}
#header .container .logo .mobile{display:block;}
#headeric .container .logo .mobile{display:block;}
#header .container .logo .desktop{display:none;}
#headeric .container .logo .desktop{display:none;}


.container .menu{display:none;}
.hamburger-menu{display:block;}
.mobil-menu{display:block;background:#182a46;right:-200px;top:0;height:100%;position:fixed;width:200px;}
.mobil-menu .top{background-color:#E21D23;height:50px;width:200px;color:#fff;line-height:50px;padding-left:20px;font-weight:bold;font-size:16px;}
.mobil-menu ul{border-top:1px solid #636366;list-style:none;margin:0;padding:0;}
.mobil-menu li{border-bottom:1px solid #09162B;line-height:45px;padding-bottom:3px;padding-left:20px;padding-top:3px;color:grey;text-decoration:none;transition:all .6s;font-size:16px;font-weight:bold;}
.mobil-menu li:hover{background-color:#000;color:white;}
.mobil-menu li a{color:#fff;text-decoration:none;}
.mobil-menu li:last-child{border:none;}
.mobil-menu li .telefon{color:#E21D23;}
.home-slider figcaption {left:0;text-align:center;max-width:100%;padding:0 20px;}
.home-slider figcaption h2{font-size:21px;}
.home-slider figcaption .line3{font-size:16px;}
.home-slider .swiper-slide{overflow:hidden;}
#spotcontainer .spot{width:94%;}

#icerik .urunk{width:94%;}

#icerik .title{width:94%;}
#icerik .galerik{width:94%;}
.galeri img{width:24.6%;height:auto;margin:0.2% 0.2%;}

#icerik .kurumsal{width:94%;}
.belgeler{width:94%;}
.belgeler .belgekapsa .belge{width:24%;float:left;margin:0.5%;}

#icerik .markaust{width:94%;}
#icerik .marka{width:94%;}
.marka img{width:23.1%;height:auto;margin:0.8%;}

#icerik .fiyatust{width:94%;}
#icerik .fiyatlistesi{width:94%;}
.fiyatlistesi .liste{width:98%;padding:0.8%;}
.liste .baslik{width:65%;padding:0 3%;}


#harita{margin-top:0px;}

#contact .form{width:96%;}

}

@media screen and (max-width:750px){
.hizmetler .hizmet{width:46%;margin:2% 2%;}
.urunk .urun{width:46%;margin:2% 2%;}
.belgeler .belgekapsa .belge{width:29.33%;margin:2%;}
.marka img{width:30.9%;margin:1%;}
.galeri img{width:32.33%;height:auto;margin:0.5% 0.5%;}

#icerik .fiyatust{width:92%;}
#icerik .fiyatlistesi{width:92%;}
.fiyatlistesi .liste{width:97%;padding:1%;}
.liste .baslik{width:54%; padding:0;}

#contact .subekapsa .sube{width:100%;overflow:hidden;float:none;text-align:center; display:block}
#contact .subekapsa .sube:nth-child(2){text-align:center;}
}

@media screen and (max-width:500px){
.home-slider .swiper-pagination-bullet{width: 10px;height: 10px;}
.hizmetler .hizmet{width:100%;max-width:380px;overflow:hidden;float:none;margin:35px auto;}
.hizmet img{width:100%;height:auto;}

.urunk .urun{width:100%;max-width:380px;overflow:hidden;float:none;margin:35px auto;}
.urun img{width:100%;height:auto;}

#icerik .belgeler .belgekapsa .belge{width:46%;margin:2%;}
.marka img{width:45.5%;margin:2%;}
.galeri img{width:49%;height:auto;margin:0.5% 0.5%;}

#icerik .fiyatlistesi{width:94%;}
.fiyatlistesi .liste{width:97%;max-width:1188px;height:60px;margin:2% auto;padding:1%;border:1px solid #E4E4E4;}
.liste .resim{display:none;}
.liste .baslik{width:80%;padding:none;padding-left:2%;}
}

@media screen and (max-width:399px){
.hizmetler .hizmet{width:92%;}
.hizmet img{width:100%;height:auto;}
.hizmetler .infotitle > span:before{width:35px;left:-50px;}
.hizmetler .infotitle > span:after{width:35px;right:-50px;}

#icerik .marka{width:92%;}
.marka img{width:42%;height:auto;margin:3%;margin:3%;border:none;}
}