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

/***********************************************
Pantalla 3480x2160 16:9 4K
***********************************************/
@media only screen and (min-width:2561px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 45em 10px 45em;
	}

	#pie {
		padding: 3em 37em 3em 37em;
	}

    .contenidoBloqueSeccion {
        margin: 0 45em;
    }

	.slider {
		margin: 3em 8em 0em 8em;
	}

	.slider .textos {
		left: 100px;
		width: 40%;
		padding: 100px 50px 50px 50px;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueCompraOnline {
		margin: 5em 8em 5em 8em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

    .datosContactoCliente p.textoEmail {
		width: 31rem;
	}

}


/***********************************************
Pantalla 2560x1440 16:9 2K
***********************************************/
@media only screen and (min-width:1921px) and (max-width: 2560px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 30em 10px 30em;
	}

	#pie {
		/*margin: 5em 5em 5em 5em;*/
		padding: 3em 25em 3em 25em;
	}

    .contenidoBloqueSeccion {
        margin: 0 30em;
    }

	.slider {
		margin: 3em 5em 0em 5em;
	}

	.slider .textos {
		left: 100px;
		width: 40%;
		padding: 100px 50px 50px 50px;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueCompraOnline {
		margin: 5em 5em 5em 5em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

    .datosContactoCliente p.textoEmail {
		width: 23rem;
	}

}


/***********************************************
Pantalla 1920x1080 16:9
***********************************************/
@media only screen and (min-width:1681px) and (max-width: 1920px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 20em 10px 20em;
	}

	#pie {
		/*margin: 5em 4em 5em 4em;*/
		padding: 3em 16em 3em 16em;
	}

    #cabeceraSeccion {
        min-height: 330px;
    }
    .contenidoCabeceraSeccion {
        min-height: 330px;
    }
    .contenidoBloqueSeccion {
        margin: 0 20em;
    }

	.slider {
		margin: 3em 4em 0em 4em;
	}

	.slider .textos {
		left: 100px;
		width: 40%;
		padding: 100px 50px 50px 50px;
	}


	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueCompraOnline {
		margin: 5em 4em 5em 4em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

    .datosContactoCliente p.textoEmail {
		width: 17rem;
	}

}


/***********************************************
Pantalla 1680x1050 16:10
***********************************************/
@media only screen and (min-width:1367px) and (max-width: 1680px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 15em 10px 15em;
	}

	#pie {
		/*margin: 5em 3em 5em 3em;*/
		padding: 3em 12em 3em 12em;
	}

    #cabeceraSeccion {
        min-height: 280px;
    }
    .contenidoCabeceraSeccion {
        min-height: 280px;
    }
    .contenidoBloqueSeccion {
        margin: 0 15em;
    }

	.slider {
		margin: 3em 3em 0em 3em;
	}

	.slider .textos {
		left: 100px;
		width: 40%;
		padding: 100px 50px 50px 50px;
	}


	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: calc(33.33333% - 20px);
		height: 300px;
		margin-bottom: 35px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.8em;
        line-height: 1.9rem;
	}

	#bloqueCompraOnline {
		margin: 5em 3em 5em 3em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

    #datosClientes {
		flex-basis: 35%;
	}
	#pedidos {
		flex-basis: 65%;
	}
    .datosContactoCliente p.textoEmail {
		width: 16rem;
	}

}

/***********************************************
Pantalla 1366x768 16:9
***********************************************/
@media only screen and (min-width:1281px) and (max-width: 1366px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 10em 10px 10em;
	}

	#pie {
		/*margin: 5em 2em 5em 2em;*/
		padding: 3em 8em 3em 8em;
	}

    .contenidoBloqueSeccion {
        margin: 0 10em;
    }

	.slider {
		margin: 3em 2em 0em 2em;
	}

	.slider .textos {
		left: 100px;
		width: 40%;
		padding: 100px 50px 50px 50px;
	}

	.slider .textos h1 {
		margin: 0px 0px 20px 0px;
		padding-left: 20px;
		font-size: 2.5em;
		line-height: 40px;
	}

	.slider .textos p {
		font-size: 1.1em;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: calc(33.33333% - 20px);
		height: 300px;
		margin-bottom: 35px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.5em;
        line-height: 1.6rem;
	}

	#bloqueCompraOnline {
		margin: 5em 2em 5em 2em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

    #bloqueProductos .productoListado {
		flex-basis: 22%;
	}

	.buscador select {
		width: 100px;
	}

    #datosCliente {
		flex-basis: 35%;
	}

	#pedidos {
		flex-basis: 65%;
	}

    .datosContactoCliente p.textoEmail {
		width: 16rem;
	}

}


