#modal-popup
{
    position: fixed;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    display: none;
}

#smspopup {
  position: fixed;
  padding: 20px;
  width: 540px;
  height: 290px;
  left: 50%;
  top: 50%;
  margin-left: -290px;
  margin-top: -165px;
  background: #FFF;
  border-radius: 0;
  display: none;
  z-index: 51;
  text-align: center;
  z-index: 1001;
}

body.modal-smsreg
{
    overflow: hidden !important;
}

body.modal-smsreg #modal-popup,body.modal-smsreg #smspopup {
    display: block;
}

#smspopup h2 {
  font-family: sukhumvitlight,sans-serif;
  font-size: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #f37a01;
  padding-top: 20px;
}
#smspopup p {
  text-align: center;
  color: #363636;
  text-shadow: none;
}
#smspopup p.formsms {
  padding: 25px 0;
}
#smspopup label {
  font-size: 15px;
}
#smspopup input {
  height: 36px;
  border-radius: 5px;
  border: solid #ebebeb 2px;
  font-size: 15px;
  padding: 0 15px;
  min-width: 200px;
}

#smspopup input.error {
  border: solid 2px red !important;
  border-radius: 5px !important;
}

#smspopup a.x-close{
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 5px;
    font-size: 24pt;
}

#smspopup .sendsms {
  display: inline-block;
  font-family: sukhumvitlight,sans-serif;
  font-size: 24px;
  color: #FFF;
  padding: 0 20px;
  background: #f37a01;
  border-radius: 3px;
  cursor: pointer;
  height: 50px;
  line-height: 54px;
}

@media only screen and (max-width: 768px){
    #smspopup {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #smspopup h2 {
      font-family: sukhumvitlight,sans-serif;
      font-size: 23px;
      margin: 0;
      padding: 0;
      text-align: center;
      color: #f37a01;
      padding-top: 40px;
      margin: 0 3%;
    }
    #smspopup p {
      color: #363636;
      text-shadow: none;
      margin: 0 3%;
    }
    #smspopup p.formsms {
      margin: 25px 0;
      text-align: center;
    }
    #smspopup p.formsms label {
      display: block;
    }
    #smspopup p.formsms input {
      height: 36px;
      border-radius: 5px;
      border: solid #ebebeb 2px;
      font-size: 15px;
      padding: 0 15px;
      min-width: 200px;
      text-align: center;
    }
    #smspopup .sendsms {
      display: inline-block;
      font-family: sukhumvitlight,sans-serif;
      font-size: 24px;
      color: #FFF;
      padding: 0 20px;
      background: #f37a01;
      border-radius: 3px;
      cursor: pointer;
      height: 50px;
      line-height: 54px;
    }
}