/*****************************************************************************/
/*******************************MEDIA QUERIES*********************************/
/*****************************************************************************/

/*************************SCREEN 2560PX*************************************/
@media only screen and (max-width : 2560px) {
  .owl-img {
    width: inherit;
    width: 100%;
  }
  #col-gris{
    right: 0px;
  }
  .width-ff{
    text-align: left;
    width: 11%;
  } 
  
}
/*************************SCREEN 1366PX*************************************/
@media only screen and (max-width : 1440px) {
  #col-gris {
    right: 0px;
  }
  .que-ofrecemos-2 {
    padding-top: 43px;
    padding-right: 50px;
  }
  /*clientes */
  .texto-soporte {
    padding: 6% 33% 6% 0%;
  }
  .contenedor-clientes{
    width: 75%;
    padding: 106px 15px 56px;
  }

  .datos-telefonos .telefonos{
    padding: 5% 0%;
    font-size: 19px;
  }
  .right .bg-blanco{
    display: none;
  }
  .left .bg-rojo{
    right: 0;
  }
  .fondo-gris{
    padding: 30px 0px;
  }



}
/*************************SCREEN 1024PX*************************************/
@media only screen and (max-width : 1024px) {
  .servicios-top .lista-menu{
    width: 93%;
  }
  #input{
    right: 28px;
    width: 627px;
  }
  .flechas {
    position: relative;
    z-index: 99;
    bottom: 64px;
  }
  .carousel-indicators{
    bottom: 28%;
  }
  .contenedor-ofrecemos{
    width: 100%;
  }
  #col-gris{
    right: 0;
  }
  .container-fundacion{
    width: 100%;
  }
  /*SECCIONES INTERNA CSS*/
  #somos .desde{
    right: 5px;
  }
  #two{
    right: 0
  }
  .comillas{
    margin-top: 0px;
  }
  /*clientes */
  .texto-soporte {
    padding: 6% 0%;
  }
  .contenedor-clientes{
    width: 100%;
    padding: 20px 0px;
  }
  .img-hablando{
    position: absolute;
    padding-top: 34px;
    padding-right: 0;
  }
  .descripcion-portal{
    padding: 0;
  }
  .datos-telefonos .telefonos{
    padding: 5% 0%;
    font-size: 19px;
  }
  .right .bg-blanco{
    display: none;
  }
  .left .bg-rojo{
    right: 0;
  }
  .fondo-gris{
    padding: 30px 0px;
  }
  .img-note{
    position: relative;
    top: 13px;
    right: 13px
  }
  .asesoria-descripcion{
    padding: 0;
    margin-top: 20px;
  }
  /*proveedores*/
  #video-destacado .descripcion-video{
    padding: 0;
    height: auto;
    margin-top: 30px;
  }
  .col-registro{
    text-align: left;
  }  
}
/*************************SCREEN 1366PX*************************************/
@media only screen and (max-width : 1366px) {
  .width-ff{
    text-align: left;
    width: 11%;
  } 
  #col-gris {
    right: -5px;
  }
  .caja-titulo {
    background: red;
    width: 27%;
    padding: 5px 10px;
    right: 0px;
    z-index: 9;
  }
  .container-fundacion{
    width: 1000px;
  }
  .datos-telefonos .telefonos {
    padding: 23px 106px 20px 0px;
    font-size: 25px;
    font-family: 'stainlesscond-lightregular';
}

}
/*************************SCREEN 1200PX*************************************/
@media only screen and (max-width : 1200px) {
  .servicios-top .lista-menu {
    padding: 8px 0px 0px 0px;
    float: left;
    width: 92%;/*94*/
}
  .botonera-top{
    margin-left: 0px;
  }
  #col-gris {
    right: 0px;
}
  .width-ff{
    width: auto;
  }
  .container-fundacion{
    width: 100%;
  } 
    .asesoria-descripcion{
    padding: 0;
    margin-top: 20px;
  }  
}
/*************************SCREEN 1196PX*************************************/
@media only screen and (max-width : 1196px) {
  .servicios-top .lista-menu {
    padding: 8px 0px 0px 0px;
    float: left;
    width: 91%;/*93%*/
}
  .botonera-top{
    text-align: right;
  }
  .width-ff{
    width: auto;
  } 
  .container-2{
    width: 100%;
  }
  .contenedor-servicios {
      width: 100%;
  }  
  .contenedor-interno{
    height: 100%;
    background-position: 0% 91%;
  }  
  .servicios-top ul li span{
    display: none;
  }
  .nav > li > a{
    padding: 10px 4px;
  }
 .flechas {
    position: relative;
    z-index: 99;
    margin-bottom: 76px;
  }
  .owl-img{
    width: inherit;
  }
  .contenedor-ofrecemos{
    width: 92%;

  }   
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    min-width: 100%;
    min-height: 100%;   
  }  
  .botones a {
    width: 100%;
    padding: 12px 13px;
    text-align: center;
    color: #e41c14;
    background-color: #fff;
    z-index: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "stainlesscond-regularregular";
    font-size: 13px;
  }
  .container-fundacion{
    width: 100%;
  }
  #col-gris{
  right: 0;
  }
  #video-destacado .descripcion-video{
   padding: 0;
    margin-top: 38px;
    height: auto;
  }

 .pgi-col2 {
padding-top: 0px;
} 

