@media (max-width:320px){
 
}

@media (min-width:321px){ 
.istatistiktextbg{padding:15px 0px; width: 100%; background-color: rgba(236, 236, 236, 0.621); border-radius: 15px;}
.verilercizgi{border-left: 0px solid #020f27;}
.banner{height: 300px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.urunustbanner{height: 180px; background-color:#036591; background-position: center; background-size: cover; background-repeat: no-repeat;}
.urunbanner{height: 300px;}
.bannerpd{padding-top: 200px;}
.kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px; margin-top: 20px; border-left: 2px solid #9bc3d5; border-right: 2px solid #9bc3d5; border-top: 2px solid #9bc3d5; border-radius: 30px 30px 0px 0px}
.sayfabaslik{font-size: 20px; color:white;}
.breadpd{margin-top:0px}
}

@media(min-width:640px){
.banner{height: 400px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.urunbanner{height: 300px; }
.bannerpd{padding-top: 265px;}
.kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px;}
.sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:960px){
.verilercizgi{border-left: 2px solid #020f27;}
.istatistiktextbg{padding:0px; width: 100%; background-color: transparent; border-radius: 15px;}
.banner{height: 400px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.urunbanner{height: 300px;}
.bannerpd{padding-top: 265px;}
.kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px;}
.sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:1200px){
.banner{height: 468px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.urunbanner{height: 300px;}
.bannerpd{padding-top: 395px;}
.kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px; margin-top: -100px;}
.sayfabaslik{font-size: 30px; color:white;}
.breadpd{margin-top: 20px;}
}

@media(min-width:1400px){
  .banner{height: 468px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .urunbanner{height: 300px;}
  .bannerpd{padding-top: 395px;}
  .kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}

@media(min-width:1600px){
  .banner{height: 468px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .urunbanner{height: 300px;}
  .bannerpd{padding-top: 395px;}
  .kategoribaslik{background-color: white; color: #3e6492; font-size: 35px; padding: 20px 25px; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
}


.urunlerbread{background-color: #75b7b5;}
.siparislerbg{background-color: #607d8b17;}
.siparistitlerenk{background-color: #75b7b570;}

.uk-lightbox {
  background: #000000c9;
  opacity: 0;
  transition: opacity .15s linear;
  touch-action: pinch-zoom;
}

.uk-pagination>.uk-active>* {
  color: #fff;
  font-weight: 600;
  background: #0093dd;
  border-radius: 5px;
}


.input-error {
  background-color: #ffcccc; /* Kırmızı arka plan rengi */
}
.input-success {
  background-color: #ccffcc; /* Yeşil arka plan rengi */
}

.icsayfasolmenu{min-height: 200px; border-left: 2px solid #9bc3d5; border-right: 2px solid #9bc3d5; border-bottom: 2px solid #9bc3d5; border-radius: 0px 0px 30px 30px}
.urunlersolmenu{min-height: 200px; border: 2px solid #9bc3d5; border-radius: 30px}
.solmenu{z-index: 10;}


.sepeteekle{background: #75b7b5; color:#fff;width: 100%; display: block; height: 50px;}
.sepeteekle:hover{background: #004969; color:#fff;}

.siparisbtn{background-color: #75b7b5;}
.siparisbtn:hover{background-color: #004969;}

.buton1:hover{background-color: #0d6a99 !important;}
.buton2:hover{background-color: #4e4e4e !important;}

.verilerbg{background-image: url("/images/verilerbg.png"); background-position: left; background-repeat: no-repeat; min-height: 707px; background-size: cover; object-fit: contain; height: 100%;}
.duyurutarihkutu{width: 60px; height: 65px; z-index: 1; background-color: #000308;}
.duyurularimiz:hover .duyurutarihkutu{background-color: #0093dd !important;}
.duyuruyazikutu{width: 100%; min-height: 65px; margin-left:-25px; padding-left:45px !important;}
.duyuruyazikutu:hover{background-color: #e7e7e7 !important; color: #0093dd !important; }
.banneralani{margin-top:50px}

.efekt{transition: background-color 0.5s ease;}

.uk-subnav .uk-active{
    background-color: white;
    color: #0093dd;
    font-weight: 600;
    border-radius: 15px;
    font-size: 16px !important;
}
.uk-subnav>* {
    flex: none;
    padding: 5px 10px;
    position: relative;
    font-size: 16px !important;
}



  
  .timeline {
    position: relative;
    margin-top:90px !important;
  }
  
  .timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(33% + -58px); /* $gutter/2 */
    bottom: 0px;
    width: 1px; /* $border-width */
    background: #020f27;
    
  }
  
  .timeline:after {
    content: "";
    display: table;
    clear: both;
  } 
  
  .entry {
    clear: both;
    text-align: left;
    position: relative;
  }
  
  .entry .title {
    float: left;
    width: 33%;
    text-align: left;
    position: relative;
    font-size: 14px;
    top:25px;
    font-weight: 500;
  }
  
  .entry .title:before {
    content: '';
    position: absolute;
    width: 10px; /* $dot-diameter */
    height: 10px; /* $dot-diameter */
    border: 3px solid rgb(224, 224, 224); /* $border-width */
    background-color: #020f27;
    border-radius: 100%;
    top: 15%;
    right: 50px; /* -$dot-diameter */
    z-index: 1;
  }
  


  .entry .body {
    margin: 0 0 3em;
    float: left;
    width: 66%;
    background-color: #f3f3f3 !important;
    border-radius: 15px;
    min-height: 70px;
  }
  
  .entry .body p {
    line-height: 1.4em;
    padding:15px;
  }
  
  
  .entry .body ul {
    color: #020f27;
    padding-left: 0;
    list-style-type: none;
  }
  
  .entry .body ul li:before {
    content: "–";
    margin-right: .5em;
  }
  
  
.card-wrapper{color :#000 !important}


  .jp-card .jp-card-front .jp-card-shiny:before,
  .jp-card .jp-card-back .jp-card-shiny:before {
    background: none;
  }
  
  .jp-card .jp-card-front .jp-card-shiny,
  .jp-card .jp-card-back .jp-card-shiny {
    background: url(/images/chip.png) no-repeat;
    background-size: 100%;
  }
  
  .jp-card {
    min-width: 100%;
  }
  
  
  
  label {
    width: 100%;
  }
  
  .card-input-element {
    display: none;
  }
  
  .card-input {
    margin: 10px;
    padding: 00px;
  }
  
  .card-input:hover {
    cursor: pointer;
  }
  
  .card-input-element:checked + .card-input {
    box-shadow: 0 0 1px 1px #37ffff;
    background-color: rgb(68 255 213 / 11%);
}
  
  
  
  .donmeefekt {
    animation: rotate-colors 1s linear infinite;
  }
  
  @keyframes rotate-colors {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }