@media only screen and (min-width: 1920px) {
  nav {
    height: auto !important;
  }
  .navbar-scrolled .navbar-brand img {
    height: 5rem !important;
    width: 10rem !important;
  }
  .navbar-scrolled {
    height: 15%;
  }
  .collapse {
    padding-left: 29%;
  }
  .navbar-scrolled .collapse {
    padding-left: 29% !important;
  }
  .banner {
    height: 35vh !important;
    background-size: cover !important;
  }
  .banner-nomi {
    height: 56vh !important;
    background-size: cover !important;
  }
  .nav-link {
    margin-right: 4rem !important;
  }
  .banner-facturas {
    height: auto !important;
  }
  .ml-13 {
    margin-left: 2rem !important;
  }
  .ml-15 {
    margin-left: 15rem !important;
  }
  .comp .monitor {
    margin-left: 8rem !important;
    width: 530px !important;
    height: 280px !important;
  }
  .base {
    margin-left: 8rem !important;
    width: 530px !important;
  }
  .video-wrapper {
    padding-bottom: 50% !important;
  }
  #ultimo-atributo {
    margin: 5px 11rem !important;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1919px) {
  /*Monitores mas grandes*/
}

@media only screen and (min-width: 1025px) and (max-width: 1439px) {
  /* PC normal y large */
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /*laptop, tablet de lado*/
  .video-library {
    display: none !important;
  }
  .main-content {
    margin-left: 0 !important;
  }
  .search-button-lap {
    margin-right: 15rem;
  }
  .banner {
    height: 100% !important;
    background-attachment: inherit !important;
    background-position-y: 106px !important;
  }
  .banner-nomi {
    height: 100% !important;
    background-attachment: inherit !important;
    background-position-y: 106px !important;
  }
  nav a img {
    height: 3.5rem !important;
    width: 7rem !important;
  }
  nav {
    height: auto !important;
  }
  .collapse {
    padding-left: 2rem !important;
  }
  .nav-link {
    margin-right: 1rem;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /*Tablets*/
  .video-library {
    display: none !important;
  }
  .main-content {
    margin-left: 5% !important;
  }
  iframe {
    width: 650px;
    height: 350px;
  }
  .search__button-tablet {
    margin-right: 3rem;
  }
  nav a img {
    height: 5rem !important;
    width: 10rem !important;
  }
  nav {
    height: auto !important;
  }
  nav a img {
    height: 4.5rem !important;
    width: 8rem !important;
  }
  .navbar-scrolled .navbar-brand img {
    height: 2.5rem !important;
    width: 5rem !important;
  }
  .navbar-scrolled {
    height: 15%;
  }
  .collapse {
    padding-left: 0 !important;
  }
  .banner {
    height: 100% !important;
    background-position-y: 120px !important;
    background-attachment: inherit !important;
  }
  .banner-nomi {
    height: 100% !important;
    background-position-y: 120px !important;
    background-attachment: inherit !important;
  }
  .phone {
    width: 201px !important;
    height: 433px !important;
    margin-left: 16rem;
  }
  .scrollable-text {
    height: 450px;
    overflow: auto;
  }
  .comp .monitor {
    margin-left: 8rem !important;
  }
  .base {
    margin-left: 8rem !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  /*Celular*/
  .video-library {
    display: none !important;
  }
  .main-content {
    margin-left: 0 !important;
  }
  .search__button-movil {
    margin-right: 2rem;
  }
  nav a img {
    height: 4.5rem !important;
    width: 8rem !important;
  }
  nav {
    height: auto !important;
  }
  .navbar-scrolled .navbar-brand img {
    height: 2.5rem !important;
    width: 5rem !important;
  }
  .navbar-scrolled {
    height: 15%;
  }
  .collapse {
    padding-left: 0 !important;
  }
  .banner {
    padding-top: 8rem !important;
    height: 100% !important;
    background-position-y: 0 !important;
  }
  .banner-nomi {
    padding-top: 8rem !important;
    height: 100% !important;
    background-position-y: 0 !important;
  }
  .btn-wsp {
    position: fixed;
    bottom: 25px;
    right: 10rem !important;
  }
  .programas img {
    margin-left: 2rem !important;
  }
  .phone {
    width: 201px !important;
    height: 433px !important;
    margin: auto;
  }
  .comp .monitor {
    margin-left: 0 !important;
    width: auto !important;
  }
  .base {
    margin-left: 0 !important;
    width: auto !important;
  }
  .fs-perso {
    font-size: 125px !important;
  }
  .atributo-contenido {
    padding: 1px !important;
  }
  .atributo-descripcion {
    font-size: 12px !important;
    margin: 20px 10px !important;
  }
  .pt-mv-0 {
    padding-top: 0 !important;
  }
}