@media screen and (max-width: 1199px) {
  /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
  /* width modal 798-40/6 */
  .box-assessor {
    width: 121px !important;
    height: 121px !important;
  }
}

@media screen and (max-width: 991px) {
  /* LOGIN */
  /* ---------------------------------------------------- */
  #form-login .container-fluid {
    width: 60% !important;
  }

  #form-login  .card2 {
      border-top: 1px solid #EEEEEE !important;
      margin: 0px 15px
  }

  /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
   /* width modal 466-40/4 */
  .box-assessor {
    width: 112.5px !important;
    height: 112.5px !important;
  }

  .label-timer {
    font-size: 15vw !important;
  }
}

@media screen and (max-width: 870px) {
  /* LOGIN */
  /* ---------------------------------------------------- */
  #form-login .row-profile {
    width: 100% !important;
    text-align: center !important;
  }

  #form-login .row-profile .brand-image-login {
    margin-left: 0px !important;
  }

  #form-login .row-profile .label-profile {
    margin-left: 40px !important;
  }

  #form-login .social-contact {
    width: 100% !important;
    margin: 0px !important;
    text-align: center !important;
    margin-top: 5px !important;
  }

  #form-login .social-contact .text-sm {
    margin: 0px !important;
    margin-right: 10px !important;
  }

  #form-login .social-contact .text-sm-right {
    margin-right: 0px !important;
  }
}

@media screen and (max-width: 768px) {
  /* LOGIN */
  /* ---------------------------------------------------- */
  #form-login .container-fluid {
    padding: 20px !important;
    width: 100% !important;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

    /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
  .label-assessor {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 575px) {
  /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
    /* width modal 525-40/4 */
  .box-assessor {
    width: 126.5px !important;
    height: 126.5px !important;
  }

  /* FORM MONITOR ASSESSOR */
  /* ---------------------------------------------------- */
  .box-assessor-name label {
    font-size: 20px !important;
  }

  .box-monitor-assessment .box-assessor-name .label-assessor-monitor-count {
    font-size: 20px;
  }

  .box-assessor-name .label-timer-monitor {
    margin-left: 25px !important;
  }
}

@media screen and (max-width: 571px) {
  /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
    /* width modal 521-40/4 */
  .box-assessor {
    width: 126px !important;
    height: 126px !important;
  }
}

@media screen and (max-width: 569px) {
  /* FORM ASSESSOR */
  /* ---------------------------------------------------- */
    /* width modal 519-40/2 */
  .box-assessor {
    width: 47% !important;
    height: 100px !important;
  }

  .label-assessor {
    margin-top: 25%;
  }

  /* PARENTS */
  /* ---------------------------------------------------- */
  .banner {
    height: 35vh !important;
  }
}

@media screen and (max-width: 430px) {
  /* PARENTS */
  /* ---------------------------------------------------- */
  .banner {
    height: 20vh !important;
  }
}
/* ---------------------------------------------------- */