@media (min-width: 768px) and (max-width: 1399.98px) {

  /* Estilos de la página principal */
  .container-logo {
    left: 3.3%;
  }

  .contenedor {
    width: 74%;
    padding: 67px 75px 100px 48px;
  }

  .btn-pp {
    padding-bottom: 42px;
  }

  .provedor-container {
    padding: 1.4rem;
  }

  .contenedorTextoSlider {
    left: 0;
    padding: 0;
  }

  .contenedor_contacto {
    margin-top: 1rem;
  }

  .contenedor-datos-contacto {
    padding-right: 2.5rem;
    padding-left: 1.9rem;
  }

  /* Estilos de las páginas internas */
  .logopagina {
    left: 40px;
  }

  .contenido-section {
    padding: 1.3rem 0;
  }

  .infopag0 {
    max-width: 1100px;
  }

  .carouselConfig {
    min-height: 710px;
    max-height: 710px;
  }

  .imgObra{
    width: 100%;
    min-height: 590px;
    max-height: 590px;
  }
    .sliderProyecto {
      width: 90%;
    }

}

@media (max-width: 991px) {
  .contenedor {
    width: 90%;
  }
  .sig_text {
    display: none;
  }

  .sig_text.activo {
    display: inline-block;
  }

  .btn-ver {
    display: block;
    text-align: center;
  }

  #verMas,
  #verMenos {
    background-color: gray;
    border-color: gray;
  }

  .btn-menos.activo {
    display: block;
    text-align: center;
  }

  .textoproveedor {
    text-align: center;
    margin-bottom: 2rem;
  }
  .contenedorTextoSlider {
    left: 0;
    height: auto;
    }
    .carouselConfig {

        min-height: 200px;
        max-height: 200px;
        }

        .carouselConfig1 {
          min-height: 300px;
          max-height: 300px;
          width: 100%;
    }
  
  .imgObra{
    width: 100%;
    min-height: 380px;
    max-height: 380px;
  }
}

@media (max-width: 767px) {
  .provedor-width {
    margin-bottom: 1rem;
  }
  .btn-width {
    max-width: 100%;
    width: 100%;
    min-height: 65px;
  }

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  /*=========================ESTILOS DE LA IMAGEN PRINCIPAL ========================= */
  .imgPrincipal {
    max-height: 300px;
    height: 300px;
  }

  .fondo {
    height: 300px;
  }

  .imgPrincipal{
    display: none;
  }

  .mobile{
    display: block;
    max-height: 300px;
      height: 300px;
  }
  /*=========================
    ESTILOS DEL LOGO
    ========================= */
  .container-logo {
    left: 3%;
  }

  /*=========================
    ESTILOS DEL TEXTO PRINCIPAL
    ========================= */
  .textoPrincipal {
    font-size: 20px;
  }

  /*===========================
    ESTILOS DE LA SECCIÓN DE 
    CONTRUYE CON NOSOTROS
    ========================== */
    .construye {
      background-image: linear-gradient(124deg, #000 38%, #ffffff00 117%),
        url(../images/trabajo02.jpg);
      background-size: 100% auto;

    }
  .titleConstruye {
    font-size: 30px;
    line-height: 1;
  }

  .contenedor p {
    font-size: 15px;
  }

  .textoSeccion {
    padding-right: 8%;
  }

  .contenedor {
    width: auto;
    padding: 0;
    padding-top: 75px;
    padding-left: 20px;
    padding-bottom: 15%;
  }

  /*===========================
    ESTILOS DE LA SECCIÓN DE 
    NUESTROS SERVICIOS
    ==========================*/
  .btn-pp {
    padding-top: 20px;
  }

  .servicios {
    font-size: 28px;
  }

  .botonera {
    flex-direction: column;
    align-items: inherit;
    margin-left: 11.6%;
    margin-right: 11.6%;
  }

  .botones {
    font-size: 20px;
    border-radius: 20px;
    margin: 0px 0px 17px 0px;
  }

  .botonera2 {
    flex-direction: column;
    align-items: inherit;
    margin-left: 11.6%;
    margin-right: 11.6%;
  }

  /*===========================
    ESTILOS DE LA SECCIÓN DE 
    PROVEEDORES
    ==========================*/

  .logoproveedor {
    margin-left: 31%;
    margin-right: 0px;
    margin-bottom: 5%;
  }
  .prove {
    flex-direction: column;
    padding: 0;
    padding-bottom: 35px;
  }

  /*===========================
    ESTILOS DEL SLIDER
    ==========================*/
  .altura {
    height: 325px;
  }


  .contenedor4 {
    font-size: 12px;
  }

  .contenedor5 {
    font-size: 18px;
  }
  .contenedorTextoSlider {
      padding: 0;
      max-height: 80px;
  }
  .contenedorControles2 {
    padding: 7px 10px 7px 10px;
    font-size: 100px;
  }

  .flecha {
    width: 1.4rem;
  }

  /*=================================
    ESTILOS DE LA SECCIÓN DE 
    CONTACTO
    ================================= */
  .form_contacto {
    margin-top: 16px;
    margin-left: 18px;
  }
  .titulo_contacto {
    margin: 0;
    font-size: 26px;
  }
  .contenedor-datos-contacto {
    margin-top: 27px;
    margin-left: 0;
  }

  .contenedorDireccion {
    margin-left: 0px;
  }
  .form_datos {
    margin-top: 8%;
    padding-right: 12%;
  }

  /*=================================
        ESTILOS DE LA SECCIÓN DE 
        REDES
        ================================= */
  .contenedor-redes {
    flex-direction: column;
    padding-left: 0;
  }

  .titulo-redes {
    font-size: 24px;
  }

  .icc {
    padding: 0px 0px 15px 20px;
  }

  .iconos {
    font-size: 33px;
  }

  .textoFooter {
    margin: 0;
    padding: 0;
  }

  /* Estilos de las paginas internas */
  /*=========================
    ESTILOS DEL LOGO
    ========================= */
  .logopagina {
    top: 30px;
    left: 30px;
  }

  .contenido-section {
    padding-top: 0;
  }

  .infopag0 {
    padding: 0 0.5rem;
    
  }

  .tituloser, .tituloser1, .especial {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .titulo-obras, .subtitulo-proyectos
  {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .separacion1 {
    width: 62.4%;
  }

  .textos, .textos1 {
    padding: 0;
    padding-top: 20px;
    padding-right: 13px;
    padding-bottom: 7%;
  }

  .textoser {
    font-size: 14px;
  }

  /*=========================
    ESTILOS DE LOS BOTONES
    ========================= */
  .seccion-btn {
    padding-top: 20px;
  }

  .servicios1 {
    font-size: 28px;
  }

  .separacion {
    width: 9%;
  }

  .btn-seccion {
    flex-direction: column;
    align-items: inherit;
    margin-left: 11.6%;
    margin-right: 11.6%;
  }

  .botones1 {
    font-size: 20px;
    border-radius: 20px;
    margin: 0px 0px 17px 0px;
  }

  .btn-arquitectura {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .btn-ingenieria {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .btn-instalaciones {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .btn-suministros {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .btn-logistica {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .btn-proyectos {
    padding: 20px 0px 21px 20px;
    line-height: 1;
  }

  .footer {
    padding: 47px 5px 14px 5px;
  }
}