@media (max-width: 991px) {

  /*Tamaño del header*/
    header {
    position:relative;
    overflow:hidden;
    padding-top:calc(1rem + 72px);
    padding-bottom:3rem;
    }
    /*bg circle general*/
    .bg-circle{
    z-index:0 !important;
    position:absolute;
    border-radius:100%;
    /*background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)*/
    }

    /*Circulo grande header*/
    .bg-circle-1{
    z-index: 0 !important;
    height:30rem;
    width:30rem;
    top:7rem;
    left:-9rem;
    }

    /*Circulo pequeño header*/
    .bg-circle-2 {
      height:20rem;
      width:20rem;
      top:calc(30rem);
      right:-10rem
    }

    /*Circulo grande naranja*/
      .bg-circle-3{
        top:calc(5rem);
        height:6rem;
        width:6rem;
        right:-3rem;
      }

      .bg-circle-5 {
        top: calc(111rem - 72px) !important;
        right: 96px !important;
        height: 48px !important;
        width: 48px !important;
      }

      .bg-circle-5-2{
        top: calc(92rem - 72px);
      }

    /*Links circulares verticales*/

    /*Circulo 1*/
      .tiny-circle-1{
        height:4rem;
        width:4rem;
        top:-1.5rem;
        right:15rem;
      }

    /*Circulo 2*/
      .tiny-circle-2{
        height:4rem;
        width:4rem;
        top:-1rem;
        right:7.5rem;
      }

    /*Circulo 3*/
      .tiny-circle-3{
        height:4rem;
        width:4rem;
        top:3.5rem;
        right:1.6rem;
      }

    /*Circulo 4*/
      .tiny-circle-4{
        height:4rem;
        width:4rem;
        top:9rem;
        right:-1.3rem;
      }

    /*Circulo 5*/
      .tiny-circle-5{
        height:4rem;
        width:4rem;
        top:16rem;
        right:-2rem;
      }



    .card-orange{
      max-height: 1000px;
    }
    .card-orange:hover{
      max-height: 1000px;
    }
    .space {
      line-height: 1.4;
      font-size: 6.5vw !important;
    }
    .space_list {
      line-height: 1.4;
    }
    .aux-1 {
      padding: 0 !important;
      padding-top: 32px !important;
      text-align: left !important;
      z-index:100 !important;
    }
    .aux-1 h2 {
      font-size: 8vw !important;
    }
    .aux-1 .text-left p {
      font-size: 5vw !important;
      line-height: 1.6 !important;
    }
    .aux-1 span {
      font-size: 6vw !important;
    }
    .aux-1 .btn {
      margin-top: 4vw !important;
      margin-left: 28vw !important;
      font-size: 4vw !important;
    }
    .first-texts * {
      padding-top: 8vw;
      font-size: 5vw !important;
      line-height: 1.6 !important;
    }

    .ft2 {
      padding-top: 2vw !important;
    }
    /*
    .nav-pills {
      display: grid;
      grid-template-columns: 40% 40% 40% 40%;
      overflow-x: scroll !important;
      width: 100% !important;
    }
    */

    .nav-pills li {
      text-align: center !important;
    }

    #pills-movil-tab, #pills-wifi-tab, #pills-cctv-tab, #pills-gpon-tab {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    #hr1 {
      display: none;
    }

    /* #hr2 {
      width: 100%;
    } */

    .section-1 {
        margin-top: -120px !important;
        padding-top: calc(10rem + -40px);
    }
    .section-1 h3 {
      margin-top: 16px;
      font-size: 6vw !important;
    }
    .sitios-cards .card-body {
      padding: 0px !important;
    }
    .sitios-cards {
      margin-top: -100px !important;
    }
    .card-boxito {
      padding: 8px;
      padding-bottom: 8px !important;
    }
    .big-number {
      font-size: 36px !important;
    }
    .card-boxito h4 {
      font-size: 18px !important;
    }
    .card-text {
      font-size: 16px !important;
    }
    .section-1 .row {
      margin-top: 0px !important;
    }
    .industria{
      font-size: 6.5vw !important;
    }
    .img-fluid {
      width: 70%;
    }

    .tab-pane img {
      width: 80%;
    }
    .header-industrias h3 {
      font-size: 24px !important;
    }
    .header-industrias p{
      font-size: 5vw !important;
      line-height: 1.6 !important;
    }
    .negocio-label {
      font-size: 32px !important;
      padding-right: 10%;
    }
    .industry-title {
      font-size: 32px !important;
    }
    .fa-angle-down{
      margin-left: 15px !important;
      font-size: 22px !important;
    }
    .vertical-label {
      font-size: 32px !important;
    }
    .negocio-image {
      margin-left: -70%;
      width: 100%;
    }
    .header-negocio h3 {
      font-size: 24px !important;
      padding-right: 10%;
    }
    .header-negocio p, .pills-icons p {
      font-size: 5vw !important;
      line-height: 1.6 !important;
    }
    .pills-icons {
      margin-top: 32px;
    }
    .pills-icons img {
      width: 30%;
    }
    .pills-icons h5 {
      font-size: 24px !important;
    }
    .stupills {
      font-size: 24px !important;
      line-height: 1.6 !important;
    }
    .h5-ventajas {
      font-size: 32px !important;
      padding-top: 32px !important;
      padding-bottom: -32px !important;
    }
    .h5-diferentes {
      font-size: 24px !important;
      padding-top: 32px !important;
      padding-bottom: -32px !important;
    }
    .list-inline-item {
      display: block !important;
      text-align: left !important;
      padding: 16px 0 !important;
      margin: 0 !important;
      width: 100% !important;
      font-size: 4vw !important;
    }
    .s1-normal {
      display: none;
    }
    .s2-resp {
      display: block !important;
      background-color: #fff !important;
      color:#163072;
    }
    .s2-resp h2 {
      font-size: 28px !important;
    }
    .img-resp {
      width: 100%;
    }
    .footer-circle-1 {
      width: 100%;
    }
    .bg-circle-4 {
      margin-top: 1666px;
      left: -64px;
      height: 116px;
      width: 116px;
    }
    .bg-circle-4-1 {
      margin-top: calc(18.5vw);
      height: 50px;
      width: 50px;
    }
    .bg-circle-4-2 {
      display: none;
    }
    .brrs br {
      display: none !important;
    }
    .dept-icons {
      padding-left: 32px !important;
    }
    .dept-icons *, .dept-icons {
      margin: 0 !important;
      text-align: left !important;
    }
    .minilabel {
      padding: 24px 0;
    }
    .servicios-container {
      margin-top: -100px;
    }
    .servicios-label {
      font-size: 34px !important;
    }
    .card-columns {
      column-count: 1;
    }
    .animate-text {
      top: 5rem;
    }
    .card-inverse {
      margin-bottom: 20px !important;
    }
    .card-img-overlay h3 {
      font-size: 21px !important;
    }
    .section-3 {
      margin-top: -40px;
    }
    .plan-label {
      margin-top: -100px;
      padding-right: 70px !important;
      font-size: 36px !important;
    }
    p.lead {
      padding-right: 50px !important;
    }
    .btn-plan {
      margin-top: 20px;
      margin-bottom: -60px;
    }
    .navbar-collapse {
      text-align: right;
    }
    .navbar-toggler {
      border: 1px solid white !important;
    }
    .section-4 {
      padding-top: 70px;
    }
    .footer-circle-1 {
      width: 100px;
      height: 100px
    }
    .industrias-texts {
      margin-top: 50px;
      text-align: center !important;
    }
    .industrias-texts h4 {
      margin-top: -20px;
      font-size: 20px !important;
    }
    .industrias-texts li, .servicios-grid a:not(.except) {
      line-height: 2.5;
    }
    .industrias-texts .list-unstyled * {
      font-size: 12px !important;
    }
    .servicios-footer-1, .last-footer-1 {
      display: none !important;
    }
    .servicios-footer-2, .last-footer-2 {
      display: block !important;
    }
    .servicios-footer-2 h4 {
      margin-top: 20px;
      margin-bottom: 30px;
      font-size: 20px !important;
    }
    .servicios-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin: 0 11px;
    }
    .servicios-grid label, .servicios-grid a {
      font-size: 12px !important;
    }
    .servicios-grid a, .footercitos a {
      color: #0f3072;
    }
    .servicios-grid a:hover, .footercitos a:hover {
      color: #fb6819;
    }
    .social-networks a {
      color: #0f3072 !important;
      text-decoration: none !important;
      font-size: 24px !important;
      margin: 35px 15px;
    }
    .footercitos * {
      font-size: 12px !important;
      text-decoration: none !important;
    }
    .watermark-1 {
      top: -148px;
      right: -32px;
      bottom: 64px;
      font-size: 48vw !important;
    }
    .watermark-3 {
      font-size: 38vw !important;
    }
    .fill-circle {
      height:20rem;
      width:20rem;
      top:calc(6rem - 72px);
    }
}

