
@media (max-width: 1280px) {
  .background-section img {
    height: 100%;
    width: auto;
  }


  section.section.empresa .container-fluid.block-03,
  section.section.empresa .container-fluid.block-04 {
    background-position: center center !important;
    background-size: auto 100% !important;
  }
}
@media (max-width: 1215px) {

  .container-slider--producto{
    max-width: 1000px;
    margin-right: auto!important;
    margin: auto!important;
    float: none;
  }

  section.section.interna .container:nth-child(1) .container-slider--producto .container-text,
  section.section.interna .container:nth-child(1) .container-slider--producto .container-images{
    margin-left: 0;
    width: 50%;
  }

  section.section.interna .container .buttons{
      margin-left: 40px;
  }

  section.section.interna{
    height: 610px;
  }


  .menu-mobile {
    display: block;
    position: relative;
    right: 20px;
    padding: 9px 10px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    background: white;
    /* margin: 16px 0 0px 20px; */
    top: -53px;
  }

  .menu-mobile:hover,
  .menu-mobile:focus {
    background-color: #ddd;
  }

  .menu-mobile .icon-bar {
    background-color: #ccc;
  }

  .menu-mobile .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }

  .menu-mobile .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  .close-menu {
    display: block;
    color: white;
    position: absolute;
    left: -45px;
    top: -45px;
    font-size: 35px;
    width: 36px;
  }

  header.container-fluid > .row:nth-child(2) {
    position: fixed;
    background: #619ccb;
    width: 280px;
    right: -320px;
    top: 0;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -ms-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;
  }

  header.container-fluid > .row:nth-child(2).active-menu {
    right: 0px;
  }

  header.container-fluid > .row:nth-child(2).active {
    padding-top: 45px;
  }

  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav > li,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.idioma {
    display: block;
    padding: 0 0 0 0;
    float: none;
    margin-left: 0;
  }

  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.idioma,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.idioma > .dropdown-menu,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav > li,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown .dropdown-menu > li > a,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.open a,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav > li > a,
  .navbar-header {
    display: table;
    position: static;
    width: 100%;
    height: auto;
    float: none;
    color: white;
    background: none;
    line-height: 35px;
  }

  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.open,
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown .dropdown-menu {
    background: transparent;
  }

  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav a.btn-contacto {
    width: 100%;
    margin-left: 0;
  }

  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.idioma {
    padding-left: 30px;
    background: url(../images/globito.png) 6px 8px no-repeat;
  }
  header.container-fluid > .row:nth-child(2) nav ul.nav.navbar-nav li.dropdown.idioma > .dropdown-menu {
    padding-left: 0;
  }

  .header-top.header-top {
    margin-left: 20px !important;
  }

  section.section.home {
    padding-top: 60px;
    background-size: auto 100%;
  }

  section.section.interna {
      padding-top: 70px;
  }

  section.section.empresa .container-fluid.block-03 .background-section img {
    display: block;
    width: auto;
    height: 100%;
  }
}

@media(max-width: 1024px){
  section.section.interna .container .buttons{
    margin-left: calc(20px);
  }
}

