@media (max-width:576px) {
  .nomobile { display: none !important; }
  .onlymobile { display: block; }
  body { font-size: 14px; }
  h1 { line-height: 1em; font-size: 2.4em; }
  h3 { font-weight: 100; line-height: 1em; margin:0.3em 0; }
  h4 { font-size: 1.5em; font-weight: 600; line-height: 1em; margin:0.3em 0; }
  h5 { font-size: 1.2em; font-weight: 600; line-height: 1em; margin:0em 0; }
  .centrado { width: 95%; }
  .centrado2 { width: 95%; }
  .centradomini { width: 90%; }
  .respcol50 { float: left; width: 100%; }
  .respcol33 { float: left; width: 100%; }
  .headercol2 { position: relative; width: 100%; left: 0%; height: 160px; z-index: 8; background-size: cover; }
  .latri { display: none; }
  .headercol1 { position: relative; }
  .headercol1 h1 { width: 100%; }
  .headercol1 p { width: 95%; }
  .botonpvp { position: fixed !important; left: 50%; bottom: 2em; width: 86%; transform: translateX(-50%); z-index: 9999; }
  .botonpvp span { display: inline-block; padding: 1.4em 1em; }
  .botonpvp img { display: none; }
  .pad1 { padding: 2em; }
  .padh { padding: 0px 4em; }
  .padh2 { padding: 0px 2em; }
  .totalcol { width: 32%; display: inline-block; vertical-align: middle; text-align: center; line-height: 1.1em; font-size: 11px; }
  .totalcol strong { font-size: 3.7em; }
  .capitulos { width: 90%; left: 50% !important; position: relative; transform: translateX(-50%); }
  .tem_capitulo { width: 100%; margin: 0.5em 0%; }
  .tem_cap_img { padding-top: 30%; }
  .profetxt { width: 80%; }
  .profetxt p { width: 98%; }
  .profebadge { display: inline-block; width: 6em; margin-left: 0.1em; margin-top: 0.2em; }
  .profesuperimg { position: relative; right: 0em; height: inherit; width: 100%; bottom: inherit; }
  .profesuperimg img { width: 100%; }
  .swiper-container-works { height: 220px; }
  .footer { width: 100%; background-color: #000; color: #fff; font-size: 0.6em; padding: 4em 0px; line-height: 1.8em; padding-top: 12em; position: relative; padding-bottom: 12em; display: none; }
  .footerlogo { display: inline-block; vertical-align: middle; width: 7em; }
  .footercurso { display: inline-block; vertical-align: middle; width: 10em; margin-left: 0.5em; font-size: 2em; font-weight: 900; line-height: 1.05em; }
  .footercurso small { font-size: 0.7em; display: block; font-weight: 100; font-style: italic; }
  .footcol { float: left; padding: 0px 2em; width: 85%; display: none; }
  .footcol1 { margin-top: 2em; }
  .footcol a { color: inherit; text-decoration: none; }
  .footcol2,
  .footcol3 { float: left !important; padding: 0px 2em; width: 80%; font-size: 1.5em !important; margin-top: 1em; margin-bottom: 1em; }
  .pagepvp { padding: 4em 3em; width: 70%; display: none; }
  #videocont { position: fixed; width: 96%; left: 50%; top: 50%; height: 0px; padding-top: 57%; background-color: #000; z-index: 9; box-shadow: 5px 5px 45px rgba(0, 0, 0, 0.5); display: none; transform: translateX(-50%) translateY(-50%); }
  .videoclose { position: absolute; width: 3em; right: 0em; top: -3em; cursor: pointer; }
  .btn-collapse { background-color: #000; }
  .btn-collapse .bloque-titulo { font-size: 14px; display: flex !important; align-items: center !important; }
  .btn-collapse .bloque-unidad-numero { font-size: 14px; }
  .btn-collapse .bloque-unidad { width: 62%; }
  .btn-collapse .bloque-duracion { width: 20%; }
  .btn-collapse .bloque-visto { width: 8%; background-size: 18px; background-position: 5px 8px; }
  .bloque-sup { margin-bottom: 0px; }
  .btn-collapse .bloque-duracion { font-size: 12px; padding-top: 0px; }
  .bloque-sup .accordion-button { padding: 1rem; }
  .bloque-indice { padding-bottom: 20px; }
  #btn-temario i { font-weight: 700; font-size: 18px; }
  .accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
  }
  .accordion-button:not(.collapsed) {
    color: #989898;
    background-color: #000;
  }
  .accordion-button:focus {
    box-shadow: none !important;
    border: none !important;
  }
  .accordion-collapse {
    background-color: rgba(0, 0, 0, 0.9);
    border-top: 1px solid rgb(255, 255, 255);
  }

  .accordion-body .fila-carpeta .bloque-carpeta {
    width: 25px !important;
    height: 25px !important;
    background-position: 0px -2px !important;
  }

  .accordion-body .fila-carpeta .bloque-titulo {
    font-size: 12px;
  }

  .accordion-body .fila-carpeta .bloque-duracion {
    font-size: 12px;
    width: 25% !important;
  }

  .accordion-body .fila-carpeta .bloque-unidad {
    width: 70% !important;
  }

  .btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none !important;
  }

  .videonormal {
    width: 100%;
  }

  #testwin {
    width: 100%;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .btn-collapse { background-color: #000; }
  .btn-collapse .bloque-titulo { font-size: 14px; display: flex !important; align-items: center !important; }
  .btn-collapse .bloque-unidad-numero { font-size: 14px; }
  .btn-collapse .bloque-unidad { width: 62%; }
  .btn-collapse .bloque-duracion { width: 20%; }
  .btn-collapse .bloque-visto { width: 8%; background-size: 18px; background-position: 5px 8px; }
  .bloque-sup { margin-bottom: 0px; }
  .btn-collapse .bloque-duracion { font-size: 12px; padding-top: 0px; }
  .bloque-sup .accordion-button { padding: 1rem; }
  .bloque-indice { padding-bottom: 20px; }
  #btn-temario i { font-weight: 700; font-size: 18px; }
  .accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  }
  .accordion-button:not(.collapsed) {
    color: #989898;
    background-color: #000;
  }
  .accordion-button:focus {
    box-shadow: none !important;
    border: none !important;
  }
  .accordion-collapse {
    /*background-color: rgba(0, 0, 0, 0.9);*/
    border-top: 1px solid rgb(255, 255, 255);
  }

  .accordion-body .fila-carpeta .bloque-carpeta {
    width: 25px !important;
    height: 25px !important;
    background-position: 0px -2px !important;
  }

  .accordion-body .fila-carpeta .bloque-titulo {
    font-size: 12px;
  }

  .accordion-body .fila-carpeta .bloque-duracion {
    font-size: 12px;
    width: 25% !important;
  }

  .accordion-body .fila-carpeta .bloque-unidad {
    width: 70% !important;
  }

  .btn-check:focus + .btn-primary, .btn-primary:focus {
    box-shadow: none !important;
  }

  .videonormal {
    width: 100%;
  }

  #testwin {
    width: 100%;
  }
}

