@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
  background-color: #fff;
  width:100%;
  height:100%
}
html{ height:100%}
.telefon a{font-style:normal;color:#696969;font-size: 110%;margin:8px}
.kapsam{width:100%;max-width: 1140px;margin:auto;background-color:#fff;position: relative;}
.govde{width:100%;max-width: 1140px;margin:auto;background-color:#fff;position: relative;}
.urunkutusu{width:31%;min-height:200px;display:table;margin:10px;border:1px solid #ddd;float:left;display:block;border-radius:10px}
.urunkutusu img{width:100%;max-width:150px;margin:5px 5px;float: left;}
.urunkutusu h2{font-size:90%;color:#363636;}
.urunkutusu h3{font-size:90%;color:#363636;}
.urunkutusu a{text-decoration:none;color:363636;}
.urunkutusu p{font-size:80%;color:#696969}
.makalegovdesi{width:100%;max-width:1140px;display:table;padding:8px;}
.makalegovdesi img{width:95%;max-width:500px;float:left;margin:10px 10px;display: table}
.makalegovdesi p{text-align:justify;padding:10px;}
.makalegovdesi h1{font-size:140%;color:#363636;}
.makalegovdesi h2{font-size:120%;color:#363636;}
.makalegovdesi a{color:#363636;text-decoration: none;}
h1{font-size:140%;}
h2{font-size:110%;font-weight:bold;}
h3{font-size:110%;font-weight:bold;}
.h2ozel{font-size:100%;}
a{color:#363636;}
.rastgelediv{
  width: 100%;
  max-width:1140px;
  padding:15px;
  margin:auto;
  text-align:center;
  display:table;
  overflow: hidden;
  background-color:#d2d2d2
 
}
.topresim{width: 100%;
  max-width:1140px;
  margin:auto;
  height:300px;
  text-align:center;
  display:table;
  overflow: hidden;
  background-color:#d2d2d2;
  background-size:100% auto;
}
.sabit {
    position: fixed;
    bottom: 10px;
    width: 100%;
    max-width:800px;
    display: none;
    margin:auto;
}
.sabit1{float:left;display: none;}
.sabit2{float:right;display: none;}
@media only screen and (max-width: 800px) {
.topresim{height:150px;}
.sabit{display: table;}
.sabit1{display: table;}
.sabit2{display: table;}
}
.swiper-container {
      width: 100%;
      max-width:800px;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      float: left;
      z-index: 0
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
z-index: 0
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .vitrinsag{width:100%;max-width:480px;float:right;}
    .kisim1{width:100%;max-width:500px;display:table;border-bottom:1px solid #d2d2d2}
.kisim1 img{width:100%;max-width:200px;margin:5px 5px;float: left;}
.kisim1 h2{font-size:90%;color:#363636;}
.kisim1 h3{font-size:90%;color:#363636;}
.kisim1 a{text-decoration:none;color:363636;}
.kisim1 p{font-size:80%;color:#696969}
.kisimfiyatyeni{color:darkgreen;font-family: 'Oswald', sans-serif;}
.kisimfiyateski{color:darkred;font-family: 'Oswald', sans-serif;}
.kisimfiyatnormal{color:#003355;font-family: 'Oswald', sans-serif;}

.kapsam{width:80%;max-width:1100px;display:table;margin:auto;}
.urungovde{width:95%;max-width:1100px;display:table;margin:auto;padding:7px;}
.urungovdesi1{width:100%;max-width:780px;display:table;padding:8px;float:left;}
.urungovdesi1 img{width:95%;}
.urungovdesi2 {width:100%;max-width:290px;display: table;float:left;}
.fiyat{font-family: 'Oswald', sans-serif;font-size:120%;color:#000;}
.fiyat2{font-family: 'Oswald', sans-serif;font-size:140%;color:#darkred;}

.btb a{text-decoration:none;min-width:80px;color:#696969;text-align:center;border-radius:10px;padding:2px;margin:2px;background-color:#f5f5f5;display:table;border:1px solid #d2d2d2}
.btb a:hover{color:#363636;padding:2px;margin:2px;background-color:#d2d2d2;display:table}



.mobilcol{width:auto;}

@media only screen and (max-width: 600px) {
.swiper-container {width:100%;}
.mobilcol{display: table}
}