@media (min-device-width: 320px) and (max-device-width: 767px) {
	#header {position:relative;}
	#page {width:100%;}
	#logo {float: none; width: 20%; display:inline-block; vertical-align:top; padding-left: 0;}
	#logo img {max-width:100%; display:block; height:auto;}
	#delivery {float: none; display:inline-block; vertical-align:top; width: 58%; padding: 0; margin:1em; position:absolute; top: 68px; right: 0;}
	#delivery img {max-width:100%; display:block; height:auto;}
	.redes-top {display: inline-block; width: 30%; position: absolute; top: 86px; left: 30px; padding: 0; margin: 0;}
	.h-right {float: none; display:inline-block; vertical-align:top; width: 76%;}
	#cart, #buscador {float: none; display:inline-block; vertical-align:top; padding:0; margin:0;}
	#buscador input[type=text] {max-width: 70%;}
	#cart {width:20%; float: right; margin-top:2em;}
	#cart a img {display:block; max-width:100%; height:auto;}
	#buscador {margin-top:2em; max-width:80%;}
	#buscador img {margin-top:1px;}
	#cart a {font-size:0;}
	.cl {clear: none; width: 0; display:none;}
	#navigation {width:100%; position:relative;}
	#navigation ul {width:100%; box-sizing:border-box; padding: 8px 16px; height: auto; position: absolute; background: #007cb4;  top: 36px; z-index:10000;}
	#navigation ul li {display:block; width:100%;}
	#navigation li a {padding:0;}
	.burguer {display:inline-block; float: right; margin-top: 6px; margin-right: 5px; background: none; border: none;}
	#contents {width: 100%;}
	#wowslider-container1 {width:100%!important;}
	#wowslider-container1 .ws_images {width:100%!important; height: 200px!important;}
	#wowslider-container1 a.ws_next {right:0!important; opacity: 0.7;}
	#wowslider-container1 a.ws_prev {left:0!important; opacity: 0.7;}
	button.burguer {display:block;}
	div#body {width:100%; padding:0;}
	div#sidebar {float: none; display: inline-block; width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
	#sidebar .menu-vertical {width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
	#menu-vertical ul {margin: 0 10%; padding: 0; width: 80%;}
	.publi {display:none;}
	#featured {float: none; display: inline-block; background: none; width: 100%; margin: 0;}
	#featured h3, .menu-vertical h3 {background-position: 0; background: #069; height: 34px; line-height: 1; width: 100%; margin: 0; padding: 8px 16px; box-sizing: border-box;}
	.productos {box-sizing:border-box; width:100%; padding-bottom: 0;}
	#featured ul {box-sizing: border-box; width:100%;}
	.productos li {
	float: none; 
	display: inline-block;
    font-size: 11px;
    margin: 0;
    width: 100%;
    padding-bottom: 0;
    min-height: 330px;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #d7e6f0;
    border-radius: 14px;
    margin-bottom: 16px;
	}
	.productos .more-date {width:100%;}
	.barra-mostrar {
	font-size: 12px;
    color: #666666;
    padding: 0 10px;
    margin-top: 0;
    box-sizing: border-box;
	}
	.barra-mostrar .pag .contador {margin-top: 22px;}
	.col-1 {
	float: none;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border-bottom: #0ad3ef 1px solid;
    margin: 0 0 4px;
    padding-bottom: 14px;
	border-right:none;
	}
	.col-1b {float:none;}
	div.direcciones object {display:none;}
	#adbox {position:relative; height:200px; overflow: hidden;}
	#adbox2 {position:relative; height:205px;}
	#adbox img {position:absolute; top:0; right:-50px;}
	#adbox img.nos {position:absolute; top:0; right:-90px;}
	#adbox img.carro {position:absolute; top:0; right:-21px;}
	#navigation li:hover {background: #069; margin: 0; padding-left: 16px; box-sizing: border-box; width: 100%;}
	.defaulty {display: inline-block;}
	.oculto {display:none;}
	.productos .texto {padding:0;}
	.productos .imagen {float: none; width: 100%; padding-top: 0;}
	.productos .imagen .imagen-grande {margin-right: 0; width: 100%; box-sizing: border-box;}
	.productos .table {float:none; width: 100%; margin-top:16px;}
	#contents p {font-size: 16px; line-height: 1.6;}
	.cleaner_h50 {height: 0;}
	#featured .texto {padding:16px;}
	.pastelero {float:none; width:100%; padding-top:0; box-sizing: border-box; margin-bottom: 16px;}
	.pastelero img {max-width: 100%; height: auto; display: block; margin:0 auto;}
	.tabla-carrito table {width: 100%;}
	.tabla-carrito .tabla-externa .kirai {display: none;}
	.tabla-interna td {display: block;}
	.tabla-carrito .tabla-externa {max-width: 100%; width: 100%; box-sizing: border-box;}
	.ultima {width: 100%;}
	.ultima .espacio {display: none; width: 0;}
	.tabla-interna tr {display: inline-block; width:30%;}
	.cabeza {border-right: 1px solid #ddd;}
	.cabeza td {padding:6px 0;}
	.cabeza td:first-child {padding:100px 0;}
	.daikirai td {padding:4px 0;}
	.daikirai td h3 {margin:0;}
	.daikirai td:first-child {padding:2px 0;}
	.warui {width:100%; box-sizing: border-box;}
	.doushite, .daidaikirai {width:100%; box-sizing: border-box; padding:0;}
	.snowflake {position: absolute; width: 100%; box-sizing: border-box;}
	.hurts {position: absolute; width: 100%; padding-top: 94px;}
	.unicornio {width: 100%; display:block; padding-top:160px;}
	.unicornio .cornucopia {display:none;}
	.unicornio .cornio {display:block;}
	.cornio {width:100%;}
	.subtitle {display:none}
}
/* Portrait */
@media (min-device-width: 320px) and (max-device-width: 359px) and (orientation: portrait) {
	#header {position:relative;}
	#page {width:100%;}
	#logo {float: left; width: 32%; display:inline-block; vertical-align:top; padding-left: 0;}
	#logo img {max-width:100%; display:block; height:auto;}
	#delivery {float: none; display:inline-block; vertical-align:top; width: 58%; padding: 0; margin:1em; position:absolute; top: 68px; right: 0;}
	#delivery img {max-width:100%; display:block; height:auto;}
	.redes-top {display: inline-block; width: 30%; position: absolute; top: 28px; left: 130px; padding: 0; margin: 0;}
	.h-right {float: none; display:inline-block; vertical-align:top; width: 66%; position: absolute; top: 0; right: 0;}
	#cart, #buscador {float: none; display:inline-block; vertical-align:top; padding:0; margin:0;}
	#buscador input[type=text] {max-width: 70%;}
	#cart {width:20%; float: right; margin-top:2em;}
	#cart a img {display:block; max-width:100%; height:auto;}
	#buscador {display:none;}
	/*#buscador img {margin-top:1px;}*/
	#cart a {font-size:0;}
	.cl {clear: none; width: 0; display:none;}
	#navigation {width:100%; position:relative;}
	#navigation ul {width:100%; box-sizing:border-box; padding: 8px 16px; height: auto; position: absolute; background: #007cb4;  top: 36px; z-index:10000;}
	/*.oculto {display:none;}*/
	#navigation ul li {display:block; width:100%;}
	#navigation li a {padding:0;}
	.burguer {display:inline-block; float: right; margin-top: 6px; margin-right: 5px; background: none; border: none;}
	#contents {width: 100%;}
	#wowslider-container1 {width:100%!important;}
	#wowslider-container1 .ws_images {width:100%!important; height:205px!important;}
	#wowslider-container1 .ws_images>div {max-height:205px; margin-left:-120px;}
	#wowslider-container1 .ws_images>div>span>img {max-height:205px;}
	button.burguer {display:block;}
	div#body {width:100%; padding:0;}
	#navigation li:hover {background: #069; margin: 0; padding-left: 16px; box-sizing: border-box; width: 100%;}
}
@media (min-device-width: 360px) and (max-device-width: 540px) and (orientation: portrait) {
	#header {position:relative;}
	#page {width:100%;}
	#logo {float: left; width: 32%; display:inline-block; vertical-align:top; padding-left: 0;}
	#logo img {max-width:100%; display:block; height:auto;}
	#delivery {float: none; display:inline-block; vertical-align:top; width: 58%; padding: 0; margin:1em; position:absolute; top: 68px; right: 0;}
	#delivery img {max-width:100%; display:block; height:auto;}
	.redes-top {display: inline-block; width: 30%; position: absolute; top: 28px; left: 130px; padding: 0; margin: 0;}
	.h-right {float: none; display:inline-block; vertical-align:top; width: 66%; position: absolute; top: 0; right: 0;}
	#cart, #buscador {float: none; display:inline-block; vertical-align:top; padding:0; margin:0;}
	#cart {width:20%; float: right; margin-top:2em;}
	#cart a img {display:block; max-width:100%; height:auto;}
	#buscador {display:none;}
	/*#buscador img {margin-top:1px;}*/
	#cart a {font-size:0;}
	.cl {clear: none; width: 0; display:none;}
	#navigation {width:100%; position:relative;}
	
	#navigation ul {width:100%; box-sizing:border-box; padding: 8px 16px; height: auto; position: absolute; background: #007cb4;  top: 36px; z-index:10000;}
	/*.oculto {display:none;}*/
	#navigation ul li {display:block; width:100%;}
	#navigation li a {padding:0;}
	.burguer {display:inline-block; float: right; margin-top: 6px; margin-right: 5px; background: none; border: none;}
	#contents {width: 100%;}
	#wowslider-container1 {width:100%!important;}
	#wowslider-container1 .ws_images {width:100%!important; height:205px!important;}
	#wowslider-container1 .ws_images>div {max-height:205px; margin-left:-120px;}
	#wowslider-container1 .ws_images>div>span>img {max-height:205px;}
	#wowslider-container1 a.ws_next {right:0!important;}
	#wowslider-container1 a.ws_prev {left:0!important;}
	button.burguer {display:block;}
	#navigation li:hover {background: #069; margin: 0; padding-left: 16px; box-sizing: border-box; width: 100%;}
}
/* Landscape */
@media (min-device-width: 568px) and (max-device-width: 767px) and (orientation: landscape) {
	#cart {width: 11%;}
	#delivery {width: 54%; margin: 0em;}
	.redes-top {width: 64%;}
	#buscador input[type=text] {max-width: 80%;}
	#wowslider-container1 {width:100%!important;}
	#wowslider-container1 .ws_images {width:100%!important; height:233px!important;}
	#wowslider-container1 .ws_images>div {max-height:233px; margin-left:0;}
	#wowslider-container1 .ws_images>div>span>img {max-height:233px;}
	.productos li {margin: 1%; width: 48%;}
	.col-1 {width: 32%; border-right: #0ad3ef 1px solid; border-bottom:none; min-height:222px;}
	#adbox2 {height: 233px;}
}