/***********************************************
Pantalla 1280x720 16:9
***********************************************/
@media only screen and (min-width:1025px) and (max-width: 1280px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 5em 10px 5em;
	}

	#pie {
		/*margin: 5em 1em 5em 1em;*/
		padding: 3em 4em 3em 4em;
	}

    .contenidoBloqueSeccion {
        margin: 0 5em;
    }

	.slider {
		margin: 3em 1em 0em 1em;
	}

	.slider .textos {
		left: 100px;
		width: 50%;
		padding: 100px 50px 50px 50px;
	}

	.slider .textos h1 {
		margin: 0px 0px 20px 0px;
		padding-left: 20px;
		font-size: 2.2em;
		line-height: 40px;
	}

	.slider .textos p {
		font-size: 1.1em;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: calc(33.33333% - 20px);
		height: 300px;
		margin-bottom: 35px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.5em;
        line-height: 1.6rem;
	}

	#bloqueCompraOnline {
		margin: 5em 1em 5em 1em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

	.buscador select {
		width: 100px;
	}

    #bloqueProductos .productoListado {
		flex-basis: 22%;
	}

    #datosCliente {
		flex-basis: 40%;
	}
	#pedidos {
		flex-basis: 60%;
	}
    .datosContactoCliente p.textoEmail {
		width: 18rem;
	}

}

/***********************************************
Pantalla 1024x600 16:10
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:block; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:none !important; }

	#cabecera {
		padding: 10px 1em 10px 1em;
	}

    #cabecera #logo2 {
		width: 120px;
	}

	#pie {
		/*margin: 5em 1em 5em 1em;*/
		padding: 3em 1em 3em 1em;
	}

    #cabeceraSeccion {
        min-height: 170px;
    }
    .contenidoCabeceraSeccion {
        min-height: 170px;
    }
    #cabeceraSeccion h1 {
        font-size: 1.5rem;
    }
    .contenidoBloqueSeccion {
        margin: 0 2em;
    }

	.slider {
		margin: 3em 1em 0em 1em;
	}

	.slider .textos {
		left: 80px;
		width: 50%;
		padding: 100px 50px 50px 50px;
	}

	.slider .textos h1 {
		margin: 0px 0px 20px 0px;
		padding-left: 20px;
		font-size: 2.2em;
		line-height: 40px;
	}

	.slider .textos p {
		font-size: 1.1em;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: calc(33.33333% - 20px);
		height: 300px;
		margin-bottom: 35px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.5em;
        line-height: 1.6rem;
	}

	#bloqueCompraOnline {
		margin: 5em 1em 5em 1em;
	}

	#bloqueProductos {
		margin: 5em 0;
	}

	.buscador select {
		width: 200px;
		margin-bottom: 10px;
	}

	#bloqueProductos .productoListado {
		flex-basis: 30%;
	}

	#bloqueProductos .productoListado .etiquetaDescuento, #bloqueProductos .productoListado .etiquetaNovedad {
		top: 15px;
	}

	#bloqueProductos .productoListado span.fav {
		top: 15px;
		right: 15px;
	}

	#bloqueProductos .productoListado .datos {
		width: calc(100% - 55px);
	}

	#bloqueProductos .productoListado .datos h2 {
		font-size: 0.9em;
	}

	#bloqueProductos .productoListado .datos p {
		font-size: 0.8em;
	}

    #datosCliente {
		flex-basis: 45%;
	}
	#pedidos {
		flex-basis: 55%;
	}
    .datosContactoCliente p.textoEmail {
		width: 17rem;
	}

}


