/* 16/9 */
/* iPhone SE , older android*/

@media screen and (orientation: landscape) and (min-aspect-ratio: 3/2) and (max-aspect-ratio: 2/1)  {
   body {
   }

   #battlefield .card {
   }

   #popupCardDetail {
   }

   #user .userName,
   .userName {
      font-size: 16px;
      top: 8.7vw;
   }

   .horizontalMenu .btn {
      font-size: 0.7em;
   }

   .cardMid .name {
      font-size: 12px;
   }

   .boxHp {
      font-size: 14px;
   }

   #boxUserHp {
      bottom: 0px;
   }
   #boxCPUHp {
      top: calc(100% - 20px);
   }

   .boxPlayerEnergy {
      font-size: 12px;
   }

   

   #battlefield .card .cardTexts {
      top: calc(50% + 45px);
   }

   #battlefield .card .name {
      font-size: 22px;
      line-height: 46px;
   }

   .boxEloChange,
   .boxTblDataGain {
      left: 2.5%;
   }

   .boxXpGain,
   #fightGameOver .btnBox,
   .boxCreditsChange {
      right: 2.5%;
   }

   .headingCrates {
      bottom: 35%;
   }
   
   .boxCrates,
   .boxFilledCrates {
      left: 35%;
      width: 30%;
   }

   .userMenu div {
      line-height: 30px;
      font-size: 75%;
   }

   .userMenu [class^="icon-"] {
      width: 20px;
      height: 20px;
   }


/* SHOP */
.price {
   bottom: 20%;
}


}