@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 450px) {
	.head{
		height: 170px;
	}
	.buscador{
		top: 0px;
		left: 2px;
	}
	.menu{
		right: 5px;
	}
	.menu a{
		padding: 8px 10px;
	}
	.franja{
		height: 80px;
	}
	.carrito{
		top: 103px;
		right: unset;
	}
	.carrito form{
		/*position: absolute;
		top: 38px;*/
		display: none;
	}
	.tel{
		position: absolute;
		top: 40px;
		left: 25px;
	}
	.redes{
		position: absolute;
		top: 40px;
		right: 25px;
	}
	.logo{
		margin: 0px;
		left: 0px;
	}
	.footer{
		flex-wrap: wrap;
	}
	.col{
		width: 95%;
	}
	.info{
		width: 90%;
		padding: 0px;
		flex-wrap: wrap;
	}
	.info img{
		width: 100%;
		border-radius: 10px;
	}
	.datos{
		width: 100%;
		left: 0px;
	}
	.tabla{
		width: 100%;
		padding: 0 10px;
	}
	.data-c{
		left: 40px;
		width: 40%;
	}
	.login-admin{
		padding: 0px;
		width: 100%;
	}
	.input-txt{
		width: 80%;
	}
	.cart-in-detail{
		top: 0px;
		margin: 10px;
	}
	.contenido{
		flex-wrap: wrap;
	}
	.lateral{
		display: none;
	}
	.productos{
		width: 90%;
		height: auto;
		left: 0px;
		margin: 0 auto 25px auto;
	}
	.producto-detalle{
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}
	.producto-detalle img{
		width: 358px;
		height: auto;
	}
	.data-p p{
		margin-left: 0px;
		width: 100%;
	}
	.data-p{
		width: 100%;
	}
	.precios-p{
		margin-left: 0px;
		width: 100%;
	}
	.detalle-cart{
		position: relative;
		right: 0px;
		width: 90%;
		margin: 0 auto 50px auto;
	}
	.letrero{
		display: none;
	}
	.menumovil{
		display: block;
		width: 100%;
		background-color: red;
	}
	.menumovil a{
		width: 32%;
		position: relative;
		display: block;
		height: 40px;
		line-height: 40px;
		text-transform: uppercase;
		color: #FFF;
		text-decoration: none;
		background-color: red;
		display: inline-block;
	}
	.pedido, #direccionfm{
		flex-wrap: wrap;
	}
	.data-monto, .btn-d, .direccionesfm{
		width: 100%;
		right: 0px;
	}
	.data-print{
		margin: 15px;
	}
	.data-pedido{
		border: none;
		box-shadow: none;
	}
	.domicilios, .datosu, .btn-d{
		position: relative;
		top: 0px;
	}
	.trash{
		position: absolute;
  		bottom: -12px;
  		right: 0px;
	}

}

@media only screen and (min-width: 667px) and (max-width: 1100px) {
	.detalle-cart{
		width: 100%;
	}
	.direcciones-drop{
		width: 265px;
	}
	.productos{
		width: calc(100% - 561px);
	}
	.pedido, #direccionfm{
		flex-wrap: wrap;
	}
	.data-monto, .btn-d, .direccionesfm{
		width: 100%;
		right: 0px;
	}
	.data-print{
		margin: 15px;
	}
	.data-pedido{
		border: none;
		box-shadow: none;
	}
	.domicilios, .datosu, .btn-d{
		position: relative;
		top: 0px;
		width: 100%;
	}
	.trash{
		position: absolute;
  		bottom: -12px;
  		right: 0px;
	}
	.fbusca{
		position: absolute;
		left: -22px;
		top: 50px;
	}
	.lateral, .lateral a{
		width: 170px;
	}
	
}