section.slider.fundacion-s hgroup.slide-2
{ width: 100%;}

.logo-slider {
  text-align: left;
  float: left;
  padding-left: 35px;
  margin-bottom: 20px;
}

section.fundacion-s {
  min-height: 400px;
}

section.slider.fundacion-s div.carousel-inner div.flechas.hidden-lg.hidden-md,
section.slider.fundacion-s .flechas {
  display: none !important;
}
section.slider.fundacion-s .img-movil {
  min-height: 400px;
}
.bajada-slider-fun {
    font-size: 22px;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 80%;
}
.logo-slider { margin-bottom: 20px; padding-left: 15px;}
section.slider.fundacion-s .titulo-slider { left:40%;}


}

/*************************SCREEN 999PX*************************************/
@media only screen and (max-width : 990px) {
  .botonera-top{
    text-align: left;
  }
  .contenedor-servicios {
    float: right;
    width: 100%;
  }
  .servicios-top ul li span {
    margin-right: 10px;
    display: none;
  }

  .servicios-top ul li span{
    display: none
  }
  .navbar, .dropdown-menu{
    margin-top: 0px;
    float: left;
  }
  .contenedor-ofrecemos{
    width: 100%;
  }   
  .owl-img{
    width: inherit;
  }
  
  .container-2{
    width: 100%;
  }
  .contenedor-interno{
    height: 100%;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    min-width: 100%;
    min-height: 100%;   
  }  
  .botones a {
    width: 100%;
    padding: 12px 13px;
    text-align: center;
    color: #e41c14;
    background-color: #fff;
    z-index: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "stainlesscond-regularregular";
    font-size: 11px;
  }
  .container-fundacion{
    width: 100%;
  }
  #video-destacado .descripcion-video{
    padding: 0;
  }  
}
@media only screen and (max-width : 996px) {
  
.entrecomillas {padding-top: 30px;}
.entrecomillas p {padding: 30px 30px;}

  .servicios-top .lista-menu{
    width: 88%;/*91%*/
  }
  .botonera-top{
    text-align: right;
  }
  .contenedor-servicios {
    width: 100%;
  }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 15px;
  } 
  .caja-titulo{
    width: 13%;
  }
  .que-ofrecemos-2 {
    padding-top: 0px;
  } 
  .container-fundacion{
    width: 100%;
  }  
  /*quienes somos*/
    #somos p {
      width: 100%;
    }
    #two{
      display: block; 
      width: 50% ;
      height: inherit; 
      font-family: "stainlesscond-regularregular";
      font-size: 15px; 
      background-color: #fff;
      color: #e41b13;
      border: none;
      text-decoration: none;
      float: inherit;
      position: inherit;
      right: 0px;
      bottom: 0px;
      padding: 4px 1px;    
    }
    #two span {
        padding-left: 13px;
        padding-right: 13px;
        position: relative;
        bottom: 4px;
    }
    #two .arrow-conocenos{
      left: 20px;
      font-size: 27px!important;
      position: relative;
      top: 3px;
    }   
  /*clientes */
  .texto-soporte {
    padding: 6% 0%;
  }
  .contenedor-clientes{
    width: 100%;
    padding: 20px 0px;
  }
  .img-hablando{
    position: inherit;
    padding-top: 0;
    padding-right: 0;
  }
  .descripcion-portal{
    padding:  0;
  }
  .datos-telefonos .telefonos{
    padding: 5% 0%;
    font-size: 19px;
  }
  .right .bg-blanco{
    display: none;
  }
  .fondo-gris{
    padding: 30px 0px;
  }
  .img-note{
    position: relative;
    top: 13px;
    right: 13px
  }
  .asesoria-descripcion{
    padding: 0;
    margin-top: 20px;
  } 

.hea-min {
    min-height: 250px !important;
    padding-left: 15px;
    padding-right: 15px; 
  } 

 .pgi-col2 {
padding-top: 0px;
} 

a.boton-accesos {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}

a.boton-accesos-r {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}

section.slider.fundacion-s hgroup.slide-2
{ width: 100%;}

.logo-slider {
  text-align: left;
  float: left;
  padding-left: 35px;
  margin-bottom: 20px;
}

section.fundacion-s {
  min-height: 400px;
}

