@media screen and (max-width :1280px) {
#head {
width:98%
}

#foot {
width:98%
}

.width1280 {
padding:0;
width:98%
}

.subtitulos {
font-size:1.1em
}

nav a {
padding:0 .6em
}

.BloqueHome3-2 {
padding:3.6% 0
}

.BloqueHome3-23 {
padding:3.3% 0
}

.ImagenEmpresa {
width:50%
}

.TextoEmpresa {
margin-left:3%;
width:46%
}

.FraseAmbiente h2 {
font-size:2em
}

.FraseAmbiente h3 {
font-size:2.5em
}

.FraseAmbiente h4 {
font-size:1.8em
}

.FraseAmbiente h5 {
font-size:1.2em
}

.Contacto {
width:29%
}

.ContactoForm {
width:65%
}

.ContactoImagen {
width:30%
}

.FraseContacto {
margin:1em 3% 1em 1%;
width:45%
}

.FraseBolsa h2 {
font-size:2em
}

.FraseBolsa h3 {
font-size:2.5em
}

.FraseBolsa h4 {
font-size:1.8em
}

.FraseBolsa h5 {
font-size:1.2em
}
}

@media screen and (max-width :1080px) {
nav {
margin-top:3%
}

nav a {
font-size:1em;
padding:0 .6em
}

.BloqueHome3-2 h2 {
font-size:2em
}

.BannerCuponera div.cup {
padding:38px 20px
}
}

@media screen and (max-width :1024px) {
#head {
width:94%
}

#foot {
width:94%
}

.width1280 {
padding:0;
width:94%
}

nav a {
font-size:1em;
padding:0 .4em
}

.borde {
width:32.5%
}

.TituloSimula {
width:33%
}

.BloqueHome3-23 {
padding:3.1% 0
}

.BannerCuponera div.cup h1 {
font-size:3.5em
}

.BannerCuponera div.cup h3 {
font-size:2.9em
}

.BannerCuponera div.cup p {
font-size:2em
}

div.cup form {
width:590px
}

div.cup form input,div.cup form button {
font-size:1.2em
}

.FraseSucursalesImagen {
margin-left:2%;
width:51%
}

.FraseAmbiente {
width:42%
}

.FraseAmbienteImagen {
width:51%
}

.WidthAmbientes {
width:26%
}

.bordeAmbiente {
width:36.5%
}

.Contacto {
width:36%
}

.ContactoForm {
width:58%
}

.FraseContacto h2 {
font-size:1.4em
}

.FraseContacto h3 {
font-size:2.7em
}

.FraseContacto h4 {
font-size:1.8em
}

.FormCol {
margin-right:1%
}

.FormCol2 textarea {
width:94%
}

.bordeAviso {
width:29.5%
}

.WidthAviso {
width:40%
}

.FraseBolsa {
width:52%
}

.FraseBolsaImagen {
width:41%
}

.WidthBolsa {
width:30%
}

.bordeBolsa {
width:34.5%
}
}

@media screen and (max-width :960px) {
.titulos {
font-size:1.6em
}

nav a {
font-size:.9em;
padding:0 .5em
}

.BloqueHome30 {
width:100%
}

.HomeTips {
display:inline-block;
margin:1%;
width:47%
}

.BloqueHome30-2 {
width:48%
}

.BloqueHome3-2 h2 {
font-size:1.7em
}

.BloqueHome3-23 {
padding:2.8% 0
}

.SucursalesBoton {
width:123px
}

.valores h4 {
font-size:1em
}

.valores p {
padding:0
}

.ImagenEmpresa {
vertical-align:top
}

.TextoEmpresa {
vertical-align:top
}

.FraseContactoImagen {
display:none
}

.FraseContacto {
margin:1em 0 1em 9%;
width:59%
}

.FormCol {
margin-right:0;
width:100%
}

.FormCol input {
padding:2%;
width:96%
}

.FormCol2 {
margin-right:0;
width:100%
}

.FormCol2 textarea {
height:90px;
padding:2%;
width:96%
}

.BannerCuponera div.cup {
padding:20px
}

.BannerCuponera div.cup h1 {
font-size:3em
}

.BannerCuponera div.cup h3 {
font-size:2.5em
}

.BannerCuponera div.cup p {
font-size:1.7em
}

div.cup form {
width:520px;
margin-top:10px
}

div.cup form input,div.cup form button {
font-size:1.2em
}

.MASON .grid li.grid-item {
width:50%
}

.widthContactoPromo {
margin-top:4.1em
}
}

