@media only screen and (min-device-width: 1000px) and (max-device-width: 1100px) and (orientation: landscape) {

.dot {
    height: 1105px;
    width: 1405px;
    background-color: #f4364c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -220px;
    margin-top: -830px;
}
#loginh1 {
    margin-top: -240px;
    margin-left: 5px;
    color: white;
    text-align: center;
}

#loginh2{
    color: white;
    margin-top: -10px;
   
    text-align: center
  }
.logoCircle {
    height: 300px;
    width: 400px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 290px;
    margin-top: -3px;
    position: absolute;
}
.logoOnCircle {
    display: inline-block;
    height: 50%!important;
    width: auto;
    margin-left: 118px;
    margin-top: 0px;
}


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


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

  }

 #loginForm{
    margin-top: 180px;
    margin-left:50px;
  }
  #loginFormLabel {
    position: relative;
    margin-top: 181px;
}
  .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.2); */
}
.text-center{
    display: inline-block;
    margin-top: -20px;
    
  }
  #signUpLink{
    color: red;
    display: inline-block;
    margin-top: 10px;
    margin-left: 0px;
  }
  #loginBtnw{
    background-color:  #f4364c;
 
    text-align: center;
    display: inline-block;
    padding: 12px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-radius: 80px;
  }

  .tagOR,#hrSplit{
    display: none;
  }
  #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: 750px !important;
    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;        margin-left: 175px!important;
}
#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;
  margin-left: 175px!important;
  border-radius: 10px; 
}
#smsTitle{
  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}
#resetPass{
  margin-left:20px;width: 300px!important;
}
#signUpContent {
  margin-left: 66px;
  width: fit-content;
  height: fit-content;
  margin-top: -400px;

}#sosTitle{
  display: inline-block; float:right;
}
#registerForm{
  margin-left: 450px;
  margin-top: -450px;
}#ipadImage{
  display: block;
}
}


@media only screen and (min-device-height: 1000px) and (max-device-width: 1100px) and (orientation: portrait) {
  .dot {
    height: 424px;
    width: 803px !important;
    background-color: #f4364c;
    border-radius: 50%;
    display: inline-block;
    margin-left: -35px;
    margin-top: -200px;
}
#loginh1 {
  margin-top: -180px !important;
  margin-left: 242px !important;
  color: white;
}

#loginh2{
  color: white;
  margin-top: -10px;
  margin-left: 288px !important;
  }
.logoCircle {
  height: 162px !important;
  width: 300px!important;;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  margin-left: 225px !important;
  margin-top: 1px;
}
.logoOnCircle {
    display: inline-block;
    height: 75% !important;
    width: auto !important;;
    margin-left:74px !important;
    margin-top: 0px;
}


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


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

  }

 #loginForm{
    margin-top: 180px;
  }
  #loginFormLabel{
    
    position: relative;

  }
  .ui-shadow-inset {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    /* box-shadow: inset 0 1px 3px rgba(0,0,0,.2); */
}
.text-center{
    display: inline-block;
    margin-top: -20px;
  }
  #signUpLink{
    color: red;
    display: inline-block;
    margin-top: 10px;
    margin-left: 0px;
  }
  #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;
  }
  #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: 647px !important;
    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;        margin-left: 175px!important;
}
#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;
  margin-left: 175px!important;
  border-radius: 10px; 
}
#smsTitle{
  margin-top: 15%; text-align: center; margin-left: 100px;font-size: 15px !important;
}
#resetPass{
  margin-left:20px;width: 300px !important;
}
#ipadImage{
  display: none;
}
}