section.slider.fundacion-s div.carousel-inner div.flechas.hidden-lg.hidden-md,
section.slider.fundacion-s .flechas {
  display: none !important;
}
section.slider.fundacion-s .img-movil {
  min-height: 400px;
}
.bajada-slider-fun {
    font-size: 18px;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
}
.logo-slider { margin-bottom: 20px; padding-left: 15px;}
section.slider.fundacion-s .titulo-slider { left:40%;}


}
/*************************SCREEN 768PX*************************************/
@media only screen and (max-width : 768px) {
  
.icono-actitud {
    min-height: 200px;
}

.divisor-v {
    border-left: none !important;
  } 
  .botonera-top{
    text-align: right;
  }
  .servicios-top{
    padding: 0;
  }
  .servicios-top .caret{
    display: block;
    float: right;
    margin-top: 6px;
  }    
  .servicios-top ul li span {
    margin-right: 10px;
    display: none;
  }
  .logo-intercement {
      float: left;
      margin-right: 5px;
      margin-top: -4px;
      margin-left: -3px;
  }
  .contenedor-servicios {
      width: 100%;
  }  
  .servicios-top .lista-menu {
      padding: 8px 0px 0px 0px;
      float: left;
      width: 88%;
  }
  .servicios-top .lista-menu-2 {
      padding: 8px 0px 0px 0px;
      float: left;
  }
  #input {
      position: absolute;
      top: -4px;
      right: 28px;
      width: 425px;
      height: 73px;
      z-index: 5;
      overflow: hidden;
  }
  #label label{
    margin-left: 4px;
  }

  .slider {
    height: 288px;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      min-height: 0px;
      min-width: 960px;
    }     
  #quote-carousel .carousel-indicators {
      bottom: -20px !important;  
    }
  #quote-carousel .carousel-indicators li {
      display: inline-block;
      margin: 0px 5px;
      width: 15px;
      height: 15px;
    }
  #quote-carousel .carousel-indicators li.active {
      margin: 0px 5px;
      width: 20px;
      height: 20px;
    }
  .container-2{
      width: 100%;
      position: initial;
    }
  .container-2 .caja{
      bottom: 0px;
    }
  .navbar-toggle{
      float: left;
    }
    .nav > li > a {
    padding: 4px 15px;
    }

  .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
      padding: 3px 15px;
    }
  .navbar, .dropdown-menu{
      margin-top:0px;
      margin-bottom: 0;
      float: left;
    }

  .nav > li > a{
      font-size: 15px;
    }
  .carousel-control .arrow-right{
      bottom: 10px;
    }
  .carousel-control .arrow-left{
      bottom: 10px;
    }  
  .titulo-slider h1 {
    font-size: 37px;
    padding: 0 82px;
    }      
  .contenedor-interno{
      height: 100%;
    background-position: 0% 100%;
    }
  .caja-titulo{
      width: auto;
    }
  .botones a {
      font-size: 11px;
    }
  .servicios-top ul li span{
      display: none;
    }
  .servicios-top ul li .linea{
      display: none;
    }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 38px;
  }    
  .que-ofrecemos{
    padding-top: 22px;
  }

  .que-ofrecemos-2 {
    padding-top: 0px;
  }
  .container-fundacion{
    width: 100%;
    padding: 0px 67px;
  }
  #quote-carousel {
    padding: 0 10px 30px 0px;
  }
  #quote-carousel .carousel-control.right {
    top: 227px;
  }   
  #quote-carousel .carousel-control.left {
    top: 227px;
  }      
  .owl-text-overlay{
      top: 45%;
  }
  .owl-img{
    max-width: 1920px;
  }    
  p.owl-caption{
      margin-bottom: 30px;
      margin-top: 0px;
  }
  .btn-conoce-mas {
    padding: 11px 11px;
    margin-left: 10px;
    font-size: 15px;
  }
  .footer-1 ul{
    width: 50%;
  }
  /*SECCIONES INTERNAS CSS*/
    #somos h1 {
      font-size: 34px;
    } 
    #somos p {

      width: 100%;
    }
    #two{
      display: block; 
      width: 50% ;
      height: inherit; 
     font-family: "stainlesscond-regularregular";
      font-size: 15px; 
      background-color: #fff;
      color: #e41b13;
      border: none;
      text-decoration: none;
      float: inherit;
      position: inherit;
      right: 0px;
      bottom: 0px;
      padding: 4px 1px;    
    }
    #two span {
        padding-left: 13px;
        padding-right: 13px;
        position: relative;
        bottom: 4px;
    }
    #two .arrow-conocenos{
      left: 20px;
      font-size: 27px!important;
      position: relative;
      top: 3px;
    } 
    /* linea de tiempo */

    blockquote{
      padding: 0px 20px;
    }
    .steps-span{
      margin-left: -6px
    }
    .steps-timeline{
      width: 100%;
      border-left: 2px solid #333333;
      border-top: none;
    }
    #timeline{
      height: 100%;
      padding-top: 15px;
    }
    .steps-decada{
      margin-left: 7px;
    }
    .steps-name-h3{
      margin-left: 7px;
    }
    .steps-name{
      clear: both;
      margin-left: 7px;
      text-align: left;
     font-size: 28px;
    }
    .steps-description{
      font-size: 13px;
      clear: both;
      margin-left: 7px;
    }
    #retrato-historia p {
      padding: 0px;
      position:initial; 
    }
    .check{
      display: none;
    }
    /*vision */
    .vision{
      position: initial;
      bottom: 0;
    }   
    .entrecomillas p{
      padding: 0;
    }  
    .comillas{
      margin-top: 30px;
      margin-bottom: 15px;
    }  
    /*clientes */
    .texto-soporte {
      padding: 6% 0%;
    }
    .contenedor-clientes{
      width: 100%;
      padding: 20px 0px;
    }
    .img-hablando{
      position: inherit;
      padding-top: 0;
      padding-right: 0;
    }
    .descripcion-portal{
      padding:  0px 11px;
    }
    .datos-telefonos .telefonos{
      padding: 5% 0%;
      font-size: 19px;
    }
    .right .bg-blanco{
      display: none;
    }
    .left .bg-rojo {
    right: auto;
    }
    .fondo-gris{
      padding: 30px 0px;
    }
    .img-note{
      position: relative;
      top: 13px;
      right: 13px
    }
    .asesoria-descripcion{
      padding: 0;
      margin-top: 20px;
    }
    /*proveedores*/
    #video-destacado .descripcion-video{
      height: auto;
      padding: 0
    }
    #video-destacado .descripcion-video .skew25y{
      display: none
    }
    .col-registro{
      text-align: left;
    }
     /*comprar*/
    #paginador{
      padding: 0px 15px;
    }    

