/* default */
body,
html {
   background-color: #ffffff;
   margin: 0;
   padding: 0;
   position: relative;
   width: 100%;
   height: 100%;
}

.progress_2 {
   left: 33% !important;
}
.progress_3 {
   left: 66% !important;
}

/* title register */
#title-register {
   font-size: 26px;
}

/* estilo div register */
#div-form-register {
   background-color: rgb(248, 248, 246);
   border-radius: 10px;
   letter-spacing: 0;
   left: 50%;
   line-height: 1.3;
}

.sub-title-register {
   font-size: 16px;
}

/* responsive */
/* pantallas moviles */
@media (orientation: portrait) {
   /* h1 */
   #title-register {
      font-size: 26px;
   }

   #div-form-register {
      width: auto;
   }

   footer {
      position: static;
   }
}

/* pntalla xs */
@media screen and (min-width: 0px) and (max-width: 576px) and (orientation: portrait) {
   /* h1 */
   #title-register {
      font-size: 26px;
   }
}

/* responsive pantallas de notebook */
@media (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      left: 50%;
      position: static;
      transform: translate(-0%, -0%);
   }

   footer {
      position: static;
   }
}

/* pntalla xs */
@media screen and (min-width: 0px) and (max-width: 576px) and (orientation: landscape) {
   #title-register {
      font-size: 20px;
   }
   /* estilo div login */
   #div-form-register {
      width: 100%;
   }
}

/* pntalla sm */
@media screen and (min-width: 577px) and (max-width: 768px) and (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      width: 90%;
   }
}

/* pntalla md */
@media screen and (min-width: 769px) and (max-width: 992px) and (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      width: 90%;
   }
}

/* pntalla lg */
@media screen and (min-width: 993px) and (max-width: 1200px) and (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      width: 50%;
   }
}

/* pntalla xl */
@media screen and (min-width: 1201px) and (max-width: 1400px) and (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      width: 60%;
   }
}

/* pntalla xll */
@media screen and (min-width: 1401px) and (orientation: landscape) {
   /* estilo div login */
   #div-form-register {
      width: 70%;
   }
}