@media (min-width: 992px) { /*BIG-SCREENS*/
    .s1-normal img {
        width: 100%;
    }
    /*Configuraciones slickJS*/

    /*Muestra medio card a la derecha*/
    .slick-list{
        padding:0 10% 0 0 !important;
    }

    /*Sombra sugestiva a la derecha*/
    .carousel {
        position: relative;
    }

    .carousel:before,
    .carousel:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 100px;
        top: 0;
        height: 100%;
        pointer-events: none; /*makes the linkes behind clickable*/
    }

    .carousel:after {
        margin-top:20px;
        width: 4rem;
        right: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.8) 20px, rgba(255, 255, 255, 0));
    }
    .slick-prev{
        display: none !important;
    }
    /*Colores flechas carousel*/
    .slick-prev:before,
    .slick-next:before
    {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;

        opacity: .75;
        color: 	#606060 !important;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    /*Circulo grande header*/
    .bg-circle-1{
        /*z-index: 0 !important;
        height:27rem;
        width:27rem;
        top:5rem;*/
        left: calc(-950px + 50vw) !important;
    }
    /* .bg-circle-3{
        left: calc(-790px + 50vw) !important;
    } */
    .bg-circle-2 {
        left: calc(90vw) !important;
    }
    .aux-1 {
        padding: 0px !important;
        margin-left: 6vw !important;
    }
}

