/* Pequeños dispositivos (landscape phones, 576px and up) */
@media screen and (min-width: 320px) and (max-width: 575px) { 
    .header__body {
        padding: 0px 20px 0px 0px;
    }
    .header__action{
        display: none;
    }
    .carousel-item {
        height: 70vh;
    }
    .carousel-caption h1{
        font-size: 2.5em;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-top: 25px;
        font-weight: 600;
      }
    .carousel-caption h2{
        font-size: 2.4em;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-top: 25px;
        font-weight: 200;
    }

    .carousel-indicators{
        display: none;
    }
    .line-slider-top{
        border-top: 1px solid #fff;
        width: 50%;
        transform: rotate(0deg);
        margin-left: 25%;
        margin-bottom: 0;
        margin-top: 42px;
    }
    .line-slider-bottom{
        border: 1px solid #fff;
        width: 50%;
        transform: rotate(0deg);
        margin-left: 25%;
        margin-top: 20px;
    }

    .fondoCarrousel1{
        background-image: url('../img/slider/chico/1.png');
      }
    .fondoCarrousel2{
          background-image: url('../img/slider/chico/2.png');
    }
    .fondoCarrousel3{
          background-image: url('../img/slider/chico/3.png');
    }
    .fondoCarrousel4{
        background-image: url('../img/slider/chico/4.png');
    }
    .fondoCarrousel5{
        background-image: url('../img/slider/chico/5.png');
    }
    .titlenosotros {
        font-size: 3rem;        
    }
    .subtitlenosotros {
        font-size: 1.5rem;        
    }
    .apps-craft-single-feature
    {
        width: 100%; 
        min-height: 515px;
        margin-bottom: 10px;
    }
    .apps-craft-feature-content
    {
        min-height: 380px;
        border: 8px solid #fff;
    }
    .misionback {       
        margin-bottom: 20px;        
    }

    .imagenabout img {
        display: none;
    }    
   
    .apps-craft-feature-content i{
        font-size: 4em;
        margin-bottom: 0;
    }
    .apps-craft-feature-content i{
      font-size: 3em;  
    }
    .apps-craft-feature-content p {        
        min-height: 220px;        
    }
    .apps-craft-feature-content h3{
        margin-bottom: 0px;
    }

    .number-card {
        margin-bottom: 25px;
        margin-top: 10px;
        font-size: 35px;
        font-weight: bold;
    }
    .number-card::before {        
        left: 35%;      
    }

    .contetvalores {
        text-align: justify;
    }

    .merox-cta-area{
        height: 100%;
    }

    .merox-cta-area:before {        
        height: 100%;       
    }

    .heading-primary--main{
        font-size: 2.5rem;        
        letter-spacing: 0;
    }
    .heading-primary--sub{    
        font-size: 2rem;    
        margin-left: 0;
        letter-spacing: 0;
    }
    .cta-content h2{
        font-size: 2rem;      
    }

    .btn2,
    .btn2:link,
    .btn2:visited {
        padding: 1rem 3rem;
        font-size: 1.5rem;
    }

    .pt-250{
        padding-top: 50px;
    }
    .pb-250{
        padding-bottom: 50px;
    }

    .titlemarcas{
        font-size: 2.8rem;
        text-align: center;
        margin-bottom: 20px;
    }

    .marcascomercializadas {
        padding: 10px 0px 20px 0px;
    }

    .logogrid__img {
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 260px;
        max-height: 130px;
        /* filter: grayscale(100%) contrast(25%); */
        filter: grayscale(100%);
        transition: filter 0.3s ease;
    }
    .logogrid {
        
        grid-auto-rows: 70px;
        grid-gap: 3.5rem;
    }

    .logo_footer {
        padding: 10px 0px 25px 0px;
        max-width: 100%;
    }

    .content_img_footer{
        text-align: center;

    }
    .footer-widget__title {
        position: relative;
        display: block;
        margin-bottom: 10px;
    }
    .footer-widget__title {  
        text-align: center;      
        margin-bottom: 10px;
    }
    .redes_sociales_footer{
        display: inline-flex;
    }
    .redes_sociales_footer li{ 
        margin-top: 0;
        margin-left: 15px;
    }
    
    
    /*
        AVISO DE PRIVACIDAD 
    */
    .Aviso_content {   
        min-height: auto !important;     
        max-width: 100vw;
    }
    .content_title_privacidad {
        max-width: 95%;
        margin-left: 2%;
        margin-bottom: 5%;
    }

    .title_aviso_privacidad {      
        font-size: 3em;
        letter-spacing: 0;
        padding-top: 10px;
        margin-left: 25px;
    }
    .content_description_privacidad {
        margin-left: 2%;
        max-width: 95%;
    }
    .content_description_privacidad p {        
        font-size: 1.2em;
        padding: 25px;
    }
    .content_description_privacidad ul {
        color: #fff;
        font-size: 1.2em;
        margin-left: 10px;
    }
    /**
        Sucursales
    */
    .sucursal{
        width: 100%;
        margin-left: 0%;

    }
    .content_sucursales{
        height: auto;
        
    }
    /**
        Fotter
    */
    .footer_social {
        margin-top: 0px;
        height: 60px;
        width: 60px;
        font-size: 2em;
    }
    .name_footer_social{
        margin-left: 0.0em;        
    }
    .sucursalsola {
        margin-top: 20px;
    }
    .info_sucursal_footer .title_sucursal {
        font-weight: 500;
        letter-spacing: 2px;
        font-size: 1.5em;
        text-align: center;
    }
    .info_sucursal_footer .direccion_sucursal {        
        font-size: 1em;
        text-align: center;
    }
    .info_sucursal_footer .horario_sucursal {
        letter-spacing: .2px;
        font-size: .9em;
        text-align: center;
    }

    .footermail{
        margin-left: 80px;
    }
    .footer-widget__links-list li{
        text-align: center;
        margin-top: 10px;
        font-size: 1em;
    }
    

    /* Sucursales*/

    .content_sucursales {
        height: auto;
    }
    .sucursal {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0px;
    }
    #mapa{
        margin-top: 0;
        max-width: 100vw;

    }


    /*/ Catálogo //    
    */

    .titlecatalogo{
        margin-left: 0;
        font-size: 4em;
        text-align: center;
    }
    .desccatalogo{
        margin-left: 0;
        font-size: 1.5em;
        text-align: center;
    }   
    .Areatitlecatalogo{
        background-image: url(../img/Catalogo/Catalogo1.png);
    }
    /*/Fin  Catálogo //    
    */ 
  


    /*
    Product Items details
    */
    .pt-80{
        padding-top: 10px;
    }
    .pb-80{    
        padding-bottom: 10px;
    }
    .ml-50 {
        margin-left: 5px;
    }
     /*
        Product Items details
    */
    .rooms_list-item {
        margin-bottom: 10px;
        text-align: center;
    }
    .arrival-img {
        background-color: #e8e8e8;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }
    #Contactanos {
        min-height: 100vh;
    }
    .areacontacto{
        text-align: center;
    }
    .field {    
        width: 90%;
    }
    .contacts_form {
        margin-top: 0;
        margin-bottom: 10px;
    }    
    .formulario_contact {
        min-height: 100%;
        min-width: 100%;
        right: 0;
    }
    .areacontacto h3 {
        margin-top: 0;
        font-size: 1.7em;
    }
    .areacontacto h4 {
        margin-top: 0;
        font-size: 1.5em;
    }
}

