/* MEDIA STYLES
-------------------------------------------------- */


@media all and (min-width: 320px) and (max-width: 480px) {

  #head img {
    height: 25px;
  }

  #head.private img {
    height: 20px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 20px;
  }

  .login {
    height: 100%;
  }

  .login .login-text p {
    font-size: 2.2em;
  }

  .login .login-text .close-text p {
    font-size: 1.8em;
  }

  .login .login-text .product ul li img {
    height: 2.2em;
  }

  .login .login-text .login-out p {
    font-size: 2.2em;
  }

  .login .login-text .login-out p img {
    height: 0.6em;
  }

  .login form .form-control-lg {
    height: 50px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 65px;
    border-bottom-right-radius: 65px;
  }

  .round .breadcrumb {
    font-size: 0.7rem;
  }

  .accesos-slider {
    font-size: 2.5em;
  }

  .triangle {
    margin-bottom: -20px;
  }

  .private-info .box-content .square .content-top:hover {
    display: inherit;
  }

  .private-info .archive-title p {
    font-size: 2.5em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 2.5rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 3.5em;
  }

}

@media all and (min-width: 480px) and (max-width: 768px) {

  #head img {
    height: 30px;
  }

  #head.private img {
    height: 25px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 25px;
  }

  .login {
    height: 100%;
  }

  .login .login-text .close-text p {
    font-size: 2.0em;
  }

  .login .login-text p {
    font-size: 2.8em;
  }

  .login .login-text .login-out p {
    font-size: 2.8em;
  }

  .login .login-text .login-out p img {
    height: 0.6em;
  }

  .login .login-text .product ul li img {
    height: 2.8em;
  }

  .login form .form-control-lg {
    height: 60px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 65px;
    border-bottom-right-radius: 65px;
  }

  .round .breadcrumb {
    font-size: 0.7rem;
  }

  .accesos-slider {
    font-size: 2.5em;
  }

  .triangle {
    margin-bottom: -30px;
  }

  .private-info .box-content .square .content-top:hover {
    display: inherit;
  }

  .private-info .archive-title p {
    font-size: 3.0em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 3.0rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 4.0em;
  }

}

@media all and (min-width: 768px) and (max-width: 1024px) {

  #head img {
    height: 35px;
  }

  #head.private img {
    height: 30px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 30px;
  }

  .login {
    height: 100vh;
  }

  .login .login-text p {
    font-size: 3.3em;
  }

  .login .login-text .close-text p {
    font-size: 2.5em;
  }

  .login .login-text .login-out p {
    font-size: 3.3em;
  }

  .login .login-text .login-out p img {
    height: 0.6em;
  }

  .login .login-text .product ul li img {
    height: 3.3em;
  }

  .login form .form-control-lg {
    height: 70px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .round .breadcrumb {
    font-size: 0.8rem;
  }

  .accesos-slider {
    font-size: 3.0em;
  }

  .triangle {
    margin-bottom: -40px;
  }

  .private-info .box-content .square .content-top:hover {
    display: none;
  }

  .private-info .archive-title p {
    font-size: 3.5em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 3.5rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 5.0em;
  }

}

@media all and (min-width: 1024px) and (max-width: 1280px) {

  #head img {
    height: 40px;
  }

  #head.private img {
    height: 35px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 35px;
  }

  .login {
    height: 100vh;
  }

  .login .login-text .close-text p {
    font-size: 2.3em;
  }

  .login .login-text p {
    font-size: 3.5em;
  }

  .login .login-text .login-out p {
    font-size: 3.5em;
  }

  .login .login-text .login-out p img {
    height: 0.6em;
  }

  .login .login-text .product ul li img {
    height: 3.5em;
  }

  .login form .form-control-lg {
    height: 70px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .round .breadcrumb {
    font-size: 0.9rem;
  }

  .accesos-slider {
    font-size: 3.5em;
  }

  .triangle {
    margin-bottom: -50px;
  }

  .private-info .box-content .square .content-top:hover {
    display: none;
  }

  .private-info .archive-title p {
    font-size: 4.0em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 4.5rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 6.0em;
  }

}

@media all and (min-width: 1280px) and (max-width: 1920px) {

  #head img {
    height: 45px;
  }

  #head.private img {
    height: 40px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 40px;
  }

  .login {
    height: 100vh;
  }

  .login .login-text .close-text p {
    font-size: 2.5em;
  }

  .login .login-text p {
    font-size: 4.0em;
  }

  .login .login-text .login-out p {
    font-size: 4.0em;
  }

  .login .login-text .login-out p img {
    height: 0.6em;
  }

  .login .login-text .product ul li img {
    height: 4.0em;
  }

  .login form .form-control-lg {
    height: 70px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .round .breadcrumb {
    font-size: 0.9rem;
  }

  .accesos-slider {
    font-size: 3.5em;
  }

  .triangle {
    margin-bottom: -50px;
  }

  .private-info .box-content .square .content-top:hover {
    display: none;
  }

  .private-info .archive-title p {
    font-size: 4.0em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 4.5rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 6.0em;
  }

}

@media all and (min-width: 1920px) and (max-width: 2560px) {

  #head img {
    height: 50px;
  }

  #head.private img {
    height: 45px;
  }

  .offcanvas-start .navbar-toggler img {
    height: 45px;
  }

  .login {
    height: 100vh;
  }

  .login .login-text .close-text p {
    font-size: 2.5em;
  }

  .login .login-text p {
    font-size: 4.0em;
  }

  .login .login-text .login-out p {
    height: 0.6em;
  }

  .login .login-text .login-out p img {
    height: 4.0em;
  }

  .login .login-text .product ul li img {
    height: 4.0em;
  }

  .login form .form-control-lg {
    height: 70px;
  }

  .round .breadcrumb:nth-child(2) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .round .breadcrumb {
    font-size: 0.9rem;
  }

  .accesos-slider {
    font-size: 4.0em;
  }

  .triangle {
    margin-bottom: -50px;
  }

  .private-info .box-content .square .content-top:hover {
    display: none;
  }

  .private-info .archive-title p {
    font-size: 4.2em;
  }

  /*Logins*/

  .login .login-text .product .logo-product img {
    height: 4.5rem;;
  }

  .login .login-text .info-wellcome p {
    font-size: 6.0em;
  }

}