.hea-min {
    min-height: 250px !important;
    padding-left: 15px;
    padding-right: 15px; 
  } 

  .img-back-unidades .image {
    margin-bottom: 30px !important;
}
.map-back-unidades {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
a.boton-accesos {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}

a.boton-accesos-r {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}


section.slider.fundacion-s hgroup.slide-2
{ width: 100%;}

.logo-slider {
  text-align: left;
  float: left;
  padding-left: 35px;
  margin-bottom: 20px;
}

section.fundacion-s {
  min-height: 400px;
}

section.slider.fundacion-s div.carousel-inner div.flechas.hidden-lg.hidden-md,
section.slider.fundacion-s .flechas {
  display: none !important;
}
section.slider.fundacion-s .img-movil {
  min-height: 400px;
}
.bajada-slider-fun {
    font-size: 18px;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
}
.logo-slider { margin-bottom: 20px; padding-left: 15px;}
section.slider.fundacion-s .titulo-slider { left:40%;}

.actitudes div.icono-actitud h3.leyenda-ac, h3.leyenda_ac {
    font-size: 25px;
    padding-top: 16px;
}
.entrecomillas p {padding: 30px 40px !important;}


}

/*************************SCREEN 480PX*************************************/
@media only screen and (max-width : 549px) {
  

.logo-slider {
  text-align: left;
  float: left;
  padding-left: 35px;
  margin-bottom: 20px;
}

section.fundacion-s {
  min-height: 400px;
}

section.slider.fundacion-s div.carousel-inner div.flechas.hidden-lg.hidden-md,
section.slider.fundacion-s .flechas {
  display: none !important;
}
section.slider.fundacion-s .img-movil {
  min-height: 400px;
}
.bajada-slider-fun {
    font-size: 18px;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    width: 100%;
}
.logo-slider { margin-bottom: 20px; padding-left: 15px;}
section.slider.fundacion-s .titulo-slider { left:50%;}


a.boton-accesos {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}

a.boton-accesos-r {
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 1px solid #fff;
}

.img-back-unidades .image {
    margin-bottom: 30px !important;
}
.map-back-unidades {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}


  .botonera-top{
    text-align: left;
  }
  .contenedor-servicios{
    width: 100%;
  }
  .servicios-top .caret{
    display: block;
    float: right;
    margin-top: 6px;
  }
  .servicios-top ul li{
    border-left: none;
    padding: 5px 10px;
  } 

  .servicios-top .buscador{
    display: none;
  }
  .servicios-top ul .border-left {
    margin-left: 0;
    display: none;
  }    
  .container-2{
    width: 100%;
    position:initial;
  }
  .navbar, .dropdown-menu{
    float: left;
    margin-top: 0px;
    margin-left: 7px;
  }
  .navbar-toggle{
    float: left;
  }
  .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
    padding: 0;
  }
  .contenedor-interno{
    height: 100%;
    background-position: 0% 100%;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    min-height: 340px;
    min-width: 960px;
  }
  .container-fundacion{
    width: 100%;
    padding: 0px 20px;
  }
 .carousel-indicators {
    display: none;
  }     
  #quote-carousel .carousel-control.left{
    top: 174px;
  }
  #quote-carousel .carousel-control.right{
    top: 174px;
  }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 20px;
  }   
  .que-ofrecemos-2{
    padding-top: 0px;
  }
  #quote-carousel{
    padding: 36px 10px 30px 10px
  }
  .container-2 .caja{
    bottom: 0px;
  }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 15px;
  }    
  .que-ofrecemos h2{
    margin-top: 20px;
  }
  .nav > li > a {
    padding: 3px 13px;
    font-family: 'stainlesscond-regularregular';
    font-size: 12px;
  }
  .nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
    font-size: 15px;
  }
  .navbar{
    margin-bottom: 0px;
  }
  .titulo-slider{
    width: 100%;
  }
  .titulo-slider h1 {
      font-size: 37px;
      padding: 0 52px;
  }
  .slide-1{
    width: 100%;
  }
  .slide-2{
    width: 100%;
  }
  .slide-3{
    width: 100%;
  }
  .slide-4{
    width: 100%;
  }  
  .caja-titulo{
    width:auto;                                 
  }
  .botones a {
    padding: 11px 45px;
    font-size: 14px;
  }
  .servicios-top ul li span{
      display: none;
  }
  .owl-img{
    width: inherit;
  }
  .fondo-footer ul{
    float: left;
  } 
  .fondo-footer .direccion {
    padding-top: 30px;
  }    
  .footer-1 {
    padding: 20px 0px 0px 0px;
  }
   .copyright .logo-qk{
    float: left;
  }
  .footer-1 ul{
      width: 100%;
  } 
  .fondo-footer p {
    color: #ffffff;
    margin-top: 21px;
  } 
  /*SECCIONES INTERNAS CSS*/
    #somos h1 {
      font-size: 34px;
    } 
    #somos p {

      width: 100%;
    }
    #two{
      display: block; 
      width: 100% ;
      height: inherit; 
      font-family: "stainlesscond-regularregular";
      font-size: 15px; 
      background-color: #fff;
      color: #e41b13;
      border: none;
      text-decoration: none;
      float: inherit;
      position: inherit;
      right: 0px;
      bottom: 0px;
      padding: 4px 1px;    
    }
    #two span {
        padding-left: 13px;
        padding-right: 13px;
        position: relative;
        bottom: 4px;
    }
    #two .arrow-conocenos{
      left: 44px;
      font-size: 27px!important;
      position: relative;
      top: 3px;
    }   
    .c-carousel__slides{
      width: 100%
    }
    /* linea de tiempo */

    blockquote{
      padding: 0px 20px;
    }
    .steps-span{
      margin-left: -6px
    }
    .steps-timeline{
      width: 100%;
      border-left: 2px solid #333333;
      border-top: none;
    }
    #timeline{
      height: 100%;
      padding-top: 15px;
    }
    .steps-decada{
      margin-left: 7px;
    }
    .steps-name-h3{
      margin-left: 7px;
      font-size: 28px;
    }
    .steps-name{
      clear: both;
      margin-left: 7px;
      text-align: left;
     font-size: 28px;
    }
    .steps-description{
      font-size: 13px;
      clear: both;
      margin-left: 7px;
    }
    #retrato-historia p {
      padding: 0px;
      position:initial; 
    }
    .check{
      display: none;
    }
    /*vision*/
    .vision{
      position: initial;
      bottom: 0;
    }
    .comillas{
      margin-top: 0px;
      margin-bottom: 25px;
    }
    .entrecomillas p{
      padding: 0px;
      padding-bottom: 25px;
    } 
    /*clientes */
    .texto-soporte {
      padding: 6% 0%;
    }
    .contenedor-clientes{
      width: 100%;
      padding: 20px 0px;
    }
    .img-hablando{
      position: inherit;
      padding-top: 0;
      padding-right: 0;
    }
    .descripcion-portal{
      padding:  0;
    }
    .datos-telefonos .telefonos{
      padding: 5% 0%;
      font-size: 19px;
    }
    .right .bg-blanco{
      display: none;
    }
    .left .bg-rojo {
    right: 0;
    }
    .fondo-gris{
      padding: 30px 0px;
    }
    .img-note{
      position: relative;
      top: 13px;
      right: 13px
    }
    .asesoria-descripcion{
      padding: 0;
      margin-top: 20px;
    }
    /*proveedores*/
    .col-registro{
      text-align: left;
    }
    #video-destacado{
      padding: 20px 0px;
    }
    #video-destacado .descripcion-video{
      padding: 20px 0px;
      height: auto;
    }
    .col-registro .boton{
      padding: 16px 13px;
    }
    #video-destacado .descripcion-video p, .compromiso-empresarial p{
      text-align: initial;
    }  
     /*comprar*/
    #paginador{
      padding: 0px 15px;
    }      