/* Pequeños dispositivos (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767px) { 
    
    .header__body {                
        padding: 0px 90px 0px 0px;    
    }
    .header__action{
        display: none;
    }
    .carousel-item {
        height: 70vh;
    }
    .carousel-caption h1{
        font-size: 3.5em;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-top: 25px;
        font-weight: 600;
      }
    .carousel-caption h2{
        font-size: 3.4em;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-top: 25px;
        font-weight: 200;
    }
    .line-slider-top{
        border-top: 1px solid #fff;
        width: 50%;
        transform: rotate(0deg);
        margin-left: 25%;
        margin-bottom: 0;
        margin-top: 42px;
    }
    .line-slider-bottom{
        border: 1px solid #fff;
        width: 50%;
        transform: rotate(0deg);
        margin-left: 25%;
        margin-top: 20px;
    }
    .carousel-indicators {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 20px;
        right: -40px;
        left: auto;
        width: auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .fondoCarrousel1{
        background-image: url('../img/slider/mediano/1.png');
    }
    .fondoCarrousel2{
          background-image: url('../img/slider/mediano/2.png');
    }
    .fondoCarrousel3{
          background-image: url('../img/slider/mediano/3.png');
    }
    .fondoCarrousel4{
        background-image: url('../img/slider/mediano/4.png');
    }
    .fondoCarrousel5{
        background-image: url('../img/slider/mediano/5.png');
    }
    .titlemarcas {
        font-size: 3.5rem;
        text-align: center;
    }

    .titlenosotros {
        font-size: 3.5rem;
        text-align: center;
        margin-bottom: 0;
    }
    .subtitlenosotros {
        font-size: 2rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .apps-craft-single-feature
    {
        width: 100%; 
        max-height: 500px;
    }
    .apps-craft-feature-content
    {
        min-height: 500px;
        border: 8px solid #fff;
    }

    .misionback {       
        margin-bottom: 20px;
        
    }

    .imagenabout img {
        display: none;
    }    
   
    .apps-craft-feature-content i{
        font-size: 4em;
        margin-bottom: 0;
    }
    .apps-craft-feature-content i{
      font-size: 3em;  
    }
    .apps-craft-feature-content p {        
        min-height: 200px;
        padding: 10px;
        font-size: 1.1em;
    }

    .number-card {
        margin-bottom: 25px;
        margin-top: 10px;
        font-size: 35px;
        font-weight: bold;
    }
    .number-card::before {
        height: 5px;
        left: 35%;
        width: 30%;
    }

    .merox-cta-area{
        height: 100%;
    }

    .merox-cta-area:before {        
        height: 100%;       
    }

    .heading-primary--main{
        font-size: 4rem;
        font-weight: 900;
    }
    .heading-primary--sub{
        
        font-size: 2.2rem;
        font-weight: 500;
        margin-left: 0px;
    }

    .cta-content h2{
        font-size: 2.2rem;
        font-weight: 700;
        letter-spacing: .2rem;
    }

    .btn2,
    .btn2:link,
    .btn2:visited {
        padding: 1rem 3rem;
        font-size: 1.5rem;
    }
    .pt-250{
        padding-top: 70px;
    }
    .pb-250{
        padding-bottom: 70px;
    }

    .titlemarcas{
        font-size: 3.5rem;
        text-align: center;
        margin-bottom: 0;
    }

    .contetvalores {
        text-align: justify;
    }

    .marcascomercializadas {
        padding: 10px 0px 20px 0px;
    }

    .logogrid__img {
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 260px;
        max-height: 130px;
        /* filter: grayscale(100%) contrast(25%); */
        filter: grayscale(100%);
        transition: filter 0.3s ease;
    }
    .logogrid {
        
        grid-auto-rows: 70px;
        grid-gap: 3.5rem;
    }

    .logo_footer {
        padding: 10px 0px 25px 0px;
        max-width: 100%;
    }

    .content_img_footer{
        text-align: center;

    }

    .footer-widget__title {
        position: relative;
        display: block;
        margin-bottom: 10px;
    }
    .footer-widget__title {  
        text-align: center;      
        margin-bottom: 10px;
    }
    .redes_sociales_footer{
        display: inline-flex;        
    }
    .redes_sociales_footer li{ 
        margin: 10px 30px;
    }    
    .footer_social {
        margin-top: 0px;
        height: 60px;
        width: 60px;
        font-size: 2em;
    }
    .name_footer_social{
        margin-left: 0.0em;        
    }
    .sucursalsola {
        margin-top: 20px;
    }
    .info_sucursal_footer .title_sucursal {
        font-weight: 500;
        letter-spacing: 2px;
        font-size: 1.5em;
        text-align: center;
    }
    .info_sucursal_footer .direccion_sucursal {        
        font-size: 1em;
        text-align: center;
    }
    .info_sucursal_footer .horario_sucursal {
        letter-spacing: .2px;
        font-size: .9em;
        text-align: center;
    }

    .footermail{
        margin-left: 80px;
    }
    .footer-widget__links-list li{
        text-align: center;
        margin-top: 10px;
        font-size: 1em;
    }
    .content_sucursales {
        height: auto;
    }
    .sucursal {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0px;
    }
    #mapa{
        margin-top: 0;
        max-width: 100vw;

    }

    
    /*/ Catálogo //    
    */

    .titlecatalogo{
        margin-left: 0;
        font-size: 5.5em;
        text-align: center;
    }
    .desccatalogo{
        margin-left: 0;
        font-size: 2em;
        text-align: center;
    }   
    /*/Fin  Catálogo //    
    */ 

    .Areatitlecatalogo{
        background-image: url(../img/Catalogo/Catalogo2.png);
    }


    /*
    Product Items details
    */
    .pt-80{
        padding-top: 10px;
    }
    .pb-80{    
        padding-bottom: 10px;
    }
    .ml-50 {
        margin-left: 5px;
    }

     /*
    Product Items details
    */
    
        
}