@media (min-width: 992px) {
  #loginbots { right: 10em; top:2em; z-index: 20; position: fixed; display: flex;}
  .pagreviews { bottom: 2em !important; width: 100%; }
  .franja-examen {
    position: relative;
    bottom: 0;
    right: 0;
  }
  .fila-carpeta .bloque-titulo {
    color: #fff;
  }
  .bloque-indice {
    position: relative;
  }
  .bloque-botones-superior {
    right: 2rem;
    top: 2rem;
  }
  .bloque-unidades {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 1rem;
  }

  .btn-collapse .bloque-titulo {
      display: inline-block;
      color: #989898;
      width: 65%;
      font-weight: 800;
      font-size: 24px !important;
      cursor: pointer;
  }

  .btn-collapse .bloque-unidad {
    width: 70% !important;
  }

  .bloque-unidad-numero {
      display: inline-block;
      vertical-align: top;
      font-size: 26px !important;
  }

  .btn-collapse .bloque-duracion {
    width: 15% !important;
  }

  .btn-collapse .bloque-visto {
    width: 5% !important;
    background-size: 21px !important;
    background-position: 4px 9px !important;
  }

  .btn-collapse .bloque-duracion {
    padding-top: 10px !important;
  }
  
  .country-search {
    width: 71%;
  }

  .videonormal {
    width: 1000px;
  }

  #testwin {
    width: 740px;
  }
}

@media (min-width:1500px) {
  body { font-size: 16px; }
}

.onlymobile { display: none; }
#btn-temario { background-color: #fdc100 !important; border: none !important; border-radius: 0px; color: #000; font-weight: 700; }