@media screen and (max-width :768px) {
nav {
border-bottom:0;
height:auto
}

nav ul {
	background: #fff;
display:none;
height:auto;
width:100%
}

nav li {
width:100%;
float:left;
position:relative
}

nav a {
text-align: left;
width:100%;
padding: 10px;

}

nav a#pull {
display:block;
font: 600 18px/22px "Open Sans", sans-serif;
text-transform: uppercase;
color: #484848;
padding: 17px 20px;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
text-align: left;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

}

nav a#pull:after {
    display: block;
    font-family: "icomoon";
    content: "\e807";
    position: absolute;
    font-weight: 400;
font-variant:normal;

-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
    right: 15px;
    top: 18px;
    font-size: 26px;
}
nav ul{
	background: #fff;
}

.borde {
width:17.5%
}

.TituloSimula {
width:60%
}

.WidtHomeh25 {
margin:1em 1%;
width:48%
}

.BloqueHome3-2 h2 {
font-size:1.2em
}

.BloqueHome3-2 h3 {
font-size:1em
}

.BloqueHome3-23 h3 {
font-size:1em
}

.HomeTips {
display:inline-block;
margin:1% 0;
width:47%
}

.TextoEmpresa2 {
vertical-align:bottom
}

.ImagenEmpresa2 {
vertical-align:bottom
}

.valores {
margin:1em 1%;
width:47%
}

.valores h4 {
font-size:1.3em
}

.FraseSucursales {
width:100%
}

.FraseSucursalesImagen {
display:none
}

.Ambiente {
width:30%;
margin:1em 1.5%
}

.FraseAmbiente {
display:block;
margin:1em auto;
width:70%
}

.FraseAmbienteImagen {
width:80%
}

.FraseAmbiente h2 {
font-size:2.9em
}

.FraseAmbiente h3 {
font-size:3em
}

.FraseAmbiente h4 {
font-size:2.1em
}

.FraseAmbiente h5 {
font-size:1.5em
}

.Tip {
width:30%;
margin:1em 1.5%
}

.FraseBolsa {
display:block;
margin:1em auto;
width:70%
}

.FraseBolsaImagen {
width:80%
}

.FraseBolsa h2 {
font-size:2.9em
}

.FraseBolsa h3 {
font-size:3em
}

.FraseBolsa h4 {
font-size:2.1em
}

.FraseBolsa h5 {
font-size:1.5em
}
}

@media screen and (max-width :736px) {
	.width1280,
	#head{
		max-width: 100%;
		width: 500px;
		padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
	.contact-link,
	.search,
	.shopping-cart span,
	.user-info span{
		display: none;
	}
.nav-top .width1280 > div {
    vertical-align: top;
}	
#header2 figure{
	width: 100%;
	padding-top: 11px;
	vertical-align: top;
}
#header2 figure img {
		width: 97px;
    max-width: 100%;
}
.logo-mobile{
	display: inline-block!important;
	text-align: left;
}
.nav-top{
	background: #fff;
	margin-bottom: 10px;
}
.user-info,
.shopping-cart{
	margin: 0 -2px;
}
.user-info a,
.shopping-cart a{
	margin-left: 0;
}

#head figure.logo{
	display: none;
}

.header-contact span {
font-size:13px;
font-weight:700;
padding:10px
}

.header-contact a {
font-size:13px
}
.hidden-sm-up {
    display: block;
}
.hidden-xs-down{
	display: none;
}

.btn-factura,.btn-shopping {
display:inline-block;
margin:2px
}

.navegacion article div.datos {
width:100%
}

.navegacion article div.pago a {
padding:10px
}

.navegacion article div.pago {
margin-bottom:0;
margin-top:0;
padding:0 15px;
width:180px
}

.navegacion article div.datos {
margin-top:0;
padding:0 15px
}

.BloqueHome30-2 {
display:none
}

.titulos {
font-size:1.2em
}

.ImagenEmpresa {
display:none
}

.TextoEmpresa {
margin:0;
width:100%
}

.paddingTopBottom {
padding:1em 15px!important;
padding:1em 15px!important
}

.bordeEmpresa {
width:38.5%
}

.WidthEmpresa {
width:20%
}

.bordeAmbiente {
width:32.5%
}

.WidthAmbientes {
width:32%
}

