@media only screen and (min-device-width: 300px) and (max-device-width: 768px) and (orientation: portrait) {
  .dot {
    height: 405px;
    width: 405px;
    background-color: #f4364c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -35px;
    margin-top: -200px;


  }
  .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.2); */
}
  #loginh1{

    margin-top: -150px;
    margin-left: 35px;
    color: white;

  }

  #loginh2{
    color: white;
    margin-top: -10px;
    margin-left: 85px;
  }
  .logoCircle{
  
      height: 100px;
      width: 100px;
      background-color: white;
      border-radius: 50%;
      display: inline-block;
      margin-left: 120px;
      margin-top: -3px;
    
  }

  .logoOnCircle{
    display: inline-block;
      height: 60%;
      width: auto;
    margin-left: 20px;
    margin-top: 0px;
  }

  #inputField{
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
    background-color: #F2F2F2;
    color:black;
    border:none;
  }

  .text-center{
    display: inline-block;
  }
  #signUpLink{
    color: red;
    display: inline-block;
  }
  #loginBtnw{
    background-color:  #f4364c;
 
    text-align: center;
    display: inline-block;
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
  }

  .tagOR{
    margin-top: -20px;
text-align: center;
  }

  #loginForm{
    margin-top: -25px;
  }
  #loginIcon1{
   
    margin-left: -10px;
  }

  #loginIcon2{
    display: inline-block;
    margin-top: 0px;
    
  
  }

  #inputLabel1{
    margin-left: 30px;
    margin-bottom: -20px;

  }

 #pass_log_id{
  padding: 12px 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 80px;
  background-color: #F2F2F2;
  color:black ;
  border:none;
 }

 #eyeIcon{
  margin-left: 270px;
  display: block;
  margin-top: -40px;
 }
 .ui-fixed-hidden,.ui-header-fixed.ui-fixed-hidden {
  position: fixed; 
}
#emailBlock{
  border:4px solid #F7F7F7; margin-top:0px; padding-right: 300px; padding-left: 10px;border-radius: 10px; 
}
#emailTitle{

  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}

#smsBlock{
  border: 4px solid #F7F7F7;
  margin-top: 0px;
  padding-right: 300px;
  padding-left: 10px;
  border-radius: 10px; 
}
#smsTitle{
  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}
#resetPass{
  margin-left:20px;width: 270px
}
#sosTitle{
  display: inline-block; float:right;
}
}




@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .dot {
    height: 405px;
    width: 705px;
    background-color: #f4364c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -35px;
    margin-top: -200px;

  }
  .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.2); */
  }
  #loginh1{

    margin-top: -150px;
   text-align: center;
    color: white;

  }

  #loginh2{
    color: white;
  
    margin-top: -10px;
    margin-left: 235px;
  }
  .logoCircle{
    height: 100px;
    width: 216px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 207px;
    margin-top: -3px;
    
  }

  .logoOnCircle{
    display: inline-block;
    height: 87%;
    width: auto;
    margin-left: 50px;
    margin-top: 0px;

  }

  #inputField{
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
    background-color: #F2F2F2;
    color:black ;
    border:none;
  }

  .text-center{
    display: inline-block;
  }
  #signUpLink{
    color: red;
    display: inline-block;
  }
  #loginBtnw{
    background-color:  #f4364c;
 
    text-align: center;
    display: inline-block;
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
  }

  .tagOR{
    margin-top: -20px;
text-align: center;
  }

  #loginForm{
    margin-top: -25px;
  }
  #loginIcon1{
   
    margin-left: -10px;
  }

  #loginIcon2{
    display: inline-block;
    margin-top: 0px;
    
  
  }

  #inputLabel1{
    margin-left: 30px;
    margin-bottom: -20px;

  }

 #pass_log_id{
  padding: 12px 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 80px;
  background-color: #F2F2F2;
  color:black ;
  border:none;
 }

 #eyeIcon{
  margin-left: 550px;
  display: block;
  margin-top: -40px;
 }
 .ui-fixed-hidden,.ui-header-fixed.ui-fixed-hidden {
  position: fixed; 
}

#ipadImage{
  display: none;
}
}


@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
  .dot {
    height: 405px;
    width: 705px;
    background-color: #f4364c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -35px;
    margin-top: -200px;

  }
  .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.2); */
}
  #loginh1{

    margin-top: -150px;
   text-align: center;
    color: white;

  }

  #loginh2{
    color: white;
  
    margin-top: -10px;
    margin-left: 235px;
  }
  .logoCircle{
    height: 100px;
    width: 216px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 207px;
    margin-top: -3px;
    
  }

  .logoOnCircle{
    display: inline-block;
    height: 87%;
    width: auto;
    margin-left: 50px;
    margin-top: 0px;
}
  }

  #inputField{
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
    background-color: #F2F2F2;
    color: black;
    border:none;
  }

  .text-center{
    display: inline-block;
  }
  #signUpLink{
    color: red;
    display: inline-block;
  }
  #loginBtnw{
    background-color:  #f4364c;
 
    text-align: center;
    display: inline-block;
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
  }

  .tagOR{
    margin-top: -20px;
text-align: center;
  }

  #loginForm{
    margin-top: -25px;
  }
  #loginIcon1{
   
    margin-left: -10px;
  }

  #loginIcon2{
    display: inline-block;
    margin-top: 0px;
    
  
  }

  #inputLabel1{
    margin-left: 30px;
    margin-bottom: -20px;

  }

 #pass_log_id{
  padding: 12px 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 80px;
  background-color: #F2F2F2;
  color:black ;
  border:none;
 }

 #eyeIcon{
  margin-left: 550px;
  display: block;
  margin-top: -40px;
 }
 .ui-fixed-hidden,.ui-header-fixed.ui-fixed-hidden {
  position: fixed; 
}


#emailBlock{
  border:4px solid #F7F7F7; margin-top:0px; padding-right: 300px; padding-left: 10px;border-radius: 10px;
}
#emailTitle{

  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}

#smsBlock{
  border: 4px solid #F7F7F7;
  margin-top: 0px;
  padding-right: 300px;
  padding-left: 10px;
  border-radius: 10px; 
}
#smsTitle{
  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}

#resetPass{
  margin-left:20px;width: 400px !important;
}
#sosTitle{
  display: inline-block; float:right;
}
#ipadImage{
  display: none;
}
}