.divisor-v {
    border-left: none !important;
  } 


.hea-min {
    min-height: 350px !important;
    padding-left: 15px;
    padding-right: 15px; 
  } 
  .hormigonado {
    min-height: 600px !important;
    padding-left: 15px;
    padding-right: 15px;
  } 


.icono-ac {
    width: 30%;
    min-height: 100px;
}
.actitudes div.icono-actitud h3.leyenda-ac, h3.leyenda_ac {
    font-size: 25px;
    padding-top: 16px;
}
.entrecomillas p {padding: 30px 40px !important;}

}


/*************************SCREEN 375PX*************************************/
@media only screen and (max-width : 375px) {
a.navbar-brand.logo-x2 img
{ max-width: 270px !important; max-height: 100px !important;}

.pad-mov { padding-left: 15px; padding-right: 15px;}

.entrecomillas p {padding: 30px 40px !important;}

.col-registro .boton{
    top: 25px;
}
  
.icono-ac {
    width: 30%;
    min-height: 100px;
}
.icono-actitud {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.actitudes div.icono-actitud h3.leyenda-ac, h3.leyenda_ac {
    font-size: 22px;
    padding-top: 16px;
}
.icono-actitud {
    min-height: 130px;
}

.hea-min {
    min-height: 430px !important;
    padding-left: 15px;
    padding-right: 15px; 
  } 

  .hormigonado {
    min-height: 650px !important;
    padding-left: 15px;
    padding-right: 15px;
  } 

.divisor-v {
    border-left: none !important;
  } 

  .botonera-top{
    text-align: left;
  }
  .servicios-top ul li{
    border-left: none;
  }
  .servicios-top .buscador{
    display: none;
  }
  .servicios-top ul .border-left {
    margin-left: 0;
    display: none;
  }
  .width-ff{
    width: auto;
  }   
  .container-2{
    width: 100%;
  }
  .navbar-ex1-collapse >.menu-mobile li {
      height: auto;
      display: block;
      padding: 2px 15px;
  }  
  .navbar, .dropdown-menu{
    float: left;
    margin-top: 0px;
    margin-left: 7px;
  }
  .navbar-toggle{
    float: left;
  }
  .navbar-ex1-collapse >.menu-mobile li .icono {
  margin-top: 8px;
  }
  .navbar-ex1-collapse >.menu-mobile  li input{
    width: 82%;
  }
  .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
    padding: 0;
  }
  .contenedor-interno{
    background-image: none;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      min-height: 340px;
      min-width: 960px;
  }    
  #quote-carousel .carousel-control.left{
    top: 174px;
  }
  #quote-carousel .carousel-control.right{
    top: 174px;
  }
  .container-fundacion{
    width: 100%;
    padding: 0px 20px;
  }
  .que-ofrecemos-2{
    padding-top: 0px;
  }
  #quote-carousel{
    padding: 36px 10px 30px 10px
  }
  .container-2 .caja{
    bottom: 0px;
  }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 15px;
  }    
  .que-ofrecemos h2{
    margin-top: 20px;
  }
  .nav > li > a {
    padding: 3px 13px;
    font-family: 'stainlesscond-regularregular';
    font-size: 12px;
  }
  .nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
    font-size: 15px;
    padding: 4px 1px;
  }
  .navbar{
    margin-bottom: 0px;
  }
  .titulo-slider{
    width: 100%;
  }
  .titulo-slider h1{
    font-size: 25px;
    padding: 0 15px 80px;
  }
  .slide-1{
    width: 100%;
  }
  .slide-2{
    width: 100%;
  }
  .slide-3{
    width: 100%;
  }  
  .slide-4{
    width: 100%;
  }  
  .carousel-indicators{
    display: none;
  }
  .caja-titulo{
    width:auto;                                     
  }
  .botones a {
    padding: 11px 40px;
    font-size: 12px;
  }
  .carousel-control .arrow-left {
    bottom: 29px;
  } 
  .carousel-control .arrow-right {
    bottom: 29px;
  }  
  p.owl-caption{
    font-size: 13px;
    line-height: 15px;
    width: 100%;
  }
  .owl-img{
    width: inherit;
  }
  #quote-carousel img {
    width: 250px;
    height: 152px;
  }  
  .fondo-footer .direccion {
      padding-top: 0px;
  }  
  .fondo-footer ul{
    float: left;
  }   
  .footer-1 {
    padding: 20px 0px 0px 0px;
  }
  .copyright .logo-qk{
    float: left;
  }
  .footer-1 ul{
      width: 100%;
  }
  .fondo-footer p {
    color: #ffffff;
    margin-top: 19px;
    font-size: 12px;
  }
  .copyright p {
    margin-top: 0px;
    color: #868686;
    font-family: "stainlesscond-regularregular";
    font-size: 12px;
  } 

  /*SECCIONES INTERNAS CSS*/
    #somos h1 {
      font-size: 34px;
    } 
    #somos p {

      width: 100%;
    }
    #two{
      display: block; 
      width: 100% ;
      height: inherit; 
      font-family: "stainlesscond-regularregular";
      font-size: 15px; 
      background-color: #fff;
      color: #e41b13;
      border: none;
      text-decoration: none;
      float: inherit;
      position: inherit;
      right: 0px;
      bottom: 0px;
      padding: 4px 1px;    
    }
    #two span {
        padding-left: 13px;
        padding-right: 13px;
        position: relative;
        bottom: 4px;
    }
    #two .arrow-conocenos{
      left: 14px;
      font-size: 27px!important;
      position: relative;
      top: 3px;
    } 

    /* linea de tiempo */

    blockquote{
      padding: 0px 20px;
    }
    .steps-span{
      margin-left: -6px
    }
    .steps-timeline{
      width: 100%;
      border-left: 2px solid #333333;
      border-top: none;
    }
    #timeline{
      height: 100%;
      padding-top: 15px;
    }
    .steps-decada{
      margin-left: 7px;
    }
    .steps-name-h3{
      margin-left: 7px;
      font-size: 27px;
    }
    .steps-name{
      clear: both;
      margin-left: 7px;
      text-align: left;
     font-size: 28px;
    }
    .steps-description{
      font-size: 13px;
      clear: both;
      margin-left: 7px;
    }
    #retrato-historia p {
      padding: 0px;
      position:initial; 
    }
    .check{
      display: none;
    }
    /*vision de la empresa*/
    .vision{
    bottom: 0;
    }
    #retrato-historia p {
      padding: 0px;
      position:initial; 
    }
    .comillas{
      margin-top: 0px;
      margin-bottom: 25px;
    }
    .entrecomillas p{
      padding: 0px;
      padding-bottom: 25px;
    } 
    /*clientes */
    .texto-soporte {
      padding: 6% 0%;
    }
    .contenedor-clientes{
      width: 100%;
      padding: 20px 0px;
    }
    .img-hablando{
      position: inherit;
      padding-top: 0;
      padding-right: 0;
    }
    .descripcion-portal{
      padding:  0;
    }
    .datos-telefonos .telefonos{
      padding: 5% 0%;
      font-size: 19px;
    }
    .right .bg-blanco{
      display: none;
    }
    .left .bg-rojo {
    right: 0;
    }
    .fondo-gris{
      padding: 30px 0px;
    }
    .img-note{
      position: relative;
      top: 13px;
      right: 13px
    }
    .asesoria-descripcion{
      padding: 0;
      margin-top: 20px;
    } 
    /*proveedores*/
    .col-registro{
      text-align: left;
    }
    #video-destacado{
      padding: 20px 0px;
    }
    #video-destacado .descripcion-video{
      padding: 20px 0px;
      height: auto;
    }
    .col-registro .boton{
      padding: 16px 13px;
    }
    #video-destacado .descripcion-video p, .compromiso-empresarial p{
      text-align: initial;
    } 
    /*comprar*/
    #paginador{
      padding: 0px 15px;
    } 