.Ambiente {
margin:1em 1.2%
}

.FraseAmbiente {
width:100%
}

.FraseAmbiente h2 {
font-size:2.9em
}

.FraseAmbiente h3 {
font-size:3em
}

.FraseAmbiente h4 {
font-size:2.1em
}

.FraseAmbiente h5 {
font-size:1.5em
}

.Contacto p {
font-size:1.3em
}

.ContactoImagen {
width:37%
}

.FraseContactoImagen {
display:none
}

.FraseContacto {
margin:1em 0 1em 1%;
width:59%
}

.FraseContacto h2 {
font-size:1.1em
}

.FraseContacto h3 {
font-size:2.1em
}

.FraseContacto h4 {
font-size:1.4em
}

.bordeAviso {
width:29%
}

.Tip {
margin:1em 1.2%
}

.bordeBolsa {
width:32.5%
}

.WidthBolsa {
width:32%
}

.FraseBolsa {
width:100%
}

.FraseBolsa h2 {
font-size:2.9em
}

.FraseBolsa h3 {
font-size:3em
}

.FraseBolsa h4 {
font-size:2.1em
}

.FraseBolsa h5 {
font-size:1.5em
}

.menu {
border-bottom:0;
height:auto;
width:100%
}

.menu ul {
display:none;
height:auto;
width:100%
}

.menu ul li {
width:100%;
float:left;
position:relative
}

.menu ul li a {
width:100%;
padding:.5em;
font-size:1.1em;
border-bottom:1px solid #ddd
}

.menu a#pull2 {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
display:block;
color:#fff;
background-color:#999;
width:100%;
padding:.8em;
position:relative;
text-align:left
}

.menu a#pull2:after {
border:1px solid #fff;
content:"+";
display:block;
padding:5px 10px;
position:absolute;
right:7px;
top:7px
}

.BloqueBolsa {
width:100%
}

.BannerCuponera div.cup {
padding:20px
}

.BannerCuponera div.cup h1 {
font-size:2em
}

.BannerCuponera div.cup h3 {
font-size:2em
}

.BannerCuponera div.cup p {
font-size:1.5em
}

div.cup form {
width:520px;
margin-top:10px
}

div.cup form input,div.cup form button {
font-size:1em
}

.widthContactoPromo {
margin-top:3.1em
}

.contVideo {
width:100%;
padding:0 15px
}
}

@media screen and (max-width :568px) {
footer {
padding:1em 0
}

footer .left {
text-align:center
}

footer .left p {
text-align:center
}

footer .right {
text-align:center
}

footer .right p {
text-align:center
}

#header {
position:relative
}

.pie {
padding:.5em;
width:100%
}

.BloqueHome3 {
padding:0;
margin-left:0;
width:100%
}

.BloqueHome3 figure {
display:inline-block;
vertical-align:top;
width:45%
}

.BloqueHome3 h2 {
padding:10px 0 5px
}

.BloqueHome3 p {
padding:0
}

.simula {
display:inline-block;
margin-left:3%;
vertical-align:top;
width:51%
}

.BloqueHome3-2 {
margin-bottom:1em;
padding:6.1% 0;
width:49%
}

.BloqueHome3-22 {
margin-bottom:1em;
width:49%
}

.BloqueHome3-23 {
margin-bottom:1em;
padding:4.5% 0;
width:49%
}

.ImagenEmpresa2 {
display:none
}

.TextoEmpresa2 {
margin:1em 0;
width:100%
}

.SucursalesBoton {
margin:0 2%
}

.FraseSucursales {
margin:1em 0
}

.Sucursales {
border:0;
border-bottom:1px solid #ddd;
margin:0 0 2em;
padding:0 0 2em;
width:100%
}

.Sucursales2 {
border:0;
margin:0 0 2em;
padding:0;
width:100%
}

.bordeAmbiente {
width:28.5%
}

.WidthAmbientes {
width:36%
}

.Ambiente {
width:47%;
margin:1em 1.2%
}

.Contacto p {
font-size:1.2em;
margin-top:1em
}

.Contacto h3 {
margin-top:1em
}

.Tip {
width:47%;
margin:1em 1.2%
}

.BannerCuponera div.cup {
padding:20px
}

.BannerCuponera div.cup h1 {
font-size:1.5em
}

.BannerCuponera div.cup h3 {
font-size:1.5em
}

.BannerCuponera div.cup p {
font-size:1.2em
}