/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:block !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:block !important; }
	.hide-tablet { display:none !important; }
	.hide-screen { display:block !important; }

	#cabecera {
		padding: 10px 10px 10px 10px;
	}

	#cabecera #logo {
		height: 70px;
	}

	#cabecera #logo2 {
		width: 80px;
	}

	#cabecera .menu ul li {
		margin: 0px 10px;
		font-size: 0.8em;
	}

	#pie {
		/*margin: 3em 10px 3em 10px;*/
		padding: 2em 20px 2em 20px;
	}

    #cabeceraSeccion {
        margin: 1rem 0 2rem 0;
        min-height: 130px;
    }
    .contenidoCabeceraSeccion {
        min-height: 130px;
    }
    #cabeceraSeccion h1 {
        font-size: 1.5rem;
    }
    .contenidoBloqueSeccion {
        margin: 0 1em;
    }

	.b1 {
		width: 80px;
	}

	.b1 .rs {
		margin-top: 30px;
	}

	.b2 h3 {
		margin: 0px 0px 5px 0px;
		font-size: 1.2em;
	}

	.b2 p {
		margin: 10px 0px 0px 0px;
		font-size: 0.8em;
	}

	.b3 p {
		font-size: 0.8em;
	}

	.slider {
		margin: 3em 1em 0em 1em;
	}

	.swiper-prev, .swiper-next {
		display: none;
	}

	.slider .textos {
		left: 80px;
		width: 50%;
		padding: 30px 30px 30px 30px;
	}

	.slider .textos h1 {
		margin: 0px 0px 20px 0px;
		padding-left: 10px;
		font-size: 2em;
		line-height: 30px;
	}

	.slider .textos p {
		font-size: 1em;
	}

	#bloqueQuienesSomos {
		margin: 5em 0;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: calc(50% - 20px);
		height: 300px;
		margin-bottom: 40px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.8em;
        line-height: 1.9rem;
	}

	#bloqueCompraOnline {
		margin: 3em 1em 3em 1em;
	}

	#bloqueCompraOnline .texto h2 {
		font-size: 2em;
		letter-spacing: 3px;
	}

	#bloqueCompraOnline .texto p {
		font-size: 1.2em;
		letter-spacing: 1px;
	}

	#bloqueCompraOnline .texto div {
		margin: 10px auto 0px auto;
		font-size: 4em;
	}

	#bloqueProductos {
		margin: 3em 0;
	}

	.buscador select {
		width: 190px;
		margin-bottom: 10px;
	}

	#bloqueProductos .productoListado {
		flex-basis: 30%;
	}

    .datosFichaCliente {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente {
		margin: 0rem 1rem 1rem 1rem;
	}
	#datosCliente {
		flex-basis: 100%;
	}
	#pedidos {
		flex-basis: 100%;
	}
	.datosContactoCliente p.textoEmail {
		width: 38rem;
	}

}