/* BIBLIOTECA */
ul.listado-iconos li.icon-mult a h4 {display: none;}


}
/*************************SCREEN 320PX*************************************/
@media only screen and (max-width : 320px) {

a.navbar-brand.logo-x2 img
{ max-width: 270px !important; max-height: 100px !important;}


.img-hablando { margin-bottom: 15px !important; }

  .botonera-top{
    text-align: left;
  }
  .servicios-top ul li{
    border-left: none;
  }
  .servicios-top .buscador{
    display: none;
  }
  .servicios-top ul .border-left {
    margin-left: 0;
    display: none;
  }
  .servicios-top ul li img {
      padding: 0px 4px;
  }
  .servicios-top ul li strong{
    display: none
  } 
  .logo-intercement {
      margin-left: 15px;
  } 
  .navbar-ex1-collapse >.menu-mobile  .buscador-mobile {
    margin-top: 12px;
    width: 83%;  
  }
  .navbar-ex1-collapse >.menu-mobile li input {
      width: 55%;
  }  
  .navbar-ex1-collapse >.menu-mobile li .icono {
    margin-top: 8px;
  }
  .menu-mobile li > a{
    line-height: 12px!important;
  } 
  .container-2{
    width: 100%;
  }
  .navbar, .dropdown-menu{
    float: left;
    margin-left: 7px;
    margin-top: 0px;
  }
  .navbar-toggle{
    float: left;
  }
  .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-toggle{
    padding: 0;
  }
  .contenedor-interno{
    background-image: none;
  }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
      min-height: 340px;
      min-width: 960px;
  }  
  #quote-carousel .carousel-control.left{
    top: 174px;
  }
  #quote-carousel .carousel-control.right{
    top: 174px;
  }
  .que-ofrecemos-2{
    padding-top: 0px;
  }
  .container-fundacion{
    width: 100%;
    padding: 0px 20px;
  }
  #quote-carousel{
    padding: 36px 10px 30px 10px
  }
  #quote-carousel img {
    width: 250px;
    height: 158px;
  }
  .container-2 .caja{
    bottom: 0px;
  }
  .contenedor-ofrecemos{
    width: 100%;
    padding: 0px 15px;
  }  
  .que-ofrecemos h2{
    margin-top: 20px;
  }
  .nav > li > a {
    padding: 3px 13px;
    font-family: 'stainlesscond-regularregular';
    font-size: 12px;
  }
  .nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
    font-size: 15px;
    padding: 8px 10px;
  }
  .navbar{
    margin-bottom: 0px;
  }
  .titulo-slider{
    width: 100%;
  }
  .titulo-slider h1{
    font-size: 25px;
    padding: 0 15px;
  }
  .slide-1{
    width: 100%;
  }
  .slide-2{
    width: 100%;
  }
  .slide-3{
    width: 100%;
  }  
  .slide-4{
    width: 100%;
  }  
  .carousel-indicators{
    display: none;
  }
  .caja-titulo{
    width:auto;                                     
  }
  .botones a{
    padding: 12px;
  }
  .carousel-control .arrow-left {
    bottom: 29px;
  } 
  .carousel-control .arrow-right {
    bottom: 29px;
  } 
  p.owl-caption{
    font-size: 13px;
    line-height: 15px;
    width: 100%;
  }
  .owl-img{
    width: inherit;
  }
  .fondo-footer .direccion {
      padding-top: 0px;
  }  
  .fondo-footer ul{
    float: left;
  }  
  .footer-1 {
    padding: 20px 0px 0px 0px;
  }
  .copyright .logo-qk{
    float: left;
  }
  .footer-1 ul{
      width: 100%;
  } 
  .fondo-footer p {
    color: #ffffff;
    margin-top: 19px;
    font-size: 12px;
  } 
  .copyright p {
    margin-top: 0px;
    color: #868686;
    font-family: "stainlesscond-regularregular";
    font-size: 12px;
  }    
  /*SECCIONES INTERNAS CSS*/

  /* quienes somos */
  #somos h1 {
    font-size: 34px;
  } 
  #somos p {

    width: 100%;
  }
  #two{
    display: block; 
    width: 100% ;
    height: inherit; 
    font-family: "stainlesscond-regularregular";
    font-size: 15px; 
    background-color: #fff;
    color: #e41b13;
    border: none;
    text-decoration: none;
    float: inherit;
    position: inherit;
    right: 0px;
    bottom: 0px;
    padding: 4px 1px;    
  }
  #two span {
      padding-left: 13px;
      padding-right: 13px;
      position: relative;
      bottom: 4px;
  }
  #two .arrow-conocenos{
    left: -3px;
    font-size: 27px!important;
    position: relative;
    top: 3px;
  }  
  .historia .epigrafe{
    padding: 11px 8px;
    font-size: 12px;    
  } 

  #box{
    padding: 25px 0px;
  }

  /* linea de tiempo */

  blockquote{
    padding: 0px 20px;
  }
  .steps-span{
    margin-left: -6px
  }
  .steps-timeline{
    width: 100%;
    border-left: 2px solid #333333;
  }
  #timeline{
    height: 100%;
    padding-top: 15px;
  }
  .steps-decada{
    margin-left: 7px;
  }
  .steps-name-h3{
    margin-left: 7px;
  }
  .steps-name{
    clear: both;
    margin-left: 7px;
  }
  .steps-description{
    font-size: 13px;
    clear: both;
    margin-left: 7px;
  }
  #retrato-historia p {
    padding: 0px;
    position:initial; 
  }
  .check{
    display: none;
  }

  /*vision de la empresa */

  .vision{
    bottom: 0;
  }
  .comillas{
    margin-top: 0px;
    margin-bottom: 25px;
  }
  .entrecomillas p{
    padding: 0px;
    padding-bottom: 25px;
  }

  /*clientes */
  .texto-soporte {
    padding: 6% 0%;
  }
  .contenedor-clientes{
    width: 100%;
    padding: 20px 0px;
  }
  .img-hablando{
    position: inherit;
    padding-top: 0;
    padding-right: 0;
  }
  .descripcion-portal{
    padding:  0;
  }
  .datos-telefonos .telefonos{
    padding: 5% 0%;
    font-size: 19px;
  }
  .right .bg-blanco{
    display: none;
  }
  .left .bg-rojo {
    right: 0;
  }
  .fondo-gris{
    padding: 30px 0px;
  }
  .img-note{
    position: relative;
    top: 13px;
    right: 13px
  }
  .asesoria-descripcion{
    padding: 0;
    margin-top: 20px;
  }
  /*proveedores*/
  .col-registro{
    text-align: left;
  }
  #video-destacado{
    padding: 20px 0px;
  }
  #video-destacado .descripcion-video{
    padding: 20px 0px;
    height: auto;
  }
  .col-registro .boton{
    padding: 16px 13px;
  }
  #video-destacado .descripcion-video p, .compromiso-empresarial p{
    text-align: initial;
  }
  /*comprar*/
  #paginador{
    padding: 0px 15px;
  }
}