/*Dispositivos medianos (tablets, 768px and up)*/
@media screen and (min-width: 768px) and (max-width: 991px){ 

    .header__action {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 53%;
    }

    .carousel-caption h1{
        font-size: 5em;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-top: 25px;
        font-weight: 600;
      }
    .carousel-caption h2{
        font-size: 4.2em;
        text-transform: uppercase;
        letter-spacing: 0;
        margin-top: 25px;
        font-weight: 200;
    }
    .line-slider-top{
        border-top: 3px solid #fff;
        width: 10%;
        transform: rotate(90deg);
        margin-left: 48%;
        margin-bottom: 0;
        margin-top: 42px;
    }
    .line-slider-bottom{
        border: 3px solid #fff;
        width: 10%;
        transform: rotate(90deg);
        margin-left: 48%;
        margin-top: 20px;
    }

    .apps-craft-single-feature {
        width: 100%;      
    }
    .apps-craft-feature-content h3 {        
        min-height: 88px;
    }
    .apps-craft-feature-content p {
        margin: 0;
        min-height: 240px;
    }
    .number-card:before {
        left: 35%;      
    }

    .imagenabout img {
        margin-left: 20%;
    }

    .titlevalores{
        margin-top: 25px;
    }
    .contetvalores {
        text-align: center;
        margin-top: 40px;
    }

    .fondoCarrousel1{
        background-image: url('../img/slider/normal/1.png');
    }
      .fondoCarrousel2{
          background-image: url('../img/slider/normal/2.png');
    }
      .fondoCarrousel3{
          background-image: url('../img/slider/normal/3.png');
    }
    .fondoCarrousel4{
        background-image: url('../img/slider/normal/4.png');
    }
    .fondoCarrousel5{
        background-image: url('../img/slider/normal/5.png');
    }


    .content_sucursales {
        height: auto;
    }
    .sucursal {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0px;
    }
    #mapa{
        margin-top: 0;
        max-width: 100vw;

    }
}

/*Grandes dispositivos (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px)
 { 

    .imagenabout img {
        margin-left: 110px;    
        margin-top: 25px;
    }
    .titlevalores h3 {
        margin-top: 25px;
    }
    
  
 }

/*X-Grandes dispositivos (large desktops, 1200px and up*/
@media screen and (min-width: 1200px) and (max-width: 1399px)
{ 

}

    .Areatitlecatalogo{
        background-image: url(../img/Catalogo/Catalogo4.png);
    }