@media (min-width: 2401px) and (max-width: 4980px) { .intro{ padding-top: 4%; } } @media (min-width: 2000px) and (max-width: 2400px) { .intro{ padding-top: 6%; } } @media (min-width: 1980px) and (max-width: 4980px) { #ayudaVisual{ display: none; } .menuNormalCategorias{ display: block; } .menuMovilCategorias{ display: none; } #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } .intro{ height:auto; } } @media (min-width: 1750px) and (max-width: 1980px) { #ayudaVisual{ display: none; } .menuNormalCategorias{ display: block; } .menuMovilCategorias{ display: none; } #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } .intro{ /*height:90vh;*/ height:auto; } } @media (min-width: 1632px) and (max-width: 1750px) { .intro{ padding-top: 8%; height:auto; } } @media (min-width: 1501px) and (max-width: 1632px) { .intro{ padding-top: 10%; height:auto; } } @media (min-width: 1500px) and (max-width: 1750px) { #ayudaVisual{ display: none; } .menuNormalCategorias{ display: block; } .menuMovilCategorias{ display: none; } #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } /* .intro{ padding-top: 12%; height:auto; } */ } @media (min-width: 1341px) and (max-width: 1500px) { .intro{ padding-top: 10%; height:auto; } } @media (min-width: 1200px) and (max-width: 1340px) { .intro{ padding-top: 12%; height:auto; } } @media (min-width: 1200px) and (max-width: 1500px) { #ayudaVisual{ display: none; } .menuNormalCategorias{ display: block; } .menuMovilCategorias{ display: none; } .bg-gallery-home{ background-size: cover; } /*.intro{ padding-top: 12%; height:auto; }*/ #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } } /* Normal desktop :992px. */ @media (min-width: 991px) and (max-width: 1199px) { #ayudaVisual{ display: none; } .menuNormalCategorias{ display: block; } .menuMovilCategorias{ display: none; } .bg-gallery-home{ background-size: cover; } .intro{ padding-top: 14%; /* height: 65vh;*/ height:auto; } #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } } /* Tablet desktop :768px. */ @media (min-width: 769px) and (max-width: 990px) { .txtTitulosBlancoHome{ font-size: 30px; } .txtsubtextoBlanco{ font-size: 20px; } .txtTitulosRosas{ font-size: 30px; } .txtTitulosMorado{ font-size: 30px; } .txtTitulosMoradoClaro{ font-size: 30px; } .image-hover-text-bubble{ font-size: 12px; } #ayudaVisual{ display: none; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } .intro{ padding-top: 17%; /*height: 55vh;*/ height:auto; } .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } #telefono-texto{ display: block; } #telefono-imagen{ display: none; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } } @media (min-width: 650px) and (max-width:768px) { .intro{ padding-top: 20%; height:auto; } } @media (min-width: 620px) and (max-width:649px) { .intro{ padding-top: 25%; height:auto; } } @media (min-width: 620px) and (max-width:768px) { .txtTitulosBlancoHome{ font-size: 30px; } .txtsubtextoBlanco{ font-size: 20px; } .txtTitulosRosas{ font-size: 30px; } .txtTitulosMorado{ font-size: 30px; } .txtTitulosMoradoClaro{ font-size: 30px; } .image-hover-text-bubble{ font-size: 12px; } #ayudaVisual{ display: none; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } /*.intro{ padding-top: 25%; height:auto; }*/ .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } #telefono-texto{ display: none; } #telefono-imagen{ display: block; } #divsabiasque{ display: block; } #divsabiasquemovil{ display: none; } #sidebar11{ top: 15%; } #main{ top: 15%; } .footerPro{ bottom: -100%; } .subFooter{ bottom: -150%; } } @media (min-width: 560px) and (max-width:619px) { .intro{ padding-top: 27%; /* height: 40vh;*/ height:auto; } } @media (min-width: 500px) and (max-width:559px) { .intro{ padding-top: 30%; /* height: 40vh;*/ height:auto; } } @media (min-width: 420px) and (max-width:499px) { .intro{ padding-top: 35%; /* height: 40vh;*/ height:auto; } } @media (min-width: 420px) and (max-width:619px) { .padding-top-wrapper{ padding-top: 45%; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } /*.intro{ padding-top: 38%; height:auto; }*/ .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } .book-a-table-btn{ padding: 2px 7px; } #telefono-texto{ display: none; } #telefono-imagen{ display: block; } .heroHome1{ padding: 0; padding-top: 15%; } .section-normal{ padding: 0px 0px 50px 0px; } .titulo-rojo-compra{ font-size: 30px; } .titulo-morado-catalogo{ font-size: 30px; } .titulo-normal{ font-size: 20px; } .tituloGaleriaAhorrando{ font-size: 25px; } .titulo-rojo-sucursales{ font-size: 30px; } .aling-footer{ text-align: center; padding-top: 7%; } .titulosFooter{ font-size: 30px; } .espacio-movil{ padding-top: 50%; } .espacio-mapa-movil{ padding-top: 20%; } #map{ padding-top: 100%; } #map2{ padding-top: 100%; } #map3{ padding-top: 100%; } .mapu{ padding-top: 100%; } .car-cate-productos{ height: 175px; } .text-rojo-sabias{ text-align: center; } .cerrarModal{ position: absolute; top: 1%; right: 0; } #divsabiasque{ display: none; } #divsabiasquemovil{ display: block; } } @media (min-width: 400px) and (max-width: 420px) { .padding-top-wrapper{ padding-top: 45%; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } .intro{ padding-top: 40%; /*height: 47vh;*/ height:auto; } .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } .book-a-table-btn{ padding: 2px 7px; } #telefono-texto{ display: none; } #telefono-imagen{ display: block; } .heroHome1{ padding: 0; padding-top: 15%; } .section-normal{ padding: 0px 0px 50px 0px; } .titulo-rojo-compra{ font-size: 30px; } .titulo-morado-catalogo{ font-size: 30px; } .titulo-normal{ font-size: 20px; } .tituloGaleriaAhorrando{ font-size: 25px; } .titulo-rojo-sucursales{ font-size: 30px; } .aling-footer{ text-align: center; padding-top: 7%; } .titulosFooter{ font-size: 30px; } .espacio-movil{ padding-top: 50%; } .espacio-mapa-movil{ padding-top: 20%; } #map{ padding-top: 100%; } #map2{ padding-top: 100%; } #map3{ padding-top: 100%; } .mapu{ padding-top: 100%; } .car-cate-productos{ height: 175px; } .text-rojo-sabias{ text-align: center; } .cerrarModal{ position: absolute; top: 1%; right: 0; } #divsabiasque{ display: none; } #divsabiasquemovil{ display: block; } #sidebar{ min-width: 150px; } } @media (min-width: 360px) and (max-width: 399px) { .padding-top-wrapper{ padding-top: 45%; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } .intro{ padding-top: 44%; /*height: 35vh;*/ height:auto; } .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } .book-a-table-btn{ padding: 2px 7px; } #telefono-texto{ display: none; } #telefono-imagen{ display: block; } .heroHome1{ padding: 0; padding-top: 15%; } .section-normal{ padding: 0px 0px 50px 0px; } .titulo-rojo-compra{ font-size: 30px; } .titulo-morado-catalogo{ font-size: 30px; } .titulo-normal{ font-size: 20px; } .tituloGaleriaAhorrando{ font-size: 25px; } .titulo-rojo-sucursales{ font-size: 30px; } .aling-footer{ text-align: center; padding-top: 7%; } .titulosFooter{ font-size: 30px; } .espacio-movil{ padding-top: 50%; } .espacio-mapa-movil{ padding-top: 20%; } #map{ padding-top: 100%; } #map2{ padding-top: 100%; } #map3{ padding-top: 100%; } .mapu{ padding-top: 100%; } .car-cate-productos{ height: 175px; } .text-rojo-sabias{ text-align: center; } .cerrarModal{ position: absolute; top: 1%; right: 0; } #divsabiasque{ display: none; } #divsabiasquemovil{ display: block; } #sidebar{ min-width: 150px; } } @media (min-width: 320px) and (max-width: 359px) { .padding-top-wrapper{ padding-top: 55%; } .menuNormalCategorias{ display: none; } .menuMovilCategorias{ display: block; } .alineacion-menu{ justify-content: flex-end; } .divHrMenu{ display: none; } .bg-gallery-home{ background-size: contain; } .intro{ padding-top: 50%; /*height: 59vh;*/ height:auto; } .hrmenu{ width: 0; } .menuFlotanteLogo{ top: 0; } .book-a-table-btn{ padding: 2px 7px; } #telefono-texto{ display: none; } #telefono-imagen{ display: block; } .heroHome1{ padding: 0; padding-top: 15%; } .section-normal{ padding: 0px 0px 50px 0px; } .titulo-rojo-compra{ font-size: 30px; } .titulo-morado-catalogo{ font-size: 30px; } .titulo-normal{ font-size: 20px; } .tituloGaleriaAhorrando{ font-size: 25px; } .titulo-rojo-sucursales{ font-size: 30px; } .aling-footer{ text-align: center; padding-top: 7%; } .titulosFooter{ font-size: 30px; } .espacio-movil{ padding-top: 50%; } .espacio-mapa-movil{ padding-top: 20%; } #map{ padding-top: 100%; } #map2{ padding-top: 100%; } #map3{ padding-top: 100%; } .mapu{ padding-top: 100%; } .car-cate-productos{ height: 175px; } .text-rojo-sabias{ text-align: center; } .cerrarModal{ position: absolute; top: 1%; right: 0; } #divsabiasque{ display: none; } #divsabiasquemovil{ display: block; } #sidebar{ min-width: 150px; } #sidebar11{ top: 35%; } #main{ top: 35%; } .footerPro{ bottom: -120%; } .subFooter{ bottom: -170%; } }