@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
      font-size: 13px;
    }
  }
  
  @media screen and (max-width:1700px) {
  
  
  }
  
  @media screen and (max-width:1440px) {

    
  }
  
  @media screen and (max-width:1370px) {
      
   
    
  }
  
  @media screen and (max-width:1200px) {


  }
  
  @media screen and (max-width:1150px) {


  }
  
  @media screen and (max-width:1100px) {

  }
  
  @media screen and (max-width:992px)  {

    .md-flex-reverse { flex-direction: column-reverse;}

    .header .logobar .arama { width: 240px}
    .markalar .amarka .item img { max-height:none;}

    .header .menu ul:not(.social) li { display: none;}
    .header .menu ul li.mobile { display: block;}
    
}
  
  @media screen and (max-width:900px)  {
  

    
  }
  
  @media screen and (max-width:768px) {
  
  
    .sm-flex-reverse { flex-direction: column-reverse;}
    
    .header .logobar .arama { display: none;}

    .krs .tanitim .rs{ display: none}
    .krs .tanitim .row div:nth-of-type(2) { margin-bottom: 30px}
    .krs .haberler ul { width: 100%;}

    .neden .nedenlist .ndn { margin-bottom: 30px;}
    .neden .nedenlist .ndn:last-child { margin-bottom: 0;}
    .neden .nedenlist .dt {font-size: 44px;line-height: 18px;}
    .bulten .social { display: none;}

    .footer .iletisim { margin-top: 30px}

    .urund .urun-resim { margin-bottom: 30px}
   }
  
  @media screen and (max-width:680px) {
      
    .urungrup .grup h2 { font-size: 15px}
  
  }
  
  @media screen and (max-width:660px) {
  
    .neden {  background-size: 100% 100%;}
  }
  
  @media screen and (min-width:580px) and (max-width:660px) {
  
  }
  
  @media screen and (max-width:630px) {
  
  
      
  }

  @media screen and (max-width:600px) {
  
  
      
  
  }
  
  @media screen and (max-width:576px) {
  

    .flex-reverse { flex-direction: column-reverse;}
    
    .header .info ul li:nth-of-type(3) { display: none;}
    
    .bulten .bultenInput { width: 100%;}
    
    .markalar .grup { border:none !important; padding: 0}
    .markalar .gbaslik { position: relative; top: 0}
    .amarka { margin-left: -5px; margin-right: -5px;}
    .amarka .item { padding-left: 5px; padding-right: 5px;}
    .markalar .gbaslik h4 { text-align: left; margin: 0 ; padding: 0; margin-bottom: 10px}

    
    

  }
  
  
  @media screen and (max-width:550px) {

    
  
      
  }
  
  
  @media screen and (max-width:530px) {
  
  
  }
  
  
  @media screen and (max-width:500px) {
  
  
      
  
  }
  
  @media screen and (max-width:470px) {


  }
  
  @media screen and (max-width:450px) {

    .header .info a.sepet { margin-left: 10px;}
    .header .info ul li { margin-left: 5px}
    
  }
  
  @media screen and (max-width:420px) {
  
    
    .header .logobar { padding: 15px}
    .header .logobar .logo { width: 100%;}
    .header .logobar .logo img { margin: 0 auto; display: block;}
    .header .logobar .iletisim { display: none;}
  }
  @media screen and (max-width:400px) {

    .header .info ul li:nth-of-type(2) { display: none;}
    .urunler .urun .kps { padding: 0 0 10px 0}
    .urunler .urun .kps .incele { font-size: 12px}

  }
  @media screen and (max-width:360px) {
      
      
      
  
  }
  
  @media screen and (max-width:330px) {

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

    
  }
  
  @media screen and (max-width:290px) {
  
  
  }