/**
<1000px
*/

@media screen and (max-width: 1000px) {
  body > *, modalBackdrop, header div div{
    display: none;
  }
  #modalContent, header, header div #logo, header div #logo *{
    display: block;
    max-width: 100%;
  }
  #modalContent .ctools-modal-content, header *, footer * {
    max-width: 100%;
  }

  #modalContent .ctools-modal-content #modal-content {
    max-width: 95% !important;
    padding: 0 !important;
  }
  body{
    overflow-x: hidden;
  }

  .login-saml-registration .throbber,
  .login-saml-forgot-password .throbber{
    top: 0;
    left: 50%;
    margin-left: -25px;
  }
  .social_reg_buttons a {
     margin-top: 50px;
  }
  .text_reg {
    margin: 20px 0;
  }
  .modal-content .title, div.ctools-modal-content .modal-title {
    margin-bottom: 0;
  }
  form.login-saml-registration {
    margin-top: 0;
  }
  .ui-tooltip {
    min-width: 100px !important;
  }
  #wrapper {
    width: auto !important;
  }

  .form_page_2 {
    margin-top: 30px !important;
  }

}
/* build mobile pages*/



/**
<500px
*/

@media screen and (max-width: 500px) {
  .social_reg_buttons a {
    margin-right: 1%;
    margin-left: 1%;
    width: 18%;
  }
  .modal-content .title, div.ctools-modal-content .modal-title, .form_page_2 {
    font-size: 30px !important;
  }
  .form_page_2 {
    margin-top: 30px !important;
  }
  .pulsanti .cancel_btn{
    height: 20px !important;
  }
  .pulsanti input[type="submit"]{
    margin: 10px 0;
    width: 70% !important;
  }
  .login-saml-registration .form-type-checkboxes label, .login-saml-registration .form-type-radios label {
    font-size: 11px !important;
  }
  #modalContent .tooltip {
     font-size: 11px;
  }
  .login-saml-registration .form-type-radios label, .login-saml-registration .form-type-checkboxes > label {
    padding-left: 40px;
  }
  .login-saml-registration .form-type-checkboxes label.option{
    padding-left: 25px;
  }
  .form-item-accept-sms, .form-item-accept-mail, .form-item-accept-email, .form-item-accept-phone {
    margin-left: 1em;
  }
  .login-saml-registration .form-type-radios label.option {
    padding-left: 25px;
  }
  .login-saml-registration .form-type-radios .form-radios .form-type-radio {
    margin: 0 4px;
  }
  .ui-tooltip{
    top: auto !important;
    bottom: 0 !important;
    position: fixed !important;
  }
  
 .login-saml-registration .form-type-checkboxes .form-checkboxes{
    width: 105px;
  }
  .login-saml-registration .form-type-radios .form-radios {
    width: 110px;
  }
}