@media (min-width: 666px) and (max-width: 991px) { /*MEDIUM-SCREENS*/
  .section-1 h3 {
    font-size: 4vw !important;
  }
  .section-2 h4 {
    font-size: 24px !important;
  }
  .animate-text {
    padding-top: 60px;
  }
  .negocio-label {
    font-size: 48px !important;
  }
  .industry-title {
    font-size: 48px !important;
  }
  .vertical-label {
    font-size: 48px !important;
  }
  .s2-resp h2 {
    font-size: 48px !important;
  }
  .s2-resp p {
    font-size: 24px !important;
  }
  .bg-circle-4 {
    margin-top: 2048px;
    left: -64px;
    height: 192px;
    width: 192px;
  }
  /*.section-2 * {
    font-size: 32px !important;
  }*/
  .big-number {
    font-size: 42px !important;
  }
  .card-boxito h4 {
    font-size: 24px !important;
  }
  .card-text {
    font-size: 18px !important;
  }
  .section-2 h3 {
    font-size: 48px !important;
  }
  .servicios-label {
    font-size: 48px !important;
  }
  .plan-label {
    font-size: 48px !important;
  }
  .section-3 .lead {
    font-size: 24px !important;
  }
  .header-negocio h3 {
    font-size: 36px !important;
    padding-right: 10%;
  }
  .pills-icons h5 {
    font-size: 36px !important;
  }
  .stupills {
    font-size: 36px !important;
  }
  #FormContacto label {
    font-size: 24px !important;
  }
  #FormContacto input, #FormContacto select {
    height: 50px;
  }
  #submitGuardar {
    font-size: 21px !important;
  }
  .footer-circle-1 {
    width: 150px;
    height: 150px
  }
  .industrias-texts h4 {
    font-size: 26px !important;
  }
  .industrias-texts .list-unstyled * {
    font-size: 18px !important;
  }
  .servicios-footer-2 h4 {
    font-size: 26px !important;
  }
  .servicios-grid label, .servicios-grid a {
    font-size: 18px !important;
  }
  .social-networks a {
    font-size: 32px !important;
  }
  .footercitos * {
    font-size: 18px !important;
  }

  /*Header*/

  /*Tamaño del header*/
    header {
    position:relative;
    overflow:hidden;
    padding-top:calc(1rem + 72px);
    padding-bottom:7rem;
    }
    /*bg circle general*/
    .bg-circle{
    z-index:0 !important;
    position:absolute;
    border-radius:100%;
    /*background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)*/
    }

    /*Circulo grande header*/
    .bg-circle-1{
      z-index: 0 !important;
      height:54rem;
      width:54rem;
      top:6rem;
      left:-12rem;
    }

    /*Circulo pequeño header*/
    .bg-circle-2 {
      height:30rem;
      width:30rem;
      top:calc(55rem);
      right:-15rem
    }

    /*Circulo grande naranja*/
      .bg-circle-3{
    /*z-index: 0 !important;
      height:30rem;
      width:30rem;
      top:7rem;
      left:-10rem
      display:none;*/
      top:calc(5rem);
      height:10rem;
      width:10rem;
      right:-5rem;
      }

      .bg-circle-5 {
        top: calc(118rem - 72px) !important;
        right: 128px !important;
      }

    /*Links circulares verticales*/

    /*Circulo 1*/
      .tiny-circle-1{
        height:4rem;
        width:4rem;
        top:-1.5rem;
        left:24rem;
      }

    /*Circulo 2*/
      .tiny-circle-2{
        height:4rem;
        width:4rem;
        top:1rem;
        left:36rem;
      }

    /*Circulo 3*/
      .tiny-circle-3{
        height:4rem;
        width:4rem;
        top:6.5rem;
        right:5rem;
      }

    /*Circulo 4*/
      .tiny-circle-4{
        height:4rem;
        width:4rem;
        top:15rem;
        right:0rem;
      }

    /*Circulo 5*/
      .tiny-circle-5{
        height:4rem;
        width:4rem;
        top:25rem;
        right:-2rem;
      }
      .fill-circle {
        height:24rem;
        width:24rem;
        top:calc(6rem - 72px);
      }
}