@media (max-width: 1000px) {
  .container-fluid.caracteristicas,
  section.interna.container-fluid,
  section.container-fluid.carasteristicas-texto > .container-fluid,
  section.section.empresa .container-fluid.block-03,
  section.section.empresa .container-fluid.block-02,
  section.section.nota.noticia-y-prensa .block-02 .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  section.section.nota.noticia-y-prensa .block-02 .row .info-nota {
    margin-left: 0;
    margin-bottom: 30px;
    max-width: 255px;
  }

  section.section.nota.noticia-y-prensa .block-02 .cuerpo-nota {
    border-bottom: 0;
  }

  section.section.nota.noticia-y-prensa .block-02 .row h1 {
    font-size: 40px;
  }

  section.section.carasteristicas-texto .container-fluid .container .row.content > .item:nth-child(2),
  section.section.carasteristicas-texto .container-fluid .container .row.content > .item:nth-child(1),
  section.section.carasteristicas-texto .container-fluid .container .row.content > .item:nth-child(1) .title,
  section.section.carasteristicas-texto .container-fluid .container .row.content > .col .description > p {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  section.section.carasteristicas-texto .container-fluid .container .row.content > .item:nth-child(2),
  section.section.carasteristicas-texto .container-fluid .container .row.content > .item .title {
    margin-top: 40px;
  }

  .content-caracteristica-item {
    display: table;
    float: none;
  }
  .content-caracteristica-item .item-second {
    display: table-footer-group;
    float: none;
    margin-bottom: 30px;
  }
  .content-caracteristica-item .item-first {
    display: table-header-group;
    float: none;
  }

  section.section.interna {
    padding-top: 50px;
    height: auto;
    min-height: 700px;
    background-size: auto 100%!important;
  }

  section.section.interna .container:nth-child(1) .container-slider--producto .container-text,
  section.section.interna .container .buttons {
    margin-left: 0;
  }

  section.section.interna .container:nth-child(1) .row .content.text,
  section.section.interna .container .buttons {
    max-width: 100%;
    width: 100%;
  }

  section.section.interna .container .buttons {
    padding-top: 30px;
    top: 0;
  }

  section.section.interna .container .buttons a.continuar-tour,
  section.section.interna .container .buttons a.me-interesa,
  section.section.interna .container .buttons a.btn-contacto {
    width: calc(100% - 20px);
    margin: auto;
    float: none;
  }

  section.section.interna .container:nth-child(1) .row .content.image .image-animate-producto {
    margin: auto;
    display: none !important;
  }

  section.section.interna .container:nth-child(1) .row .content.text .text-animate-producto {
    height: auto;
  }

  section.section.interna .container:nth-child(1) .row .content.text .text-animate-producto .item {
    display: block;
    position: static;
    opacity: 1;
  }

  section.section.interna .container:nth-child(1) .row .content.text .text-animate-producto .item:nth-child(1) {
    /*display: block;
    opacity: 1;*/
  }

  section.section.carasteristicas-texto .container-fluid .container .row.content > .col .description.right,
  section.section.carasteristicas-texto .container-fluid .container .row.content > .item:nth-child(1) .description{
    padding-right: 0;
    padding-left: 0;
  }
  .container-slider--producto {
    display: table;
  }

  .container-slider--producto {
    float: none;
  }
  .container-slider--producto .container-text {
    display: table-footer-group;
    float: none;
  }
  .container-slider--producto .container-images {
    display: table-header-group;
    float: none;
  }

  section.section.caracteristicas-producto .container-fluid.caracteristicas .container > .row:nth-child(1) {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  section.section.caracteristicas-producto .container-fluid.caracteristicas .container .row.navegacion {
    float: left;
  }

  section.section.caracteristicas-producto .container-fluid.caracteristicas .container .row.navegacion > .col {
    padding-bottom: 30px;
  }

  section.section.empresa .container-fluid.block-03,
  section.section.empresa .container-fluid.block-02 {
    padding-bottom: 60px;
  }

  .section.contacto.container-fluid.active .arrow-button-contacto {
    bottom: 20px;
    z-index: 1000000000;
  }

  .section.contacto.container-fluid {
    padding-bottom: 80px;
  }

  .box-count {
    margin-top: 30px;
  }

  footer.footer .container-footer {
    padding-right: 0;
    padding-left: 0;
  }

  footer.footer .container-footer .telefonos.block-01 > .col p {
    font-size: 13px;
  }

  footer.footer .container-footer .telefonos.block-01 > .col,
  footer.footer .container-footer .telefonos.block-02 > .col,
  footer.footer .container-footer .telefonos.block-01 > .col:nth-child(3),
  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) {
    padding-right: 0;
    padding-left: 0;
    margin: auto;
    text-align: center;
    margin-bottom: 52px;
    border-left: 0;
    border-right: 0;
  }

  footer.footer .container-footer .telefonos.block-01 > .col:nth-child(2),
  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(2) {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
  }

  footer.footer .container-footer .telefonos.block-01 {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  footer.footer .container-footer .telefonos.block-02 > .col a {
    display: block;
    text-align: center;
  }

  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) {
    display: table;
  }

  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) .social {
    padding-right: 0;
    width: 170px;
    margin: auto;
  }

  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) .social:after {
    display: none;
  }

  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) .code-query {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
  }

  footer.footer .container-footer .telefonos.block-02 > .col:nth-child(3) i {
    display: block;
    padding-bottom: 23px;
    margin: auto;
  }

  footer.footer .container-footer .logo-sidesys-footer {
    width: 150px;
    height: auto;
    margin: auto;
    margin-bottom: 40px;
    display: block;
  }
}
@media (max-width: 880px) {
  section.section.home .container:nth-child(1) .row h1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  #slider-client-home .col {
    /*width: calc(100% / 4);*/
  }

  section.section.clientes .container-fluid.block-02 .container .tabs .col {
    width: calc(100% / 2);
    padding: 10px;
  }
  section.section.clientes .container-fluid.block-02 .container .tabs .col .tab-clientes {
    max-width: none;
    width: 100%;
  }

  section.section.clientes .container-fluid.block-02 .container .logotipos .col {
    width: calc(100% / 3);
  }

  section.section.empresa .container-fluid.block-03 .skill {
    width: 100%;
  }
}
@media (max-width: 550px) {
  section.section.clientes .container-fluid.block-01 .content.text,
  section.section.noticia-y-prensa .container-fluid.block-01 .content.text,
  section.section.empresa .container-fluid.block-01 .content.text {
    width: 320px;
    left: calc(50% - ( 320px / 2));
    bottom: 30%;
    padding: 5px;
  }

  section.section.clientes .container-fluid.block-02 .container .logotipos .col {
    width: calc(100% / 2);
    padding-bottom: 10px;
    padding-top: 10px;
  }

  header.container-fluid > .row:nth-child(1) {
    line-height: 50px;
  }

  section.section.interna .container:nth-child(1) .row .content.image .image-animate-producto {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }

  section.section.caracteristicas-producto .container-fluid.caracteristicas .container .row.navegacion {
    width: 100%;
  }

  section.section.empresa .container-fluid.block-04 .container .row:nth-child(1) {
    width: 100%;
    padding: 20px;
  }
  section.section.empresa .container-fluid.block-04 .container .row:nth-child(1) .col {
    text-align: center;
  }
  section.section.empresa .container-fluid.block-04 .container .row:nth-child(1) .col a.buttom.tab {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  section.section.home .container:nth-child(2) .row .content.text h3 {
    font-size: 40px;
  }

  section.section.home .container:nth-child(2) .row .content.text strong {
    font-size: 34px;
  }

  section.section.home .container:nth-child(2) .row .content.text h2 {
    padding-top: 10%;
  }

  section.section.interna .container .buttons .col {
    width: 100%;
    margin-bottom: 20px;
  }

  .col.item-producto-home {
    width: 100%;
  }

  section.section.home {
    background-size: 100% 100%;
  }

  .menu-mobile {
    top: -46px;
  }

  header.container-fluid > .row:nth-child(1) .header-top img {
    height: 21px;
  }

  header.container-fluid > .row:nth-child(1) .header-top span {
    font-size: 10px;
  }
}
@media (max-width: 420px) {
  section.section.clientes .container-fluid.block-02 .container .tabs .col {
    width: 100%;
  }
}


