@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none;
	}
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	.subpie1 {
		width:25%;
	}
	.subpie2 {
		display:none;
	}
	.subpie3 {
		width: 45%;
	}
	.subpie4 {
		width: 30%;
	}
}
@media screen and (max-width: 800px) {
	header .nav {
		margin:10px auto;
		width:100%;
		margin:25px auto;
	}
	.container {
		margin: 0px auto;
		min-height:50px;
		max-height:50px;
	}
	.logo-sup { 
		position:absolute;
		float:left;
		padding: 0 0 0 10px;
		width:150px;
		height:auto;
	}
	.flip-container, .front, .back {
	width: 100%;
	height: 150px;
	float:left;
	}
	.flip-container {
		width: 50%;
	}
}

@media screen and (max-width: 800px) {
/*	.main {
		width:100%;
		height:auto;
		min-height:inherit;
		box-sizing: border-box;
	}
	
	aside {
		width:100%;
		height:auto;
		min-height:inherit;
	}
*/}

@media screen and (max-width: 640px) {
	#logo-sup {
		font-family:"Times New Roman", Times, serif;
		color:#3B3B3B;
		font-weight:bold;
		text-transform:uppercase;
		display:inline; 
		position:absolute;
		float:left;
		padding: 10px 0 0 10px;
	}
	.logo-sup  {
		
	}
	.carroescondido {
		display:none; }
	header {
		min-height:50px;
	}
	header .nav {
		float:left;
		text-align:left;
	}
	.nav ul {
		float:left;
	}
	.nav > li {
		float: left;
		display:block;
	}
	.front {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	} 
	.front, .back {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	} 
	.back { display:none; }
	.flip-container, .front, .back {
		width: 100%;
		height: 100px;
		float:left;
	}
	.flip-container {
		width: 50%;
	}
	.btn_mas {
		display:none;
	}
	.flip-icono img {	
		display:block;
		margin: 0 auto;
		padding-bottom:2px;
		width:70%;
		height:auto;
	}
	.flip-titulo {
		display:block;
		text-align:center;
		color:#7B0410;
		text-transform:uppercase;
		font-size:9px;
	}
	.flip-container:hover .back, .flip-container.hover .back {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.flip-container:hover .front, .flip-container.hover .front {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.subpie1 {
		display:none;
			}
	.subpie2 {
		display:none;
	}
	.subpie3 {
		display:block;
		width:100%;
			}
	.subpie4 {
		display:none;
	}
	.required { 
		width:100%;
	}
	.required2 { 
		width:100%;
	}
	.contenedor {
		width:100%;
		height:auto;
		min-height:inherit;
	}
	.main {
		width:100%;
	}
	.main img {
/*		display:none;
*/	}
	aside {
		display:none;
	}
	.altofijo {
/*		height: 300px;
		min-height:300px;
		max-height:300px;
*/		float:left;
	}
	.fotosprod_detalle {
		border:2px solid #C2C3C5;
		border-radius: 3px;
		float:left;
		display:inline;
/*		width, height:10%;
*/		margin:0 6px;
	}
	.fotosprod_listado {
		width:98%;
		height:auto; 
		border:1px solid #C2C3C5;
		max-height: 180px;
		max-width:260px;
		margin:0 auto;
	}
	.submasinfo {
		float:left;
	}
	.submasinfo2 {
		float:right;
	}
	.submasinfo2_detalle {
		float:right;
		display:block;
	}
	.cuerpo_productos, .cuerpo2_productos {
		margin:6px;
	}
	.decimales {
		display:none;
	}
	.filtros div{
		padding:3px;
		width:50%;
/*		max-width:320px;
		min-width:100px;
*//*		height: 300px;
		min-height: 300px;
		max-height: 300px;
*/		margin-left: 0px;
		display:inline-block;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;	
	}
    .active {
        display: block;
    }
	header .nav {
		    background: #A2ABB0;
	}
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
		#avisos-movil-agr-carrito {
		display: none;
		padding: 6px 9px;
		color: #A72A76;
		background-color:rgba(200,200,200,0.4);
		border:#A72A76 solid 2px;
		border-radius: 3px;
		float:right;
		margin:8px 6px;
	}
	#avisos-movil-agr-carrito::before {
		content:"agregado";
	}
	.img_c {
		float:none;
		margin:0 4px;
		width:98%;
		height:auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow:hidden;
	}
	.contenedor_gale { 
	width:98%;
	margin:0 auto;
	}
.contenedor_gale > div {
	padding:14px;;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
}