@media (min-width: 480px) and (max-width: 665px) { /*MEDIA QUERY SPECIFIC FOR CARDS*/
  .container-cards {
    margin-top: 400px !important;
  }
}

@media (max-width: 320px) { /*EXTRA-SMALL-SCREENS*/
  /*Header*/

  /*Tamaño del header*/
    header {
    position:relative;
    overflow:hidden;
    padding-top:calc(1rem + 72px);
    padding-bottom:7rem;
    }
    /*bg circle general*/
    .bg-circle{
    z-index:0 !important;
    position:absolute;
    border-radius:100%;
    /*background:linear-gradient(0deg,#ee0979 0,#ff6a00 100%)*/
    }

    /*Circulo grande header*/
    .bg-circle-1{
      z-index: 0 !important;
      height:27rem;
      width:27rem;
      top:7rem;
      left:-9rem;
    }

    /*Circulo pequeño header*/
    /* .bg-circle-2 { */
      /*display: none; CHIQUITOS*/
    /* } */

    /*Circulo grande naranja*/
      /* .bg-circle-3{ */
    /*z-index: 0 !important;
      height:30rem;
      width:30rem;
      top:7rem;
      left:-10rem*/
      /*display:none; CHIQUITOS*/
      /* } */

    /*Links circulares verticales*/

    /*Circulo 1*/
      .tiny-circle-1{
        height:4rem;
        width:4rem;
        top:-1.5rem;
        left:12rem;
      }

    /*Circulo 2*/
      .tiny-circle-2{
        height:4rem;
        width:4rem;
        top:-0.5rem;
        left:17.5rem;
      }

    /*Circulo 3*/
      .tiny-circle-3{
        height:4rem;
        width:4rem;
        top:3.5rem;
        right:1rem;
      }

    /*Circulo 4*/
      .tiny-circle-4{
        height:4rem;
        width:4rem;
        top:9rem;
        right:-1.5rem;
      }

    /*Circulo 5*/
      .tiny-circle-5{
        height:4rem;
        width:4rem;
        top:16rem;
        right:-1.5rem;
      }

      .bg-circle-4-1 {
        margin-top: 48px;
        height: 50px;
        width: 50px;
      }
}