/*==========  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-goz {
    max-width: 25px;
  }

  .img-cocuk {
    max-width: 155px;
  }

  .img-kitapCocuk {
    max-width: 105px;
  }
}


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

  .img-cocuk {
    max-width: 200px;
  }

  .img-kitapCocuk {
    max-width: 200px;
  }
}

.img-kitapCocuk {
  animation: hareketYap 2s infinite;
  animation-direction: alternate;
}

@keyframes hareketYap {
  0% {
    transform: rotate3d(0, 1, 0, -20deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 20deg);
  }
}