/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina 
@media only screen and (min-width : 320px) and (max-width : 767px) {
*/
@media only screen and (min-width: 30px) and (max-width: 767px),(min-aspect-ratio: 19/10) and (max-width: 1024px) {


  .img-testLogo{
    max-width: 35px;
  }

  .img-kitapGozluk{
    max-width: 65px;
    margin: auto;
  }
  


  .testRow{
    margin: 10px 5px 10px 5px;
    padding: 5px;
    height: 160px;
    display: inline-block;
    width: 155px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .testRow:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }

  .testRowKutuphane{
    margin: 10px 5px 10px 5px;
    padding: 5px;
    height: 210px;
    display: inline-block;
    width: 155px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .testRowKutuphane:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }


  .fiyatRow{
    margin: 10px;
    padding: 5px;
    height: 70px;
    display: inline-block;
    width: 95px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .fiyatRow:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }





}



/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-aspect-ratio: 19/10),(min-width: 1024px){


  .img-testLogo{
    max-width: 55px;
  }

  .img-kitapGozluk{
    max-width: 80px;
    margin: auto;
  }


  .testRow{
    display: inline-block;
    margin: 10px 5px 10px 5px;
    height: 160px;
    width: 210px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .testRow:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }

  .testRowKutuphane{
    display: inline-block;
    margin: 10px 5px 10px 5px;
    padding: 5px;
    height: 185px;
    width: 210px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .testRowKutuphane:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }


  .fiyatRow{
    display: inline-block;
    margin: 10px;
    padding: 5px;
    height: 85px;
    width: 120px;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    cursor: pointer;
  }

  .fiyatRow:hover{
    border-radius: 70px;
    background-color: rgba(17, 26, 34, 0.7);
  }



  

}




.testBlok{
  padding: 5px;
}


.checkClass{
  display: inline-block;
  position: absolute;
  padding: 10px;
  width: auto;
  border-radius: 100px;
  color:rgb(255, 255, 215);
  left: 30%;
  top: -20px;
  font-size:xx-large;
  text-align: left;
  color:aliceblue;
}