*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
#Mobiles{
   
  
    width: 85%;
    margin: 60px auto 0 auto;
    height: 970px;
    overflow-y: scroll;
   
}
@import url(https://fonts.googleapis.com/css?family=Khula:700);

.hidden {
  opacity:0;
}
.console-container {
 
  font-family: "Permanent Marker", cursive;
  font-size:4em;
  text-align:center;
 
  width:613px;
  height: 10px;
   margin-left: auto;
      margin-right: auto;

  color:orange;
  position: relative;
  top: 10px;

}
.console-underscore {
   display:inline-block;
  position:relative;
  top:-0.14em;
  left:10px;
}

   .hero3-shadow{
      padding: 10px 20px;
      box-shadow: 3px 3px 2px 2px rgb(240, 239, 239);
      text-align: center;
     }
        .hero3-shadow img{
     width: 110px;
    height: 110px;
      object-fit: contain;
     text-align: center;
        display: flex;
      justify-content: center;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      
     }
         .hero3-shadow .hero3-descount{
      background-color: orange;
      width: fit-content;
      padding: 5px;
     position: absolute;
     top: 1px;
     right: 5px;
     margin-top: 10px;

    }

         .login{
           display: none;
           }
            @media(max-width : 530px){
                   .hero3-shadow img{
     width: 70px;
    height: 110px;
                   }

            }


 @media(max-width : 850px){
     .hero3-shadow .hero3-descount{
      background-color: orange;
      width: fit-content;
      padding: 3px;
     position: absolute;
     top: 1px;
     right: 5px;
     margin-top: 7px;

    }
   
 }
   @media(max-width : 900px){
.console-container {

  font-size:3rem;
  height: 0px;
   width:580px;
}

   }
   
   @media(max-width : 613px){
.console-container {

  font-size:2.5rem;
  height: 0px;
   width:450px;
}

   }
   @media(max-width : 470px){
.console-container {

  font-size:1.9rem;
  height: 0px;
   width:350px;
   position: relative;
   top: 25px;
}

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

        #Mobiles{
   
    height: 1300px;
 
}
   }
      @media(max-width: 380px ){

         .console-container {

  font-size:1.6rem;
  height: 0px;
   width:300px;
   top: 33px;
      }
 
   }