/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:767px) {

	.show-mobile { display:block !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:block !important; }

	html body {
		padding-top: 50px !important;
	}

    .bloqueCampoFormulario {
		margin-bottom: 1rem;
		width: 100% !important;
	}
	.bloqueCampoFormulario p.secundario {
		width: 92%;
	}
	.bloqueCampoFormulario .control-label {
		line-height: 0.8rem;
	}
	.bloqueCampoFormulario input[type=text] {
		width: 100% !important;
	}
	.bloqueCampoFormulario select {
		width: 100% !important;
	}
	.bloqueCampoFormulario textarea {
		width: 100% !important;
	}

    .buscador .bloqueCampoFormulario {
        margin-bottom: .5rem !important;
    }

	#cabecera {
		display: none;
	}

	#pie {
		/*margin: 2em 0em 0em 0em;*/
		padding: 2em 20px 2em 20px;
	}

	.b1 {
		width: 100%;
		margin-bottom: 20px;
	}

	.b1 img {
		width: 30%;
		margin: 0px auto;
	}

	.b1 .rs {
		margin-top: 20px;
		justify-content: center;
	}

	.b1 .rs span {
		padding: 0px 10px;
	}


	.b2 {
		margin-bottom: 20px;
	}

	.b2 h3 {
		margin: 0px 0px 5px 0px;
		font-size: 1.2em;
	}

	.b2 p {
		margin: 10px 0px 0px 0px;
		font-size: 0.8em;
	}

	.b3 p {
		font-size: 0.8em;
		text-align: left;
	}

    #cabeceraSeccion {
        margin: 0 0 2rem 0;
        min-height: 120px;
    }
    .contenidoCabeceraSeccion {
        min-height: 120px;
    }
    #cabeceraSeccion h1 {
        font-size: 1.5rem;
    }
    .contenidoBloqueSeccion {
        margin: 0 1em;
    }

    .controlesPaginacion {
        justify-content: center;
    }

	.slider {
		margin: 0em 0em 0em 0em;
	}

	.swiper-prev, .swiper-next {
		display: none;
	}

	.slider .textos {
		left: 10px;
		width: 80%;
		padding: 15px 15px 15px 15px;
	}

	.slider .textos h1 {
		margin: 0px 0px 10px 0px;
		padding-left: 5px;
		font-size: 1.2em;
		line-height: 20px;
	}

	.slider .textos p {
		font-size: 0.8em;
	}

	.slider .bSlide {
		width: 130px;
		padding: 5px 5px;
		font-size: 0.8em;
		line-height: 20px;
	}

	#bloqueQuienesSomos {
		margin: 2em 0;
	}

	#bloqueQuienesSomos p {
		font-size: 0.8em;
	}

	#bloqueSecciones {
		padding: 0em;
	}

	#bloqueSecciones .bSeccion {
		width: 100%;
		height: 300px;
		margin-bottom: 40px;
		padding: 20px;
	}

	#bloqueSecciones .bSeccion h2 {
		font-size: 1.8em;
        line-height: 1.9rem;
	}

	#bloqueCompraOnline {
		margin: 2em 0em 2em 0em;
	}

	#bloqueCompraOnline .texto h2 {
		font-size: 1.2em;
		letter-spacing: 2px;
	}

	#bloqueCompraOnline .texto p {
		font-size: 1em;
		letter-spacing: 1px;
	}

	#bloqueCompraOnline .texto div {
		margin: 0px auto 0px auto;
		font-size: 2em;
	}

	#bloqueProductos {
		margin: 2em 0;
	}

	#bloqueProductos h1 {
		font-size: 2em;
	}

	#bloqueProductos hr {
		width: 75px;
		margin-bottom: 30px;
	}

	#bloqueProductos .productoListado {
		flex-basis: 100%;
	}

    .buscador .flex > img {
        display: none;
	}

	.contenidoFichaProducto {
		flex-wrap: wrap;
	}
	.galeriaFotosProducto {
		margin-right: 0;
		flex-basis: 100%;
	}
	.datosProducto {
		margin-left: 0;
		margin-top: 2rem;
		flex-basis: 100%;
	}
	.bloqueSelectorTallas {
		flex-wrap: wrap;
	}
	.selectorTallaOn, .selectorTallaOff {
		margin: .1rem;
		width: 50px;
		border-right: 1px solid #333333;
	}

    .tablaCarrito .bloqueProductoCarrito {
        flex-wrap: wrap;
    }
    .tablaCarrito .bloqueProductoCarrito img {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .tablaCarrito .bloqueProductoCarrito > div {
        width: 100%;
    }

    .datosFichaCliente {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente {
		margin: 0rem 0em 1rem 0em;
	}
	#datosCliente {
		flex-basis: 100%;
	}
	#pedidos {
		flex-basis: 100%;
	}
	.datosContactoCliente p.textoEmail {
		width: 13rem;
	}

    #breadcrumbsPedido {
        width: 100%;
    }
    .breadcrumbs_paso {
        flex-basis: 25%;
    }
    .breadcrumbs_paso p:last-child {
        font-size: .7rem;
        line-height: .8rem;
    }

}


/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.show-mobile { display:block !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:block !important; }
	.hide-screen { display:block !important; }

    .bloqueCampoFormulario p.secundario {
		width: 90%;
	}

	#bloqueSecciones .bSeccion {
		width: calc(50% - 15px);
		height: 300px;
		margin-bottom: 30px;
		padding: 20px;
	}

	#bloqueProductos .productoListado {
		flex-basis: 45%;
	}

	.b1 img {
		width: 100px;
	}

	.b2 {
		margin-bottom: 0px;
	}

    .buscador .flex > img {
        display: block;
    }

    .tablaCarrito .bloqueProductoCarrito {
        flex-wrap: nowrap;
    }
    .tablaCarrito .bloqueProductoCarrito img {
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
    .tablaCarrito .bloqueProductoCarrito > div {
        width: auto;
    }

}