@media (min-width: 768px) and (max-width: 1024px) {
  .title-small {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #inscripcion img {
    width: 90%;
    margin-bottom: 30px;
  }
  #perfiles img {
    width: 80%;
  }
}
@media (max-width: 568px) {
  .affix .menu-icon {
    margin-top: 20px !important;
  }
  #contacto .info-inner {
    padding-left: 15px;
  }
}
@media (max-width: 480px) {
  .row-eq-height > [class*='col-'] {
    width: 100%;
  }
  .logo-mincyt {
    display: none !important;
  }
  .affix .menu-icon {
    margin-top: 20px !important;
  }
  .hero-area .col-md-6 img {
    max-width: 80%;
  }
  .section {
    padding: 50px 0 0;
  }
  .section-title {
    font-size: 36px !important;
  }
  .section-subtitle {
    font-size: 20px !important;
    padding: 0 10%;
  }
  .title-small {
    font-size: 22px;
    line-height: 28px;
  }
  .navbar .navbar-header {
    padding: 15px 22px;
    float: left;
  }
  .navbar .navbar-right {
    float: right;
  }
  .hero-area .contents h1,
  #preguntas h3 {
    font-size: 20px;
  }
  .hero-area .contents p {
    font-size: 14px;
  }
  #concurso .features .icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
  }
  #inscripcion {
    text-align: center;
  }
  #inscripcion .content {
    width: 100%;
  }
  #inscripcion .content .list-item li {
    font-size: 16px;
  }
  #inscripcion .content .btn-edit {
    margin-bottom: 60px;
  }
  #inscripcion img {
    width: 100%;
  }
  #preguntas .section-title {
    margin-bottom: 0 !important;
  }
  #perfiles h2 {
    font-size: 24px;
    margin: 0 0 30px;
  }
  #perfiles .col-md-4 img {
    display: inline-block;
    max-width: 150px;
  }
  #perfiles .col-md-4,
  #perfiles .col-md-8 {
    text-align: center;
  }
  #contacto .features-content {
    padding-bottom: 30px;

  }
  .copyright-text {
    padding:0 10%;
  }
  #logos img {
    max-width: 95%;
    margin-bottom: 30px;
  }
}
@media (max-width: 640px) and (min-width: 960px) {
  .navbar-header {
    width: auto;
    float: left;
    padding-left: 7px !important;
  }
  .navbar-right {
    float: right;
  }
}
@media (max-width: 767px) and (min-width: 479px) {
  .navbar-header {
    width: auto;
    float: left;
    padding-left: 7px !important;
  }
  .navbar-right {
    float: right;
  }
}
