/* ----------------------------------------------------------------------------------------------------------------------------- */
/* big tablets/laptops 1023-2500px                                                                                               */
/* ----------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 2500px) {
    
/* - GLOBAL ------------------------------------------------------------------ */
    .row {
       padding: 0 2%; 
    }
    
    .icon-big{
        font-size: 350%;
    }
    
    .icon-medium{
        font-size: 250%;
    }
    
    h3 {
        font-size: 90%; 
    }
    
/* - LANDING------------------------------------------------------------------- */  
    .sticky {
        height: 40px;
    }
    
    .GetxoVR-text-box {
        width: 100%;
        padding: 0 2%;
    }
    
    /* - MENU IDIOMAS --------------------------------------------------- */
    
    .menuIdiomas {
        float: right;
        margin-top: 50px;
    }
    
    .menuIdiomas li {
        margin-left: 40px;
    }

    .menuIdiomas li img {
        height: auto;
    }
    
    /* - MENU FLOTANTE ------------------------------------------------- */
    .btn-Full-Menu-Flotante:link,
    .btn-Full-Menu-Flotante:visited {
        padding: 2px 30px;
    }
    
    .btn-Ghost-Menu-Flotante:link,
    .btn-Ghost-Menu-Flotante:visited {
        padding: 2px 30px;
    }

    
    
/* - INTRO ------------------------------------------------------------------- */ 
    
/* - GALERÍA ----------------------------------------------------------------- */
    .visita-galeria li{
        display: block;
        float: left;
        width: 25%;  /*porque tenemos 4 imágenes pero vamos a enseñar cada una a ancho completo en el movil */
    }
    
/* - COMO FUNCIONA ----------------------------------------------------------- */
     .works-step-margin{
        margin-bottom: 30px; 
    
    }
    

    
/* - CONTACTO ---------------------------------------------------------------- */
    .section-form-contacto {
        width: 60%;  
    }
    
/* - PIE DE PÁGINA ----------------------------------------------------------- */    
/* - VENTANAS MODALES -------------------------------------------------------- */
    
    
    
}


/* --------------------------------------------------------------------------- */
/* small tablets - big tablets 768-1023px*/
/* --------------------------------------------------------------------------- */
@media only screen and (max-width: 1023px) {
    body { font-size: 18px;   }
    
    section {  padding: 60px 0;  }
    
    long-copy {
        width: 80%;
        margin-left: 10%;   /* para centrar el párrafo  */
    }
    
    
    
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* small phones-tablets 481-767px                                                                                                */
/* ----------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* - GLOBAL ------------------------------------------------------------------ */
    
    .sticky {
        height: 40px;
    }
    
    .icon-big{
        font-size: 250%;
    }
    
    h3 {
        font-size: 70%; 
    }
    
    
/* - LANDING ----------------------------------------------------------------- */
    .menuIdiomas {
        float: right;
        margin-top: 20px;
    }
    
    .menuIdiomas li {
        width: 32%;
        margin-left: 0px; 
        margin-bottom: 10px;
    }

    .menuIdiomas li img {
        height: 8px;
    }
    
    .GetxoVR-text-box {
        text-align: center;
    }
    
    .btn-Full-Menu-Flotante:link,
    .btn-Full-Menu-Flotante:visited {
        padding: 2px 10px;
    }
    
    .btn-Ghost-Menu-Flotante:link,
    .btn-Ghost-Menu-Flotante:visited {
        padding: 2px 10px;
    }
    
    
/* - INTRO ------------------------------------------------------------------- */
    .sectionPresentacion .row .box {
        padding-left: 5%;
    }
    
/* - GALERÍA ----------------------------------------------------------------- */
    .visita-galeria li{
        display: block;
        float: left;
        width: 100%;  /*porque tenemos 4 imágenes pero vamos a enseñar cada una a ancho completo en el movil */
    }
    
    
/* - COMO FUNCIONA ----------------------------------------------------------- */
    .sectionComoFunciona .how-it-works-boxes:first-child{
        
        text-align: center;
    }
    
    .works-step-margin{
        margin-bottom: 20px; 
    
    }
    
/* - MERCHANDISING ----------------------------------------------------------- */
    .sectionMerchandising .how-it-works-boxes:first-child {
        text-align: center;
    }
    
    .sectionMerchandising .how-it-works-boxes:first-child img {
        width: 100%;
    }
    
/* - QUÉ HACER --------------------------------------------------------------- */
    .sectionActividades row {
        margin-left: 50px;
    }
    
    
/* - CONTACTO ---------------------------------------------------------------- */
    .section-form-contacto {
        width: 90%;  
    }
    
/* - PIE DE PÁGINA ----------------------------------------------------------- */
    
    
/* - VENTANAS MODALES -------------------------------------------------------- */
    .modal-sobre-nosotros img {
        width: 80%;
    }
    
    
    
}


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* small phones 0-480px                                                                                                          */
/* ----------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

/* - GLOBAL ------------------------------------------------------------------ */
    
    .sticky {
        height: 80px;
    }
    
    .icon-big{
        font-size: 350%;
    }
    
    h3 {
        font-size: 110%; 
    }
    
    
/* - LANDING ----------------------------------------------------------------- */
    .menuIdiomas {
        text-align: center;
        width: 100%
        margin-top: 50px;
    }
    
    .menuIdiomas li {
        width: 32%;
        margin-left: 0px; 
        margin-bottom: 10px;
    }

    .menuIdiomas li img {
        height: 8px;
    }
    
    .GetxoVR-text-box {
        text-align: center;
    }
    
    .btn-Full-Menu-Flotante:link,
    .btn-Full-Menu-Flotante:visited {
        padding: 2px 10px;
    }
    
    .btn-Ghost-Menu-Flotante:link,
    .btn-Ghost-Menu-Flotante:visited {
        padding: 2px 10px;
    }
    
    
/* - INTRO ------------------------------------------------------------------- */
    .sectionCaracteristicas .row .box {
        padding-left: 10%;
    }
    
/* - GALERÍA ----------------------------------------------------------------- */
    .visita-galeria li{
        display: block;
        float: left;
        width: 100%;  /*porque tenemos 4 imágenes pero vamos a enseñar cada una a ancho completo en el movil */
    }
    
    
/* - COMO FUNCIONA ----------------------------------------------------------- */
    .sectionComoFunciona .how-it-works-boxes:first-child{
        
        text-align: center;
    }
    
    .works-step-margin{
        margin-bottom: 20px; 
    
    }
    
/* - MERCHANDISING ----------------------------------------------------------- */
    .sectionMerchandising .how-it-works-boxes:first-child {
        text-align: center;
    }
    
    .sectionMerchandising .how-it-works-boxes:first-child img {
        width: 100%;
    }
    
/* - QUÉ HACER --------------------------------------------------------------- */
    .sectionActividades row {
        margin-left: 50px;
    }
    
    
/* - CONTACTO ---------------------------------------------------------------- */
    .section-form-contacto {
        width: 90%;  
    }
    
/* - PIE DE PÁGINA ----------------------------------------------------------- */
    
    
/* - VENTANAS MODALES -------------------------------------------------------- */
    .modal-sobre-nosotros img {
        width: 80%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}