div.cup form {
width:100%;
margin-top:10px
}

div.cup form input,div.cup form button {
font-size:1em;
padding:7px
}

div.cup form button {
padding:7px 15px
}

.BannerProm figure {
padding:30px 15px
}
}

@media screen and (max-width :480px) {
.datos a {
padding:12px
}

.SucursalesBotones span {
font-size:3em
}

.navegacion p {
text-align:center
}

.navegacion article {
text-align:center
}

.horario {
display:none!important
}

.TituloSimula {
font-size:1.3em
}

.BloqueHome3 {
padding:0;
margin:0 auto 3em;
width:80%
}

.BloqueHome3 figure {
display:inline-block;
vertical-align:top;
width:100%
}

.simula {
margin-left:0;
width:100%
}

.WidtHomeh25 {
float:none;
margin:1em auto;
width:80%
}

.HomeTips {
display:inline-block;
margin:1%;
width:100%
}

.BloqueHome3-2 {
padding:4% 0;
width:49%
}

.BloqueHome3-2 h2 {
font-size:.9em
}

.BloqueHome3-2 h3 {
font-size:.9em
}

.BloqueHome3-22 {
width:49%
}

.BloqueHome3-23 {
padding:3.5% 0;
width:49%
}

.BloqueHome3-23 h3 {
font-size:.75em
}

.HomeTips {
margin:1% 0
}

.valores {
margin:1em 0;
width:100%
}

.bordeEmpresa {
width:31.5%
}

.WidthEmpresa {
width:30%
}

.bordeAmbiente {
width:19.5%
}

.WidthAmbientes {
width:58%
}

.FraseAmbienteImagen {
width:100%
}

.FraseAmbiente h2 {
font-size:2em
}

.FraseAmbiente h3 {
font-size:2.1em
}

.FraseAmbiente h4 {
font-size:1.5em
}

.bordeBolsa {
width:19.5%
}

.WidthBolsa {
width:58%
}

.FraseBolsaImagen {
width:100%
}

.FraseBolsa h2 {
font-size:2em
}

.FraseBolsa h3 {
font-size:2.1em
}

.FraseBolsa h4 {
font-size:1.5em
}

.Contacto {
border-bottom:1px solid #ddd;
margin:3em 0 2em;
padding-bottom:1em;
width:100%
}

.Contacto p {
margin-top:0
}

.ContactoForm {
margin:0 0 2em;
width:100%
}

.ContactoImagen {
display:none
}

.FraseContacto {
margin:1em 0;
width:100%
}

.bordeAviso {
width:28%
}

.Tip {
display:block;
width:80%;
margin:0 auto 2em
}

.FormCols {
width:100%
}

.FormCols input {
padding:3% 2%
}

.BannerCuponera {
background-size:cover
}

.BannerCuponera div.cup {
padding:20px
}

.BannerCuponera div.cup h1 {
font-size:1.5em
}

.BannerCuponera div.cup h3 {
font-size:1.2em
}

.BannerCuponera div.cup p {
font-size:1em
}

div.cup form {
width:100%;
margin-top:10px
}

div.cup form input,div.cup form button {
font-size:1em;
padding:7px
}

div.cup form button {
padding:7px 15px
}

.BannerProm figure {
width:100%
}

.MASON .grid li.grid-item {
width:100%
}

.widthPromociones,.widthContactoPromo {
width:100%
}

#webpay fieldset.datos_cliente p {
width:100%
}

#webpay fieldset.datos_operacion p {
width:100%
}

#webpay fieldset.datos_tarjeta p {
width:100%
}

#webpay fieldset.datos_tarjetahab p {
width:100%
}

form#webpay input {
width:17em
}

form#webpay input.largo {
width:22em
}

form#webpay input.corto {
width:4em
}

form#webpay fieldset.datos_operacion p {
height:initial
}

#header figure.logo img {
width:100px
}

#header figure.logo {
text-align:center
}

.navegacion div:last-child {
padding-left:0
}

.btn-factura,.btn-shopping {
font-size:14px;
padding:7px 10px
}

.navegacion div {
text-align:center
}

.header-contact span {
margin-right:15px
}

.header-contact span strong {
display:none
}

.header-contact span i {
display:block
}

.header-contact span:before {
border-left:10px solid #23af65;
border-top:16px solid transparent;
border-bottom:17px solid transparent;
right:-10px
}
}